:root{--g1:#fff3c4;--g2:#f2c95b;--g3:#b8862b;--g4:#6e4a12;--ink:#e9dfc8;--mute:#b6a882}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#050403;color:var(--ink);font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:var(--g2)}
.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,rgba(5,4,3,.8),rgba(5,4,3,.9) 70%),url(eye-field.jpg) center/cover;animation:drift 40s ease-in-out infinite alternate}
@keyframes drift{from{transform:scale(1.04)}to{transform:scale(1.14) translateY(-1.5%)}}
.gold{font-family:'Cinzel',serif;font-weight:700;letter-spacing:.06em;background:linear-gradient(180deg,var(--g1) 0%,var(--g2) 35%,var(--g3) 60%,#f7da86 80%,var(--g4) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(242,201,91,.25))}
h2.gold{font-size:clamp(1.8rem,4.5vw,3.2rem);line-height:1.15;margin-bottom:.6rem}
h2 span{font-weight:500;opacity:.85}
.kicker{font-family:'Cinzel',serif;letter-spacing:.35em;text-transform:uppercase;font-size:.75rem;color:var(--g3);margin-bottom:.6rem}
.tag{font-style:italic;color:var(--mute);font-size:clamp(1.1rem,2.4vw,1.5rem)}
.lead{font-size:1.15em}
section{padding:clamp(4rem,9vw,7rem) clamp(1.2rem,5vw,4rem);text-align:center}
.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:.8rem clamp(1rem,4vw,3rem);background:linear-gradient(rgba(5,4,3,.9),rgba(5,4,3,0))}
.brand{display:flex;gap:.5rem;align-items:center;font-family:'Cinzel',serif;text-decoration:none;letter-spacing:.12em;font-size:.9rem}
.brand img{width:22px;border-radius:50%}
.nav nav a{font-family:'Cinzel',serif;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:var(--ink);margin-left:1.4rem;opacity:.8;transition:.3s}
.nav nav a:hover,.nav nav a.hl{color:var(--g2);opacity:1}
.hero{position:relative;min-height:78svh;display:grid;place-items:center;overflow:hidden;padding:0}
.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(5,4,3,.2),rgba(5,4,3,.85) 75%),linear-gradient(transparent 60%,#050403)}
.hero-in{position:relative;padding:5rem 1rem 2rem}
.hero h1{font-family:'Cinzel Decorative',serif;font-size:clamp(2.6rem,9vw,6.5rem);line-height:1;margin:1.2rem 0 1rem}
.hero h1 small{display:block;font-family:'Cinzel',serif;font-size:.38em;letter-spacing:.8em;margin-top:.5rem;padding-left:.8em}
.hero .tag{margin-bottom:2rem}
.eye{width:92px;height:50px;margin:0 auto;border-radius:50%/50%;position:relative;border:2px solid var(--g2);clip-path:ellipse(50% 50%);background:radial-gradient(circle,#1a1206 30%,#050403 70%);box-shadow:0 0 40px rgba(242,201,91,.45),inset 0 0 18px rgba(242,201,91,.4);animation:blink 7s infinite}
.eye span{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px;border-radius:50%;background:radial-gradient(circle,#fff6d0 0 12%,#f2c95b 28%,#9b6a1c 60%,#2a1a05 75%);box-shadow:0 0 22px #f2c95b;animation:look 9s ease-in-out infinite}
.eye.sm{transform:scale(.55)}
@keyframes blink{0%,94%,100%{transform:scaleY(1)}96%{transform:scaleY(.08)}}
@keyframes look{0%,100%{transform:translateX(0)}30%{transform:translateX(-14px)}60%{transform:translateX(12px)}}
.btn{display:inline-block;font-family:'Cinzel',serif;letter-spacing:.2em;text-transform:uppercase;font-size:.82rem;padding:.95rem 2rem;border:1px solid var(--g2);color:var(--g1);text-decoration:none;border-radius:2px;background:rgba(242,201,91,.06);transition:.35s;box-shadow:0 0 0 rgba(242,201,91,0)}
.btn:hover{background:rgba(242,201,91,.16);box-shadow:0 0 28px rgba(242,201,91,.35)}
.btn.solid{background:linear-gradient(180deg,#f7da86,#c8952f 60%,#8a5d17);color:#1a1106;border-color:#f7da86;font-weight:700}
.btn.solid:hover{filter:brightness(1.1)}
.frame{max-width:1200px;margin:2.2rem auto 0;padding:6px;background:linear-gradient(135deg,var(--g4),var(--g1),var(--g3),var(--g4));border-radius:6px;box-shadow:0 0 60px rgba(242,201,91,.25),0 30px 80px rgba(0,0,0,.8)}
.player{position:relative;aspect-ratio:16/9;background:#000;border-radius:3px;overflow:hidden}
.player iframe,.player .poster{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.soon{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);font-family:'Cinzel',serif;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;padding:.5rem 1.2rem;background:rgba(0,0,0,.65);border:1px solid var(--g3);color:var(--g2);white-space:nowrap}
.strip{overflow:hidden;padding:14px 0;background:#000;border-top:2px dashed rgba(184,134,43,.45);border-bottom:2px dashed rgba(184,134,43,.45);box-shadow:0 0 40px rgba(0,0,0,.9)}
.track{display:flex;gap:10px;width:max-content;animation:scroll 70s linear infinite}
.strip.rev .track{animation-direction:reverse}
.track img{height:clamp(90px,14vw,150px);width:auto;aspect-ratio:16/9;object-fit:cover;border-radius:3px;filter:saturate(1.05) brightness(.9)}
@keyframes scroll{to{transform:translateX(-50%)}}
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,5vw,4rem);align-items:center;max-width:1240px;margin:0 auto;text-align:left}
.split.rev2{grid-template-columns:1.2fr 1fr}
.split p+p{margin-top:1rem}
.side{padding:5px;background:linear-gradient(135deg,var(--g4),var(--g1),var(--g3));border-radius:4px;box-shadow:0 0 50px rgba(242,201,91,.18)}
.side img{border-radius:2px;width:100%}
.placeholder{border:1px dashed var(--g3);padding:1.2rem;color:var(--g2);font-family:monospace;font-size:1rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1240px;margin:2.2rem auto 0}
.grid figure{overflow:hidden;border-radius:3px;border:1px solid rgba(242,201,91,.35);aspect-ratio:16/9}
.grid img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease,filter .6s;filter:brightness(.9)}
.grid figure:hover img{transform:scale(1.06);filter:brightness(1.05)}
.support{background:linear-gradient(180deg,rgba(5,4,3,0),rgba(40,26,6,.55) 50%,rgba(5,4,3,0))}
.support-in{max-width:860px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem);border:1px solid rgba(242,201,91,.5);border-radius:4px;background:rgba(8,6,3,.78);box-shadow:0 0 80px rgba(242,201,91,.18),inset 0 0 40px rgba(242,201,91,.06)}
.ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}
.ctas .btn{min-width:210px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:960px;margin:2.2rem auto 0}
.card{padding:2.4rem 1.5rem;border:1px solid rgba(242,201,91,.35);background:linear-gradient(160deg,rgba(30,20,6,.8),rgba(5,4,3,.85));border-radius:4px;position:relative;overflow:hidden}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,236,170,.12) 50%,transparent 60%);transform:translateX(-100%);animation:sheen 6s infinite}
@keyframes sheen{60%,100%{transform:translateX(100%)}}
.num{font-family:'Cinzel Decorative',serif;font-size:3rem;color:var(--g3);opacity:.6}
.card h3{font-family:'Cinzel',serif;color:var(--g1);font-size:1.25rem;letter-spacing:.05em;margin:.3rem 0}
.card p{font-style:italic;color:var(--mute)}
.studio>div,.contact{max-width:820px;margin:0 auto}
footer{text-align:center;padding:2.5rem 1rem 3rem;border-top:1px solid rgba(242,201,91,.2);color:var(--mute);font-size:.9rem;letter-spacing:.08em}
.reveal{opacity:0;transform:translateY(24px);transition:opacity 1.1s ease,transform 1.1s ease}
.reveal.in{opacity:1;transform:none}
@media (max-width:760px){
 body{font-size:18px}
 .nav nav a:not(.hl){display:none}
 .split,.split.rev2{grid-template-columns:1fr;text-align:center}
 .split.rev2 .side{order:-1}
 .grid{grid-template-columns:1fr 1fr}
 .cards{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.form{max-width:720px;margin:2rem auto 0;text-align:left;display:grid;gap:1.1rem;padding:clamp(1.4rem,4vw,2.4rem);border:1px solid rgba(242,201,91,.45);background:rgba(8,6,3,.8);border-radius:4px;box-shadow:0 0 60px rgba(242,201,91,.12)}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.form label{display:grid;gap:.35rem;font-family:'Cinzel',serif;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--g2)}
.form .opt{text-transform:none;letter-spacing:0;color:var(--mute);font-family:'Cormorant Garamond',serif;font-size:.95rem}
.form input,.form textarea{font:inherit;font-family:'Cormorant Garamond',serif;font-size:1.1rem;letter-spacing:0;text-transform:none;color:var(--ink);background:rgba(0,0,0,.55);border:1px solid rgba(184,134,43,.55);border-radius:2px;padding:.7rem .85rem;transition:.3s}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--g1);box-shadow:0 0 18px rgba(242,201,91,.3)}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form button{justify-self:center;min-width:220px;cursor:pointer}
.form button:disabled{opacity:.6}
.status{text-align:center;min-height:1.4em;font-style:italic}
.status.ok{color:#f7da86}.status.err{color:#ff9a7a}
@media (max-width:760px){.form .row{grid-template-columns:1fr}}
.hero-vid{pointer-events:none}
.hero-vid::-webkit-media-controls,.hero-vid::-webkit-media-controls-start-playback-button,.hero-vid::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none;opacity:0}
.hero-shade,.hero-in{pointer-events:none}.hero-in a{pointer-events:auto}
.player{cursor:pointer}
.player .play{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;display:flex;flex-direction:column;align-items:center;gap:.7rem;background:none;border:0;cursor:pointer;color:#e8c766;font-family:Cinzel,serif;letter-spacing:.25em;text-transform:uppercase;font-size:.85rem;text-shadow:0 2px 12px #000}
.player .play svg{width:clamp(64px,10vw,104px);filter:drop-shadow(0 0 18px rgba(232,199,102,.55));transition:transform .3s}
.player .play circle{fill:rgba(5,4,3,.55);stroke:#e8c766;stroke-width:3}.player .play path{fill:#e8c766}
.player:hover .play svg{transform:scale(1.08)}
.player::after{content:"";position:absolute;inset:0;background:radial-gradient(transparent 45%,rgba(0,0,0,.55));pointer-events:none}
.player:has(iframe)::after{display:none}
.player .play{gap:1rem;width:100%}
.player .play .wt{display:block;width:100%;padding:.35em 0;background:rgba(0,0,0,.6);color:#fff;font-family:Anton,"Montserrat","Arial Black",Impact,sans-serif;font-weight:900;font-size:clamp(28px,6vw,56px);letter-spacing:.08em;line-height:1.1;text-shadow:0 0 3px #000,0 3px 8px #000,0 0 22px rgba(0,0,0,.9);-webkit-text-stroke:1px rgba(0,0,0,.6)}
@media (max-width:760px){
.player .play{inset:auto 0 5% 0;margin:0 auto;gap:.35rem}
.player .play svg{width:40px}
.player .play .wt{font-size:clamp(22px,6vw,32px);padding:.2em 0}
}
.emblem{display:block;margin:0 auto .6rem;width:clamp(130px,16vw,190px);height:auto;filter:drop-shadow(0 0 18px rgba(242,201,91,.55)) drop-shadow(0 0 40px rgba(242,201,91,.25))}
.emblem.sm{width:64px;margin:0 auto .5rem}
.brand img{border-radius:6px}
.brand img{width:30px;height:auto;border-radius:0;filter:drop-shadow(0 0 6px rgba(242,201,91,.5))}