@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101110;--text:#f2f2ed;--muted:#a2a59d;--accent:#d4ff4f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-100px;background:var(--accent);color:#101110;padding:12px;z-index:10}.skip:focus{top:10px}header{margin:0 4%;height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #363831}.brand{font-size:20px;letter-spacing:-.7px;font-weight:700;line-height:1.1}.brand span{display:block;font-size:12px;letter-spacing:2.7px;font-weight:400;margin-top:7px}nav{display:flex;gap:55px;align-items:center;font-size:14px}nav .active{color:var(--accent)}nav sup{font-size:11px;margin-left:5px}nav a:last-child{border-bottom:1px solid #777;padding:10px 0}nav a:last-child span{margin-left:18px}main{margin:0 4%}.intro{display:flex;align-items:flex-end;gap:6%;padding:44px 0 38px}.intro h1{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(90px,12vw,180px);line-height:.8;letter-spacing:-.035em;margin:0;font-weight:700}.accent{color:var(--accent)}.intro p{font-size:19px;line-height:1.45;margin:0 0 3px}.location{margin-left:auto;color:var(--muted);font-size:12px;line-height:1.65;letter-spacing:1px;text-align:right}.films{display:grid;grid-template-columns:1fr 1fr;gap:52px 24px}.featured,.wide{grid-column:1/-1}.poster{width:100%;position:relative;display:block;padding:0;border:0;background:#222;overflow:hidden;aspect-ratio:1.75;text-align:left}.featured .poster{aspect-ratio:2.25}.wide .poster{aspect-ratio:2.6}.poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.65,.3,1),filter .7s;filter:brightness(.82)}.poster:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0006,transparent 40%,#0007);pointer-events:none}.poster:hover img{transform:scale(1.025);filter:brightness(1)}.tag{position:absolute;left:26px;top:25px;font-size:12px;letter-spacing:1.5px;z-index:1}.play{position:absolute;z-index:2;right:27px;bottom:26px;display:flex;align-items:center;gap:12px;font-size:14px}.play>span:first-child{width:48px;height:48px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;font-size:13px;padding-left:2px;transition:background .2s,color .2s}.poster:hover .play>span:first-child{background:var(--accent);border-color:var(--accent);color:#101110}.image-title{position:absolute;z-index:1;left:30px;bottom:34px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(50px,8.4vw,130px);font-weight:700;line-height:.87;letter-spacing:-.02em}.number{position:absolute;right:28px;top:26px;font-size:12px;letter-spacing:1px;z-index:1}.caption{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding-top:18px}.caption h2{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:0}.caption p{font-size:14px;color:var(--muted);margin:0;grid-column:1;line-height:1.5}.caption>span{grid-column:2;grid-row:1;color:var(--muted);font-size:13px;padding-top:5px}footer{margin-top:100px;border-top:1px solid #363831;padding:40px 0 26px}.footer-top>p{font-size:12px;letter-spacing:2px;color:var(--muted)}.footer-top>a{display:flex;justify-content:space-between;align-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,8vw,115px);font-weight:600;line-height:1.3}.footer-top>a span{color:var(--accent);font-family:Arial;font-size:.8em}.footer-bottom{border-top:1px solid #363831;margin-top:45px;padding-top:25px;display:flex;gap:32px;font-size:14px}.footer-bottom>span{margin-left:auto;color:var(--muted);font-size:12px}dialog{background:#101110;color:var(--text);border:1px solid #41443b;padding:24px;width:min(1200px,94vw);max-height:94dvh;overflow:auto}dialog::backdrop{background:#000e;backdrop-filter:blur(10px)}.player-top,.player-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.player-top{margin-bottom:20px}.player-top h2{font-size:20px;margin:0}.player-top button{background:none;border:0;font-size:14px;padding:10px}.player-top button span{margin-left:20px}#frame{display:flex;justify-content:center;background:#050505}iframe{width:100%;aspect-ratio:16/9;border:0;display:block}iframe.instagram{width:min(440px,100%);height:min(66dvh,700px);aspect-ratio:auto;background:white}.player-bottom{font-size:13px;color:var(--muted);margin-top:16px}.player-bottom a{color:var(--accent);flex-shrink:0}.player-bottom p{line-height:1.5}@media(min-width:1700px){header,main{max-width:1600px;margin-left:auto;margin-right:auto}}@media(max-width:700px){header{height:88px;margin:0 5%}.brand{font-size:17px}.brand span{font-size:10px;letter-spacing:2px}nav{gap:20px;font-size:13px}nav a:last-child span{margin-left:2px}main{margin:0 5%}.intro{padding:35px 0 28px;flex-wrap:wrap;gap:25px;align-items:flex-end}.intro h1{font-size:104px}.intro p{font-size:16px}.location{display:none}.films{grid-template-columns:1fr;gap:32px}.featured,.wide{grid-column:auto}.featured .poster{aspect-ratio:1.35}.wide .poster,.poster{aspect-ratio:1.65}.tag{left:16px;top:16px;font-size:10px;letter-spacing:.8px}.number{top:16px;right:16px;font-size:10px}.image-title{font-size:66px;left:18px;bottom:23px}.play{right:16px;bottom:18px}.play>span:first-child{width:40px;height:40px}.play>span:last-child{display:none}.caption h2{font-size:19px}.caption p{font-size:13px}.caption{padding-top:14px}footer{margin-top:65px;padding-top:25px}.footer-bottom{gap:20px;flex-wrap:wrap;margin-top:25px}.footer-bottom>span{width:100%;margin-left:0}.player-top h2{font-size:16px}.player-top button{white-space:nowrap}.player-top button span{margin-left:5px}.player-bottom{align-items:start;flex-direction:column;gap:2px}dialog{padding:14px}.player-bottom p{margin:0 0 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Consistent controls across mobile and desktop. */
button{-webkit-appearance:none;appearance:none}
nav a:last-child{border-bottom:0;min-height:44px;display:flex;align-items:center;padding:10px 0}
nav a:last-child:hover{color:var(--accent)}
.play>span:first-child{background:rgba(16,17,16,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:0}
.play svg{display:block}
@media(max-width:700px){
header{height:90px}nav{gap:24px;font-size:14px}.brand span{font-size:12px;letter-spacing:1.6px}
.intro{padding:32px 0 28px}.intro h1{font-size:clamp(90px,25vw,120px)}
.play>span:first-child{width:44px;height:44px;background:rgba(16,17,16,.6)}
.image-title{font-size:clamp(44px,14.5vw,66px);max-width:calc(100% - 36px)}
.tag,.number{font-size:12px;letter-spacing:.4px}.caption p{font-size:14px}
}

.intro .intro-line{font-size:17px;line-height:1.5;color:var(--muted);max-width:24rem;margin:0 0 3px}
@media(max-width:700px){.intro{gap:18px}.intro .intro-line{flex-basis:100%;font-size:14px;line-height:1.5;margin:0;max-width:none}}