*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#050302}body{overflow:hidden}
.hero{position:relative;width:100vw;height:100vh;height:100svh;min-height:420px;overflow:hidden;background:#050302}
.bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,.03),rgba(0,0,0,.08) 50%,rgba(0,0,0,.28)),linear-gradient(to bottom,rgba(0,0,0,.06),transparent 28%,transparent 70%,rgba(0,0,0,.22))}
.brand{position:absolute;z-index:2;left:50%;top:47%;transform:translate(-50%,-50%);width:clamp(330px,42vw,700px);max-width:calc(100vw - 44px);height:auto;filter:drop-shadow(0 5px 12px rgba(0,0,0,.55))}
footer{position:absolute;z-index:3;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);white-space:nowrap;color:rgba(232,200,165,.62);font:500 9px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 3px #000}
@media(min-aspect-ratio:16/10){.brand{width:clamp(360px,38vw,680px)}}
@media(orientation:landscape) and (max-width:1180px){.brand{width:min(48vw,580px)}}
@media(orientation:portrait){.brand{width:min(78vw,560px);max-width:calc(100vw - 36px);top:45%}}
@media(orientation:portrait) and (max-width:600px){.brand{width:84vw;max-width:390px;top:44%}footer{font-size:8px;letter-spacing:.10em}}
@media(orientation:landscape) and (max-height:500px){.brand{width:min(40vw,400px);top:46%}footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){.bg-video{display:none}.hero{background:#050302 url("assets/poster.jpg") center/cover no-repeat}}