@charset "UTF-8";
:root{--ink:#0b0b0b;--white:#fff;--muted:#b5b5af;--section-label:#919191;--support-copy-size:clamp(1.25rem,2vw,2.375rem);--line:#393939;--accent:#c3f56b;--radius:24px;--gutter:clamp(24px,4.4vw,88px);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--white);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--ink)}a:focus-visible,[tabindex]:focus-visible{outline:3px solid #71a72d;outline-offset:7px}p,h1,h2,h3,figure{margin:0}section{scroll-margin-top:68px}.section-dark{background:var(--ink);color:var(--white)}
.cover{height:100svh;min-height:400px;background:#000;display:grid;place-items:center}.cover img{width:100%;height:100%;max-height:100svh;object-fit:contain}
.navigation{position:sticky;top:0;z-index:20;height:68px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--gutter);background:#0b0b0b;color:#fff;border-bottom:1px solid #2a2a2a}.wordmark{font-size:29px;letter-spacing:-2px;text-decoration:none;font-weight:700}.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}.nav-links{display:flex;gap:clamp(20px,3.2vw,60px)}.nav-links a{font-size:14px;text-decoration:none}.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}.nav-note{font-size:12px;letter-spacing:.08em}
.section-meta{display:flex;justify-content:space-between;gap:20px;align-items:baseline;font-size:14px;line-height:1.5;letter-spacing:.03em}.section-meta span:last-child{text-align:right}.about,.thinking,.tools,.growth,.future{padding:40px var(--gutter) 54px;min-height:calc(100svh - 68px)}.about-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:4vw;align-items:center;min-height:calc(100svh - 205px);padding-top:40px}.about h1{font-size:clamp(68px,7.2vw,138px);font-weight:500;letter-spacing:-.075em;line-height:1.17;margin:22px 0}.identity-line{display:flex;gap:30px;font-size:clamp(16px,1.22vw,24px);padding-bottom:22px;border-bottom:1px solid var(--line);width:max-content;max-width:100%}.about-statement{font-size:clamp(22px,1.85vw,36px);line-height:1.5;margin:26px 0}.responsibilities{margin:0;padding-top:3px;max-width:620px}.responsibilities div{display:grid;grid-template-columns:128px 1fr;gap:14px;padding:11px 0;font-size:clamp(15px,1.13vw,22px);line-height:1.55}.responsibilities dt{color:var(--muted);font-size:.8em;padding-top:.17em}.responsibilities dd{margin:0}.about-visual{align-self:stretch;min-height:440px;background:#151515;position:relative;border-radius:var(--radius);display:flex;align-items:center;overflow:hidden}.about-visual img{width:100%;height:auto;object-fit:contain}.visual-caption{position:absolute;left:28px;bottom:24px;color:#ddd;font-size:12px;letter-spacing:.12em}
.work{height:calc(100svh - 68px);min-height:680px;padding:36px 0 28px;display:flex;flex-direction:column}.work>.section-meta,.work-heading-row,.work-bottom{padding-left:var(--gutter);padding-right:var(--gutter)}.work-heading-row{display:flex;justify-content:space-between;align-items:flex-end;padding-top:26px;padding-bottom:28px;gap:30px}.work h2{font-size:clamp(44px,4.5vw,86px);line-height:1.12;font-weight:500;letter-spacing:-.055em}.serif-en{font-weight:400}.work-intro p{font-size:var(--support-copy-size);line-height:1.5}.work-intro>span{display:block;font-size:12px;color:#aaa;margin-top:18px;letter-spacing:.03em}.work-track{--gallery-height:clamp(190px,calc(100svh - 455px),530px);display:flex;gap:24px;align-items:flex-start;overflow-x:auto;overflow-y:hidden;min-height:0;flex:1;padding:10px var(--gutter) 18px;scrollbar-width:thin;scrollbar-color:#777 #202020;overscroll-behavior-x:contain}.work-item{flex:0 0 auto;width:max-content;max-width:none;align-self:flex-start}.work-item.series-start{margin-left:24px}.work-media{display:block;width:max-content;padding:0;border-radius:14px;background:transparent;text-decoration:none}.work-media img{height:var(--gallery-height);width:auto;max-height:none;max-width:none;object-fit:contain;border-radius:14px}.work-item figcaption{padding:12px 0 0;line-height:1.5;font-size:14px;display:flex;justify-content:space-between;gap:14px}.work-item figcaption small{display:block;color:#a7a7a1;font-size:12px;margin-top:2px}.work-item figcaption span{color:#a7a7a1;font-size:12px}.work-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-top:22px;font-size:14px;line-height:1.5}.work-bottom p span{margin:0 12px;color:#777}.work-bottom>span{color:#b5b5af;font-size:12px}
@media(min-width:1600px){.about,.thinking,.tools,.growth,.future{padding-top:52px}.section-meta{font-size:16px}.nav-links a{font-size:16px}.work{padding-top:46px}.work-track{gap:32px}.work-bottom{font-size:16px}}
@media(max-width:900px){.nav-note{display:none}.about-grid{gap:28px;grid-template-columns:1fr .8fr}.about h1{font-size:70px}.about-visual{min-height:440px}.responsibilities div{grid-template-columns:98px 1fr;font-size:15px}.work-intro>span{max-width:180px;line-height:1.6}.work-bottom{align-items:flex-start}.work-bottom>span{max-width:110px}}
@media(max-width:640px){:root{--gutter:22px;--radius:20px}.cover{height:auto;min-height:0;padding:0}.cover img{height:auto;max-height:none}.navigation{height:60px}.wordmark{font-size:25px}.nav-links{gap:18px}.nav-links a{font-size:12px}.nav-links a:nth-child(3){display:none}.section-meta{font-size:12px}.about,.thinking,.tools,.growth,.future{padding-top:26px;padding-bottom:36px;min-height:0}.about-grid{grid-template-columns:1fr;padding-top:34px}.about h1{font-size:76px;margin:14px 0}.about-statement{font-size:24px}.responsibilities div{grid-template-columns:104px 1fr;font-size:16px}.about-visual{min-height:0;aspect-ratio:16/10;margin-top:6px}.visual-caption{bottom:16px;left:20px}.work{height:720px;min-height:0;padding-top:28px}.work-heading-row{display:block;padding-top:28px;padding-bottom:22px}.work h2{font-size:46px}.work-intro{margin-top:22px}.work-intro p{font-size:var(--support-copy-size)}.work-intro>span{display:none}.work-track{gap:18px}.work-bottom{display:block;padding-top:18px}.work-bottom>span{display:block;max-width:none;margin-top:8px}.work-bottom p{font-size:12px}.work-bottom p span{margin:0 6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.thinking-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding:60px 0 50px;min-height:calc(100svh - 260px)}.thinking h2{font-size:clamp(56px,5.7vw,110px);line-height:1.22;letter-spacing:-.055em;font-weight:500}.text-highlight{display:inline-block;vertical-align:baseline;background:var(--accent);color:var(--ink);border-radius:.35em;padding:0 .07em;line-height:1.1;letter-spacing:-.055em}.lead-text{font-size:clamp(20px,1.55vw,30px);line-height:1.7;margin-top:34px}.thinking-goal{font-size:14px;color:var(--muted);margin-top:28px}.action-list{list-style:none;padding:0;margin:0}.action-list li{display:flex;gap:26px;padding:28px 0;border-top:1px solid #454545}.action-list li:first-child{border-top:0}.action-list li:last-child{border-bottom:1px solid #454545}.action-number{font-size:14px;padding-top:8px;color:var(--muted)}.action-list h3{font-size:clamp(23px,1.85vw,36px);font-weight:500;line-height:1.4}.action-list p{font-size:clamp(17px,1.22vw,24px);line-height:1.75;margin-top:12px;color:#c8c8c3}.section-end{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:22px;font-size:clamp(17px,1.4vw,27px)}.section-end span:last-child{font-size:12px;color:var(--white);padding-top:7px;letter-spacing:.07em}
.tools-title{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 0 24px}.tools-title h2{font-size:clamp(66px,7.1vw,136px);font-weight:400;letter-spacing:-.065em;line-height:1.1}.tools-title h2 span{color:var(--accent);font-weight:300}.tools-title p{font-size:clamp(23px,2vw,38px);line-height:1.45}.tools-pair{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:30px 0 38px}.tools-pair article{border-top:1px solid #55554f;padding-top:24px}.tool-name{display:flex;align-items:baseline;gap:25px;flex-wrap:wrap}.tool-name h3{font-size:clamp(36px,3vw,58px);letter-spacing:-.04em;font-weight:400}.tool-name span{font-size:14px;color:#b4b4ae}.tools-pair article>p{font-size:clamp(18px,1.55vw,30px);line-height:1.6;margin-top:18px}.next-line{font-size:14px;color:#b4b4ae;line-height:1.6;margin-top:20px}.sop-area{background:#1c1c1a;border-radius:var(--radius);padding:25px 30px}.sop-caption{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.sop-caption h3{font-weight:400;font-size:clamp(22px,1.75vw,34px)}.sop-caption>span{font-size:14px;color:#bbb}.sop-flow{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:28px 0 22px;padding:0}.sop-flow li{font-size:clamp(17px,1.45vw,28px);border-left:1px solid #575751;padding:0 15px}.sop-flow li:first-child{padding-left:0;border:0}.sop-flow li>span{font-size:12px;display:block;color:var(--accent);margin-bottom:10px}.sop-note{color:#b4b4ae;font-size:14px;line-height:1.6;border-top:1px solid #3a3a35;padding-top:18px}
.growth-title{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:65px 0 55px}.growth-title h2{font-size:clamp(48px,5vw,96px);line-height:1.3;font-weight:500;letter-spacing:-.05em}.growth-title>p{font-size:var(--support-copy-size);line-height:1.6;max-width:none;flex-shrink:0}.growth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;padding:18px 0 35px}.growth-grid article{border-top:1px solid #454545;padding-top:24px}.growth-number{font-size:clamp(54px,5.2vw,100px);line-height:1;letter-spacing:-.07em;color:#acaca5}.growth-grid h3{font-size:clamp(25px,2.2vw,42px);font-weight:500;margin:32px 0 18px}.growth-grid p{font-size:clamp(18px,1.42vw,27px);line-height:1.75;max-width:390px}.growth-action{display:block;font-size:14px;color:#b5b5af;margin-top:30px;line-height:1.5}
.future-title{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:44px 0}.future-title h2{font-size:clamp(70px,8vw,154px);font-weight:400;letter-spacing:-.075em;line-height:1.05}.future-pill{display:inline-block;border-radius:1em;padding:0 .2em .06em .13em;background:var(--accent);color:var(--ink);margin-left:-.08em;margin-top:.08em}.future-title>p{font-size:clamp(34px,3.5vw,67px);line-height:1.3;letter-spacing:-.04em}.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:18px 0 46px}.future-grid article{border-top:1px solid #5b5b55;padding-top:23px}.plan-period{font-size:14px;color:#b5b5ae}.future-grid h3{font-size:clamp(25px,2.2vw,42px);line-height:1.5;font-weight:400;margin:16px 0}.future-grid h3 span{color:var(--accent)}.future-grid p{font-size:clamp(18px,1.42vw,27px);line-height:1.75;color:#d1d1cb}.closing{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;border-top:1px solid #484843;padding-top:28px}.closing p{font-size:clamp(19px,1.65vw,32px);line-height:1.5}.closing div{font-size:18px;line-height:1.8;text-align:right}.closing div>span{font-size:12px;color:#aaa}
@media(max-width:900px){.thinking-grid{gap:35px}.action-list li{gap:17px}.growth-grid{gap:24px}.sop-flow{grid-template-columns:repeat(3,1fr);gap:24px 0}.sop-flow li:nth-child(4){border:0;padding-left:0}.tools-title p{font-size:22px}.sop-caption{align-items:flex-start}.sop-caption>span{max-width:180px}}
@media(max-width:640px){.thinking-grid{grid-template-columns:1fr;padding:44px 0 30px;min-height:0;gap:35px}.thinking h2{font-size:60px}.lead-text{font-size:21px;margin-top:26px}.action-list li{padding:23px 0}.action-list h3{font-size:23px}.action-list p{font-size:17px}.section-end{display:block;font-size:19px}.section-end>span:last-child{display:block;margin-top:10px}.tools-title{display:block;padding:36px 0 24px}.tools-title h2{font-size:67px}.tools-title p{margin-top:24px;font-size:24px}.tools-pair{grid-template-columns:1fr;gap:28px;padding-top:10px}.tool-name h3{font-size:42px}.tools-pair article>p{font-size:20px}.sop-area{padding:24px 20px}.sop-caption{display:block}.sop-caption h3{font-size:24px}.sop-caption>span{display:block;font-size:12px;margin-top:10px;max-width:none}.sop-flow li{font-size:16px;padding:0 10px}.sop-note{font-size:13px}.growth-title{display:block;padding:44px 0 35px}.growth-title h2{font-size:43px}.growth-title>p{margin-top:26px;font-size:var(--support-copy-size);max-width:none}.growth-grid{grid-template-columns:1fr;gap:34px}.growth-grid article{position:relative;padding-left:64px}.growth-number{font-size:44px;position:absolute;top:25px;left:0}.growth-grid h3{font-size:27px;margin:0 0 14px}.growth-grid p{font-size:19px;max-width:none}.growth-action{margin-top:18px}.future-title{display:block;padding:38px 0 32px}.future-title h2{font-size:90px}.future-title>p{font-size:34px;margin-top:38px}.future-grid{grid-template-columns:1fr;gap:32px;padding-bottom:32px}.future-grid h3{font-size:25px}.future-grid p{font-size:19px}.closing{display:block}.closing p{font-size:22px}.closing div{text-align:left;margin-top:26px;font-size:18px}}
.about{position:relative;isolation:isolate;background:var(--ink);color:#fff}.about-grid{grid-template-columns:1fr 1fr}.about-visual{position:absolute;inset:0;z-index:-2;min-height:0;border-radius:0;background:var(--ink);display:block}.about-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.about::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,6,20,.78),rgba(1,6,20,.32) 41%,transparent 67%)}.about .identity-line{border-color:#8090aa}.about .responsibilities dt{color:#c2cde0}.about-copy{max-width:670px}.work{min-height:620px}
@media(max-width:900px){.about-grid{grid-template-columns:1.1fr .9fr}.about-visual{min-height:0}.about h1{font-size:70px}.about-statement{font-size:24px}}
@media(max-width:640px){.about-grid{grid-template-columns:1fr}.about-visual{position:relative;inset:auto;z-index:0;aspect-ratio:16/9;border-radius:20px;margin:10px calc(-1 * var(--gutter)) -36px;max-width:calc(100% + 2 * var(--gutter));width:calc(100% + 2 * var(--gutter));background:var(--ink)}.about-visual img{height:auto;width:100%}.about::after{background:var(--ink);z-index:-1}.about h1{font-size:76px}.work{min-height:0}}

.longform{height:calc(100svh - 68px);min-height:620px;padding:32px var(--gutter) 28px;display:flex;flex-direction:column;border-top:1px solid #292929}
.longform-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:27px 0 28px}
.longform-heading h2{font-size:clamp(34px,3.2vw,62px);font-weight:500;letter-spacing:-.04em;line-height:1.2}
.longform-heading p{color:var(--white);font-size:14px;white-space:nowrap}
.longform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;flex:1;min-height:0;container-type:size;align-items:start}
.longform-item{display:flex;flex-direction:column;min-height:0;min-width:0;width:min(100%,calc((100cqh - 4.5rem) * 9 / 16))}.longform-item:nth-child(2){justify-self:center}.longform-item:last-child{justify-self:end}
.longform-caption{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding-bottom:14px}
.longform-caption h3{font-size:16px;font-weight:400;line-height:1.5}
.longform-caption h3 span{color:#aaa;font-size:13px;margin-left:12px}
.longform-caption>span{font-size:12px;color:#aaa}
.longform-window{flex:none;width:100%;aspect-ratio:9/16;min-height:0;overflow-anchor:none;overflow-y:auto;overflow-x:hidden;border-radius:14px;scrollbar-width:thin;scrollbar-color:#858585 #202020}
.longform-window img{width:100%;height:auto;max-width:none;border-radius:0}
.longform-window::-webkit-scrollbar{width:6px}
.longform-window::-webkit-scrollbar-track{background:#202020}
.longform-window::-webkit-scrollbar-thumb{background:#858585;border-radius:8px}
.longform-link{font-size:13px;text-decoration:none;color:#b5b5af;display:flex;justify-content:space-between;padding-top:12px;line-height:1.5}
.longform-link:hover{color:#fff}
@media(min-width:1600px){.work-track{--gallery-height:clamp(360px,calc(100svh - 510px),620px)}}
@media(max-width:900px){.longform-grid{gap:20px}.longform-caption h3 span{display:inline;margin-left:10px}}
@media(max-width:640px){.work-track{--gallery-height:270px}.work-item.series-start{margin-left:12px}.longform{height:auto;min-height:0;padding-top:28px;padding-bottom:36px}.longform-heading{display:block;padding:26px 0}.longform-heading h2{font-size:31px}.longform-heading p{margin-top:16px}.longform-grid{display:flex;overflow-x:auto;gap:24px;padding-bottom:20px;scrollbar-width:thin;container-type:normal}.longform-item{width:min(78vw,280px);flex:0 0 min(78vw,280px)}.longform-window{flex:none;height:auto;aspect-ratio:9/16}.longform-caption h3 span{display:inline;margin-left:10px}}

/* Shared content gutter also owns the right endpoint of each section rule. */
.align-to-rule{text-align:right;margin-left:auto}
.work-intro{text-align:right}
.section-dark:not(.about)>.section-meta{color:var(--section-label)}
/* Desktop portrait windows use the remaining screen height; captions stay outside. */
@media(max-width:640px){.align-to-rule{width:100%}.work-intro>span{max-width:none}}

/* An introductory screen keeps the review copy separate from the immersive wall. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.project-intro{height:calc(100svh - 68px);min-height:0;position:relative;isolation:isolate;overflow:hidden;background:#050505;padding:30px var(--gutter)}
.project-intro>.section-meta{position:relative;z-index:2}
.project-accents{position:absolute;inset:0;z-index:-1;pointer-events:none}
.project-accent{position:absolute;width:auto;max-width:none;object-fit:contain;border-radius:10px}
.accent-one{left:var(--gutter);top:12%;height:26%;transform:rotate(-4deg)}
.accent-two{right:16%;top:10%;height:23%;transform:rotate(5deg)}
.accent-three{left:14%;bottom:8%;height:24%;transform:rotate(-3deg)}
.accent-four{right:var(--gutter);bottom:10%;height:27%;transform:rotate(4deg)}
.project-intro-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 var(--gutter)}
.project-intro-copy h2{font-size:clamp(58px,7.6vw,146px);line-height:1.08;font-weight:500;letter-spacing:-.065em}
.project-intro-copy h2>span{display:flex;align-items:center;justify-content:center;white-space:nowrap}
.project-arrow{display:inline-flex;align-items:center;justify-content:center;width:1.34em;height:.72em;margin:0 .12em;background:var(--accent);color:#050505;border-radius:1em;text-decoration:none;pointer-events:auto;font-weight:400;letter-spacing:0;line-height:1}
.project-arrow span{font-family:Arial,sans-serif;font-size:.68em;line-height:1}
.project-arrow svg{width:.67em;height:.3em;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.project-arrow:hover{background:#d5ff8d}
.project-intro-copy>p{font-size:clamp(18px,1.65vw,30px);line-height:1.55;margin-top:26px}
.project-intro-footer{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.5}
.project-intro-footer p>span{margin:0 9px;color:#888}.project-intro-footer>a{text-decoration:none;color:#b5b5af}.project-intro-footer>a>span{margin-left:14px;color:var(--white)}
/* Three rows fill the screen below the navigation; all visible bounds use the same gap. */
.work{height:calc(100svh - 68px);min-height:0;padding:0;position:relative;background:#050505}
.work-stage{position:relative;isolation:isolate;flex:1;min-height:0;height:100%;container-type:size}
.work-stage::before,.work-stage::after{content:"";position:absolute;top:0;bottom:0;width:clamp(48px,12vw,240px);z-index:2;pointer-events:none}
.work-stage::before{left:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.82) 24%,rgba(5,5,5,.35) 65%,transparent 100%)}
.work-stage::after{right:0;background:linear-gradient(270deg,#050505 0%,rgba(5,5,5,.82) 24%,rgba(5,5,5,.35) 65%,transparent 100%)}
.work-track{--wall-gap:3px;--wall-inset:var(--wall-gap);--wall-card-height:calc((100cqh - 2 * var(--wall-inset) - 2 * var(--wall-gap)) / 3);display:flex;flex-direction:column;height:100%;padding:var(--wall-inset);gap:var(--wall-gap);align-items:flex-start;overflow:hidden;scrollbar-width:none;overflow-anchor:none;touch-action:pan-y}
.work-track::-webkit-scrollbar{display:none}
.work-row{position:relative;display:block;width:100%;height:var(--wall-card-height);min-height:0;flex:none;overflow:visible}
.work-item{position:absolute;top:0;left:0;flex:none;width:var(--gallery-width,max-content);height:var(--wall-card-height);max-width:none;margin:0;align-self:center;will-change:transform}
.work-item.series-start{margin:0}
.work-media{transform:var(--gallery-transform,none);transform-origin:0 0}
.work-media,.work-media img{border-radius:clamp(10px,1.1vw,20px)}
.work-media img{height:var(--wall-card-height);width:auto;max-width:none;max-height:none;object-fit:contain}
.work-item figcaption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.work-media:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.gallery-navigation{position:absolute;right:var(--gutter);bottom:18px;z-index:4;display:flex;align-items:center;gap:4px;padding:5px;background:rgba(5,5,5,.75);border:1px solid #454545;border-radius:30px;backdrop-filter:blur(8px)}
.gallery-navigation button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;font-size:18px;cursor:pointer}
.gallery-navigation button:hover{background:#333;color:var(--accent)}
.gallery-navigation button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gallery-navigation [data-gallery-toggle-icon]{font-size:14px;line-height:1}
@media(max-width:640px){.project-intro,.work{height:calc(100svh - 60px);scroll-margin-top:60px}.project-intro{padding-top:24px}.project-intro-copy h2{font-size:clamp(42px,9vw,58px)}.project-intro-copy>p{font-size:17px;margin-top:22px}.project-accent{border-radius:7px}.accent-one{top:12%;height:20%}.accent-two{top:15%;right:var(--gutter);height:14%}.accent-three{left:var(--gutter);bottom:11%;height:15%}.accent-four{right:var(--gutter);bottom:11%;height:19%}.project-intro-footer{bottom:22px;font-size:11px}.project-intro-footer p>span{margin:0 5px}.project-intro-footer>a>span{margin-left:5px}.gallery-navigation{bottom:14px}}

/* Larger SOP steps share one scale; narrow screens use two columns to preserve each label. */
.sop-flow li{font-size:clamp(22px,2vw,32px);line-height:1.35;white-space:nowrap}
.sop-flow li>span{font-size:clamp(18px,1.6vw,24px);line-height:1.1;margin-bottom:12px}
@media(max-width:640px){.sop-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}.sop-flow li,.sop-flow li:nth-child(4){font-size:20px;border-left:1px solid #575751;padding:0 10px}.sop-flow li:nth-child(odd){border-left:0;padding-left:0}.sop-flow li>span{font-size:18px}}

/* The opening advances by a deliberate gesture, then releases the document at about. */
.opening-active,.opening-active body{overflow:hidden;overscroll-behavior:none}
.cover{height:100svh;min-height:0;position:relative;scroll-margin-top:0;overflow:hidden}
.cover-art{position:absolute;inset:0;width:100%;height:100%}
.cover .cover-original{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}


.opening-cinema{position:fixed;inset:var(--handoff-top,0px) 0 0;z-index:50;background:#000 center/cover no-repeat;pointer-events:none}
.opening-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 160ms linear;background:#182b49}
.opening-video.is-visible{opacity:1}
.opening-cinema.is-handoff{transition:top 400ms ease,opacity 450ms ease}
.opening-cinema.is-fading{opacity:0}
.opening-advance{position:fixed;inset:0;z-index:51;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;touch-action:none}
.cover[data-opening-state="second-ready"] .opening-advance{pointer-events:none}
.opening-advance:focus-visible{outline:1px solid #ffffff55;outline-offset:-10px}
.opening-advance[aria-disabled="true"]{cursor:default}
.opening-error{position:fixed;z-index:52;left:50%;bottom:8vh;transform:translateX(-50%);padding:22px;background:#111e;border:1px solid #555;border-radius:18px;text-align:center;min-width:280px}
.opening-error p{font-size:16px;margin-bottom:16px}
.opening-error button{background:var(--accent);color:#111;border:0;border-radius:20px;padding:10px 20px;cursor:pointer;margin:0 4px}
.opening-error button:last-child{color:#fff;background:#333}
.opening-cinema[hidden],.opening-error[hidden],.opening-advance[hidden]{display:none}
.about-arriving .about-copy,.about-arriving>.section-meta{opacity:0;transform:translateY(12px)}
.about-arriving .about-copy,.about-arriving>.section-meta{transition:opacity 450ms ease,transform 450ms ease}
.about-arriving.about-revealed .about-copy,.about-arriving.about-revealed>.section-meta{opacity:1;transform:translateY(0)}
.tilt-title{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotateZ(var(--tilt-z,0deg));transform-origin:center;transition:transform 240ms ease-out;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.tilt-title{transform:none!important;transition:none}.opening-cinema,.opening-video,.about-arriving .about-copy,.about-arriving>.section-meta{transition:none!important}}

.profile{height:100svh;min-height:580px;position:relative;isolation:isolate;overflow:hidden;padding:40px var(--gutter);scroll-margin-top:0;background:#10223d}
.profile-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;background:#182b49}
.profile::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(4,12,31,.4),transparent 58%);z-index:-1;pointer-events:none}
.profile-copy{position:absolute;right:var(--gutter);top:50%;transform:translateY(-50%);width:32%;max-width:550px}
.profile h1,.about h2{font-size:clamp(68px,7.2vw,138px);font-weight:500;letter-spacing:-.065em;line-height:1.17;margin:22px 0 32px}
.profile h1{font-size:clamp(62px,6.5vw,120px)}
.profile-copy>p{font-size:clamp(22px,1.85vw,36px);line-height:1.6;margin-top:30px}
.profile .identity-line{border-color:#8497b5}
.profile-next{position:absolute;right:var(--gutter);bottom:36px;color:#fff;font-size:14px;text-decoration:none;display:flex;align-items:center;gap:26px}
.profile-next span{font-size:22px}
.profile-arriving .profile-copy{opacity:0;transition:opacity 450ms ease}
.profile-arriving.profile-revealed .profile-copy{opacity:1}
.about .responsibilities{margin-top:38px}
.about .responsibilities div{padding:20px 0}

@media(max-width:640px){.profile{padding-top:26px;min-height:640px}.profile-scene{object-fit:contain;object-position:center top;height:55%;top:0;background:#182c4b}.profile::after{background:linear-gradient(0deg,#10223d 43%,transparent 70%)}.profile-copy{top:auto;bottom:16%;transform:none;width:calc(100% - 2 * var(--gutter))}.profile h1,.about h2{font-size:62px;margin:14px 0 22px}.profile-copy>p{font-size:23px;margin-top:22px}.profile .section-meta{position:relative;z-index:1}.profile-next{bottom:30px}.about .responsibilities{margin-top:25px}.about .responsibilities div{padding:14px 0}.longform-heading p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.profile-arriving .profile-copy{transition:none}}
.opening-cinema.from-profile{background-image:none!important;background-color:transparent}
.opening-cinema.from-profile::before{content:"";position:absolute;inset:0;z-index:-1;background:#182b49 url("assets/transition-02-v2-last.webp") center/cover no-repeat}
@media(max-width:640px){.profile-copy{left:var(--gutter);right:var(--gutter)}.profile-next{left:var(--gutter);right:auto}}
/* Full-bleed frames share a centered crop through the desktop opening handoffs. */
@media(min-width:641px){.about-visual{background:#182b49}.about-visual img{object-fit:cover}}