/* The scenery fills the opening; the transparent logo scales independently. */
.hero{--hero-header-height:92px;height:auto;min-height:max(700px,calc(100svh - var(--hero-header-height)));max-height:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:68px 40px 106px;background:#080e1a}
.hero .hero-art{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;mask-image:none;z-index:-3}
.hero .hero-image{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero .hero-art:after{inset:0;background:linear-gradient(180deg,#040a1400 0%,#050b1415 34%,#050b1475 64%,#050a13b8 100%);z-index:2}
.hero:after{inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 74%,#050b15b8 0%,#050b1555 34%,transparent 65%)}
.hero-backdrop-blue,.hero-backdrop-red{display:none}
.hero-logo{display:block;width:clamp(300px,33vw,540px);height:auto;max-height:min(42svh,374px);object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 7px 20px #0008)}
.hero .hero-copy{position:relative;inset:auto;width:100%;max-width:1100px;text-align:center;flex:0 0 auto;text-shadow:0 2px 12px #000,0 0 26px #030913}
.hero-copy>.eyebrow{color:#e7c98e}
.hero h1{font-size:clamp(36px,3.6vw,60px);line-height:1.18}
.hero .hero-copy>p:not(.eyebrow){color:#e0e4ec;margin:17px auto 24px;line-height:1.8;max-width:700px}
.hero .hero-label{top:30px;z-index:1}
.hero .hero-frame{display:none}
.hero .hero-side{left:30px;color:#d2b16d99}
.hero .scroll-cue{bottom:24px;color:#d3d9e2;text-shadow:0 2px 8px #000}
.hero .outline{background:#07101fe8;border-color:#c2a26b;color:#ecd3a4;text-shadow:none}
.hero .gold{text-shadow:none}
@media(max-width:1100px){.hero{gap:22px;padding-inline:34px}.hero-logo{width:clamp(300px,40vw,440px)}.hero h1{font-size:42px}}
/* Preserve both sides of the supplied panorama on tall screens without stretching. */
@media(max-aspect-ratio:3/2){.hero .hero-image{opacity:0}.hero-backdrop-blue,.hero-backdrop-red{display:block;position:absolute;inset:0;background-image:url('assets/hero-background.png');background-size:auto 100%;background-repeat:no-repeat}.hero-backdrop-blue{background-position:left center;mask-image:linear-gradient(90deg,#000 0%,#000 28%,transparent 66%)}.hero-backdrop-red{background-position:right center;mask-image:linear-gradient(90deg,transparent 34%,#000 72%,#000 100%)}.hero:after{background:radial-gradient(ellipse at 50% 70%,#050b15d9 0%,#050b1570 38%,#050b1525 80%)}.hero .hero-art:after{background:linear-gradient(180deg,#050b1410 0%,#050b1430 28%,#050b1480 62%,#050a13c7 100%)}}
@media(max-width:900px){.hero{--hero-header-height:80px}.hero .hero-side{display:none}}
@media(max-width:650px){.hero{--hero-header-height:72px;min-height:max(700px,calc(100svh - var(--hero-header-height)));padding:66px 26px 92px;gap:24px}.hero-logo{width:min(84vw,340px);max-height:32svh}.hero .hero-label{top:25px;font-size:6px;letter-spacing:1.7px;gap:9px}.hero .hero-label span{width:16px}.hero h1{font-size:clamp(30px,8.7vw,38px);line-height:1.2}.hero h1 br{display:block}.hero h1 em{margin-left:0}.hero-copy>.eyebrow{max-width:290px;margin-inline:auto;font-size:6px;letter-spacing:1.5px;margin-bottom:13px}.hero .hero-copy>p:not(.eyebrow){max-width:290px;font-size:12px;line-height:1.85;margin:15px auto 23px}.hero-actions{max-width:290px;gap:11px}.hero .scroll-cue{bottom:20px;font-size:6px;letter-spacing:1.6px}}
@media(max-height:640px) and (min-width:651px){.hero{min-height:calc(100svh - var(--hero-header-height));padding-block:54px 82px;gap:12px}.hero-logo{max-height:190px;width:300px}.hero .hero-label{top:20px}.hero h1{font-size:34px}.hero .hero-copy>p:not(.eyebrow){margin:10px auto 16px}.hero .scroll-cue{bottom:12px}}