/* Hybrid experience: cinema first, a quiet editorial portfolio thereafter. */
:root{--bg:#111210;--paper:#e8e7df;--muted:#a2a59b;--line:#ffffff22}
html{scroll-padding-top:84px}
.section-pad{padding-block:100px}.section-label{margin-bottom:64px}
.hero-scroll{height:340svh}.hero-stage{background:#0b0c0b}
.hero-image-wrap{width:min(92vw,calc((100svh - var(--header-height) - 90px)*1.777778))}
.hero-portfolio-link{position:absolute;bottom:24px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:20px;color:var(--paper);font-size:11px;letter-spacing:.03em;z-index:3}
.hero-portfolio-link span{color:#b9bbb1}
.philosophy-sequence{height:auto;margin:0}.philosophy-sticky{position:relative;top:auto;height:auto;display:block}
.philosophy-sticky h2{font-size:clamp(38px,5.6vw,84px);line-height:1.06;gap:0;max-width:1080px;letter-spacing:-.055em}
.philosophy-sticky [data-story-line]{opacity:1;transform:none;will-change:auto}
.philosophy-sticky [data-story-line="1"]{color:#989c90}
.philosophy-bottom{margin-top:70px}
.project{background:#161714}.project-heading{margin-bottom:48px}.project-heading h2{font-size:clamp(52px,8vw,116px)}
.project-journey{height:auto;margin:0;background:transparent}
.project-stage{position:relative;top:auto;height:auto;min-height:640px;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr auto;gap:32px 6%;overflow:visible;padding:0 0 26px;isolation:isolate}
.journey-world{position:relative;inset:auto;grid-column:1;grid-row:1/3;min-height:580px;background:#111210}
.journey-world img,.journey-world img.is-active,.journey-world img[data-world="4"],.journey-world img[data-world="5"]{inset:0;top:0;left:0;width:100%;height:100%;max-height:none;padding:0;object-fit:contain;filter:none;transform:none;transition:opacity .65s ease;opacity:0}
.journey-world img.is-active{opacity:1}.project-shade{display:none}
.journey-menu{position:relative;inset:auto;grid-column:2;grid-row:1;align-items:stretch;justify-content:center;padding:28px 0}
.journey-menu-label{position:static;inset:auto;margin-bottom:36px;font-size:10px;letter-spacing:.1em}
.journey-chapters{align-items:stretch;gap:0}
.journey-chapters button,.journey-chapters button:nth-child(2n),.journey-chapters button:nth-child(3n){transform:none;translate:none;opacity:1;text-align:left;gap:18px;padding:17px 0;border-bottom:1px solid #ffffff19;text-shadow:none;color:#92978b;transition:color .3s}
.journey-chapters button>span{font-size:clamp(24px,2.6vw,39px);letter-spacing:-.045em;line-height:1.15}
.journey-chapters button small{font-size:10px}.journey-chapters button:after{display:none}
.journey-chapters button[aria-pressed=true],.journey-chapters button:hover,.journey-chapters button:focus-visible{color:var(--paper)}
.journey-note{position:relative;inset:auto;grid-column:2;grid-row:2;width:auto;max-width:350px;min-height:100px;padding-bottom:28px}
.journey-note p{max-width:310px;font-size:14px;line-height:1.5}
.chapter-explore{bottom:0;right:0;font-size:11px}
.project-story{padding:100px 0;gap:40px}.project-story h3{font-size:clamp(36px,4.5vw,66px)}
.gallery-grid{gap:64px 6%;align-items:start}.gallery-grid figure:nth-child(even){margin-top:100px}
.gallery-grid .image-button{aspect-ratio:1.35}.gallery-grid .image-button img{object-fit:contain;background:#111210}
.gallery-grid figcaption{font-size:11px;padding-top:16px}.gallery-bottom{margin-top:42px}
.drawings-heading h2,.studio-copy h2,.journal-heading h2{font-size:clamp(42px,5.5vw,80px)}
.drawing-main{height:560px;min-height:0;max-height:65svh}
.practice-editorial{min-height:570px}.practice-editorial nav{max-width:1000px;align-items:center}
.practice-editorial nav a{opacity:1;translate:none;color:#a0a397;border:0;padding:8px 0}
.practice-editorial nav a span{font-size:clamp(29px,4.5vw,66px)}
.practice-editorial nav a:after{display:none}.practice-image{width:34%;left:33%;top:35px;bottom:65px}
.practice-image img{transform:none;filter:brightness(.35)}
.landscape-break{height:65svh;min-height:420px;max-height:760px;margin:0 var(--pad)}
.process-sequence{height:auto}.process-canvas{position:relative;top:auto;height:auto;min-height:570px;max-height:none;gap:55px 0}
.process-intro h2{font-size:clamp(32px,3.5vw,54px)}.process-selector button:after{display:none}
.process-visual img{transition:opacity .5s ease}.journal{background:#1b1d18;color:var(--paper)}
.journal .section-label,.journal .text-link{border-color:var(--line)}.journal-heading p{color:#aeb2a5}.journal-controls button{color:var(--paper);border-color:#ffffff35}
.contact-title h2{font-size:clamp(50px,7vw,108px)}
@media(max-width:1100px){
 .section-pad{padding-block:72px}.section-label{margin-bottom:42px}.hero-scroll{height:280svh}.hero-image-wrap{width:80vw}
 .project-stage{min-height:500px;gap:24px 4%;grid-template-columns:1.2fr 1fr}.journey-world{min-height:460px}
 .journey-chapters button{padding:14px 0;gap:12px}.journey-chapters button>span{font-size:25px}
 .gallery-grid figure:nth-child(even){margin-top:0}.gallery-grid{gap:20px}.project-story{padding:64px 0}
 .process-canvas{min-height:540px}.philosophy-bottom{margin-top:48px}.drawing-main{height:420px}
 .landscape-break{height:460px;min-height:0}.practice-editorial{min-height:510px}
}
@media(max-width:760px){
 .section-pad{padding-block:56px}.hero-scroll{height:260svh}.hero-image-wrap{width:80vw}
 .hero-portfolio-link{font-size:10px;bottom:22px}.philosophy-sticky h2{font-size:clamp(30px,7.8vw,46px);line-height:1.13}
 .philosophy-bottom{margin-top:38px}.project-heading{margin-bottom:30px}.project-heading h2{font-size:52px}
 .project-stage{display:flex;flex-direction:column;min-height:0;gap:0;padding-bottom:40px}
 .journey-world{min-height:0;height:auto;aspect-ratio:1.35;width:100%}
 .journey-menu{padding:28px 0 22px}.journey-menu-label{margin-bottom:22px}
 .journey-chapters{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
 .journey-chapters button{padding:14px 0;gap:7px;min-height:48px}.journey-chapters button>span{font-size:clamp(18px,4.5vw,23px)}
 .journey-chapters button small{font-size:8px}.journey-note{padding:0;min-height:95px;max-width:100%}.journey-note p{font-size:13px}
 .chapter-explore{left:0;right:auto}.project-story{padding:56px 0}.project-story h3{font-size:36px}
 .drawings-heading h2,.studio-copy h2,.journal-heading h2{font-size:42px}.drawing-main{height:310px;max-height:none}
 .practice-editorial{min-height:450px}.practice-editorial nav a span{font-size:clamp(22px,5.5vw,32px)}
 .practice-image{width:70%;left:15%}.landscape-break{height:360px}.landscape-break p{font-size:40px}
 .process-canvas{min-height:0;gap:0}.process-intro h2{font-size:32px}.process-visual{height:290px}
 .contact-title h2{font-size:44px}
}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:100svh}.hero-scroll.motion-opt-in{height:260svh}.journey-world img,.process-visual img{transition:none}.philosophy-sticky [data-story-line]{opacity:1!important;transform:none!important}}
/* Consistent 16:9 media and numbered editorial navigation. */
.hero-image-wrap{aspect-ratio:16/9}.hero-video{aspect-ratio:16/9;object-fit:contain}
.project-stage{grid-template-rows:auto auto;align-items:center;min-height:0;padding-bottom:30px}
.journey-world{aspect-ratio:16/9;min-height:0;width:100%;align-self:center;overflow:visible}
.journey-world img,.journey-world img.is-active,.journey-world img[data-world="4"],.journey-world img[data-world="5"]{width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}
.view-counter{position:absolute;top:calc(100% + 18px);left:0;z-index:2;font-size:10px;letter-spacing:.12em;color:#a9ada1;font-variant-numeric:tabular-nums}
.journey-menu{padding-top:0;padding-bottom:8px}.journey-menu-label{margin-bottom:24px}
.journey-chapters button{position:relative;padding-right:28px;transition:color .3s ease}
.journey-chapters button>span{transition:translate .4s ease}
.journey-chapters button[aria-pressed=true]>span{translate:8px 0}
.journey-chapters button:after{content:'↗';display:block;left:auto;right:2px;top:50%;bottom:auto;height:auto;background:none;transform:translateY(-50%);opacity:0;font-size:16px;transition:opacity .3s ease}
.journey-chapters button[aria-pressed=true]:after{opacity:1}
.desktop-nav a{position:relative;padding-block:8px}.desktop-nav a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}
.mobile-nav{counter-reset:menu-item}.mobile-nav>a{display:flex;align-items:baseline;gap:20px;border-bottom:1px solid #ffffff1a;padding:14px 0}
.mobile-nav>a:before{counter-increment:menu-item;content:'0' counter(menu-item);font-size:10px;color:#a4a899;letter-spacing:.1em}
@media(max-width:760px){.journey-world{aspect-ratio:16/9;min-height:0}.journey-menu{padding-top:48px}.journey-chapters button{padding-right:16px}.journey-chapters button[aria-pressed=true]>span{translate:3px 0}.journey-chapters button:after{font-size:12px}.mobile-nav>a{font-size:clamp(27px,7vw,38px);padding:12px 0}}
@media(prefers-reduced-motion:reduce){.journey-chapters button>span,.journey-chapters button:after,.desktop-nav a:after{transition:none}.journey-chapters button[aria-pressed=true]>span{translate:none}}