.film-choice{position:fixed;z-index:5000;inset:0;display:grid;grid-template-rows:auto 1fr;align-content:center;gap:clamp(1rem,3vh,2rem);height:100dvh;min-height:100dvh;box-sizing:border-box;padding:clamp(4.8rem,11vh,5.7rem) max(4vw,1rem) clamp(1.25rem,3vh,2.25rem);overflow:hidden;background:#050403;color:#f8f1e6}.film-choice[hidden]{display:none}.film-choice__backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.96),rgba(3,3,3,.46),rgba(3,3,3,.86)),url('../assets/creative-fpv-hero.png') center/cover;filter:saturate(.7);transform:scale(1.04);animation:film-choice-drift 14s ease-in-out infinite alternate}.film-choice:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(212,175,103,.17),transparent 28%);pointer-events:none}.film-choice>header,.film-choice__grid{position:relative;z-index:2;width:min(100%,92rem);margin:auto}.film-choice>header p{margin:0;color:#e1c47c;font-size:.65rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.film-choice h2{max-width:18ch;margin:.8rem 0 1rem;font-size:clamp(1.95rem,3.63vw,3.25rem);letter-spacing:-.075em;line-height:1.15}.film-choice h2 em{color:#d8ba72;font-style:normal}.film-choice>header>span{color:#aaa095}.film-choice__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.film-choice__grid>a,.film-choice__grid>button{position:relative;display:flex;align-items:flex-start;flex-direction:column;min-height:clamp(19rem,31vw,24.4rem);padding:clamp(1.4rem,3vw,2.7rem);overflow:hidden;border:1px solid rgba(240,212,145,.32);border-radius:1.4rem;background:#12100c;color:#fff;text-align:left;box-shadow:0 2rem 6rem rgba(0,0,0,.4);cursor:pointer;transition:.55s cubic-bezier(.16,1,.3,1)}.film-choice__grid>*:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.72) brightness(.55);transition:transform 1s,filter .5s}.film-choice__grid>button:before{background-image:linear-gradient(0deg,#080604,transparent 70%),url('../assets/schumaker-performance-core.jpg')}.film-choice__grid>a:before{background-image:linear-gradient(0deg,#080604,transparent 70%),url('../assets/detail-guidance.jpg')}.film-choice__grid>*:hover{z-index:3;border-color:#e1c47c;transform:translateY(-.5rem) scale(1.015)}.film-choice__grid>*:hover:before{filter:saturate(.95) brightness(.68);transform:scale(1.055)}.film-choice__grid small,.film-choice__grid strong,.film-choice__grid span,.film-choice__grid i{position:relative;z-index:1}.film-choice__grid small{color:#e1c47c;font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.film-choice__grid strong{margin:auto 0 .8rem;font-size:clamp(1.75rem,2.75vw,2.95rem);letter-spacing:-.065em}.film-choice__grid span{max-width:34rem;color:#ddd3c5;font-size:clamp(.8rem,1.1vw,1rem);line-height:1.55}.film-choice__grid i{margin-top:1.2rem;color:#e1c47c;font-size:.68rem;font-style:normal;font-weight:850}.film-choice.is-leaving{opacity:0;transform:scale(1.035);transition:opacity .75s,transform .9s cubic-bezier(.16,1,.3,1)}@keyframes film-choice-drift{to{transform:scale(1.1) translateX(-1.5%)}}@media(max-width:720px){.film-choice{position:fixed;grid-template-rows:auto 1fr;padding-top:4.8rem}.film-choice__grid{grid-template-columns:1fr;min-height:0}.film-choice__grid>a,.film-choice__grid>button{min-height:0;height:clamp(10rem,25dvh,15rem)}.film-choice h2{font-size:clamp(1.87rem,7.15vw,2.55rem)}}@media(prefers-reduced-motion:reduce){.film-choice__backdrop{animation:none}.film-choice__grid>*{transition:none}}
