*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#070809}
body{color:#f3f3f1;font-family:"Montserrat",Arial,sans-serif}
.hero{position:relative;min-height:100svh;overflow:hidden;background:#070809}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:brightness(.84) contrast(1.03);transform:scale(1.002)}
.overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.01) 44%,rgba(0,0,0,.22) 69%,rgba(0,0,0,.62) 100%)}
.identity{position:absolute;z-index:2;left:50%;bottom:clamp(90px,9vh,145px);width:min(92vw,780px);transform:translateX(-50%);text-align:center}
.brand-main{font-size:clamp(44px,6vw,82px);font-weight:500;line-height:.95;letter-spacing:.11em;white-space:nowrap}
.accent-a{display:inline-block;color:#ff6a1a;font-weight:600;transform:scaleX(.92)}
.brand-sub{margin-top:12px;font-size:clamp(23px,3vw,42px);font-weight:300;letter-spacing:.30em;padding-left:.30em}
.accent-line{width:74px;height:3px;margin:32px auto 0;background:#ff6a1a}
.tagline{margin:28px 0 0;color:rgba(245,245,245,.78);font-size:clamp(10px,1.15vw,15px);font-weight:300;letter-spacing:.34em}
.coming-soon{margin:34px 0 0;color:rgba(245,245,245,.9);font-size:clamp(11px,1.25vw,16px);font-weight:400;letter-spacing:.38em}
footer{position:absolute;z-index:2;left:48px;bottom:30px;color:rgba(245,245,245,.58);font-size:11px;font-weight:300;letter-spacing:.14em}
@media(max-width:720px){
  .hero-image{object-position:50% center}
  .identity{bottom:92px;width:calc(100vw - 34px)}
  .brand-main{font-size:clamp(34px,10vw,58px);letter-spacing:.07em}
  .brand-sub{margin-top:9px;font-size:clamp(18px,5.7vw,30px);letter-spacing:.23em;padding-left:.23em}
  .accent-line{width:54px;margin-top:24px}
  .tagline{margin-top:22px;font-size:9px;letter-spacing:.22em}
  .coming-soon{margin-top:28px;font-size:10px;letter-spacing:.30em}
  footer{left:20px;bottom:20px;font-size:9px}
}
@media(prefers-reduced-motion:no-preference){
  .hero-image{animation:settle 1.8s ease-out both}
  .identity{animation:rise .9s .15s ease-out both}
}
@keyframes settle{from{opacity:.72;transform:scale(1.025)}to{opacity:1;transform:scale(1.002)}}
@keyframes rise{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}