/* Owner-only query previews: default styling remains unchanged. */
html[data-header-style="ivory"] .home-page .site-header,
html[data-header-style="ivory"] .home-page .mobile-nav { background: var(--paper); color: var(--ink); }
html[data-header-style="ivory"] .home-page .site-header .brand-mark i { background: var(--ink); }
html[data-header-style="ivory"] .home-page .site-header .brand-mark i:nth-child(2),
html[data-header-style="ivory"] .home-page .site-header .brand-mark i:nth-child(3) { background: var(--rose); }
html[data-header-style="ivory"] .home-page .menu-toggle span { background: var(--ink); }
html[data-header-style="ivory"] .home-page .mobile-nav a:last-child { color: var(--rose); }
html[data-header-style="ivory"] .home-page .photo-hero { background: var(--paper); }
html[data-header-style="ivory"] .home-page .photo-hero .hero-shade { background: linear-gradient(90deg,rgba(250,247,242,.97) 0,rgba(250,247,242,.91) 40%,rgba(250,247,242,.05) 66%),linear-gradient(0deg,rgba(36,31,29,.65),transparent 25%); }
html[data-header-style="ivory"] .home-page .photo-hero h1,
html[data-header-style="ivory"] .home-page .photo-hero .eyebrow,
html[data-header-style="ivory"] .home-page .photo-hero .hero-content > p:not(.eyebrow),
html[data-header-style="ivory"] .home-page .photo-hero .hero-link { color: var(--ink); text-shadow: none; }
html[data-header-style="ivory"] .home-page .photo-hero h1 em { color: var(--gold); }
html[data-header-style="ivory"] .home-page .photo-hero .hero-link { border-color: var(--rose); }

html[data-header-style="rose"] .home-page .site-header,
html[data-header-style="rose"] .home-page .mobile-nav { background: var(--rose); color: #fff; }
html[data-header-style="rose"] .home-page .site-header .header-cta { background: var(--paper); color: var(--ink); border-color: var(--paper); }
html[data-header-style="rose"] .home-page .site-header .header-cta:hover { background: var(--champagne-soft); }
html[data-header-style="rose"] .home-page .photo-hero { background: #784652; }
html[data-header-style="rose"] .home-page .photo-hero .hero-shade { background: linear-gradient(90deg,#784652 0,#784652 39%,rgba(120,70,82,.15) 64%),linear-gradient(0deg,rgba(36,31,29,.7),transparent 25%); }
html[data-header-style="rose"] .home-page .photo-hero .hero-buttons .button { background: var(--paper); color: var(--ink); border-color: var(--paper); }
html[data-header-style="rose"] .home-page .photo-hero .hero-buttons .button:hover { background: var(--champagne-soft); }
@media (min-width:851px) {
  html[data-header-style="rose"] .home-page .photo-hero > img { left: 44%; width: 56%; }
  html[data-header-style="rose"] .home-page .photo-hero h1 { max-width: 44%; font-size: clamp(42px,4.2vw,64px); }
  html[data-header-style="rose"] .home-page .photo-hero .hero-content > p:not(.eyebrow) { max-width: 39%; }
}

html[data-header-style="champagne"] .home-page .site-header,
html[data-header-style="champagne"] .home-page .mobile-nav { background: var(--champagne-soft); color: var(--ink); border-color: #b29874; }
html[data-header-style="champagne"] .home-page .site-header .brand-mark i { background: var(--ink); }
html[data-header-style="champagne"] .home-page .site-header .brand-mark i:nth-child(2),
html[data-header-style="champagne"] .home-page .site-header .brand-mark i:nth-child(3) { background: var(--gold); }
html[data-header-style="champagne"] .home-page .menu-toggle span { background: var(--ink); }
html[data-header-style="champagne"] .home-page .mobile-nav a:last-child { color: var(--rose); }
html[data-header-style="champagne"] .home-page .photo-hero { border-block: 3px solid var(--champagne); }
html[data-header-style="champagne"] .home-page .photo-hero h1 em { color: var(--champagne); }
html[data-header-style="champagne"] .home-page .photo-hero h1 { border-left: 3px solid var(--champagne); padding-left: 22px; }

.header-comparison { padding-bottom: 70px; }
.header-comparison-intro { max-width: 680px; margin: 0 0 32px; font-size: 15px; line-height: 1.75; }
.header-option-card { margin-bottom: 50px; padding-bottom: 40px; border-bottom: 1px solid var(--rule); }
.header-option-card h2 { font-size: 30px; }
.header-option-card p { font-size: 15px; line-height: 1.7; margin: 12px 0 18px; max-width: 680px; }
.header-option-card img { display: block; width: 100%; height: auto; border: 1px solid var(--rule); margin: 20px 0; }
.header-option-card .photo-credit { font-size: 11px; }
@media (max-width:640px) {
  html[data-header-style="ivory"] .home-page .photo-hero .hero-shade { background: linear-gradient(180deg,rgba(250,247,242,.02) 0,rgba(250,247,242,.03) 27%,rgba(250,247,242,.86) 48%,rgba(250,247,242,.98) 75%,#faf7f2 100%); }
  html[data-header-style="ivory"] .home-page .photo-hero .hero-photo-credit { color: var(--ink); }
  html[data-header-style="rose"] .home-page .photo-hero .hero-shade { background: linear-gradient(180deg,transparent 0,rgba(120,70,82,.05) 27%,rgba(120,70,82,.93) 48%,#784652 80%); }
  html[data-header-style="champagne"] .home-page .photo-hero h1 { padding-left: 15px; }
  .header-option-card h2 { font-size: 26px; }
  .header-option-card p { font-size: 14px; }
}

html[data-header-style="ivory"] .home-page .photo-hero .hero-bottom > span:first-child { color: var(--ink); }
html[data-header-style="ivory"] .home-page .desktop-nav a:hover,
html[data-header-style="champagne"] .home-page .desktop-nav a:hover { border-color: var(--rose); }

html[data-header-style="rose"] .home-page .mobile-nav a:last-child { color: #fff; }
html[data-header-style="champagne"] .home-page .mobile-nav a:last-child { color: var(--ink); }