:root{--gold:#c89b55;--ink:#111;--paper:#f5f5f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif}.video-page{min-height:100vh}.nav{position:absolute;z-index:5;top:0;left:0;width:100%;padding:24px 4vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#080808cc,transparent)}.brand{width:154px;height:42px;display:block;background:url('assets/preview/flying-frames-logo.png') left center/contain no-repeat;font-size:0;text-decoration:none}.brand span{color:transparent}.back{font:11px "DM Mono",monospace;letter-spacing:.13em;color:#ddd;text-decoration:none;text-transform:uppercase}.back:hover{color:var(--gold)}.featured{min-height:min(72vw,760px);height:72vh;position:relative;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;background:#1d1d1d}.featured-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.78);transform:scale(1.02)}.featured:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.36) 48%,rgba(0,0,0,.05)),linear-gradient(0deg,#111,transparent 38%)}.featured-copy{padding:0 4vw clamp(58px,8vw,120px);max-width:760px}.eyebrow,.play{font:10px "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:var(--gold);margin-bottom:18px}.featured h1{margin:0;font:500 clamp(3.8rem,8vw,8.5rem)/.8 "Space Grotesk",sans-serif;letter-spacing:-.09em}.featured h1 em{font-style:normal;color:var(--gold)}.featured p{color:#ddd;max-width:450px;font-size:14px;line-height:1.7;margin:25px 0}.featured .play{display:inline-flex;padding:13px 18px;background:var(--paper);color:#111;border-radius:3px;text-decoration:none;font-weight:bold}.featured .play:hover{background:var(--gold)}.rows{padding:36px 4vw 80px;margin-top:0;position:relative}.row{margin:0 0 14px}.rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.tile{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#252525;color:var(--paper);text-decoration:none;box-shadow:0 8px 24px #0003;transition:transform .28s ease,box-shadow .28s ease;outline:1px solid transparent}.tile img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.tile-info{position:absolute;inset:0;padding:13px;display:flex;align-items:flex-end;justify-content:flex-end}.tile-play{width:33px;height:33px;border-radius:50%;background:var(--paper);color:#111;display:grid;place-items:center;font-size:13px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;box-shadow:0 2px 10px #0005}.tile:hover{transform:scale(1.055);z-index:2;box-shadow:0 15px 34px #0009;outline-color:#ffffff33}.tile:hover img{transform:scale(1.07)}.tile:hover .tile-play{opacity:1;transform:none}.footer{padding:25px 4vw;border-top:1px solid #303030;color:#666;font:10px "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}@media(max-width:900px){.rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.nav{padding:18px 5vw}.brand{width:128px;height:35px}.featured{height:620px;min-height:0}.featured:after{background:linear-gradient(0deg,#111,rgba(0,0,0,.2) 80%)}.featured-copy{padding:0 5vw 70px}.featured p{max-width:310px}.rows{padding:28px 5vw 60px;margin-top:0}.rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.row{margin-bottom:9px}.tile-play{opacity:1;transform:none}}