/* Homepage-only club-room finish. No content, layout, sizing or font changes. */
.home-page .homepage-real-hero {
  box-shadow: inset 0 -7px 0 #ba8b5c;
}

.home-page .homepage-real-hero::after {
  /* Keep the original shading strength; use a lighter, warmer tint. */
  background: linear-gradient(90deg, rgba(40,31,23,.9) 0%, rgba(40,31,23,.76) 29%, rgba(40,31,23,.24) 54%, transparent 72%);
}

.home-page .homepage-hero-visual {
  box-shadow: inset 0 0 0 7px #ba8b5c, inset 0 0 0 10px #eed7b8;
}

.home-page .homepage-quick-links {
  border-color: #c79866;
  box-shadow: inset 0 4px 0 #c79866, 0 12px 32px rgba(28,22,16,.3);
}

.home-page .homepage-quick-links .quick-number {
  border-color: #e5c29c;
  background-color: rgba(224,183,139,.12);
}

.home-page .button-first-watch {
  color: #fff;
  border: 2px solid #e5c29c;
  background: rgba(4,31,69,.94);
}

.home-page .button-first-watch:hover { background: #123e78; }

.home-page .first-time-doorway-section { background: #fff6e8; }

.home-page .first-time-doorway {
  display: grid;
  grid-template-columns: minmax(230px, .8fr) minmax(0, 1.7fr);
  align-items: center;
  gap: 30px;
  padding: 30px;
  border: 2px solid #c79866;
  border-radius: 24px;
  color: #fff;
  background: linear-gradient(120deg, #082958, #123e78);
  box-shadow: inset 0 0 0 3px rgba(238,215,184,.16), 0 10px 26px rgba(48,33,20,.15);
}

.home-page .first-time-doorway .eyebrow { color: #f0cfa9; }
.home-page .first-time-doorway h2 { color: #fff; }
.home-page .first-time-doorway-copy > p:last-child { margin: 12px 0 0; color: #e4edf8; }

.home-page .first-time-doorway-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.home-page .first-time-doorway-links a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid #d6e4f4;
  border-radius: 13px;
  color: var(--navy);
  background: #fff;
  font-weight: 820;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.home-page .first-time-doorway-links a:hover {
  transform: translateY(-2px);
  border-color: #f0cfa9;
  background: #fff6e8;
}

.home-page main > .section {
  /* Painted-wood edge between sections; inset shadows preserve dimensions. */
  box-shadow: inset 0 4px 0 #ba8b5c, inset 0 7px 0 #efddc5;
}

.home-page main > .section:not(.section-ice):not(.section-navy):not(.section-cream) {
  background-color: #fff6e8;
}

.home-page main > .section-ice {
  background: #edf6ff;
}

.home-page main .card,
.home-page main .home-destination {
  border-color: #b88d63;
  box-shadow: inset 0 0 0 3px #ead2b5, 0 9px 24px rgba(71,48,27,.12);
}

.home-page main .card-link:hover {
  border-color: #956b45;
  box-shadow: inset 0 0 0 3px #e2be94, 0 12px 28px rgba(71,48,27,.18);
}

.home-page main .character-card .cutout-stage {
  background: linear-gradient(145deg, #fff0d5, #f4f9ff 78%);
  box-shadow: inset 0 -4px 0 #ba8b5c;
}

.home-page .site-footer {
  background: linear-gradient(115deg, #3f3128, #243443 46%, #082958);
  box-shadow: inset 0 6px 0 #c79866, inset 0 9px 0 #eed7b8;
}

.home-page .site-footer .brand {
  box-shadow: 0 0 0 3px #c79866, 0 7px 22px rgba(0,0,0,.2);
}

.home-page .site-footer .copyright {
  border-top-color: #b88d63;
  color: #d5e0ee;
}

@media (max-width: 780px) {
  /* Keep the welcoming finish visible on phones, with flat, quiet surfaces. */
  .home-page .homepage-real-hero { background: #fff6e8; }
  .home-page .homepage-hero-visual {
    background-image: url("/assets/housecall-home-hero-granite-sweep-mobile.webp");
    background-position: center;
    box-shadow: inset 0 0 0 4px #ba8b5c, inset 0 0 0 6px #eed7b8;
  }
  .home-page .homepage-hero-copy h1,
  .home-page .homepage-welcome { color: var(--navy); text-shadow: none; }
  .home-page .homepage-hero-copy > p:not(.homepage-welcome) {
    color: var(--ink);
    text-shadow: none;
  }
  .home-page .homepage-quick-links {
    box-shadow: inset 0 3px 0 #c79866, 0 5px 14px rgba(71,48,27,.13);
  }
  .home-page .first-time-doorway { grid-template-columns: 1fr; padding: 24px; }
  .home-page main > .section {
    box-shadow: inset 0 3px 0 #ba8b5c, inset 0 5px 0 #efddc5;
  }
  .home-page main .card,
  .home-page main .home-destination {
    box-shadow: inset 0 0 0 2px #ead2b5, 0 4px 12px rgba(71,48,27,.09);
  }
  .home-page .site-footer {
    background: #263541;
    box-shadow: inset 0 5px 0 #c79866;
  }
}

@media (max-width: 520px) {
  .home-page .first-time-doorway-links { display: grid; grid-template-columns: 1fr; }
  .home-page .first-time-doorway-links a { width: 100%; }
}