.hero { position: relative; min-height: 480px; height: min(660px, calc(54svh + 60px)); isolation: isolate; background: #181610; }
.hero-image, .hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; }
.hero-image { object-fit: cover; object-position: 65% 38%; }
@media (min-width: 601px) { .hero-image--mobile { display: none; } }
@media (max-width: 600px) { .hero-image--desktop { display: none; } }
.hero-shade { background: linear-gradient(90deg, rgb(12 12 10 / 72%) 0%, rgb(12 12 10 / 35%) 42%, transparent 70%), linear-gradient(0deg, rgb(12 12 10 / 65%), transparent 26%); }
.hero-layout { position: relative; height: 100%; min-height: inherit; display: flex; flex-direction: column; justify-content: center; padding-top: 110px; padding-bottom: 80px; }
.hero-copy { max-width: 650px; }
.hero h1 { font-size: clamp(48px, 4.8vw, 70px); font-weight: 500; line-height: 1.14; letter-spacing: -.04em; }
.hero h1 span { color: var(--gold-light); }
.hero-copy > p { margin-top: 22px; font-size: 15px; color: #d0cbbf; line-height: 1.85; }
@media (max-width: 1050px) {
    .hero-image { object-position: 61% center; }
    .hero h1 { font-size: clamp(48px, 5.2vw, 68px); }
}
@media (max-width: 600px) {
    .hero { height: clamp(340px, 48svh, 420px); min-height: 0; max-height: none; }
    .hero-image { object-position: center; height: 100%; object-fit: cover; }
    .hero-shade { background: linear-gradient(0deg, rgb(17 17 15 / 88%) 0%, rgb(17 17 15 / 72%) 20%, rgb(17 17 15 / 58%) 40%, rgb(17 17 15 / 20%) 65%, rgb(17 17 15 / 5%) 85%, rgb(17 17 15 / 30%) 100%); }
    .hero-layout { justify-content: flex-end; padding-top: 96px; padding-bottom: 58px; }
    .hero h1 { font-size: clamp(36px, 10.4vw, 54px); line-height: 1.16; }
    .hero-copy > p { margin-top: 14px; font-size: 13px; line-height: 1.75; }
}
@media (max-width: 360px) { .hero h1 { font-size: 39px; } }
@media (max-width: 600px) and (max-height: 700px) {
    .hero h1 { font-size: 36px; }
    .hero-copy > p { margin-top: 18px; }
    .hero-layout { padding-bottom: 66px; }
}
@media (min-width: 601px) {
    .home-intro--desktop-video { position: relative; isolation: isolate; overflow: clip; background: #181610; }
    .home-intro--desktop-video .hero { position: static; isolation: auto; background: transparent; }
    .home-intro--desktop-video .hero-image,
    .home-intro--desktop-video .hero-shade { pointer-events: none; }
    .home-intro--desktop-video .hero-shade { background: linear-gradient(90deg, rgb(12 12 10 / 72%), rgb(12 12 10 / 20%) 70%), linear-gradient(0deg, rgb(17 17 15 / 90%), transparent 65%); }
    .home-intro--desktop-video .quick-access { padding-bottom: 32px; }
}
@media (max-width: 600px) {
    .home-intro--mobile-video { position: relative; isolation: isolate; overflow: clip; background: #181610; }
    .home-intro--mobile-video .hero { position: static; isolation: auto; background: transparent; }
    .home-intro--mobile-video .hero-image,
    .home-intro--mobile-video .hero-shade { pointer-events: none; }
    .home-intro--mobile-video .hero-shade { background: linear-gradient(180deg, rgb(17 17 15 / 25%), rgb(17 17 15 / 50%) 40%, rgb(17 17 15 / 85%) 100%); }
    .home-intro--mobile-video .quick-access { padding-bottom: 24px; }
}