
main{overflow-x:clip;background:#000}
.f-page{background:#000;color:#fff;--pt:170px;--pb:170px;--col:580px}
.f-page :focus-visible{outline-color:#b6caff}
.f-page .phrase{display:inline;white-space:nowrap}
.f-page .ln{display:block}
.f-hero-title,.f-title,.f-lead{text-wrap:balance}
.f-wrap{width:980px;max-width:87.5%;margin:0 auto}
.f-eyebrow{margin:0 0 6px;font-size:28px;font-weight:600;line-height:33.0011px;letter-spacing:.196px;color:#c9ced8}
.f-title{margin:0;font-size:72px;font-weight:600;line-height:76px;color:#fff}
.f-col{max-width:var(--col);margin-top:48px}
.f-lead{margin:0;font-size:28px;font-weight:600;line-height:33.0011px;color:#fff}
.f-body{margin-top:30px}
.f-lead+.f-body{margin-top:30px}
.f-body p{margin:0;font-size:21px;font-weight:600;line-height:29.001px;color:#c9ced8}
.f-body p+p{margin-top:29.001px}
.f-sec{padding:var(--pt) 0 var(--pb);background:#000}

.f-opener{display:flex;align-items:center;justify-content:center;min-height:max(600px,calc(100vh - 52px));padding:80px 0 120px;box-sizing:border-box;text-align:center}
.f-opener-inner{width:980px;max-width:calc(100% - 80px)}
.f-opener .f-eyebrow{margin:0 0 8px}
.f-hero-title{margin:0;font-size:80px;font-weight:600;line-height:87px;color:#fff}
.f-opener-body{margin:30px 0 0;font-size:21px;font-weight:600;line-height:29.001px;color:#c9ced8}

.f-role{margin-right:1em}

.f-person{--col:min(580px,calc(30vw + 160px));padding-bottom:0;overflow:hidden}
.f-letter{--x:44px}
.f-otaki{--x:50px}
.f-shinkai{--x:34px}
.f-person .f-wrap{display:grid;grid-template-columns:var(--col) minmax(0,1fr)}
.f-person-text{display:contents}
.f-person .f-eyebrow,.f-person .f-title{grid-column:1 / -1}
.f-person .f-eyebrow{grid-row:1}
.f-person .f-title{grid-row:2}
.f-person .f-eyebrow,.f-person .f-title,.f-person .f-col{position:relative;z-index:1}
.f-person .f-col{grid-column:1;grid-row:3;align-self:start;padding-bottom:var(--pb)}
.f-person-media{grid-column:2;grid-row:1 / 4;position:relative;margin:0 calc((min(980px,87.5vw) - 100vw) / 2) 0 0}
.f-person-img{position:absolute;top:0;left:var(--x,0px);display:block;height:auto;max-width:none;-webkit-mask-image:linear-gradient(to bottom,#000 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 80%,rgba(0,0,0,0) 100%)}
.f-otaki .f-person-img{width:min(555px,88%);
-webkit-mask-image:linear-gradient(to bottom,#000 80%,rgba(0,0,0,0) 100%),linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%);-webkit-mask-composite:source-in;
mask-image:linear-gradient(to bottom,#000 80%,rgba(0,0,0,0) 100%),linear-gradient(to right,rgba(0,0,0,0) 0,#000 7%);mask-composite:intersect}
.f-shinkai .f-person-img{left:auto;right:0;width:calc(100% - var(--x,0px))}
.f-letter .f-person-img{width:min(600px,88%)}

.f-facts .f-eyebrow{margin:0;font-size:21px;line-height:29.001px;letter-spacing:normal;color:#fff}
.e-list{margin:24px 0 0}
.e-row-value{text-wrap:balance}
.e-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:0 20px;padding:14px 0}
.e-row dt{font-size:21px;font-weight:600;line-height:29.001px;color:#c9ced8}
.e-row dd{margin:0}
.e-row-value{display:block;font-size:21px;font-weight:600;line-height:29.001px;color:#fff}
.e-row-value a{color:inherit;text-decoration:none}
.e-row-value a:hover{text-decoration:underline}
.e-row-value .phrase,.e-row-value time{white-space:nowrap}

.f-motion .f-fade{opacity:0;transition:opacity 1.4s cubic-bezier(.25,.1,.25,1)}
.f-motion .f-fade.is-in{opacity:1}

@media(min-width:1069px) and (max-width:1279px){
.f-person-media{grid-row:3}
.f-person-img{top:auto;bottom:0}
.f-letter{--x:-24px}
}
@media(max-width:1068px){
.f-page{--pt:140px;--pb:130px;--col:588px}
.f-wrap,.f-opener-inner{width:692px}
.f-eyebrow{font-size:24px;line-height:30px}
.f-title{font-size:58px;line-height:62px}
.f-lead{font-size:24px;line-height:30px}
.f-body p,.f-opener-body{font-size:19px;line-height:27.0009px}
.f-body p+p{margin-top:27.0009px}
.f-opener{min-height:max(560px,calc(100vh - 52px));min-height:max(560px,calc(100svh - 52px));padding:60px 0 100px}
.f-hero-title{font-size:56px;line-height:63px}
.f-person{--col:588px;padding-bottom:var(--pb)}
.f-person .f-wrap{display:flex;flex-direction:column}
.f-person .f-eyebrow{order:1}
.f-person .f-title{order:2}
.f-person-media{order:3;position:static;margin:40px 0 0}
.f-person .f-col{order:4;padding-bottom:0;margin-top:0}
.f-person-img{position:static}
.f-otaki .f-person-img{width:72vw;max-width:none;margin:0 0 0 calc((min(692px,87.5vw) - 100vw) / 2)}
.f-shinkai .f-person-media{margin-right:calc((min(692px,87.5vw) - 100vw) / 2)}
.f-shinkai .f-person-img{width:min(84vw,100%);margin:0 0 0 auto}
.f-letter .f-person-media{margin-right:calc((min(692px,87.5vw) - 100vw) / 2)}
.f-letter .f-person-img{width:min(76vw,100%);margin:0 4vw 0 auto}
.e-row{grid-template-columns:160px minmax(0,1fr)}
.e-row-value,.e-row dt,.f-facts .f-eyebrow{font-size:19px;line-height:27.0009px}
}
@media(max-width:734px){
.f-page{--pt:100px;--pb:92px;--col:100%}
.f-wrap,.f-opener-inner{width:87.5%}
.f-eyebrow{font-size:21px;line-height:26px}
.f-title{font-size:32px;line-height:39px}
.f-lead{font-size:21px;line-height:26px}
.f-col{margin-top:32px}
.f-opener{min-height:max(520px,calc(100vh - 52px));min-height:max(520px,calc(100svh - 52px));padding:40px 0 120px}
.f-opener-inner{max-width:none}
.f-hero-title{font-size:32px;line-height:39px}
.f-opener-body{margin-top:20px;font-size:17px;line-height:25.0001px}
.f-person-media{margin-top:28px}
.f-otaki .f-person-img{width:92vw;margin-left:-6.25vw}
.f-person{--col:100%}
.f-shinkai .f-person-media{margin-left:-6.25vw;margin-right:-6.25vw}
.f-shinkai .f-person-img{width:100%}
.f-letter .f-person-media{margin-left:-6.25vw;margin-right:-6.25vw}
.f-letter .f-person-img{width:88vw;margin:0 4vw 0 auto}
.e-list{margin-top:20px}
.e-row{grid-template-columns:96px minmax(0,1fr);gap:0 14px;padding:10px 0}
.e-row-value,.e-row dt,.f-facts .f-eyebrow{font-size:17px;line-height:25.0001px}
}
@media(max-width:389px){
.f-opener-body{font-size:16px;line-height:24px}
}
@font-face{font-family:"Maximize Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/jetbrains-mono/latin-500.woff2") format("woff2")}
.f-page{position:relative;isolation:isolate}
.f-sec,.f-opener{position:relative;z-index:1;background:transparent}
.page-footer{position:relative;z-index:1}
.f-code{position:absolute;left:0;top:0;z-index:0;width:100%;height:100vh;display:block;pointer-events:none;opacity:0;transition:opacity 1.6s cubic-bezier(.25,.1,.25,1)}
.f-code.is-on{opacity:1}
