/* A dedicated 16:9 stage keeps the complete authored cover visible at every width. */
.masthead,
.masthead:not(.scrolled):not(.open){background:rgba(17,16,14,.96);border-color:var(--line);backdrop-filter:blur(12px)}
.header-wordmark{flex:0 0 auto;color:#d6b778;font-family:var(--display);font-size:clamp(1.45rem,2.3vw,2rem);font-weight:500;line-height:1;letter-spacing:-.045em;text-shadow:0 1px 0 rgba(255,246,219,.18)}
.header-wordmark:hover{color:#ead7a5}
.hero{min-height:0;display:block;padding-top:4.75rem;background:var(--ink)}
.hero>img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;filter:none;margin:0}
.hero:after{display:none}
.hero-copy{position:relative;max-width:1200px;padding:clamp(3rem,6vw,6rem) clamp(1.25rem,7vw,8rem) clamp(4rem,8vw,7rem)}
.hero h1{font-size:clamp(4rem,9vw,8rem)}

@media(max-width:850px){
  .header-wordmark{font-size:clamp(1.35rem,6.4vw,1.7rem)}
  .hero{min-height:0;padding-top:4.25rem}
  .hero>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
  .hero-copy{padding:clamp(2rem,7vw,4rem) 1.25rem 5rem;max-width:660px}
  .hero h1{font-size:clamp(3.8rem,18vw,7rem)}
}