@charset "UTF-8";
@font-face{font-family:"Bodoni Moda";src:url("assets/fonts/bodoni-moda-latin-variable.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:Manrope;src:url("assets/fonts/manrope-latin-variable.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
:root{--black:#000;--paper:#f0eee7;--muted:#b4b1a7;--canvas-ink:#20251f;--gold:#dec491;--iris:#a4cecd;--page-gutter:clamp(24px,4vw,76px);--display:"Bodoni Moda",Didot,"Times New Roman",serif;--body:Manrope,"Segoe UI",sans-serif;font-family:var(--body);color:var(--paper);background:var(--black);font-synthesis:none;scroll-padding-top:110px}
*{box-sizing:border-box}html,body{margin:0}body{overflow-x:clip}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}button:focus:not(:focus-visible){outline:none}::selection{background:var(--gold);color:var(--black)}[hidden]{display:none!important}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--display);font-optical-sizing:auto;letter-spacing:-.045em}svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:16px;z-index:100;background:var(--paper);color:var(--black);padding:14px 20px;transform:translateY(-180%)}.skip-link:focus{transform:none}
/* Navigation belongs to the scene: no header plate, gradient or vignette. */
.site-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;gap:38px;padding:28px var(--page-gutter);color:var(--paper);pointer-events:none;transition:color .3s,opacity .3s}.site-header a,.site-header button{pointer-events:auto}.wordmark{font-family:var(--body);font-size:26px;font-weight:400;letter-spacing:-.06em;white-space:nowrap}.wordmark>span:not(.wordmark-dot){padding:0 5px;font-weight:300}.wordmark-dot{margin-left:1px}.site-header nav{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:12px}.site-header nav a{padding:12px 0;position:relative}.site-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover::after{transform:scaleX(1)}.is-canvas .site-header{color:var(--canvas-ink)}.sound-button{display:flex;align-items:center;gap:10px;min-height:44px;min-width:32px;padding:0;font-size:11px}.sound-bars{width:17px;height:15px;display:flex;align-items:center;justify-content:space-between;gap:3px}.sound-bars i{width:2px;height:3px;background:currentColor;transition:height .25s}.sound-button[aria-pressed=true] .sound-bars i:nth-child(1){height:7px}.sound-button[aria-pressed=true] .sound-bars i:nth-child(2){height:14px}.sound-button[aria-pressed=true] .sound-bars i:nth-child(3){height:10px}.sound-button[aria-pressed=true] .sound-bars i:nth-child(4){height:6px}
.story{height:calc(var(--film-vh, 1svh) * 1100);position:relative}.film-stage{position:sticky;top:0;height:calc(var(--film-vh, 1svh) * 100);width:100%;overflow:hidden;background:var(--black);isolation:isolate}.film-image{position:absolute;inset:0;overflow:hidden}.film-image>video,.film-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scroll-film{opacity:0}.is-video-ready .scroll-film{opacity:1}.film-poster{opacity:1}.is-video-ready .film-poster{opacity:0}
.film-stage{--intro-actions-bottom:35px;--intro-utility-gap:18px}
.intro-copy{position:absolute;left:var(--page-gutter);bottom:max(16%,calc(var(--intro-actions-bottom) + 46px + var(--intro-utility-gap) + 20px + 24px));font-size:14px;line-height:1.65;color:var(--canvas-ink);pointer-events:none;will-change:opacity}.intro-actions{position:absolute;left:var(--page-gutter);right:var(--page-gutter);bottom:var(--intro-actions-bottom);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--canvas-ink);will-change:opacity}.play-link{display:inline-flex;align-items:center;gap:13px;font-size:11px;min-height:44px;padding:8px 0}.play-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:8px;padding-left:2px;transition:transform .25s}.play-link:hover .play-icon{transform:scale(1.12)}.scroll-invitation{display:flex;align-items:center;gap:22px;font-size:11px}.scroll-invitation>span[aria-hidden="true"]{font-size:20px}
.story-text{position:absolute;inset:0;pointer-events:none;z-index:2}.story-caption{position:absolute;inset:0;visibility:hidden;opacity:var(--caption-alpha,0);pointer-events:none}.story-caption button,.story-caption a{pointer-events:auto}.story-caption[inert] button,.story-caption[inert] a{pointer-events:none}.canvas-caption{visibility:visible;opacity:var(--caption-alpha,1);color:var(--canvas-ink)}.canvas-title{display:flex;justify-content:space-between;align-items:flex-start;position:absolute;left:5%;right:6.5%;top:10.2%;font-size:clamp(108px,14.3vw,260px);line-height:1.28;letter-spacing:-.045em;white-space:nowrap}.canvas-title [data-title-line]{display:block;transform-origin:50% 50%;will-change:transform,opacity}.canvas-credit{position:absolute;left:var(--page-gutter);bottom:calc(var(--intro-actions-bottom) + 46px + var(--intro-utility-gap));font-size:12px;line-height:1.6;letter-spacing:.01em}.movement-caption{inset:auto var(--page-gutter) 10%}.movement-caption h2{font-size:clamp(38px,4.45vw,70px);line-height:1.2;white-space:nowrap}.horizon-title{position:absolute;left:3%;right:3%;bottom:52.2%;text-align:center;font-size:clamp(74px,10.7vw,180px);line-height:1.05;letter-spacing:-.045em;overflow:hidden;padding:.15em 0}.horizon-title [data-title-line]{display:block}.horizon-disciplines{position:absolute;top:62%;left:var(--page-gutter);right:var(--page-gutter);display:flex;align-items:center;justify-content:center;gap:clamp(24px,3.4vw,54px)}.horizon-disciplines button{font-size:clamp(15px,1.32vw,21px);font-weight:300;min-height:48px;padding:9px 0;position:relative}.horizon-disciplines button::after{position:absolute;content:"";height:1px;background:var(--gold);bottom:6px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s}.horizon-disciplines button:hover{color:var(--gold)}.horizon-disciplines button:hover::after,.horizon-disciplines button:focus-visible::after{transform:scaleX(1)}.horizon-link{position:absolute;left:50%;top:76%;transform:translateX(-50%);display:flex;align-items:center;gap:28px;font-size:12px;color:var(--gold);min-height:44px;white-space:nowrap}.horizon-link>span[aria-hidden="true"]{font-size:21px;transition:transform .25s}.horizon-link:hover>span[aria-hidden="true"]{transform:translateY(5px)}
.scene-guide{position:absolute;bottom:38px;left:var(--page-gutter);display:flex;align-items:center;gap:18px;font-size:10px;opacity:0;pointer-events:none}.scene-line{height:1px;width:28px;background:currentColor;opacity:.5}#scene-count{font-size:9px;opacity:.65}.chapter-nav{position:absolute;right:var(--page-gutter);bottom:25px;display:flex;align-items:center;gap:4px;opacity:0;pointer-events:none}.has-left-intro .chapter-nav{pointer-events:auto}.chapter-nav button{width:32px;height:40px;padding:0;display:grid;place-items:center}.chapter-nav button::after{content:"";width:3px;height:3px;border-radius:50%;background:var(--paper);opacity:.35;transition:transform .25s,opacity .25s}.chapter-nav button[aria-current=true]::after{transform:scale(1.8);opacity:1}.chapter-nav button:hover::after{opacity:1}.film-progress{height:1px;position:absolute;bottom:0;left:0;right:0;opacity:.6}#film-progress-fill{height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}.load-status{position:absolute;top:100px;right:var(--page-gutter);font-size:11px;color:var(--canvas-ink)}.film-fallback{position:absolute;z-index:4;inset:auto var(--page-gutter) 24px;display:flex;align-items:center;gap:22px;background:var(--black);color:var(--paper);padding:20px;font-size:13px}.film-fallback a,.film-fallback button{text-decoration:underline;text-underline-offset:5px;padding:10px}.has-film-fallback .intro-actions{visibility:hidden}.is-static .story{height:calc(var(--film-vh, 1svh) * 100)}.is-static .scroll-invitation,.is-static .chapter-nav,.is-static .scene-guide,.is-static .film-progress{display:none}.is-static .intro-copy{opacity:1!important;transform:none!important}.is-static .movement-caption,.is-static .horizon-caption{display:none}.is-static .intro-actions{justify-content:flex-start}
/* Below the film, the same editorial scale and breathing room. */
.content-section{padding-left:var(--page-gutter);padding-right:var(--page-gutter);max-width:1920px;margin-left:auto;margin-right:auto}.work-section{position:relative;z-index:3;padding-top:140px;padding-bottom:140px;background:var(--black)}.work-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:28px 80px;align-items:end;margin-bottom:76px}.section-kicker{font-size:11px;color:var(--muted);line-height:1.6}.work-intro .section-kicker{grid-column:1/-1}.work-intro h2{font-size:clamp(64px,7.8vw,130px);line-height:1.06}.work-lead{font-size:14px;line-height:1.9;color:var(--muted);padding-bottom:12px}.film-feature{display:block;width:100%;text-align:left;padding:0}.feature-image{position:relative;display:block;overflow:hidden}.feature-image img{width:100%;aspect-ratio:2.05;object-fit:cover;object-position:50% 50%;transition:transform 1s cubic-bezier(.2,.6,.2,1)}.film-feature:hover .feature-image img{transform:scale(1.025)}.feature-play{position:absolute;inset:auto 34px 30px auto;display:grid;place-items:center;width:64px;height:64px;border:1px solid #ffffff90;border-radius:50%;font-size:12px;padding-left:3px;color:var(--paper);transition:background .25s,color .25s}.film-feature:hover .feature-play{background:var(--paper);color:var(--black)}.feature-caption{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:25px}.feature-title{font-family:var(--display);font-size:clamp(28px,3vw,46px);letter-spacing:-.035em;line-height:1.3}.feature-meta{display:flex;gap:42px;align-items:center;font-size:11px;color:var(--muted)}.feature-meta>span[aria-hidden="true"]{font-size:24px;color:var(--paper)}.work-awaiting{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:75px;color:var(--muted)}.work-awaiting p{font-size:13px;line-height:1.9}.work-awaiting>span{font-family:var(--display);font-size:28px;letter-spacing:-.035em}
.section-heading{margin-bottom:66px}.section-heading .section-kicker{margin-bottom:25px}.section-heading h2{font-size:clamp(56px,6.5vw,104px);line-height:1.08}.discipline{border-top:1px solid #ffffff28}.discipline:last-child{border-bottom:1px solid #ffffff28}.discipline summary{display:flex;align-items:center;gap:30px;cursor:pointer;list-style:none;padding:27px 0;min-height:118px}.discipline summary::-webkit-details-marker{display:none}.discipline summary>span:first-child{font-family:var(--display);font-size:clamp(48px,6vw,96px);letter-spacing:-.045em;line-height:1.12;flex:1;transition:transform .25s,color .25s}.discipline summary:hover>span:first-child{color:var(--gold);transform:translateX(8px)}.discipline-short{font-size:12px;color:var(--muted);min-width:210px}.disclosure{font-size:27px;font-weight:200;min-width:28px;text-align:right;margin-left:50px;transition:transform .25s}.discipline[open] .disclosure{transform:rotate(45deg)}.discipline-body{display:grid;grid-template-columns:1.25fr 1fr;gap:10vw;padding:6px 0 42px}.discipline-body p:first-child{font-size:15px;line-height:1.85;max-width:600px;color:var(--muted)}.discipline-items{font-size:11px;line-height:1.9;align-self:end;color:var(--muted)}
.about-section{display:grid;grid-template-columns:1.15fr 1fr;gap:9vw;align-items:center;padding-top:180px;padding-bottom:170px}.about-image{position:relative}.about-image img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 50%}.about-image>span{display:block;margin-top:18px;font-size:10px;color:var(--muted)}.about-copy .section-kicker{margin-bottom:28px}.about-copy h2{font-size:clamp(64px,7vw,110px);line-height:1.04;margin-bottom:38px}.about-copy>p:not(.section-kicker){font-size:14px;line-height:1.9;color:var(--muted);max-width:400px;margin-bottom:18px}.back-to-film,.text-link{display:inline-flex;align-items:center;gap:42px;min-height:44px;border-bottom:1px solid #ffffff45;font-size:12px;margin-top:24px;padding:7px 0}.back-to-film>span[aria-hidden="true"],.text-link>span[aria-hidden="true"]{font-size:23px;transition:transform .25s}.back-to-film:hover>span[aria-hidden="true"],.text-link:hover>span[aria-hidden="true"]{transform:translate(3px,-3px)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:42px;padding-bottom:42px;border-top:1px solid #ffffff20}.footer-signature{font-family:var(--display);font-size:39px;letter-spacing:-.05em}.site-footer p,.site-footer>span{font-size:10px;color:var(--muted)}.project-list:empty{display:none}.project-list{margin-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:50px 35px}.project-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.project-card h3{font-family:var(--display);font-size:32px;margin:20px 0 9px}.project-card p{font-size:14px;line-height:1.7;color:var(--muted);max-width:550px}.project-card .project-tags{font-size:11px;margin-top:16px}.project-card a:focus-visible{display:block}
/* A chapter fills the screen. Its imagery is a film still, not a blurred backdrop. */
.dialog-is-open{overflow:hidden}.discipline-dialog{border:0;padding:0;margin:0;width:100vw;height:100svh;max-width:none;max-height:none;background:var(--black);color:var(--paper);overflow:auto;overscroll-behavior:contain}.discipline-dialog::backdrop{background:var(--black)}.discipline-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px var(--page-gutter)}.dialog-close{display:flex;align-items:center;gap:24px;font-size:11px;min-height:44px;padding:0}.dialog-close>span[aria-hidden="true"]{font-size:28px;font-weight:200}.discipline-dialog-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:center;padding:5vh var(--page-gutter) 8vh;min-height:calc(100svh - 100px)}.discipline-dialog-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;max-height:73svh}.discipline-dialog-visual>span{display:block;font-size:10px;color:var(--muted);margin-top:18px}.discipline-dialog-content h2{font-size:clamp(70px,8.5vw,135px);line-height:1.05;margin-bottom:35px}#discipline-dialog-copy{font-size:16px;line-height:1.9;color:var(--muted);max-width:43ch}#discipline-dialog-tags{font-size:11px;color:var(--muted);line-height:1.9;margin-top:25px;margin-bottom:20px}.film-dialog{border:0;background:var(--black);color:var(--paper);padding:28px;max-width:calc(100vw - 32px);width:1440px;max-height:calc(100svh - 32px)}.film-dialog::backdrop{background:#000f}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px}.dialog-heading h2{font-family:var(--body);font-size:13px;letter-spacing:0}.film-dialog video{display:block;width:100%;max-height:calc(100svh - 160px);aspect-ratio:16/9;background:var(--black)}.noscript-note{padding:25px var(--page-gutter);font-size:14px}.noscript-note a{text-decoration:underline}
@media(min-aspect-ratio:19/10){.film-image>video,.film-image>img{object-fit:contain}.canvas-title{top:10%;font-size:clamp(100px,12vw,235px)}.is-canvas .site-header,.intro-actions{color:var(--paper)}.canvas-credit{color:var(--paper)}.movement-caption{bottom:12%}}
@media(max-width:900px){.site-header{gap:28px;padding-top:22px;padding-bottom:22px}.site-header nav{gap:25px}.canvas-title{font-size:15vw}.intro-copy{font-size:12px}.canvas-credit{font-size:12px}.work-section{padding-top:95px;padding-bottom:100px}.work-intro{gap:26px 45px;margin-bottom:50px}.work-lead{font-size:12px}.discipline-short{min-width:auto;font-size:11px}.disclosure{margin-left:25px}.discipline summary{min-height:104px}.discipline-body{gap:45px}.about-section{padding-top:115px;padding-bottom:100px;gap:7vw}.about-copy h2{font-size:66px}.about-copy>p:not(.section-kicker){font-size:13px}.discipline-dialog-layout{gap:6vw}.discipline-dialog-content h2{font-size:70px}#discipline-dialog-copy{font-size:14px}}
/* Portrait and square tablets retain the whole film, with room for navigation. */
:root{--portrait-film-top:min(calc(var(--film-vh, 1svh) * 32),calc(calc(var(--film-vh, 1svh) * 50) - 28.125vw));--portrait-film-bottom:calc(var(--portrait-film-top) + 56.25vw)}
@media(max-aspect-ratio:1/1){.film-image{top:var(--portrait-film-top);bottom:auto;height:56.25vw}.film-image>video,.film-image>img{object-fit:contain}.is-canvas .site-header,.intro-copy,.intro-actions,.canvas-caption{color:var(--paper)}.canvas-title{top:auto;bottom:calc(100% - var(--portrait-film-top));left:var(--page-gutter);right:var(--page-gutter);font-size:clamp(64px,19.5vw,120px);line-height:1.3;gap:25px}.canvas-credit{bottom:auto;top:calc(var(--portrait-film-bottom) + 26px);font-size:12px;color:var(--muted)}.intro-copy{top:calc(var(--portrait-film-bottom) + 80px);bottom:auto;font-size:14px;line-height:1.65}.intro-actions{bottom:6%;align-items:flex-end}.scroll-invitation{font-size:10px;max-width:130px;line-height:1.7;gap:16px}.play-link{font-size:10px}.movement-caption{inset:auto var(--page-gutter);top:calc(var(--portrait-film-bottom) + 28px)}.movement-caption h2{font-size:42px}.horizon-title{bottom:auto;top:calc(var(--portrait-film-top) + 28.125vw - 1.5em);left:var(--page-gutter);right:var(--page-gutter);font-size:clamp(40px,11vw,66px);white-space:nowrap}.horizon-disciplines{top:calc(var(--portrait-film-bottom) + 22px);display:grid;grid-template-columns:1fr 1fr;gap:0 32px;left:15%;right:15%}.horizon-disciplines button{font-size:15px;min-height:46px}.horizon-link{top:calc(var(--portrait-film-bottom) + 144px);font-size:11px}.scene-guide{bottom:12%;font-size:10px}.chapter-nav{bottom:4%;left:var(--page-gutter);right:auto;gap:18px}.chapter-nav button{width:28px}.load-status{top:calc(var(--portrait-film-bottom) + 10px);color:var(--muted);font-size:10px}.film-fallback{flex-wrap:wrap;padding:15px;gap:8px 16px;bottom:4%;font-size:12px}.is-static .intro-actions{bottom:5%}.is-static .intro-copy{top:calc(var(--portrait-film-bottom) + 80px)}.has-film-fallback .intro-copy{display:none}}
@media(max-width:600px){.site-header{gap:22px}.site-header nav{gap:20px;font-size:10px}.wordmark{font-size:24px}.sound-button #sound-label{display:none}.sound-button{justify-content:flex-end}.work-intro{grid-template-columns:1fr;gap:24px}.work-intro h2{font-size:63px}.work-lead{font-size:13px;padding:0}.work-section{padding-top:80px;padding-bottom:90px}.feature-image img{aspect-ratio:16/11;object-position:50% 50%}.feature-play{width:44px;height:44px;inset:auto 16px 16px auto;font-size:9px}.feature-caption{display:block;margin-top:19px}.feature-title{font-size:29px}.feature-meta{margin-top:8px;font-size:10px;justify-content:space-between}.feature-meta>span[aria-hidden="true"]{font-size:23px}.work-awaiting{margin-top:42px;gap:22px;align-items:flex-start}.work-awaiting p{font-size:11px;max-width:190px}.work-awaiting>span{font-size:19px;white-space:nowrap}.section-heading{margin-bottom:42px}.section-heading h2{font-size:54px}.section-kicker{font-size:10px}.discipline summary{min-height:87px;padding:20px 0;gap:20px}.discipline summary>span:first-child{font-size:52px}.discipline-short{display:none}.disclosure{font-size:24px;margin-left:0}.discipline-body{grid-template-columns:1fr;gap:20px;padding-bottom:30px}.discipline-body p:first-child{font-size:13px}.discipline-items{font-size:10px}.about-section{grid-template-columns:1fr;gap:45px;padding-top:90px;padding-bottom:85px}.about-image img{aspect-ratio:1.1;object-position:50% 50%}.about-copy h2{font-size:74px;margin-bottom:25px}.about-copy .section-kicker{margin-bottom:22px}.site-footer{flex-wrap:wrap;gap:20px;padding-top:30px;padding-bottom:30px}.site-footer p{order:3;flex-basis:100%;font-size:10px}.footer-signature{font-size:34px}.project-list{grid-template-columns:1fr}.discipline-dialog-layout{grid-template-columns:1fr;padding-top:12px;gap:30px;min-height:auto}.discipline-dialog-top{padding-top:18px;padding-bottom:18px}.discipline-dialog-visual img{aspect-ratio:16/10;max-height:31svh}.discipline-dialog-visual>span{margin-top:10px;font-size:9px}.discipline-dialog-content h2{font-size:64px;margin-bottom:20px}#discipline-dialog-copy{font-size:13px;line-height:1.85}#discipline-dialog-tags{font-size:10px;margin:18px 0 0}.text-link{font-size:11px;margin-top:18px}.dialog-close{font-size:10px;gap:16px}.film-dialog{padding:14px;max-width:calc(100vw - 16px)}.dialog-heading h2{font-size:11px}.film-dialog video{max-height:calc(100svh - 130px)}}
@media(max-width:360px){.site-header{gap:19px}.site-header nav{gap:18px}.canvas-title{font-size:19vw;gap:20px}.intro-copy{font-size:12px;top:calc(var(--portrait-film-bottom) + 70px)}.canvas-credit{font-size:12px}.movement-caption h2{font-size:36px}.horizon-title{font-size:10.8vw}.horizon-disciplines{left:12%;right:12%}.horizon-link{top:calc(var(--portrait-film-bottom) + 128px)}.chapter-nav{gap:12px}.work-intro h2{font-size:53px}.section-heading h2{font-size:46px}.work-awaiting{display:block}.work-awaiting>span{display:block;margin-top:22px}.discipline summary>span:first-child{font-size:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.story{height:calc(var(--film-vh, 1svh) * 100)}.scroll-invitation,.chapter-nav,.scene-guide,.film-progress{display:none}.intro-copy{opacity:1!important;transform:none!important}[data-reveal]{opacity:1!important;transform:none!important}.feature-image img{transform:none!important}}
/* Keep titles inside the actual film on very wide / short screens. */
@media(min-aspect-ratio:19/10){.canvas-title{--film-edge:max(0px,calc(50vw - calc(var(--film-vh, 1svh) * 88.8889)));--title-inset:max(var(--page-gutter),calc(var(--film-edge) + 28px));left:var(--title-inset);right:var(--title-inset);clip-path:inset(calc(var(--film-vh, 1svh) * -100) calc(var(--film-edge) - var(--title-inset)))}.intro-copy{color:var(--paper)}}
@media(max-height:500px) and (min-aspect-ratio:1/1){.intro-copy{display:none}.canvas-title{font-size:min(12vw,calc(var(--film-vh, 1svh) * 32));top:10%}.canvas-credit{bottom:90px;font-size:12px}.intro-actions{bottom:22px}.scene-guide{bottom:31px}.chapter-nav{bottom:17px}.horizon-title{font-size:clamp(54px,9.5vw,100px);bottom:49%}.horizon-disciplines{top:60%;gap:36px}.horizon-disciplines button{font-size:14px}.horizon-link{top:75%;font-size:10px}.movement-caption{bottom:18%}.movement-caption h2{font-size:40px}}
.intro-copy,.intro-actions,.canvas-credit{color:var(--paper)}
.is-story-exiting .scene-guide,.is-story-exiting .chapter-nav,.is-story-exiting .film-progress{visibility:hidden;pointer-events:none}
.is-story-exiting:not(.is-static) .story-text{opacity:0}
@media(max-width:600px){.section-heading h2{font-size:clamp(36px,11.2vw,52px)}}
/* The language choice stays small and legible in both film palettes. */
.language-switch{display:flex;align-items:center;gap:4px;flex-shrink:0}
.language-switch :is(button,a){position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:44px;padding:0 3px;font-size:11px;letter-spacing:.03em;opacity:.8;transition:opacity .2s}
.language-switch :is(button,a):hover,.language-switch :is(button,a)[aria-pressed="true"],.language-switch a[aria-current="page"]{opacity:1}
.language-switch :is(button,a)[aria-pressed="true"]::after,.language-switch a[aria-current="page"]::after{content:"";position:absolute;left:6px;right:6px;bottom:9px;height:1px;background:currentColor}
@media(max-width:600px){.site-header{gap:14px}.site-header nav{gap:16px}.language-switch{gap:0}.language-switch :is(button,a){font-size:10px;min-width:28px}.sound-button{min-width:24px;flex-shrink:0}}
@media(max-width:360px){.site-header{gap:12px}.site-header nav{gap:12px}}
/* The film leads to a clear website offer; other disciplines support it. */
.site-header .nav-offer{font-weight:600}
.horizon-link{top:61%;font-size:clamp(15px,1.6vw,23px);gap:22px;border-bottom:1px solid #dec49175;padding-bottom:8px}
.horizon-disciplines{top:76%;gap:34px;color:var(--muted)}
.horizon-disciplines button{font-size:14px}
.website-section{position:relative;z-index:3;background:var(--black);padding-top:140px;padding-bottom:30px}
.website-intro{display:grid;grid-template-columns:1.45fr 1fr;gap:32px 8vw;align-items:end;margin-bottom:82px}
.website-intro>.section-kicker{grid-column:1/-1;color:var(--gold)}
.website-intro h2{font-size:clamp(68px,8vw,138px);line-height:1.08}
.website-intro h2 em{font-style:normal;color:var(--gold)}
.website-lead{max-width:460px;padding-bottom:10px}
.website-lead>p{font-size:15px;line-height:1.9;color:var(--muted)}
.website-lead .text-link{margin-top:24px}
.website-deliverables{list-style:none;padding:0;margin:0}
.website-deliverables li{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:baseline;padding:30px 0;border-top:1px solid #ffffff28}
.website-deliverables li:last-child{border-bottom:1px solid #ffffff28}
.website-number{font-size:10px;color:var(--gold)}
.website-deliverables h3{font-family:var(--display);font-size:clamp(28px,2.7vw,43px);line-height:1.2;letter-spacing:-.035em}
.website-deliverables p{font-size:13px;line-height:1.85;color:var(--muted);max-width:430px}
.website-note{max-width:570px;margin-top:34px;font-size:12px;line-height:1.9;color:var(--muted)}
@media(max-width:900px){.website-section{padding-top:95px}.website-intro{gap:28px 5vw;margin-bottom:56px}.website-intro h2{font-size:8vw}.website-lead>p{font-size:13px}.website-deliverables li{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);gap:24px}.website-deliverables h3{font-size:29px}}
@media(max-width:600px){.website-section{padding-top:80px;padding-bottom:10px}.website-intro{grid-template-columns:1fr;gap:26px;margin-bottom:44px}.website-intro h2{font-size:clamp(42px,13vw,76px)}.website-lead{padding:0;max-width:440px}.website-lead>p{font-size:14px}.website-deliverables li{grid-template-columns:24px minmax(0,1fr);gap:12px 18px;padding:25px 0}.website-deliverables h3{font-size:30px}.website-deliverables p{grid-column:2;font-size:12px}.website-note{font-size:11px;margin-top:28px}}
@media(max-aspect-ratio:1/1){.horizon-link{top:calc(var(--portrait-film-bottom) + 18px);font-size:12px;gap:14px;padding-bottom:2px}.horizon-disciplines{top:calc(var(--portrait-film-bottom) + 85px);gap:0 24px}.horizon-disciplines button{font-size:13px;min-height:40px}}
@media(max-height:500px) and (min-aspect-ratio:1/1){.horizon-link{top:60%;font-size:13px;min-height:36px;padding-bottom:0}.horizon-disciplines{top:75%;gap:30px}.horizon-disciplines button{font-size:12px;min-height:34px}}
/* Tablet titles remain printed on the canvas instead of floating in the letterbox. */
@media(min-width:601px) and (max-aspect-ratio:1/1),(min-aspect-ratio:3/4) and (max-aspect-ratio:1/1){
 .canvas-title{top:calc(var(--portrait-film-top) + 3.5vw);bottom:auto;font-size:14.3vw;line-height:1.28;color:var(--canvas-ink)}
}
/* Square split views have less room below the film than a tall phone. */
@media(min-aspect-ratio:3/4) and (max-aspect-ratio:1/1) and (max-height:850px){
 .canvas-credit{display:none}.intro-copy,.is-static .intro-copy{top:calc(var(--portrait-film-bottom) + 20px);font-size:12px;line-height:1.6}.intro-actions{bottom:16px}
 .scene-guide{bottom:30px}.chapter-nav{left:auto;right:var(--page-gutter);bottom:16px;gap:4px}
}

/* A quiet recovery line below the full film, only when playback needs help. */
.full-film-status{padding-top:16px;font-size:13px;line-height:1.6;color:var(--muted)}.full-film-status[hidden]{display:none}.full-film-status p{margin:0;max-width:65ch}.full-film-recovery{display:flex;flex-wrap:wrap;gap:8px 28px}.full-film-recovery button,.full-film-recovery a{display:inline-flex;align-items:center;min-height:44px;color:var(--paper);text-decoration:underline;text-underline-offset:5px}.full-film-recovery [hidden]{display:none}
.film-dialog:has(.full-film-status:not([hidden])) video{max-height:max(90px,calc(100svh - 270px))}

/* The opening stays visible while the exact scroll film is prepared locally. */
html.is-film-loading-locked{overflow:hidden;overscroll-behavior:none}
.is-film-preparing .scroll-invitation,.film-stage:has(#load-status.is-load-complete) .scroll-invitation{visibility:hidden}
body.is-film-preparing #load-status,#load-status.is-film-loading{top:auto;bottom:38px;left:auto;right:var(--page-gutter);width:min(280px,42vw);padding:0;background:transparent;z-index:5;color:var(--paper);font-size:12px;line-height:1.6;text-shadow:none;transition:opacity .46s ease,transform .46s ease}
.is-canvas #load-status.is-film-loading{color:var(--paper)}
#load-status.is-load-complete{opacity:0;transform:translateY(-5px);pointer-events:none}
.dialog-is-open #load-status.is-load-complete{visibility:hidden}
.load-status p{margin:0}
.film-load-meter{display:flex;align-items:center;gap:16px;margin-top:9px;--film-load-remaining:100%}
.film-load-brush{display:block;flex:1;min-width:0;height:14px;overflow:visible;fill:currentColor}
.film-load-brush-track{opacity:.13}
.film-load-brush-ink{clip-path:inset(0 var(--film-load-remaining) 0 0);transition:clip-path .22s linear;opacity:.8}
.film-load-meter.is-indeterminate .film-load-brush-ink{clip-path:none;opacity:.25;animation:film-brush-wait 1.8s ease-in-out infinite}
@keyframes film-brush-wait{0%,100%{opacity:.15}50%{opacity:.4}}
#film-load-percent{min-width:3.5ch;font-size:10px;font-variant-numeric:tabular-nums;text-align:right;color:inherit;opacity:.75}
.load-status button,.load-status a{display:block;width:fit-content;padding:9px 0;min-height:40px;font-size:11px;text-underline-offset:4px}
.load-status button{text-decoration:underline}
.is-film-preparing #slow-load-link{color:inherit;opacity:.8}
@media(max-aspect-ratio:1/1){body.is-film-preparing #load-status,#load-status.is-film-loading{bottom:6%;font-size:11px;width:min(250px,49vw)}.is-canvas #load-status.is-film-loading{color:var(--paper)}}
@media(max-height:500px) and (min-aspect-ratio:1/1){body.is-film-preparing #load-status,#load-status.is-film-loading{bottom:22px}}
@media(prefers-reduced-motion:reduce){.film-load-brush-ink,#load-status.is-film-loading{transition:none}.film-load-meter.is-indeterminate .film-load-brush-ink{animation:none;opacity:.3}}

/* Vector link arrows keep their shape across platform font and emoji fallbacks. */
.nz-direction-icon{display:inline-block;flex:none;width:1em;height:1em;vertical-align:-.125em;pointer-events:none}