/* Homepage only. Shared route CSS and scripts remain independent. */
.v-hero{background:var(--paper)}
.fragment-portrait .media-window img{position:absolute;top:-45%;height:145%;transform:none;object-position:center}
.media-window video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.auto-medium:focus-visible .auto-medium-label{outline:3px solid var(--paper);outline-offset:6px}
/* Reserve the complete diagonal headline when reached through its anchor. */
.v-attention#anfang{scroll-margin-top:calc(var(--header) + 180px)}
@media(max-width:550px){.v-hero .note-right{top:-4%;bottom:auto}.v-attention#anfang{scroll-margin-top:calc(var(--header) + 80px)}}
@media(prefers-reduced-motion:reduce){.hv4 .auto-medium img,.hv4 .v-link>span,.hv4 .v-button>span,.hv4 .close-link b{transform:none}}
:root{--paper:#eeebdc;--blue:#225cf2;--ink:#111212;--white:#fff;--pink:#ff6eaf;--pad:clamp(22px,4.5vw,90px);--header:84px;--sans:Arial,"Helvetica Neue",Helvetica,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header) + 24px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}main{overflow:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h2,h3{font-weight:500;letter-spacing:-.065em;line-height:.99}p{line-height:1.5}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}button{cursor:pointer}section[id]{scroll-margin-top:var(--header)}[hidden]{display:none!important}.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.075em}.v-index,.v-small{font-size:11px;letter-spacing:.095em;line-height:1.5}.v-index{font-weight:600}.v-small{font-size:10px}.skip{position:fixed;z-index:999;top:10px;left:10px;background:var(--ink);color:#fff;padding:15px;transform:translateY(-200%)}.skip:focus{transform:none}
.v-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:var(--header);padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid #11121224}.v-brand{display:flex;align-items:center;gap:13px;letter-spacing:.17em;font-size:13px;font-weight:700}.v-brand img{width:24px;height:24px;object-fit:contain}.v-header nav{display:flex;gap:42px;align-items:center;font-size:13px}.v-header nav a{padding:16px 0}.v-header nav a:hover{text-decoration:underline;text-underline-offset:7px}.v-menu{display:none}.v-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 23px;min-height:56px;background:var(--blue);color:white;font-size:13px;border:1px solid var(--blue)}.v-button:hover{background:#143fb4}.v-link{display:inline-flex;align-items:center;gap:35px;padding:14px 0;border-bottom:1px solid;font-size:14px;min-height:48px}.v-link>span,.v-button>span{display:inline-block;transition:transform .3s}.v-link:hover>span,.v-button:hover>span{transform:translate(4px,-4px)}
.v-hero{height:100svh;min-height:760px;max-height:1300px;position:relative;padding:calc(var(--header) + 28px) var(--pad) 25px;isolation:isolate}.hero-overline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em}.hero-art{position:absolute;pointer-events:none;inset:17% 0 20%;z-index:-1}.hero-puddle{width:100%;height:100%;overflow:visible}.hero-puddle [data-puddle-layer]{transform-box:fill-box;transform-origin:center;will-change:transform}.hero-puddle [data-puddle-image]{transform-origin:center;will-change:transform}.v-hero h1{position:absolute;top:39%;left:2.2%;width:95.6%;text-align:center;font-size:19.1vw;line-height:.82;letter-spacing:-.083em;font-weight:800;color:#fff;mix-blend-mode:difference;pointer-events:none}.hero-note{position:absolute;font-size:10px;line-height:1.5;letter-spacing:.04em;color:#37372f}.note-left{left:13%;top:12%}.note-right{right:10%;bottom:4%;text-align:right}.hero-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:92px;display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom>p{font-size:clamp(17px,1.6vw,25px);line-height:1.22;letter-spacing:-.025em}.hero-bottom>p>span{color:#53554d}.hero-actions{display:flex;align-items:center;gap:28px}.hero-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px}.hero-meta>span:nth-child(2){color:#5c5f53;font-size:9px}.hero-meta button{border:0;border-bottom:1px solid;background:transparent;font-size:10px;padding:12px 0;min-height:44px}.hero-meta a{padding:12px 0;min-height:44px}
.v-attention{background:var(--blue);color:var(--paper);position:relative;padding:0 var(--pad) 35px;margin-top:110px}.boundary{position:relative;top:-95px;margin-bottom:-25px;transform:rotate(-4deg)}.boundary h2{font-size:clamp(50px,8.6vw,165px);letter-spacing:-.075em;line-height:.99;color:var(--ink);will-change:transform}.boundary h2>span{color:var(--paper)}.attention-body{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:45px;padding:50px 0 100px;align-items:start}.attention-lead{font-size:clamp(30px,3.1vw,53px);letter-spacing:-.05em;line-height:1.1}.attention-lead em{font-family:var(--serif);font-weight:400}.attention-copy{max-width:350px;font-size:15px}.attention-copy p+p{margin-top:24px}.editorial-star{font-size:100px;display:block;line-height:.9;margin:-15px 0 40px;color:var(--paper)}.v-rule{display:flex;justify-content:space-between;border-top:1px solid #eeebdc80;padding-top:24px;font-size:10px;letter-spacing:.13em}
.world-heading{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:70px}.v-content-world{padding:100px var(--pad) 70px;background:#fff;position:relative}.v-content-world h2{font-size:clamp(62px,8.7vw,165px);position:relative;z-index:2;max-width:10ch}.v-content-world h2 .serif{color:var(--blue)}.v-content-world h2 .offset{margin-left:10vw;white-space:nowrap}.content-editorial{display:grid;grid-template-columns:1fr 1.1fr 1.3fr;gap:50px;align-items:start;margin-top:-230px}.media-fragment{margin:0;will-change:transform}.media-window{position:relative;overflow:hidden;background:var(--paper)}.media-window img{width:100%;height:100%;object-fit:cover}.media-fragment figcaption{font-size:10px;line-height:1.65;letter-spacing:.04em;padding-top:18px}.media-fragment figcaption span{color:#62665e;font-size:9px;letter-spacing:0}.fragment-portrait{grid-column:3;grid-row:1;justify-self:end;width:76%;rotate:6deg}.fragment-portrait .media-window{height:clamp(260px,29vw,480px);border-radius:48% 48% 8% 8%}.fragment-portrait img{transform:scale(1.16);object-position:50% 35%}.fragment-process{grid-column:1/3;grid-row:2;width:90%;rotate:-4deg;margin:35px 0 0 3%}.fragment-process .media-window{aspect-ratio:1.75;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}.fragment-process img{transform:scale(1.38);object-position:75% 60%}.content-note{grid-column:2;grid-row:1;padding-top:320px;font-size:14px}.pink-mark{display:block;color:var(--pink);font-size:72px;margin-top:15px}.content-description{grid-column:3;grid-row:2;align-self:center;font-size:17px;max-width:29ch}.content-description .v-link{margin-top:28px}.content-wide-word{font-size:clamp(45px,7.5vw,130px);font-weight:600;letter-spacing:-.06em;white-space:nowrap;line-height:1.2;margin-top:90px;color:var(--blue);rotate:-2deg}
.v-auto-world{background:#090b0d;color:var(--paper);padding:75px var(--pad) 45px;position:relative;isolation:isolate}.v-auto-world .world-heading{color:#b5bbbd}.auto-world-copy{position:relative;z-index:2;max-width:680px}.auto-world-copy h2{font-size:clamp(55px,7vw,125px)}.auto-world-copy h2>span{color:#a1a4a8}.auto-world-copy>p{max-width:34ch;font-size:16px;margin-top:35px}.auto-world-copy .v-link{margin-top:23px}.auto-medium{display:block;position:relative;width:83%;margin:-90px -3% 0 auto;overflow:hidden;clip-path:polygon(8% 0,100% 0,100% 87%,0 100%)}.auto-medium img{width:100%;height:auto;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.auto-medium:hover img,.auto-medium:focus-visible img{transform:scale(1.045)}.auto-medium-label{position:absolute;bottom:20%;right:8%;background:#090b0de8;padding:16px 20px;font-size:11px;display:flex;gap:40px;align-items:center}.auto-medium-label>span{font-size:26px}.auto-caption{display:flex;justify-content:space-between;gap:25px;padding-top:30px;font-size:9px;color:#c2c6c8;letter-spacing:.03em}
.v-os-world{padding:100px var(--pad) 130px;background:var(--paper);color:var(--blue)}.os-composition{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center}.os-copy h2{font-size:clamp(55px,6.4vw,112px)}.os-copy>p{max-width:34ch;margin:35px 0 20px;color:var(--ink);font-size:17px}.os-paper{background:#fff;color:var(--ink);padding:35px 38px;box-shadow:18px 22px 0 var(--blue);transform:rotate(2deg)}.os-paper-head{display:flex;justify-content:space-between;gap:20px;font-size:10px;border-bottom:1px solid #ccc;padding-bottom:20px}.os-paper-head>span{color:#5c605e}.os-paper-title{font-size:clamp(25px,3vw,45px);letter-spacing:-.055em;line-height:1.1;margin:28px 0}.os-demo{border-top:1px solid #d1d1ce}.os-demo button{width:100%;border:0;border-bottom:1px solid #d1d1ce;display:flex;justify-content:space-between;padding:18px 12px;background:transparent;text-align:left;font-size:14px;min-height:55px}.os-demo button[aria-pressed=true]{background:var(--blue);color:white}.os-demo button>span{transition:transform .3s}.os-demo button:hover>span{transform:translate(3px,-3px)}.os-detail{min-height:165px;padding:28px 0 15px}.os-detail h3{font-size:25px;letter-spacing:-.035em;line-height:1.15}.os-detail p{font-size:14px;margin-top:13px;max-width:38ch}.os-disclaimer{font-size:10px;color:#5b625d}
.v-work{padding:100px var(--pad) 105px;background:#fff}.work-heading{display:flex;justify-content:space-between;gap:50px;align-items:end}.work-heading h2{font-size:clamp(62px,8vw,150px)}.work-heading>p{max-width:34ch;font-size:15px}.case-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:70px 8vw;align-items:start;margin-top:90px}.case-film{margin-top:65px}.case-frame{position:relative;background:var(--paper);padding:26px;display:flex;flex-direction:column;justify-content:space-between}.case-frame>span,.case-campaign>span{font-size:10px;letter-spacing:.07em}.case-film .case-frame{aspect-ratio:1.55;clip-path:polygon(0 0,95% 0,100% 100%,0 100%);border-top:1px solid #babdaf}.case-frame>p{font-size:clamp(30px,3.8vw,70px);letter-spacing:-.055em;line-height:1.05;margin:45px 0}.case-frame>p i{font-family:var(--serif);font-weight:400}.case-frame .frame-corner{font-size:55px;align-self:end;line-height:.8}.case-social{width:90%;justify-self:end}.case-social .case-frame{aspect-ratio:9/14;color:#fff;background:var(--blue);border-radius:45% 45% 0 0;padding-top:80px}.social-type{font-size:clamp(80px,11vw,185px);letter-spacing:-.1em;line-height:.9;align-self:center}.social-type span{color:var(--pink)}.case-caption{display:flex;justify-content:space-between;gap:18px;margin-top:20px}.case-caption h3{font-size:17px;letter-spacing:-.02em;line-height:1.2}.case-caption p{font-size:11px;max-width:22ch;color:#5b6056}.case-campaign{grid-column:1/-1;padding:35px 0;border-top:1px solid;display:grid;grid-template-columns:1fr 2fr 1.4fr;gap:35px;align-items:center}.case-campaign h3{font-size:clamp(30px,4vw,65px)}.case-campaign p{font-size:13px}.v-work>.v-link{margin-top:35px}
.v-process{padding:100px var(--pad);display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;background:var(--paper)}.process-intro{position:sticky;top:calc(var(--header) + 50px);align-self:start}.process-intro h2{font-size:clamp(45px,5.4vw,95px);margin:50px 0 25px}.process-intro>p:not(.v-index){font-size:14px;line-height:1.7}.process-counter{display:flex;align-items:baseline;gap:20px;color:var(--blue);font-size:clamp(100px,15vw,260px);letter-spacing:-.085em;margin-top:35px;line-height:.85}.process-counter small{font-size:14px;letter-spacing:0}.process-chapters{list-style:none;padding:0;margin:0}.process-chapters li{padding:60px 0 110px;border-top:1px solid #9fa295;position:relative}.process-chapters li>span{font-size:10px;letter-spacing:.08em;color:#555d4a}.process-chapters h3{font-size:clamp(38px,5.4vw,90px);margin:50px 0 25px}.process-chapters li.active h3{color:var(--blue)}.process-chapters li.active:before{content:"";position:absolute;top:-2px;height:3px;width:85px;background:var(--blue)}.process-chapters p{max-width:38ch;font-size:16px}.process-chapters li:nth-child(even){padding-left:5vw}
.v-manifest{background:#fff;padding:95px var(--pad) 100px}.v-manifest h2{font-size:clamp(55px,9.3vw,172px);margin:90px 0 80px;line-height:1.04}.v-manifest h2 .serif{color:var(--blue)}.manifest-bottom{display:flex;justify-content:space-between;gap:50px;align-items:center}.manifest-mark{font-size:140px;line-height:.7;color:var(--blue)}.manifest-bottom p{font-size:17px;max-width:42ch}.manifest-bottom .v-small{color:#555d4a}
.v-close{padding:100px var(--pad) 25px;background:var(--blue);color:var(--paper)}.v-close h2{font-size:clamp(50px,7.7vw,140px);margin:65px 0 70px;line-height:1.04}.close-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eeebdc80;border-bottom:1px solid #eeebdc80;padding:20px 0;min-height:95px;gap:30px;font-size:clamp(20px,2.1vw,35px)}.close-link b{font-size:65px;line-height:1;font-weight:400;transition:transform .3s}.close-link:hover b{transform:translate(7px,-7px)}.v-footer{margin-top:110px}.footer-word{font-size:16vw;font-weight:800;line-height:.9;letter-spacing:-.08em;display:block}.footer-links{display:flex;gap:40px;justify-content:flex-end;font-size:13px;margin-top:40px}.footer-links a{padding:12px 0}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #eeebdc80;margin-top:35px;padding-top:25px;font-size:10px;flex-wrap:wrap}.footer-bottom a{min-height:44px}.v-footer a:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1921px){.v-hero h1{font-size:360px}.content-editorial{margin-top:-190px}}
@media(max-width:1100px){.hero-actions{flex-direction:column;align-items:start;gap:8px}.attention-body{grid-template-columns:1.2fr 1fr;gap:35px}.attention-body>.v-index{grid-column:1/-1}.content-editorial{gap:30px;margin-top:-110px}.content-note{padding-top:180px}.fragment-process{width:100%}.os-composition{gap:50px}.os-paper{padding:25px}.case-caption{flex-direction:column}.case-caption p{max-width:none}.auto-medium{margin-top:-15px;width:90%}}
@media(max-width:800px){:root{--header:72px}.v-menu{display:flex;gap:25px;align-items:center;min-height:48px;border:0;background:none;font-size:13px;z-index:102}.v-menu>span{font-size:25px}.v-header nav{display:none}.menu-open{overflow:hidden}.menu-open .v-header nav{display:flex;position:fixed;inset:var(--header) 0 0;background:var(--paper);flex-direction:column;align-items:start;justify-content:center;padding:var(--pad);gap:15px;font-size:clamp(30px,7vw,60px);overflow:auto}.menu-open .v-header nav a{padding:12px 0}.hero-overline{font-size:8px}.hero-overline>span:last-child{display:none}.v-hero{min-height:760px}.hero-art{inset:20% -18% 28%}.v-hero h1{top:38%;font-size:19vw}.hero-bottom>p{font-size:18px;max-width:22ch}.hero-meta>span:nth-child(2){max-width:22ch;line-height:1.5}.note-left{left:22%;top:0}.note-right{right:20%;bottom:-10%}.world-heading{margin-bottom:50px}.world-heading>.v-small{max-width:21ch;text-align:right}.attention-body{padding:35px 0 60px}.boundary{top:-60px;margin-bottom:0}.boundary h2{font-size:8.8vw}.v-attention{margin-top:75px}.v-content-world h2{font-size:10vw}.content-editorial{grid-template-columns:1fr 1fr;margin-top:25px;gap:40px}.fragment-portrait{grid-column:2;grid-row:1;width:85%}.content-note{grid-column:1;grid-row:1;padding-top:50px}.fragment-process{grid-column:1;grid-row:2;margin:0}.fragment-process .media-window{aspect-ratio:.85}.content-description{grid-column:2;grid-row:2;align-self:center;font-size:15px}.v-auto-world{padding-top:65px}.auto-medium{width:100%;margin:25px 0 0}.os-composition{grid-template-columns:1fr}.os-copy>p{max-width:50ch}.os-paper{max-width:600px;width:92%;justify-self:center;margin-top:20px}.work-heading{display:block}.work-heading>p{margin-top:30px;max-width:45ch}.case-layout{gap:55px 35px}.case-social{width:100%}.case-social .case-frame{padding:65px 20px 25px}.case-campaign{grid-template-columns:1fr 2fr}.case-campaign p{grid-column:2}.v-process{gap:35px}.process-intro{top:100px}.process-intro h2{font-size:5.5vw}.process-chapters h3{font-size:5.6vw}.manifest-bottom{gap:25px}.manifest-mark{font-size:100px}.manifest-bottom .v-small{display:none}}
@media(max-width:550px){.v-hero{height:100svh;min-height:730px;max-height:none;padding-top:100px}.hero-overline{font-size:7px}.hero-art{inset:19% -40% 39%}.v-hero h1{top:32%;font-size:19.2vw;left:1%;width:98%}.note-left{left:26%;font-size:9px;top:-4%}.note-right{right:26%;bottom:-8%;font-size:8px}.hero-bottom{bottom:125px;display:block}.hero-bottom>p{font-size:18px;max-width:26ch;line-height:1.28}.hero-actions{margin-top:23px;gap:7px}.hero-actions .v-button{width:100%;padding:15px 20px;min-height:52px}.hero-actions .v-link{font-size:12px;min-height:43px;padding:11px 0}.hero-meta{bottom:16px;display:grid;grid-template-columns:1fr auto;gap:3px 20px;font-size:9px}.hero-meta>span:nth-child(2){grid-column:1;grid-row:2;font-size:8px;max-width:26ch}.hero-meta button{grid-row:1;grid-column:2;font-size:9px}.hero-meta>a{grid-row:2;grid-column:2;text-align:right}.v-attention{margin-top:60px;padding-bottom:25px}.boundary{top:-35px}.boundary h2{font-size:10vw;line-height:1.07;white-space:nowrap}.attention-body{display:block;padding:25px 0 50px}.attention-lead{font-size:37px;margin:35px 0}.attention-copy{font-size:14px}.editorial-star{font-size:70px;margin:35px 0 25px}.v-rule{font-size:8px;letter-spacing:.02em;gap:8px}.world-heading{gap:20px;margin-bottom:40px}.world-heading>.v-small{display:none}.v-index{font-size:9px;letter-spacing:.08em}.v-content-world,.v-os-world,.v-work,.v-manifest{padding:65px var(--pad)}.v-content-world h2{font-size:14vw}.v-content-world h2 .offset{margin-left:6vw}.content-editorial{gap:35px 22px;margin-top:35px}.content-note{font-size:12px;padding-top:30px}.pink-mark{font-size:50px;margin-top:10px}.fragment-portrait{width:100%}.fragment-portrait .media-window{height:245px}.media-fragment figcaption{font-size:8px;padding-top:10px}.media-fragment figcaption span{font-size:8px}.fragment-process{grid-column:1/-1;grid-row:2;width:90%}.fragment-process .media-window{aspect-ratio:1.35}.content-description{grid-row:3;grid-column:1/-1;max-width:34ch;font-size:16px;justify-self:end}.content-wide-word{font-size:37px;margin-top:60px}.v-auto-world{padding:55px var(--pad) 30px}.auto-world-copy h2{font-size:12vw}.auto-world-copy>p{font-size:14px;margin-top:25px}.auto-medium{width:calc(100% + 2 * var(--pad));margin-left:calc(-1 * var(--pad));clip-path:polygon(7% 0,100% 0,100% 93%,0 100%)}.auto-medium-label{font-size:8px;right:6%;bottom:17%;padding:10px;gap:15px}.auto-medium-label>span{font-size:18px}.auto-caption{font-size:8px}.auto-caption>span:last-child{display:none}.os-copy h2{font-size:12vw}.os-copy>p{font-size:15px;margin-top:25px}.os-paper{padding:23px 19px;box-shadow:9px 12px 0 var(--blue);width:97%}.os-paper-head{font-size:8px;gap:12px}.os-paper-title{font-size:30px}.os-detail{min-height:190px}.os-detail h3{font-size:23px}.os-disclaimer{font-size:9px}.work-heading h2{font-size:16vw}.work-heading>p{font-size:14px}.case-layout{grid-template-columns:1fr;gap:45px;margin-top:45px}.case-film{margin-top:0}.case-frame{padding:21px}.case-film .case-frame{aspect-ratio:1.1}.case-frame>p{font-size:35px;margin:30px 0}.case-social{width:67%;justify-self:end}.case-social .case-frame{padding:55px 20px 20px}.social-type{font-size:95px}.case-campaign{grid-column:1;display:block}.case-campaign h3{margin:25px 0;font-size:38px}.case-campaign p{font-size:12px}.v-process{display:block;padding:65px var(--pad)}.process-intro{position:static}.process-intro h2{font-size:13vw;margin:35px 0 25px}.process-counter{font-size:105px;margin:35px 0 45px}.process-chapters li{padding:35px 0 65px}.process-chapters h3{font-size:12vw;margin:30px 0 20px}.process-chapters p{font-size:15px}.process-chapters li:nth-child(even){padding-left:22px}.v-manifest h2{font-size:12vw;margin:65px 0 50px}.manifest-bottom{align-items:start;gap:20px}.manifest-mark{font-size:65px}.manifest-bottom p{font-size:14px}.v-close{padding:65px var(--pad) 20px}.v-close h2{font-size:11.5vw;margin:45px 0}.close-link{font-size:18px;min-height:85px;gap:20px}.close-link b{font-size:45px}.v-footer{margin-top:75px}.footer-word{font-size:17.7vw}.footer-links{justify-content:start;gap:15px;font-size:11px;margin-top:30px;flex-wrap:wrap}.footer-bottom{font-size:9px;gap:20px;display:grid;grid-template-columns:1fr 1fr}.footer-bottom>a{padding-top:10px}.v-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-puddle-layer],[data-puddle-image],[data-hero-note],[data-depth],[data-scroll-line]{transform:none!important}.process-intro{position:static}#motion-toggle{display:none}}

/* Hero film reveal: one sticky scene, driven by the native document scroll. */
.hero-scroll-track{height:245svh;min-height:1800px;position:relative}
.hero-scroll-track .v-hero{position:sticky;top:0;overflow:hidden}
[data-scroll-mask],[data-scroll-media]{transform-origin:720px 350px;will-change:transform}
.hero-scroll-track .v-hero h1{opacity:var(--word-opacity,1)}
.hero-scroll-track .hero-note{opacity:var(--note-opacity,1)}
.hero-scroll-track .hero-bottom{z-index:2;background:var(--paper);padding-top:15px}
.hero-film-caption{position:absolute;left:var(--pad);right:var(--pad);bottom:23%;padding:14px 18px;background:#111212cf;color:white;font-size:11px;letter-spacing:.1em;opacity:var(--film-reveal,0);pointer-events:none;display:flex;justify-content:space-between;gap:20px}
.hero-film-caption span{font-size:10px;letter-spacing:0}
@media(max-width:550px){.hero-scroll-track{height:230svh;min-height:1500px}.hero-film-caption{bottom:46%;font-size:9px;padding:10px;display:block}.hero-film-caption span{display:block;margin-top:4px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-scroll-track{height:auto;min-height:0}.hero-scroll-track .v-hero{position:relative}.hero-scroll-track .v-hero h1,.hero-scroll-track .hero-note{opacity:1}.hero-film-caption{display:none}[data-scroll-mask],[data-scroll-media]{transform:none!important}}

/* The growing medium becomes the complete hero background, including its header. */
.hero-puddle{transform-origin:50% 50%;will-change:transform}
.hero-scroll-track .hero-bottom{background:transparent}
.hero-scroll-track .v-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0009 0%,#0002 38%,#000a 100%);opacity:var(--film-reveal,0)}
.v-header{background:rgb(238 235 220 / calc(1 - var(--header-film,0)))}
.v-header.over-film{color:#fff;border-bottom-color:#ffffff40}
.showing-film .hero-overline,.showing-film .hero-bottom,.showing-film .hero-bottom>p>span,.showing-film .hero-meta,.showing-film .hero-meta>span:nth-child(2),.showing-film .hero-note{color:#fff}
.hero-film-caption{background:transparent;text-shadow:0 1px 8px #000}
.menu-open .v-header{background:var(--paper);color:var(--ink)}
@media(prefers-reduced-motion:reduce){.hero-puddle{transform:none!important}.hero-scroll-track .v-hero::after{opacity:0}}
.hero-film-caption{justify-content:flex-start}