/* Black first. One liquid study becomes a signal, then the white work chapter. */
body{background:#060606}.site-header.dark-header{--paper:#060606;--ink:#f3f2ec;--line:#292929;color:var(--ink)}.site-header{transition:background .25s,color .25s,border-color .25s}.opening{height:285svh;background:#060606;color:#f3f2ec}.opening-stage{height:calc(100svh - 82px);min-height:570px;background:#060606;padding-top:54px;isolation:isolate}.hero-copy{width:47%;opacity:var(--intro-alpha,1);transform:translateY(calc(var(--p)*-90px));z-index:5}.hero-copy h1{font-weight:400;font-size:clamp(70px,8.4vw,128px);line-height:1.06;letter-spacing:-.06em;margin:48px 0 28px}.hero-copy .eyebrow{color:#a7a7a1;letter-spacing:.12em}.hero-intro{color:#b8b8b3;font-size:16px;max-width:350px}.opening .text-link{border-color:#aaa9a2;font-size:12px}.opening a:focus-visible{outline-color:#f3f2ec}.cosmic-scene{position:absolute;left:44%;width:52%;top:0;height:100%;z-index:1;pointer-events:none}.cosmic-scene canvas{position:absolute;inset:0;width:100%;height:100%}.scene-caption{position:absolute;left:52%;right:var(--gutter);bottom:88px;display:flex;justify-content:space-between;color:#a8a8a2;font-size:10px;letter-spacing:.04em;opacity:var(--study-alpha,1);z-index:3}.signal-copy{position:absolute;left:var(--gutter);top:15%;width:43%;z-index:3;opacity:var(--signal-alpha,0);transform:translateY(calc((1 - var(--signal-alpha,0))*28px));pointer-events:none}.signal-copy .eyebrow{color:#a8a8a2}.signal-copy h2{font-size:clamp(46px,6.7vw,98px);font-weight:400;letter-spacing:-.06em;line-height:1.12;margin:38px 0 24px}.signal-copy p:last-child{font-size:14px;line-height:1.8;color:#b8b8b3;max-width:290px}.white-portal{position:absolute;left:70%;top:50%;width:2px;height:2px;border-radius:50%;background:var(--paper);transform:translate(-50%,-50%) scale(var(--iris,0));z-index:4;pointer-events:none}.chapter-arrival{position:absolute;left:var(--gutter);right:var(--gutter);top:36%;z-index:5;color:var(--ink);opacity:var(--arrival-alpha,0);pointer-events:none}.chapter-arrival h2{font-weight:400;font-size:clamp(50px,7.7vw,110px);line-height:1.12;letter-spacing:-.06em;margin:22px 0}.chapter-arrival p:last-child{font-size:14px;color:var(--muted)}.opening-bottom{z-index:5;color:#aaa9a3;opacity:var(--study-alpha,1);font-size:11px}.opening-bottom .scroll-line{background:#999991}.phase-list{display:flex;gap:22px}.phase-list span{color:#70706b}.phase-list span.active{color:#f3f2ec}.page-content{position:relative;background:var(--paper);z-index:6}.study-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:90px 0 100px;border-top:1px solid var(--line);align-items:center}.study-graphic{width:100%;max-width:560px;height:auto;color:#767670}.study-copy h2{font-size:clamp(36px,4.5vw,66px);font-weight:400;letter-spacing:-.055em;line-height:1.18;margin:26px 0}.study-copy p:last-child{font-size:15px;line-height:1.85;color:var(--muted);max-width:370px}.study-caption{font-size:10px;color:var(--muted);margin:16px 0 0}.work-projects{min-width:0}.work-projects .feature-frame{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:350px;margin:0 0 56px;will-change:auto;background:transparent;overflow:visible}.work-projects .frame-title{font-size:clamp(36px,4.2vw,60px)}.work-projects .frame-top{padding:20px 24px}.work-projects .frame-body{min-height:210px;padding:32px}.work-projects .frame-body.has-media{height:340px}.work-projects .frame-bottom{padding:20px 24px;align-items:center;flex-direction:row}.work-projects .frame-track{display:none}.work-entry{--entry-p:1;position:relative;border-color:var(--line)}.work-entry:not(:first-child):before{content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(var(--entry-p));transform-origin:left}.work-entry h3{transform:translateY(calc((1 - var(--entry-p))*18px))}.entry-meta{letter-spacing:.025em}.section-deck,.work-entry .entry-summary,.leadership-row p{font-size:16px}.motion-off .opening{height:auto}.motion-off .opening-stage{height:calc(100svh - 82px);min-height:590px;position:relative;top:auto}.motion-off .hero-copy{opacity:1;transform:none}.motion-off .cosmic-scene{opacity:1}.motion-off .signal-copy,.motion-off .white-portal,.motion-off .chapter-arrival{display:none}.motion-off .scene-caption,.motion-off .opening-bottom{opacity:1}.motion-off .phase-list{display:none}.motion-off .work-entry h3{transform:none}.motion-off .work-entry:before{transform:none}
@media(max-width:1000px){.opening-stage{top:72px;height:calc(100svh - 72px)}.hero-copy h1{font-size:86px}.signal-copy h2{font-size:64px}.scene-caption{left:49%;font-size:9px}.work-projects .frame-bottom{flex-direction:column;align-items:start}.motion-off .opening-stage{height:calc(100svh - 72px)}}
@media(max-width:650px){.opening{height:245svh}.opening-stage{top:68px;height:calc(100svh - 68px);min-height:0;padding-top:30px}.hero-copy{width:100%;transform:translateY(calc(var(--p)*-48px))}.hero-copy h1{font-size:64px;line-height:1.02;margin:24px 0 16px}.hero-copy h1 br{display:none}.hero-intro{font-size:13px;line-height:1.7;max-width:240px;margin-bottom:4px}.hero-copy .eyebrow{font-size:9px}.cosmic-scene{left:0;width:100%;top:30%;height:61%}.scene-caption{left:var(--gutter);bottom:58px;font-size:9px}.opening-bottom{bottom:20px;font-size:10px}.phase-list{gap:12px}.opening-bottom .scroll-line{display:none}.opening-bottom>span:first-child{margin-right:auto}.opening-bottom .phase-list{display:flex;margin-left:0!important}.signal-copy{top:6%;width:calc(100% - 2*var(--gutter))}.signal-copy h2{font-size:52px;margin:22px 0 14px}.signal-copy h2 br{display:none}.signal-copy p:last-child{font-size:12px;max-width:240px}.white-portal{left:50%;top:60.5%}.chapter-arrival{top:25%}.chapter-arrival h2{font-size:52px}.chapter-arrival p:last-child{font-size:13px;max-width:240px}.study-section{display:flex;flex-direction:column-reverse;align-items:stretch;gap:28px;padding:64px 0}.study-copy h2{font-size:42px}.study-copy p:last-child{font-size:15px}.study-graphic{max-width:420px;margin-inline:auto}.work-projects .feature-frame{min-height:0;margin-bottom:40px}.work-projects .frame-title{font-size:34px}.work-projects .frame-body{min-height:190px;padding:26px}.work-projects .frame-bottom{flex-direction:row;align-items:center}.work-projects .frame-bottom>div{display:block;max-width:55%}.frame-context{font-size:10px}.section-deck,.work-entry .entry-summary,.leadership-row p{font-size:15px}.motion-off .opening-stage{min-height:0;height:calc(100svh - 68px)}.motion-off .feature-frame{left:auto;top:auto;width:100%;height:auto}}
@media(max-width:420px){.opening-stage{top:112px;height:calc(100svh - 112px)}.hero-copy h1{font-size:clamp(47px,15vw,61px)}.motion-off .opening-stage{top:auto;height:calc(100svh - 112px)}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}.work-entry h3{transform:none}.work-entry:before{transform:none}}

.motion-off .opening-bottom .phase-list{display:none}
@media(max-width:650px) and (max-height:740px){.hero-copy h1{font-size:44px;margin:16px 0 10px}.hero-intro{font-size:12px}.opening-stage{padding-top:22px}.cosmic-scene{top:38%;height:52%}.signal-copy h2{font-size:42px}.signal-copy p:last-child{font-size:11px}.scene-caption{bottom:52px}}

.opening-bottom .phase-list span{display:inline;margin-left:0}
