/* Full-window home treatment: deliberately separate from the editorial pages. */
.immersive-home .nav {
  position: absolute;
  inset: 0 0 auto;
  z-index: 10;
  border-color: rgba(255, 250, 241, .25);
  color: var(--cream);
}
.immersive-home .brand, .immersive-home nav a { color: var(--cream); }
.immersive-home .nav-cta { color: #f1d6b0; }
.hero-full { position: relative; display: block; min-height: 100svh; padding: 0; color: var(--cream); isolation: isolate; }
.hero-full .hero-copy { position: relative; z-index: 2; width: min(1160px, calc(100% - 48px)); margin-inline: auto; padding-top: clamp(170px, 23vh, 245px); padding-bottom: 100px; }
.hero-full h1 { max-width: 670px; color: var(--cream); font-size: clamp(61px, 8vw, 112px); }
.hero-full h1 i { color: #f0c07a; }
.hero-full .hero-intro { max-width: 440px; color: rgba(255, 250, 241, .84); }
.hero-full .eyebrow { color: #edc282; }
.hero-full .eyebrow span { background: #edc282; }
.hero-full .text-link { color: var(--cream); }
.hero-full .microcopy { color: rgba(255, 250, 241, .58); }
.hero-full .hero-visual { position: absolute; z-index: -1; inset: 0; height: auto; margin: 0; }
.hero-full .hero-visual:before { display: none; }
.hero-full .hero-visual:after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9, 8, 8, .91) 0%, rgba(13, 10, 10, .66) 39%, rgba(11, 9, 10, .12) 75%), linear-gradient(0deg, rgba(9, 8, 8, .55), transparent 38%); }
.hero-full .hero-visual img { width: 100%; height: 100%; filter: saturate(.85) contrast(1.05); }
.hero-full .now-card { top: auto; bottom: 40px; left: auto; right: clamp(24px, 8vw, 120px); background: rgba(255, 250, 241, .94); box-shadow: 0 14px 45px rgba(0, 0, 0, .25); }
.hero-full .hero-caption { right: clamp(24px, 8vw, 120px); bottom: 143px; }
@media (max-width: 760px) {
  .immersive-home .nav { width: calc(100% - 34px); left: 17px; right: 17px; }
  .hero-full { min-height: 100svh; }
  .hero-full .hero-copy { width: calc(100% - 34px); padding-top: 170px; padding-bottom: 80px; }
  .hero-full h1 { font-size: clamp(54px, 16vw, 74px); }
  .hero-full .hero-visual { height: 100%; margin: 0; }
  .hero-full .hero-visual:after { background: linear-gradient(90deg, rgba(9, 8, 8, .90), rgba(9, 8, 8, .32)), linear-gradient(0deg, rgba(9, 8, 8, .70), transparent 52%); }
  .hero-full .hero-visual img { object-position: 62% center; }
  .hero-full .hero-caption { display: none; }
  .hero-full .now-card { right: 17px; bottom: 25px; }
  .hero-full .button-primary { padding: 14px 16px; }
}