@font-face{font-family:Manrope;src:url('./manrope-400.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('./manrope-700.ttf');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./barlow-condensed-800.ttf');font-weight:800;font-display:swap}
*{box-sizing:border-box}html{background:#020813;color:#f6fbff;scroll-behavior:smooth}body{margin:0;font-family:Manrope,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:#68c8ff}a:focus-visible{outline:2px solid #68c8ff;outline-offset:5px}
nav{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:18px;padding:20px max(20px,calc((100vw - 1100px)/2));background:#020813e8;border-bottom:1px solid #aacaff22;backdrop-filter:blur(18px);font-size:.85rem}nav span{color:#85a8cf}main{max-width:1100px;margin:auto;padding:0 24px}header{padding:90px 0 70px}.eyebrow{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#79caff}h1,h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;line-height:.94;letter-spacing:-.02em}h1{font-size:clamp(5rem,12vw,10rem);margin:30px 0}h1 span{color:#53b9ff}header>p:last-child{max-width:480px;color:#aac0d8}.film{scroll-margin-top:90px;margin:0 0 80px;border-top:1px solid #a5d1ff33;padding-top:22px}.film-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.film-heading span{color:#89abc9;font-size:.8rem;white-space:nowrap}h2{font-size:clamp(2rem,5vw,4rem);margin:0;text-align:right}.screen{background:radial-gradient(ellipse,#132b49,#030a16);border:1px solid #91bbef33;border-radius:16px;overflow:hidden;display:flex;justify-content:center}video{display:block;width:100%;max-height:75svh;aspect-ratio:16/9;object-fit:contain}.portrait{width:auto;height:70svh;max-width:100%;aspect-ratio:9/16}footer{padding:12px 0 60px;color:#72c6ff}@media(max-width:560px){nav{font-size:.75rem}nav span{display:none}header{padding-top:60px}.film-heading{display:block}.film-heading h2{text-align:left;margin-top:12px}.film{margin-bottom:50px}.screen{border-radius:10px}main{padding:0 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
