@font-face{font-family:Special;src:url(assets/special.ttf)}@font-face{font-family:Inter;src:url(assets/inter.ttf)}:root{--blue:#1301c7;--paper:#f4f3ef;--ink:#111;--orange:#eb421d;--gutter:clamp(22px,4vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:96px;margin:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1113;gap:25px}.brand img{width:145px;display:block}nav{display:flex;gap:32px;font-size:13px}nav a{padding:12px 0}nav sup{margin-left:5px;font-size:10px;color:var(--blue)}.round{border:1px solid;border-radius:100%;padding:17px 14px;font-size:12px;transform:rotate(8deg)}.project{padding:55px var(--gutter) 0}.eyebrow{font-size:13px;margin:0 0 22px}h1,h2,footer>p{font-family:Special,Impact,sans-serif;font-weight:400}h1{font-size:clamp(55px,8.1vw,132px);line-height:.98;letter-spacing:-.035em;margin:0;color:var(--blue)}h1 span{color:var(--orange);white-space:nowrap}.project-bottom{display:flex;justify-content:space-between;margin-top:30px;font-size:13px;align-items:center}.project-bottom a{display:flex;gap:30px;align-items:center}.project-bottom a span{font-size:32px}.films{padding:65px var(--gutter) 0}.section-heading{border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;padding:22px 0 30px}.section-heading h2{font-size:clamp(38px,4vw,64px);letter-spacing:-.025em;margin:0;line-height:1.1}.section-heading h2 span{font:13px Inter,Arial,sans-serif;vertical-align:top;margin-left:15px;display:inline-block;margin-top:8px}.section-heading>span{font-size:11px;letter-spacing:.06em}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.film-card:first-child{grid-column:1/-1}.screen{position:relative;background:#181818;aspect-ratio:16/9;overflow:hidden}.screen video{width:100%;height:100%;object-fit:contain;display:block}.film-card:first-child .screen{height:min(70vh,760px);min-height:350px;aspect-ratio:auto;background:#dedcd6}.film-caption{display:flex;justify-content:space-between;gap:18px;margin-top:15px;align-items:baseline}.film-caption h3{margin:0;font-size:16px;font-weight:400}.film-caption .number{color:var(--blue);margin-right:16px;font-size:12px}.film-caption time{font-size:13px;white-space:nowrap}.mobile{margin-top:85px;padding-bottom:85px;background:var(--blue);color:var(--paper)}.mobile .section-heading{border-color:#ffffff80}.mobile .film-grid{max-width:1000px;margin:auto;gap:65px}.mobile .film-card:first-child{grid-column:auto}.mobile .screen,.mobile .film-card:first-child .screen{aspect-ratio:9/16;height:auto;min-height:0;background:#090769}.mobile .number{color:var(--paper);opacity:.6}.error{padding:18px;font-size:14px;background:var(--orange);color:white;margin:0}.error a{text-decoration:underline}footer{padding:55px var(--gutter) 30px}footer>p{font-size:clamp(65px,13vw,200px);margin:0 0 50px;letter-spacing:-.05em;color:var(--blue);line-height:1}footer>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1114;padding-top:25px}footer img{width:140px}footer a{font-size:12px}@media(max-width:650px){header{height:80px;gap:10px}.brand img{width:105px}nav{gap:17px;font-size:10px}.round{display:none}.project{padding-top:38px}h1{font-size:clamp(50px,10.3vw,68px)}.project-bottom{font-size:11px}.films{padding-top:45px}.section-heading{padding-bottom:22px}.section-heading>span{display:none}.film-grid{grid-template-columns:1fr;gap:30px}.film-card:first-child .screen{height:65vh;min-height:320px}.film-caption h3{font-size:14px}.mobile{margin-top:50px;padding-bottom:50px}.mobile .film-grid{gap:38px;max-width:390px}.mobile .film-card:first-child{grid-column:1}footer>p{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Flat controls sit outside the image, leaving every frame unobscured. */
.player-controls{display:flex;align-items:center;gap:10px;min-height:48px;background:var(--blue);color:var(--paper);padding:0 10px}.player-controls button{border:0;background:none;color:inherit;cursor:pointer;min-width:36px;min-height:44px;padding:5px;font-size:16px}.player-controls button[aria-label^="Mute"],.player-controls button[aria-label^="Unmute"]{font-size:10px;letter-spacing:.04em;min-width:44px}.player-time{font:12px Inter,Arial,sans-serif;font-variant-numeric:tabular-nums}.player-controls input{min-width:25px;flex:1;width:100%;accent-color:var(--paper);cursor:pointer;height:26px}.player-controls input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.screen video{cursor:pointer}.hero-portrait{background:var(--blue);color:var(--paper);padding:40px}.hero-portrait .player{width:min(100%,400px);margin:auto}.hero-portrait:first-child .screen{aspect-ratio:9/16;height:auto;min-height:0;background:var(--blue)}.hero-portrait .film-caption{margin-top:30px}.hero-portrait .number{color:var(--paper);opacity:.65}.player:fullscreen{background:var(--blue);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:20px}.player:fullscreen .screen{flex:1;min-height:0;height:0;aspect-ratio:auto;background:var(--blue)}.player:fullscreen video{object-fit:contain}.player:fullscreen .player-controls{flex:none;width:100%;max-width:1000px;margin:auto}@media(max-width:650px){.hero-portrait{padding:24px 16px 20px}.hero-portrait:first-child .screen{height:auto;min-height:0}.hero-portrait .film-caption{gap:10px;margin-top:20px}.hero-portrait .film-caption h3{font-size:12px}.hero-portrait .film-caption .number{margin-right:8px}.player-controls{gap:6px;padding:0 5px}.hero-portrait .player{max-width:340px}}

.project-bottom{justify-content:flex-end}.film-card.hero-portrait .screen{aspect-ratio:9/16;height:auto;min-height:0;background:var(--blue)}h1{overflow-wrap:anywhere}nav{flex-wrap:wrap}.film-card:not(.hero-portrait):first-child .screen{height:auto;min-height:0;aspect-ratio:16/9}.mobile .film-card:first-child .screen{aspect-ratio:9/16}.mobile .film-card:has(video[data-landscape]) .screen{aspect-ratio:16/9}