:root{--bg: #07070a;--bg2:#0b0b12;--gold:#d6b25e;--gold2:#f3d98a;--velvet:#3b0716;--ink:#0e0e13;--smoke: rgba(255,255,255,.06)}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 700px at 20% 10%,rgba(214,178,94,.12),transparent 55%),radial-gradient(1000px 650px at 80% 20%,rgba(59,7,22,.24),transparent 60%),radial-gradient(1100px 850px at 50% 80%,rgba(74,96,125,.08),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2));color:#f7f2e3;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.headline{font-family:Bebas Neue,Inter,sans-serif;letter-spacing:.08em}.serif{font-family:Cormorant Garamond,serif}.caps{font-family:Cinzel,serif;letter-spacing:.22em;text-transform:uppercase}.cinema-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;background:radial-gradient(1200px 800px at 50% 30%,transparent 55%,rgba(0,0,0,.65) 100%),linear-gradient(180deg,#0000006b,#000000b8);mix-blend-mode:multiply}.film-grain{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:21;opacity:.1;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 1px,transparent 4px);animation:grainMove 6s steps(8) infinite}@keyframes grainMove{0%{transform:translate(0) rotate(0)}20%{transform:translate(-3%,2%) rotate(.2deg)}40%{transform:translate(2%,-2%) rotate(-.2deg)}60%{transform:translate(-2%,-3%) rotate(.3deg)}80%{transform:translate(3%,1%) rotate(-.2deg)}to{transform:translate(0) rotate(0)}}.gold-foil{background:linear-gradient(90deg,#d6b25e59,#f3d98ae6,#d6b25e59);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.gold-foil:after{content:"";position:absolute;top:-10px;right:-30px;bottom:-10px;left:-30px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);transform:translate(-120%);animation:shimmer 3.8s ease-in-out infinite;filter:blur(6px);opacity:.55;pointer-events:none}@keyframes shimmer{0%{transform:translate(-120%)}45%{transform:translate(40%)}to{transform:translate(140%)}}.spotlights{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:1;filter:blur(.5px);opacity:.85}.spotlights:before,.spotlights:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 220deg at 20% 10%,rgba(214,178,94,.15),transparent 35%,rgba(214,178,94,.05),transparent 70%),conic-gradient(from 120deg at 85% 15%,rgba(255,255,255,.1),transparent 40%,rgba(214,178,94,.08),transparent 75%);mix-blend-mode:screen;animation:sweep 10s ease-in-out infinite}.spotlights:after{opacity:.65;animation-duration:13s;animation-direction:reverse}@keyframes sweep{0%{transform:rotate(-6deg) translate3d(-2%,0,0)}50%{transform:rotate(7deg) translate3d(2%,-1%,0)}to{transform:rotate(-6deg) translate3d(-2%,0,0)}}.velvet-card{background:radial-gradient(900px 380px at 20% 0%,rgba(243,217,138,.1),transparent 60%),radial-gradient(900px 380px at 80% 10%,rgba(214,178,94,.12),transparent 60%),linear-gradient(180deg,#3b0716b8,#0c0812e0);border:1px solid rgba(214,178,94,.22);box-shadow:0 30px 120px #0000008c,0 0 0 1px #ffffff08 inset}.filmstrip{background:linear-gradient(180deg,#000000b8,#0000006b);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 50px #0000008c}.filmstrip-hole{width:10px;height:10px;border-radius:2px;background:#ffffff1a}.curtains{position:relative;overflow:hidden}.curtain-left,.curtain-right{position:absolute;top:0;bottom:0;width:52%;background:radial-gradient(900px 900px at 10% 30%,rgba(255,255,255,.08),transparent 60%),linear-gradient(90deg,#000000a6,#00000026),repeating-linear-gradient(90deg,#3b0716eb,#3b0716eb 10px,#28050deb 10px,#28050deb 20px);box-shadow:0 0 80px #000000a6 inset}.curtain-left{left:0;transform:translate(0)}.curtain-right{right:0;transform:translate(0)}.curtains.open .curtain-left{animation:curtainLeft 1.1s cubic-bezier(.2,.9,.2,1) forwards}.curtains.open .curtain-right{animation:curtainRight 1.1s cubic-bezier(.2,.9,.2,1) forwards}@keyframes curtainLeft{to{transform:translate(-110%)}}@keyframes curtainRight{to{transform:translate(110%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .7s ease-out both}html{scroll-behavior:smooth}
