/* Wedding-site refinement · 2026-09-20 */
body::before { display: none; }

.page-brand img { width: 94px; }
.site-logo { width: clamp(96px, 10vw, 132px); }

/* Slightly quieter display type across the site. */
.invitation-heading h1 { font-size: clamp(2.4rem, 3.55vw, 3.65rem); }
.page-intro h1,
.gift-copy h1 { font-size: clamp(3.1rem, 4.25vw, 4.25rem); }
.arrival-copy h2 { font-size: clamp(2.35rem, 3.45vw, 3.5rem); }

.home-stage { padding: 44px 24px 84px; }

/* Navigation: dark blue by default, terracotta-orange for active interaction. */
.page-nav a { color: #445469; }
.page-nav a:hover,
.page-nav a:focus-visible,
.page-nav a:active,
.page-nav a[aria-current="page"] { color: var(--terracotta); }

.detail-shell { text-align: center; }
.page-intro { margin-bottom: clamp(44px, 7vw, 82px); }
.page-intro h1 { color: var(--ink); }

.gift-art { width: min(155px, 40vw); margin-bottom: 24px; }
.confirmation-photo { display: block; width: min(250px, 64vw); margin-bottom: 30px; }

@media (max-width: 700px) {
  .home-stage { padding-top: 36px; padding-bottom: 78px; }
  .page-brand img { width: 80px; }
  .site-logo { width: clamp(90px, 25vw, 108px); }
  .gift-art { width: min(135px, 36vw); margin-bottom: 20px; }
  .confirmation-photo { width: min(225px, 60vw); margin-bottom: 24px; }
}