@font-face{font-family:Geist;src:url('/fonts/geist/Geist-v1.7.2.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;font-family:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080909;color:#f3f0e9;--letterbox:clamp(12svh,calc((100svh - 100vw / 2.4) / 2),22svh)}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{min-height:100svh;overflow:hidden;isolation:isolate}
.scene{position:fixed;inset:0;z-index:-1;background:#10100f;overflow:hidden}
.landscape{position:absolute;inset:-2%;background:url('/assets/atmosphere.png') 65% center/cover no-repeat;filter:saturate(.6) brightness(.71);animation:scene-reveal 2.2s cubic-bezier(.2,.7,.2,1) both}
.shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,rgba(8,9,9,.52),rgba(8,9,9,.2) 70%),linear-gradient(0deg,rgba(7,8,8,.62),transparent 42%,rgba(7,8,8,.22))}
.frame{position:absolute;left:0;right:0;height:var(--letterbox);background:#050606}
.frame-top{top:0}.frame-bottom{bottom:0}
main{min-height:100svh;display:grid;place-items:center;padding:calc(var(--letterbox) + 20px) 28px;text-align:center}
.teaser-content{display:flex;flex-direction:column;align-items:center;max-width:100%}
.brand{display:inline-flex;align-items:center;justify-content:center;margin-bottom:22px;text-decoration:none;max-width:100%}
.brand img{display:block;width:clamp(240px,24vw,320px);max-width:100%;height:auto;object-fit:contain}
.brand:focus-visible{outline:1px solid #c7a874;outline-offset:12px;border-radius:2px}
.eyebrow{margin:24px 0 0;color:#c4b9a6;font-size:14px;line-height:1.7;letter-spacing:.08em;font-weight:400;animation:copy-reveal 1.1s .3s cubic-bezier(.2,.7,.2,1) both}
h1{margin:0;font-size:clamp(58px,7.2vw,132px);line-height:1.08;letter-spacing:-.055em;font-weight:300;animation:copy-reveal 1.25s .42s cubic-bezier(.2,.7,.2,1) both;text-shadow:0 5px 70px rgba(0,0,0,.3)}
h1 span{color:#c9b592}
.horizon{height:1px;width:clamp(80px,9vw,150px);margin-top:28px;background:rgba(222,205,174,.14);overflow:hidden;animation:line-reveal 1.1s .9s cubic-bezier(.2,.7,.2,1) both;transform-origin:center}
.horizon span{display:block;width:45%;height:100%;background:linear-gradient(90deg,transparent,#c7a874,transparent);animation:light-pass 5s 1.6s ease-in-out infinite}
@keyframes scene-reveal{from{opacity:0;transform:scale(1.055);filter:saturate(.6) brightness(.5) blur(5px)}to{opacity:1;transform:scale(1);filter:saturate(.6) brightness(.71) blur(0)}}
@keyframes copy-reveal{from{opacity:0;transform:translateY(18px);filter:blur(9px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes line-reveal{from{opacity:0;transform:scaleX(.1)}to{opacity:1;transform:scaleX(1)}}
@keyframes light-pass{0%,12%{transform:translateX(-120%);opacity:0}35%{opacity:.75}65%{opacity:.75}88%,100%{transform:translateX(330%);opacity:0}}
@media(max-width:640px){.landscape{background-position:62% center}h1{font-size:clamp(44px,11vw,70px)}.eyebrow{font-size:12px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}.landscape{transform:none}.horizon span{transform:translateX(60%);opacity:.6}}