.hero { min-height: 100svh; }
.topbar:not(.is-scrolled) .btn--ghost { background: rgba(14,14,14,.86); border-color: rgba(234,228,216,.65); }
.hero__media { background: #e8e8e5; }
.hero__media img { object-fit: contain; object-position: right center; filter: none; }
.hero__media::after { background: linear-gradient(90deg, #0e0e0e 0%, rgba(14,14,14,.97) 18%, rgba(14,14,14,.83) 32%, rgba(14,14,14,.36) 48%, rgba(14,14,14,0) 66%); }
.hero > .wrap { max-width: 1440px; }
.hero__inner { max-width: 540px; }
.hero h1 { font-size: clamp(3.5rem, 5.4vw, 5.5rem); }
.hero__subline, .hero__micro { color: #c9c3b7; }
.hero__supporting { max-width: 31rem; }
.hero .eyebrow { color: #c9c3b7; }
@media (max-width: 767px) {
 .hero { min-height: auto; padding-top: 4.75rem; }
 .hero__media { height: 110vw; max-height: 580px; margin-inline: 0; }
 .hero__media img { object-fit: cover; object-position: 78% center; }
 .hero__media::after { background: none; }
 .hero__inner { max-width: none; margin-top: 2rem; }
 .hero h1 { font-size: clamp(2.8rem, 9vw, 4rem); }
}