:root{--cream:#f9f7ef;--red:#530010;--sky:#c7e0fa;--pad:clamp(24px,4.4vw,76px)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#00342b;color:var(--cream)}body{font-family:'Zalando Sans SemiExpanded',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--sky);outline-offset:8px}#scene{height:100svh;min-height:500px;overflow:hidden;position:relative}.film-bg,.shade{position:absolute;inset:0}.film-bg{background:#00342b url('https://i.vimeocdn.com/video/1993684744-3f51cca68c1ac338cf6e8f4c40e1ce3bccc6c6b8398c819e2fc2a32efc777c8d-d_295x166?region=us') center/cover}.film-bg iframe{border:0;position:absolute;top:50%;left:50%;width:max(100vw,199.07svh);height:max(100svh,50.235vw);transform:translate(-50%,-50%);pointer-events:none}.shade{background:linear-gradient(180deg,rgba(0,15,12,.28),transparent 37%,rgba(0,15,12,.16) 56%,rgba(0,15,12,.72))}header{position:absolute;inset:0 0 auto;z-index:5;height:120px;pointer-events:none}.brand{position:fixed;left:var(--pad);top:43px;width:clamp(150px,15vw,224px);pointer-events:auto;z-index:8}.brand img{width:100%;display:block}.menu-toggle{position:absolute;right:var(--pad);top:42px;width:44px;height:40px;pointer-events:auto;display:flex;flex-direction:column;justify-content:center;align-items:end;gap:7px}.menu-toggle span{display:block;width:32px;height:2px;background:var(--cream);transition:width .25s,transform .25s}.menu-toggle span:last-child{width:23px}.menu-toggle:hover span:first-child{width:23px}.menu-toggle:hover span:last-child{width:32px}.film-info{position:absolute;left:var(--pad);bottom:58px}.eyebrow{font-size:10px;letter-spacing:.21em;font-weight:500;margin:0 0 18px}h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(60px,7.5vw,120px);line-height:.97;letter-spacing:-.025em;margin:0 0 29px}.film-actions{display:flex;align-items:center;gap:22px}#watch{display:flex;align-items:center;gap:12px;font-size:12px;padding:8px 0}#watch:hover{color:var(--sky)}.play{font-size:23px}.duration{font-size:10px;opacity:.55;letter-spacing:.06em;margin-left:8px}.divider{height:16px;width:1px;background:#f9f7ef40}#share{width:32px;height:36px;opacity:.65;transition:opacity .2s,transform .2s}#share:hover{opacity:1;transform:translateY(-2px)}svg{width:20px;height:20px}.corner{position:absolute;right:var(--pad);bottom:66px;display:flex;align-items:center;gap:28px}.corner>span{font-size:8px;letter-spacing:.15em;opacity:.7}#pause{border:1px solid #f9f7ef55;width:32px;height:32px;border-radius:50%;font-size:12px}dialog{border:0;padding:0;color:var(--cream);max-width:none;max-height:none}dialog::backdrop{background:#0008}#menu{inset:0;margin:0;width:100%;height:100svh;background:var(--red);overflow:auto}#menu[open]{animation:reveal .45s ease both}.menu-inner{padding:clamp(130px,20vh,210px) var(--pad) 100px}.menu-inner h2{font:400 clamp(68px,8.5vw,132px)/.97 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;margin:0 0 48px}.menu-inner h2 em{font-weight:400;color:var(--sky)}.menu-contact{display:flex;flex-direction:column;align-items:start;gap:22px;font-size:clamp(16px,1.5vw,21px)}.menu-contact button,.menu-contact a{display:flex;align-items:center;gap:25px}.menu-contact svg{width:16px;opacity:.6}.menu-contact a span{font-size:20px}.menu-contact a:hover,.menu-contact button:hover{color:var(--sky)}.location{margin-top:45px;font-size:11px;opacity:.65}.menu-foot{position:absolute;bottom:30px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;opacity:.5}.dialog-close{position:absolute;right:var(--pad);top:42px;width:44px;height:40px;font-size:23px}#cinema{background:#090e0c;inset:0;width:100%;height:100svh;margin:0}#close-film{position:absolute;right:var(--pad);top:35px;font-size:12px;display:flex;gap:24px;align-items:center}#player-slot{position:absolute;inset:90px 5vw 60px;display:grid;place-items:center}#player-slot iframe{width:100%;height:100%;border:0}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);background:var(--cream);color:var(--red);border-radius:3px;padding:13px 22px;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.intro{position:fixed;inset:0;background:var(--cream);z-index:4;pointer-events:none}@keyframes logo-enter{0%,40%{left:50%;top:50%;width:min(400px,64vw);transform:translate(-50%,-50%)}100%{left:var(--pad);top:43px;width:clamp(150px,15vw,224px);transform:translate(0,0)}}@keyframes curtain{0%,45%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes details{0%,65%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:none}}@media(max-width:650px){.brand{top:29px;width:150px}.menu-toggle,.dialog-close{top:22px}.film-info{bottom:102px;right:24px}h1{font-size:clamp(53px,13vw,80px);max-width:420px}.corner{bottom:29px;left:var(--pad);justify-content:space-between}.corner>span{font-size:8px}.menu-inner{padding-top:150px}.menu-inner h2{font-size:clamp(60px,14vw,90px)}.menu-foot>span:first-child{display:none}.menu-foot{justify-content:flex-end}.menu-contact{font-size:17px}@keyframes logo-enter{0%,40%{left:50%;top:50%;width:64vw;transform:translate(-50%,-50%)}100%{left:var(--pad);top:29px;width:150px;transform:none}}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.intro{display:none}.film-bg iframe{visibility:hidden}}

.menu-brand{position:absolute;left:var(--pad);top:43px;width:clamp(150px,15vw,224px)}@media(max-width:650px){.menu-brand{top:29px;width:150px}}

.vimeo-fallback{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:11px;opacity:.7}

@font-face{font-family:RangerSans;src:url('assets/zalando-expanded.ttf') format('truetype');font-weight:100 900;font-display:swap}
html{background:var(--cream)}body{background:var(--cream)}#scene{position:fixed;inset:0;height:100svh;min-height:0}.hero-space{height:100svh;pointer-events:none}header{position:fixed}.brand{color:var(--cream)}.brand svg{width:100%;height:auto;display:block;fill:currentColor}.brand svg *{fill:currentColor}.intro{opacity:0;visibility:hidden;transition:opacity 1s ease .25s,visibility 0s 1.25s}.brand{transition:left 1.2s cubic-bezier(.65,0,.2,1),top 1.2s cubic-bezier(.65,0,.2,1),width 1.2s cubic-bezier(.65,0,.2,1),transform 1.2s cubic-bezier(.65,0,.2,1),color 1s ease .2s}.intro-pending .intro{opacity:1;visibility:visible}.intro-pending .brand{left:50%;top:50%;width:min(400px,64vw);transform:translate(-50%,-50%);color:var(--red)}.film-info,.corner,.menu-toggle{transition:opacity .7s ease .6s}.intro-pending .film-info,.intro-pending .corner,.intro-pending .menu-toggle{opacity:0}h1{margin-bottom:16px}.film-subtitle{font-size:clamp(12px,1.15vw,16px);letter-spacing:.02em;margin:0 0 23px}.menu-inner{padding-top:clamp(170px,30vh,280px)}.menu-inner h2{font:650 clamp(22px,3vw,46px)/1.3 RangerSans,'Zalando Sans SemiExpanded',sans-serif;letter-spacing:-.04em;margin:0 0 56px;white-space:nowrap}.menu-inner{min-height:100svh}.menu-contact{font-size:clamp(16px,1.35vw,20px)}
#newsletter{position:relative;z-index:6;width:100%;background:var(--cream);color:var(--red);padding:64px var(--pad) 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}#newsletter .eyebrow{font-size:9px;margin-bottom:18px}#newsletter h2{font:400 clamp(38px,4.5vw,66px)/1.05 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;margin:0 0 18px}.newsletter-copy>p:last-child{font-size:12px;line-height:1.8;margin:0;max-width:410px}#newsletter-form{width:100%;max-width:490px;justify-self:end}#newsletter label{display:block;font-size:10px;letter-spacing:.08em;margin-bottom:18px}.email-line{display:flex;border-bottom:1px solid #53001080;align-items:center;gap:15px;padding:0 0 13px}.email-line input{min-width:0;flex:1;background:none;border:none;outline:none;font:400 15px 'Zalando Sans SemiExpanded',Arial,sans-serif;color:var(--red);padding:8px 0}.email-line:focus-within{border-color:var(--red);box-shadow:0 1px var(--red)}.email-line input::placeholder{color:#53001066}.email-line button{font-size:11px;display:flex;gap:18px;align-items:center;white-space:nowrap}.email-line button span{font-size:22px}.email-line button:disabled{opacity:.45;cursor:not-allowed}#signup-note{font-size:10px;line-height:1.5;opacity:.65;margin:14px 0 0;min-height:15px}#newsletter button:focus-visible{outline-color:var(--red)}body:has(dialog[open]){overflow:hidden}
@media(max-width:650px){.menu-inner h2{font-size:25px;white-space:normal;max-width:340px;line-height:1.35;margin-bottom:44px}.menu-inner{padding-top:170px}.film-subtitle{font-size:12px}#newsletter{grid-template-columns:1fr;gap:35px;padding:42px var(--pad) 40px}#newsletter-form{max-width:none}#newsletter h2{font-size:43px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){.intro-pending .brand{left:var(--pad);top:43px;width:clamp(150px,15vw,224px);transform:none;color:var(--cream)}.intro-pending .film-info,.intro-pending .corner,.intro-pending .menu-toggle{opacity:1}.intro{display:none!important}} 
/* Keep the entrance above the footer even when a browser restores scroll. */
.intro{z-index:7}header{z-index:8}

/* Upright editorial tagline, with a tighter contact grouping. */
.menu-inner h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:normal;font-size:clamp(35px,4vw,57.5px);letter-spacing:-.02em;line-height:1.05;margin-bottom:20px;white-space:nowrap}
#pause{position:relative;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;flex-shrink:0}.loop-ring{position:absolute;inset:0;width:40px;height:40px;transform:rotate(-90deg);fill:none;pointer-events:none}.loop-track{stroke:currentColor;stroke-opacity:.25;stroke-width:1.2}.loop-progress{stroke:currentColor;stroke-width:2.7;stroke-linecap:butt;transition:stroke-dashoffset .22s linear}.pause-icon{font-size:12px;line-height:1;pointer-events:none}#pause:hover .loop-track{stroke-opacity:.5}
@media(max-width:650px){.menu-inner h2{font-size:clamp(27.5px,7.125vw,45px);max-width:none;margin-bottom:18px;white-space:nowrap}}

/* Centre the complete contact group, rather than positioning each line separately. */
.menu-inner{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100svh;padding:120px var(--pad)}
.menu-inner>.eyebrow{margin:0 0 16px}.menu-inner h2{margin:0 0 24px}.menu-contact{gap:18px}.menu-inner .location{margin:28px 0 0;line-height:1.6}
@media(max-width:650px){.menu-inner{padding:110px var(--pad)}.menu-inner>.eyebrow{margin-bottom:14px}.menu-inner h2{margin-bottom:22px}.menu-inner .location{margin-top:26px}}
@media(max-height:600px){.menu-foot{position:relative;left:auto;right:auto;bottom:auto;margin:-45px var(--pad) 0;padding-bottom:25px}}

.newsletter-cue{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;min-height:32px;padding:6px 10px;font-size:9px;letter-spacing:.1em;color:var(--cream);opacity:.6;transition:opacity .25s ease,visibility .25s ease;white-space:nowrap}.newsletter-cue svg{width:13px;height:13px;transition:transform .25s ease}.newsletter-cue:hover,.newsletter-cue:focus-visible{opacity:1}.newsletter-cue:hover svg{transform:translateY(2px)}.newsletter-cue.is-hidden,.intro-pending .newsletter-cue{opacity:0;visibility:hidden;pointer-events:none}#newsletter:focus{outline:none}@media(max-width:650px){.newsletter-cue{bottom:66px;font-size:8px}}

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}