.scene-viewport{position:absolute;inset:0;pointer-events:none}
.menu-toggle{display:none}
@media(max-width:1100px) and (min-width:761px){
 :root{--gutter:40px}
 .site-header nav{gap:22px}.signature{font-size:20px}
 .section-heading{gap:30px 7%;grid-template-columns:.7fr 1.3fr}.section-heading h2{font-size:clamp(70px,8vw,100px)}
 .work-intro{font-size:18px}.outline-word{font-size:66px}
 .project-pair,.collection-grid{gap:30px}.project-pair .project-visual,.collection-preview{height:460px;padding:24px}
 .project-pair strong{font-size:40px}.collection-preview>strong{font-size:48px;left:24px;bottom:82px}
 .project-meta{gap:15px;flex-wrap:wrap}.project-meta>div:last-child{text-align:left}
 .expertise-section{gap:7%;padding-top:95px}.expertise-heading h2{font-size:49px}.expertise-list h3{font-size:41px}
 .about-lead h2{font-size:57px}.about-grid{grid-template-columns:.85fr 1.15fr;gap:7%}.story-step h3{font-size:43px}.story-step p{font-size:18px}
}
@media(max-width:900px),(max-width:1100px) and (orientation:portrait){
 :root{--gutter:clamp(22px,5.5vw,40px)}
 html{scroll-padding-top:96px}
 .site-header,.site-header.scrolled{height:76px;padding:12px var(--gutter);align-items:center;gap:15px;background:#10151adc;backdrop-filter:blur(18px);box-shadow:0 1px 0 #ffffff10}
 .signature{font-size:20px;letter-spacing:-.8px}.signature>span{font-size:9px;max-width:none;margin-top:5px}
 .menu-toggle{display:flex;align-items:center;justify-content:center;gap:13px;min-width:86px;min-height:44px;padding:10px 0 10px 12px;border:0;background:none;font-size:13px}
 .menu-toggle i{position:relative;display:block;width:20px;height:12px;border-top:1px solid;border-bottom:1px solid;transition:transform .2s}
 .menu-toggle[aria-expanded=true] i{height:1px;border-bottom:0;transform:rotate(45deg)}
 .menu-toggle[aria-expanded=true] i:after{content:'';position:absolute;width:20px;top:-1px;left:0;border-top:1px solid;transform:rotate(90deg)}
 .site-header nav{display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;flex-direction:column;align-items:stretch;gap:0;padding:15px 24px 20px;border:1px solid #ffffff24;border-radius:16px;background:#171c22;box-shadow:0 24px 55px #0008}
 .site-header.nav-open nav{display:flex}
 .site-header nav>a:nth-child(n){display:flex;align-items:center;min-height:54px;font-size:19px;padding:12px 0;border-bottom:1px solid #ffffff18;gap:8px}
 .site-header nav a:last-child{margin-top:6px;border-bottom:0;justify-content:space-between;color:#dce5d5}
 .site-header nav sup{font-size:10px}.site-header nav a:last-child span{margin:0}
 /* The mobile stage has two distinct reading zones: desk, then introduction. */
 .journey{height:230svh}.journey-stage{height:100svh;min-height:640px;background:#151b20}
 .scene-viewport{top:76px;bottom:auto;height:clamp(230px,36svh,390px);mask-image:linear-gradient(#000 83%,transparent)}
 .scene-poster{object-position:57% center}
 .scene-shade{background:linear-gradient(0deg,#10111488,transparent 22%);pointer-events:none}
 .intro-copy{left:var(--gutter);top:calc(76px + clamp(230px,36svh,390px) + 18px);transform:none;width:calc(100% - var(--gutter)*2);max-width:760px}
 .intro-name{font-size:12px;margin-bottom:16px;color:#b7c1ca}
 .intro-copy h1{font-size:clamp(43px,10.5vw,78px);line-height:1.06;letter-spacing:-.045em;word-spacing:0}
 .intro-description{font-size:16px;line-height:1.65;margin-top:20px;color:#bbc4ce}
 .intro-copy .text-link{font-size:13px;min-height:46px;margin-top:15px;padding:11px 0;gap:30px}
 .journey-bottom{left:var(--gutter);right:var(--gutter);bottom:max(18px,env(safe-area-inset-bottom));font-size:10px;align-items:center;gap:14px;flex-wrap:wrap}
 .journey-bottom button{min-height:44px;padding:10px 14px;font-size:10px}
 .scroll-cue{order:initial;flex-basis:auto;font-size:10px}.scroll-track{height:25px}
 .journey-copy,.journey-arrival{left:var(--gutter);top:calc(76px + clamp(230px,36svh,390px) + 48px);width:calc(100% - var(--gutter)*2);transform:none}
 .journey-copy>p,.journey-arrival>p{font-size:clamp(43px,8.5vw,76px);line-height:1.08;letter-spacing:-.04em}
 .journey-copy>span,.journey-arrival>span{font-size:13px;line-height:1.65;margin:0 0 24px;max-width:290px}.journey-arrival>span{margin-top:25px}
 .welcome{min-height:0;overflow-y:auto;padding:max(74px,env(safe-area-inset-top)) 0 max(45px,env(safe-area-inset-bottom))}
 .welcome-center{padding:15px 24px;width:100%;max-width:650px}
 .welcome-brand{top:max(26px,env(safe-area-inset-top));left:24px;font-size:13px}
 .welcome-skip{top:max(14px,env(safe-area-inset-top));right:24px;min-height:44px;font-size:11px;padding:10px 0}
 .avatar-space{width:clamp(175px,29svh,270px);margin-bottom:20px}
 .welcome-center h2{font-size:clamp(33px,8.5vw,53px);line-height:1.08;letter-spacing:-.04em;max-width:460px;text-wrap:balance}
 .welcome-center>p{max-width:285px;font-size:13px;line-height:1.6;margin-top:18px}
 .enter-button{font-size:14px;min-height:52px;min-width:205px;margin-top:26px;padding:15px 24px;justify-content:space-between}
 .welcome-key{font-size:10px;margin-top:14px}.welcome-note{left:24px;bottom:16px;font-size:9px}
 .welcome-words span{font-size:11px}.welcome-words span:nth-child(1){left:7%;top:15%}.welcome-words span:nth-child(2){right:7%;top:18%}
 .welcome-words span:nth-child(n+3){display:none}.welcome-words:before,.welcome-words:after{font-size:90px;top:36%;opacity:.09}.welcome-words:before{left:4%}.welcome-words:after{right:4%}
 .entry-terminal{left:50%;translate:-50% 0;bottom:0;width:min(360px,calc(100vw - 48px));padding:18px;font-size:12px}
 .booting .welcome-center>p,.booting .welcome-center h2{opacity:0;transition:opacity .2s}
 .work-section{padding-top:85px;padding-bottom:60px}
 .open-project{min-height:44px;font-size:12px;padding:11px 17px;gap:20px}
 .text-link{min-height:44px}.contact-links a{display:inline-flex;align-items:center;min-height:44px}
 footer a,footer button{min-height:44px;display:inline-flex;align-items:center}
 .motion-reduced .journey{height:100svh;min-height:640px}.motion-reduced .journey-stage{min-height:640px}
}
@media(max-width:760px){
 .scene-poster{object-position:62% center}
 .journey-bottom>.scroll-cue{display:none}
 .work-section{padding-top:65px}.section-heading{gap:24px;margin-bottom:48px}
 .work-aside>p:first-child{font-size:12px}.outline-word{font-size:38px;line-height:.98}
 .section-heading h2{font-size:clamp(42px,12vw,80px);letter-spacing:-.04em;line-height:1.035}
 .section-heading .work-intro{font-size:16px;line-height:1.75;max-width:480px}
 .project{margin-bottom:48px}.project-pair,.collection-grid{display:grid;grid-template-columns:1fr;gap:0}
 .project-onde{max-width:none}.project-visual,.project-pair .project-visual,.collection-preview{border-radius:3px}
 .sillage-preview{padding:22px 22px 0}.preview-title{padding:30px 0}
 .preview-title strong{font-size:clamp(42px,11.4vw,65px);line-height:.96;letter-spacing:-.055em}
 .sillage-preview>img{width:calc(100% + 44px);margin-left:-22px;height:260px}
 .preview-top>span:first-child,.project-pair .preview-top>span:first-child,.collection-preview .preview-top>span:first-child{font-size:31px}
 .preview-top>span:last-child,.project-pair .preview-top>span:last-child,.collection-preview .preview-top>span:last-child{font-size:10px;max-width:115px;line-height:1.4}
 .onde-preview{height:440px;padding:22px}.onde-preview>strong{font-size:clamp(34px,9.2vw,57px);line-height:1.04;letter-spacing:-.04em;margin-top:33px}
 .mini-record-scene{height:47%;bottom:44px;left:5%;width:90%}.mini-sleeve{font-size:25px;padding:16px}.mini-vinyl>span{font-size:21px}
 .project-pair .project-visual,.collection-preview{height:450px;padding:22px}
 .project-pair strong{font-size:clamp(34px,9.2vw,57px);line-height:1.03;letter-spacing:-.04em;margin-top:34px}
 .pli-paper{width:49%;left:25%;height:41%;bottom:55px;font-size:28px;padding:20px}
 .relais-flow{bottom:80px;left:7%;width:86%;gap:6px}.relais-flow>span{font-size:13px;padding:12px 14px}
 .collection-preview>strong{font-size:clamp(43px,11.5vw,66px);line-height:1.03;letter-spacing:-.04em;left:22px;bottom:80px}
 .collection-grid .project{margin-bottom:48px}.wheel-art{top:60px;right:-50px;scale:.78}.signal-art{left:22px;right:22px;top:100px;gap:12px}.signal-art span{font-size:14px;padding:15px 18px}.signal-art b{margin-left:14px}
 .project-meta{display:block;padding:20px 0 22px}.project-meta h3{font-size:26px;margin-bottom:8px;letter-spacing:-.025em}.project-meta p,.project-meta span{font-size:12px;line-height:1.65}
 .project-meta>div:last-child{display:flex;flex-wrap:wrap;gap:3px 14px;margin-top:13px;text-align:left}.project-meta>div:last-child>span{color:#b8c3b5}.project-meta>div:last-child>p{color:#9199a7}
 .concept-disclosure{font-size:12px;line-height:1.8;max-width:500px}
 .expertise-section{padding-top:75px;padding-bottom:45px}.expertise-heading{margin-bottom:40px}.expertise-heading h2{font-size:clamp(43px,11.5vw,64px);line-height:1.08}
 .expertise-progress{margin-top:28px}.expertise-list article,.expertise-list article:first-child{min-height:0;padding:42px 0 52px;justify-content:flex-start}
 .expertise-list h3{font-size:clamp(34px,9vw,48px);line-height:1.12;letter-spacing:-.035em;margin-bottom:24px}.expertise-list p{font-size:16px;line-height:1.85}.expertise-list article>span{font-size:11px;margin-bottom:25px}.expertise-list .skill-tags{margin-top:24px;gap:8px 12px}.skill-tags span{font-size:11px}
 /* A narrow text column becomes full-width reading, below a compact avatar rail. */
 .about-section{padding-top:68px;padding-bottom:35px}.about-lead h2{font-size:clamp(43px,11.5vw,65px);line-height:1.07}.about-lead>p{font-size:12px;margin-bottom:23px}
 .about-grid{display:block;margin-top:34px}.about-grid figure.about-avatar{position:sticky;top:75px;z-index:4;display:flex;align-items:center;gap:20px;width:calc(100% + 4px);height:126px;max-width:none;margin:0 -2px 28px;padding:7px 0 10px;background:#20252bf5;border-bottom:1px solid #ffffff17;backdrop-filter:blur(16px);perspective:none}
 .about-grid .about-avatar img{width:92px;height:116px;aspect-ratio:auto;max-height:none;min-height:0;flex-shrink:0;object-fit:cover;object-position:center 15%;mask-image:linear-gradient(#000 85%,transparent)}
 .about-avatar figcaption{position:static;font-size:14px;line-height:1.65;margin:0;color:#c0c8ce}.avatar-aura,.avatar-caption{display:none}
 .story-step,.story-step:first-child{min-height:57svh;justify-content:flex-start;padding:24px 0 68px}
 .story-index{font-size:11px;margin-bottom:23px}.story-step h3{font-size:clamp(35px,9.5vw,55px);line-height:1.12;letter-spacing:-.035em;margin-bottom:25px}.story-step p{font-size:17px;line-height:1.85;max-width:540px}.story-tools{font-size:12px;line-height:2;margin-top:25px}.story-tools span{margin:0 9px}.story-step .text-link{font-size:13px;gap:28px}.story-step:after{bottom:28px}
 .contact-section{padding-top:65px;padding-bottom:45px}.contact-title{font-size:clamp(48px,13vw,95px);letter-spacing:-.05em;gap:10px;padding:25px 0 34px}.contact-title>span{font-size:.55em}
 .contact-links{display:block;font-size:13px;padding-top:22px}.contact-links>a{max-width:100%;overflow-wrap:anywhere}.contact-links>div{gap:28px;margin-top:12px}footer{padding-top:18px;padding-bottom:max(18px,env(safe-area-inset-bottom));font-size:10px;gap:8px 18px;align-items:center}footer>span:first-child{flex-basis:100%}.replay-welcome{font-size:11px}
}
@media(max-width:360px){
 :root{--gutter:20px}.signature{font-size:18px}.signature>span{font-size:8px}.menu-toggle{font-size:12px;min-width:74px;gap:10px}
 .intro-copy h1{font-size:39px}.intro-description{font-size:15px}.intro-name{margin-bottom:13px}.intro-copy .text-link{margin-top:10px}
 .journey-bottom{font-size:9px;gap:10px}.journey-bottom button{font-size:9px;padding:8px 10px}
 .welcome-center{padding-left:20px;padding-right:20px}.welcome-brand{left:20px;font-size:11px}.welcome-skip{right:20px;font-size:10px}.welcome-center h2{font-size:32px}.welcome-center>p{font-size:12px}
 .project-pair .project-visual,.collection-preview{height:410px;padding:19px}.preview-top>span:last-child{max-width:90px;font-size:9px}.collection-preview>strong{font-size:41px;left:19px}.signal-art{top:87px;left:17px;right:17px}.signal-art span{font-size:12px}.project-meta>div:last-child{display:block}.pli-paper{font-size:24px;padding:16px}.relais-flow>span{font-size:12px}
}
@media(max-width:900px) and (max-height:730px){
 .intro-name{display:none}
 .welcome-center{padding-top:8px;padding-bottom:8px}.avatar-space{width:170px;margin-bottom:14px}.welcome-center h2{font-size:32px}.welcome-center>p{margin-top:12px}.enter-button{margin-top:20px}.welcome-key{display:none}.welcome-note{display:none}.welcome-words span{opacity:.25!important}
}
@media(max-width:1100px) and (max-height:540px) and (orientation:landscape){
 .journey{height:auto}.journey-stage,.motion-reduced .journey-stage{height:500px;min-height:500px;position:relative}.motion-reduced .journey{height:auto;min-height:0}
 .scene-viewport{top:76px;left:44%;right:0;height:330px;bottom:auto;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 92%,transparent)}
 .intro-copy{top:125px;width:43%;left:var(--gutter);transform:none}.intro-copy h1{font-size:clamp(35px,4.5vw,49px)}.intro-name{margin-bottom:12px}.intro-description{font-size:14px;margin-top:18px}.intro-copy .text-link{margin-top:12px}
 .journey-copy,.journey-arrival,.journey-bottom .scroll-cue{display:none}.journey-bottom{bottom:18px}.journey-bottom button{min-height:44px}
 .welcome{padding:65px 20px 20px}.welcome-center{display:grid;grid-template-columns:170px 1fr;column-gap:28px;text-align:left;max-width:670px;padding:0;align-content:center}.avatar-space{grid-row:1/5;width:170px;margin:0}.welcome-center h2{font-size:30px;max-width:360px}.welcome-center>p{font-size:12px;margin-top:12px}.enter-button{grid-column:2;justify-self:start;margin-top:18px;min-height:48px;padding:10px 20px}.welcome-key,.welcome-note,.welcome-words{display:none}.entry-terminal{bottom:0;left:auto;right:0;translate:0;width:360px}
}
@media(prefers-reduced-motion:reduce) and (max-width:900px) and (min-height:541px), (prefers-reduced-motion:reduce) and (max-width:1100px) and (orientation:portrait){.journey{height:100svh;min-height:640px}.journey-stage{min-height:640px}}
/* Keep the last three concept titles clear of their wordmarks and artwork. */
.next-collection .collection-preview>strong{position:absolute;top:118px;bottom:auto;left:30px;max-width:calc(100% - 60px);font-size:clamp(40px,3.3vw,58px);line-height:1.02;letter-spacing:-.055em}
.next-collection .collection-preview .preview-top{position:relative;z-index:3}
@media(max-width:760px){.next-collection .collection-preview>strong{top:100px;left:22px;max-width:calc(100% - 44px);font-size:clamp(34px,8vw,52px)}}
@media(max-width:420px){.next-collection .collection-preview>strong{top:88px;font-size:34px}}