/* A single continuous showreel fills the first viewport. */
.cinema-header{position:fixed;inset:0 0 auto;height:88px;background:transparent;border:0;color:#fff;transition:background .3s,height .3s,box-shadow .3s}
.cinema-header .brand img{filter:brightness(0) invert(1)}.cinema-header .brand span,.cinema-header .support-link{display:none}
.cinema-header .desktop-nav a,.cinema-header .desktop-nav .nav-active{color:#ffffffde}
.cinema-header .desktop-nav a:hover{color:#fff}.cinema-header .nav-active:after{background:white;bottom:23px}
.cinema-header .header-actions>.button{background:#ffffff08;border:1px solid #ffffff70;color:#fff;border-radius:3px}
.cinema-header .header-actions>.button:hover{background:white;color:#242c36}.cinema-header .mobile-menu-button span{background:white}
.cinema-header.is-scrolled{height:74px;background:#fffffff5;backdrop-filter:blur(16px);box-shadow:0 1px 0 #e2e6eb;color:var(--ink)}
.cinema-header.is-scrolled .brand img{filter:none}.cinema-header.is-scrolled .desktop-nav a{color:#4e535b}
.cinema-header.is-scrolled .desktop-nav .nav-active{color:var(--blue)}.cinema-header.is-scrolled .nav-active:after{background:var(--blue);bottom:17px}
.cinema-header.is-scrolled .header-actions>.button{background:var(--blue);border-color:var(--blue);color:white}.cinema-header.is-scrolled .mobile-menu-button span{background:#313c48}
.cinema-hero{height:100vh;height:100svh;min-height:540px;background:#13252c;isolation:isolate}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;z-index:0}
.cinema-hero .hero-shade{z-index:1;background:linear-gradient(90deg,#08131e8c 0%,#08131e38 42%,#08131e05 78%),linear-gradient(180deg,#08131e5c 0%,transparent 25%,transparent 72%,#08131e66 100%)}
.cinema-hero .hero-inner{height:100%;min-height:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px 0 75px}
.cinema-hero .hero-content{padding:0;max-width:640px}
.cinema-hero h1{font-size:clamp(56px,5.1vw,80px);font-weight:650;line-height:1.2;letter-spacing:1px;text-shadow:0 3px 30px #0002}
.cinema-hero .hero-description{font-size:15px;color:#ffffffdf;line-height:1.8;margin-top:26px;text-shadow:0 1px 12px #0005;letter-spacing:.8px}
.cinema-hero .hero-download{margin-top:32px}
.cinema-hero .split-button{box-shadow:none;border-radius:2px}
.cinema-hero .split-button>.button{background:#fff;color:#17242e;height:54px;font-size:15px;padding:16px 23px;border-radius:2px 0 0 2px}
.cinema-hero .split-button>.button>span{font-size:15px}
.cinema-hero .split-button>.split-toggle{padding:0;width:46px;border-left:1px solid #dce2e7;border-radius:0 2px 2px 0}
.cinema-hero .split-button>.button:hover{background:#dfedff}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.cinema-bottom{position:absolute;z-index:3;bottom:27px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:25px}
.source-credit{padding:7px 0;background:none;color:#ffffff85;font-size:9px;display:inline-flex;gap:7px;align-items:center;letter-spacing:.4px}.source-credit:hover{color:white}.source-credit .icon{width:12px;height:12px}
.cinema-control{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff4d;border-radius:50%;color:#ffffffcc;background:#ffffff08;transition:background .2s}
.cinema-control:hover{background:#ffffff24;color:#fff}.cinema-control .icon{width:14px;height:14px}
.scroll-cue{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;color:#ffffff8c}.scroll-cue .icon{width:19px;height:19px}
#credits-dialog{width:min(660px,calc(100% - 32px));padding:30px}#credits-dialog h2{font-size:24px;margin-top:20px}
.credits-description{font-size:13px;line-height:1.9;color:#73808c;margin-top:15px}.credits-description strong{font-weight:550;color:#3b4958}
.credits-source{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;margin-top:15px;width:fit-content}.credits-source .icon{width:14px;height:14px}
#credits-dialog h3{font-size:12px;font-weight:650;margin-top:29px;margin-bottom:13px}.artist-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:7px 17px;font-size:10px;color:#72808b;margin:0;padding:0}
.license-note{border-top:1px solid #e8ecf0;margin-top:23px;padding-top:18px;color:#8a949f;font-size:10px;line-height:1.9}.license-note a{display:block;color:var(--blue);margin-top:8px}
@media(max-width:900px){.cinema-header{height:80px}.cinema-hero h1{font-size:64px}.cinema-hero .hero-shade{background:linear-gradient(90deg,#08131e80,#08131e12),linear-gradient(180deg,#08131e66,transparent 30%,transparent 72%,#08131e66)}}
@media(max-width:660px){.cinema-header,.cinema-header.is-scrolled{height:68px}.cinema-header .header-actions>.button{padding:8px 12px}.cinema-header:not(.is-scrolled) .mobile-nav{background:#11222df5;backdrop-filter:blur(20px);color:white;box-shadow:none;border-top:1px solid #ffffff1f}.cinema-header:not(.is-scrolled) .mobile-nav a:hover{background:#ffffff12}.cinema-hero{min-height:500px}.cinema-hero .hero-inner{padding:55px 0 78px}.cinema-hero h1{font-size:56px;letter-spacing:-1px;line-height:1.23}.cinema-hero .hero-description{font-size:12px;letter-spacing:.5px;margin-top:21px}.cinema-hero .hero-download{margin-top:28px}.cinema-hero .split-button>.button{height:49px;font-size:13px;padding:14px 18px}.cinema-hero .split-button>.button>span{font-size:13px}.cinema-hero .split-button>.split-toggle{width:39px;padding:0}.cinema-hero .hero-shade{background:linear-gradient(90deg,#08131e73,#08131e0a),linear-gradient(180deg,#08131e66 0%,#08131e12 25%,#08131e12 72%,#08131e66 100%)}.cinema-bottom{bottom:22px}.source-credit{font-size:7px;letter-spacing:.1px;gap:5px}.source-credit .icon{width:10px;height:10px}.cinema-control{width:30px;height:30px}.cinema-control .icon{width:12px;height:12px}.scroll-cue .icon{width:16px;height:16px}#credits-dialog{padding:22px}#credits-dialog h2{font-size:21px}.credits-description{font-size:11px}.artist-list{grid-template-columns:repeat(2,1fr);font-size:9px;gap:7px 12px}.license-note{font-size:9px}}
@media(max-height:680px){.cinema-hero h1{font-size:52px}.cinema-hero .hero-description{margin-top:18px}.cinema-hero .hero-download{margin-top:25px}}
@media(max-width:360px){.cinema-hero h1{font-size:49px}.source-credit{max-width:120px;font-size:6px}.source-credit .icon{width:9px;height:9px}}
@media(prefers-reduced-motion:reduce){.cinema-header,.cinema-control{transition:none}}