.type-search { position:relative; overflow:hidden; min-height:110svh; gap:3vw; padding-top:12vw; padding-bottom:12vw; }
.type-search figure { width:90%; }
.type-search > div { position:relative; z-index:1; }
.type-search #threshold-title { font-size:clamp(54px,8.8vw,155px); font-weight:700; line-height:.83; letter-spacing:-.085em; margin-left:-12vw; }
.type-search #threshold-title .search-word { margin-top:0; color:var(--ink); white-space:nowrap; transition:none; }
.type-search #threshold-title .search-word:nth-child(1) { transform:translateX(calc(var(--drift,1)*-7vw)); }
.type-search #threshold-title .search-word:nth-child(2) { color:var(--orange); margin-left:13vw; transform:translateX(calc(var(--drift,1)*8vw)); }
.type-search #threshold-title .search-word:nth-child(3) { transform:translateX(calc(var(--drift,1)*-4vw)); }
.type-search::after { content:''; position:absolute; width:65%; height:2px; background:var(--orange); top:82%; right:-10%; transform:rotate(-11deg); pointer-events:none; }
.listen-cut { height:140svh; background:#10100e; color:var(--cream); position:relative; }
.listen-stage { position:sticky; top:0; height:100svh; display:flex; flex-direction:column; justify-content:center; overflow:hidden; padding:7vw 4vw; }
.listen-stage p { font-weight:700; font-size:24vw; letter-spacing:-.09em; line-height:.8; margin:50px 0; transform:scale(calc(.9 + var(--progress,0)*.1)); }
.listen-stage p span { color:var(--orange); }
.listen-caption { align-self:flex-end; font-family:var(--mono); font-size:12px; }
.listen-stage::after { content:''; position:absolute; background:var(--orange); height:3px; width:100%; left:0; top:69%; transform:scaleX(var(--progress,0)); transform-origin:left; }
.noise-cut { height:150svh; background:var(--orange); color:var(--ink); }
.noise-stage { height:100svh; position:sticky; top:0; display:flex; flex-direction:column; justify-content:center; padding:8vw 5vw; overflow:hidden; }
.noise-stage h2 { margin:6vw 0 3vw; font-weight:700; letter-spacing:-.075em; line-height:.95; }
.noise-prefix { display:block; font-size:8vw; }
.noise-music { display:flex; font-size:18vw; white-space:nowrap; }
.noise-music i { font-style:normal; display:inline-block; transform:translate(calc(var(--x)*var(--drift,1)),calc(var(--y)*var(--drift,1))) rotate(calc(var(--r)*var(--drift,1))); }
.noise-music i:nth-child(1) { --x:8vw;--y:7vw;--r:-25deg; }.noise-music i:nth-child(2) { --x:3vw;--y:-5vw;--r:30deg;margin-right:3vw; }.noise-music i:nth-child(3) { --x:-8vw;--y:3vw;--r:-18deg; }.noise-music i:nth-child(4) { --x:2vw;--y:-8vw;--r:22deg; }.noise-music i:nth-child(5) { --x:-4vw;--y:6vw;--r:-30deg; }.noise-music i:nth-child(6) { --x:4vw;--y:-3vw;--r:18deg; }.noise-music i:nth-child(7) { --x:-7vw;--y:4vw;--r:25deg; }.noise-music i:nth-child(8) { --x:0vw;--y:-7vw;--r:0deg; }
.noise-stage p { margin-top:4vw; font-size:clamp(16px,1.7vw,25px); }
.architecture-return { display:grid; grid-template-columns:1.15fr 1fr; gap:7vw; align-items:center; padding:9vw 6vw; background:var(--cream); color:var(--ink); }
.architecture-return figure { margin:0; }.architecture-return img { display:block;width:100%;height:auto; }.architecture-return h2 { font-size:clamp(40px,5.7vw,90px);font-weight:400;letter-spacing:-.065em;line-height:.98; }.architecture-return p { color:#65705b; }
@media(max-width:780px) { .type-search { min-height:0;padding:90px 24px;gap:40px; }.type-search figure { width:85%; }.type-search #threshold-title { font-size:17vw;margin-left:0; }.type-search #threshold-title .search-word:nth-child(2){margin-left:12vw}.type-search::after{top:74%;width:60%}.listen-stage{padding:90px 24px}.listen-cut{height:115svh}.noise-cut{height:125svh}.architecture-return{grid-template-columns:1fr;padding:70px 24px;gap:28px}.architecture-return h2{font-size:15vw}.architecture-return figure{width:92%} }
@media(prefers-reduced-motion:reduce) { .type-search .search-word,.listen-stage p,.noise-music i{transform:none!important}.listen-cut,.noise-cut{height:auto}.listen-stage,.noise-stage{position:relative;height:65svh}.listen-stage::after{transform:none} }
.studio-notes figcaption, figcaption, .eyebrow:not(.detail-name), .chapter, .story-number, .story-label, .listen-caption { display:none!important; }
.stories-head h2 { font-size:clamp(52px,7.5vw,112px); line-height:.88; }
.stories .story-grid { grid-template-columns:1.05fr .9fr 1fr; gap:2.5vw; align-items:start; }
.stories .story-card { min-height:0; height:540px; height:clamp(400px,43vw,650px); border:0; padding:26px; justify-content:flex-end; gap:24px; background:var(--ink); }
.stories .story-card:nth-child(2) { margin-top:90px; height:clamp(440px,48vw,730px); }
.stories .story-card:nth-child(3) { margin-top:35px; }
.stories .story-card .story-image { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; transition:transform 1.8s cubic-bezier(.22,1,.36,1); }
.stories .story-card:first-child .story-image { object-position:38% center; }
.stories .story-card:nth-child(3) .story-image { object-position:78% 45%; transform:scale(1.18); }
.stories .story-card::after { background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.08) 70%); }
.stories .story-title,.stories .story-read { z-index:2; }
.stories .story-title { font-size:clamp(30px,3.2vw,50px); line-height:.96; letter-spacing:-.055em; transition:transform .8s ease; }
.stories .story-card:hover { transform:none; }
.stories .story-card:is(:hover,:focus-visible) .story-image { transform:scale(1.06); }
.stories .story-card:nth-child(3):is(:hover,:focus-visible) .story-image { transform:scale(1.24); }
.stories .story-card:is(:hover,:focus-visible) .story-title { transform:translateY(-8px); }
.stories .story-card:focus-visible { outline:3px solid var(--cream); outline-offset:5px; }
.stories .story-tray { grid-template-columns:1fr auto; }
@media(max-width:780px) { .stories .story-grid { grid-template-columns:1fr; gap:30px; }.stories .story-card:nth-child(n) { margin-top:0;height:480px; }.stories .story-title{font-size:42px}.stories .story-card:nth-child(2){width:92%;margin-left:auto} }
@media(prefers-reduced-motion:reduce) { .stories .story-image,.stories .story-title { transition:none!important;transform:none!important; } }
.header-actions > button { color:var(--cream); border-color:rgba(242,237,223,.65); transition:color .2s ease,border-color .2s ease,background .2s ease; }
.header-actions > button.on-light-surface { color:var(--ink); border-color:rgba(16,16,14,.7); background:transparent; }
.menu-open .header-actions > button { color:var(--ink); border-color:rgba(16,16,14,.7); background:transparent; }
.header-actions > button:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
body.journey-locked { position:fixed; inset:0; width:100%; height:100svh; overflow:hidden; overscroll-behavior:none; }
body.journey-locked .hero-scroller { visibility:hidden; }
.architecture-return { grid-template-columns:1.05fr 1fr; gap:5vw; }
.architecture-copy { position:relative; padding-right:3.5vw; }
.architecture-copy h2 { font-size:clamp(36px,4.7vw,90px); line-height:1.12; }
.architecture-return .architecture-signature { position:absolute; right:-1.5vw; top:50%; margin:0; writing-mode:vertical-rl; transform:translateY(-50%); color:var(--ink); font-size:clamp(23px,2.5vw,43px); letter-spacing:-.045em; font-weight:600; white-space:nowrap; }
.letter-mark { position:relative; isolation:isolate; color:color-mix(in srgb,var(--cream) var(--mark-ink,0%),var(--ink)); }
.letter-mark::before { content:''; position:absolute; inset:-.05em -.025em; background:var(--orange); z-index:-1; opacity:var(--mark-opacity,0); }
@media(max-width:780px) { .architecture-return { grid-template-columns:1fr; }.architecture-copy { padding-right:0; }.architecture-copy h2 { font-size:clamp(32px,9.7vw,74px); }.architecture-return .architecture-signature { position:static; writing-mode:horizontal-tb; transform:none; margin-top:35px;font-size:clamp(26px,7vw,40px); } }
@media(prefers-reduced-motion:reduce) { .letter-mark,.letter-mark::before { animation:none; }.mark-s { color:var(--cream); }.mark-s::before { opacity:1; } }
.journey-step { overflow:hidden; isolation:isolate; min-height:160px; }
.journey-step .journey-film { position:absolute; inset:0 0 0 50%; z-index:-1; pointer-events:none; overflow:hidden; background:var(--ink); }
.journey-film video { width:100%; height:100%; object-fit:cover; display:block; opacity:.84; }
.journey-film::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,var(--ink),transparent 32%); }
.journey-step h3 { position:static; z-index:1; }
.journey-step { --film-left:50%; --film-right:0%; }
.journey-step:nth-child(2) { --film-left:58.333%; --film-right:0%; }
.journey-step:nth-child(3) { --film-left:50%; --film-right:8.333%; }
.journey-step:nth-child(4) { --film-left:66.666%; --film-right:0%; }
.journey-step:nth-child(5) { --film-left:50%; --film-right:0%; }
.journey-step .journey-film { left:var(--film-left); right:var(--film-right); }
.journey-film::after { background:linear-gradient(90deg,var(--ink),transparent 32%); }
.journey-toggle { border:0; background:none; padding:0; color:inherit; font:inherit; letter-spacing:inherit; line-height:inherit; text-align:left; cursor:pointer; }
.journey-toggle::after { content:''; position:absolute; inset:0; z-index:3; }
.journey-toggle:focus-visible { outline:none; }
.journey-step:has(.journey-toggle:focus-visible) { outline:2px solid var(--orange); outline-offset:-3px; }
.journey-step > p { display:flex; align-items:center; position:absolute; left:50%; right:0; top:0; bottom:0; max-width:none; margin:0; padding:24px clamp(22px,3vw,48px); z-index:2; color:var(--cream); background:rgba(16,16,14,.26); text-shadow:0 1px 8px rgba(0,0,0,.45); font-size:clamp(15px,1.35vw,21px); line-height:1.4; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .55s ease,visibility .55s; }
.journey-step.is-open > p { opacity:1; visibility:visible; }
.journey-step.is-open h3 { color:var(--orange); }
.journey-step:hover { padding-left:0; background:transparent; }
@media(max-width:780px) { .journey-step { min-height:128px; }.journey-step h3 { max-width:50%;font-size:clamp(28px,8vw,55px); } }
@media(max-width:780px) { .journey-step > p { left:50%;right:0;padding:10px;font-size:12px;line-height:1.35; }.journey-step { min-height:152px; } }
@media(prefers-reduced-motion:reduce) { .journey-step > p,.journey-film::after { transition:none; } }