/* Pass 4: a shared spacing rhythm, with compact decision-making surfaces. */
body:not([data-page="/jw-v2/owner"]) {
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --section-space: clamp(3.5rem, 7vw, 6rem);
  --page-gutter: clamp(1.375rem, 4vw, 3rem);
}
body:not([data-page="/jw-v2/owner"]) .wrap { padding-left: var(--page-gutter); padding-right: var(--page-gutter); }
body:not([data-page="/jw-v2/owner"]) .section { padding-top: var(--section-space); padding-bottom: var(--section-space); }
body:not([data-page="/jw-v2/owner"]) .section-head { gap: var(--space-xl); margin-bottom: var(--space-xl); align-items: end; }
body:not([data-page="/jw-v2/owner"]) .section-head > * { min-width: 0; }
body:not([data-page="/jw-v2/owner"]) .section-head h2 { max-width: 18ch; }
body:not([data-page="/jw-v2/owner"]) .section-head > p { max-width: 46ch; }
body:not([data-page="/jw-v2/owner"]) .page-intro { padding-top: clamp(2.5rem, 5vw, 4rem); padding-bottom: var(--space-xl); }
body:not([data-page="/jw-v2/owner"]) .page-intro .eyebrow { margin-bottom: var(--space-md); }
body:not([data-page="/jw-v2/owner"]) .page-intro h1 { margin-bottom: var(--space-md); }
body:not([data-page="/jw-v2/owner"]) .panel { padding: var(--space-lg); }
body:not([data-page="/jw-v2/owner"]) .panel :is(h2,h3) { margin-bottom: var(--space-sm); }
body:not([data-page="/jw-v2/owner"]) .panel p + p { margin-top: var(--space-sm); }
body:not([data-page="/jw-v2/owner"]) .panel > .text-link { margin-top: var(--space-md); }
body:not([data-page="/jw-v2/owner"]) .aftercare-grid { gap: var(--space-md); }
body:not([data-page="/jw-v2/owner"]) .faq-section { gap: clamp(2rem, 6vw, 5rem); align-items: start; }
body:not([data-page="/jw-v2/owner"]) .experience-title { margin-bottom: var(--space-xl); }
body:not([data-page="/jw-v2/owner"]) .experience-title > p { margin-top: var(--space-md); }
body:not([data-page="/jw-v2/owner"]) .experience-action { margin-top: var(--space-lg); }
body:not([data-page="/jw-v2/owner"]) .contact-layout { gap: var(--space-xl); padding-bottom: var(--section-space); }
/* Give the logo its own compact, unclipped box; preserve its supplied proportions. */
body:not([data-page="/jw-v2/owner"]) .site-header .brand { height: 108px; padding: 0; flex-shrink: 0; }
body:not([data-page="/jw-v2/owner"]) .site-header .brand img { width: 104px; height: 104px; }
/* Remove fixed blank rows. The final action stays grouped with its deposit. */
body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-grid { align-items: stretch; gap: var(--space-md); }
body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card { display: flex; flex-direction: column; padding: 56px 28px 28px; gap: 0; min-width: 0; }
body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card :is(h3, .price-top, .checks, p) { min-height: 0; }
body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card h3 { margin: 0 0 var(--space-sm); }
body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card .price-top { margin: 0 0 var(--space-sm); gap: var(--space-xs); flex-wrap: wrap; }
body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card > p:not(.deposit) { margin: 0 0 var(--space-md); }
body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card .price { margin: 0 0 var(--space-md); }
body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card .checks { margin: 0 0 var(--space-md); }
body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card .checks li { padding: 5px 0; }
body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card .deposit { margin: auto 0 var(--space-xs); padding-top: var(--space-sm); }
body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card > .btn { margin: 0; width: 100%; }
body:not([data-page="/jw-v2/owner"]) .treatment-audience { margin: 0 auto var(--space-md); }
body:not([data-page="/jw-v2/owner"]) .treatment-picker + .shade-guide { margin-top: var(--space-xl); }
body:not([data-page="/jw-v2/owner"]) :is(.home-offer, .info-banner) { margin-top: var(--space-lg); gap: var(--space-md); }
body:not([data-page="/jw-v2/owner"]) main > .final-cta { margin-top: 0; margin-bottom: var(--section-space); padding-top: var(--space-xl); padding-bottom: var(--space-xl); gap: var(--space-xl); }
body:not([data-page="/jw-v2/owner"]) .final-cta > div:first-child { max-width: 44rem; }
body:not([data-page="/jw-v2/owner"]) .cta-actions { display: flex; flex-direction: column; gap: var(--space-sm); flex-shrink: 0; }
body:not([data-page="/jw-v2/owner"]) .cta-actions .btn { margin: 0; }
@media (max-width: 1000px) {
  body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-grid { gap: var(--space-sm); }
  body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card { padding-left: 22px; padding-right: 22px; }
  body:not([data-page="/jw-v2/owner"]) main > .final-cta { align-items: flex-start; flex-direction: column; }
  body:not([data-page="/jw-v2/owner"]) .cta-actions { flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 700px) {
  body:not([data-page="/jw-v2/owner"]) .section-head { display: block; margin-bottom: var(--space-lg); }
  body:not([data-page="/jw-v2/owner"]) .section-head > p, body:not([data-page="/jw-v2/owner"]) .section-head > div + div { margin-top: var(--space-md); }
  body:not([data-page="/jw-v2/owner"]) .page-intro { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
  body:not([data-page="/jw-v2/owner"]) .site-header .brand { height: 80px; }
  body:not([data-page="/jw-v2/owner"]) .site-header .brand img { width: 78px; height: 78px; }
  body:not([data-page="/jw-v2/owner"]) .site-header { gap: 12px; }
  body:not([data-page="/jw-v2/owner"]) .site-header nav.open { max-height: calc(100dvh - 96px); }
  body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-grid { gap: 14px; align-items: start; }
  body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-grid .price-card { flex-basis: 90%; width: 90%; max-width: 360px; padding: 48px 20px 22px; }
  body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card .deposit { margin-top: 0; padding-top: 0; }
  body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card > p:not(.deposit) { margin-bottom: var(--space-sm); }
  body:not([data-page="/jw-v2/owner"]) .treatment-picker .price-card :is(.price, .checks) { margin-bottom: var(--space-sm); }
  body:not([data-page="/jw-v2/owner"]) .panel, body:not([data-page="/jw-v2/owner"]) .contact-layout form { padding: var(--space-md); }
  body:not([data-page="/jw-v2/owner"]) .contact-layout { gap: var(--space-lg); }
  body:not([data-page="/jw-v2/owner"]) main > .final-cta { padding: var(--space-lg) var(--space-md); margin-left: var(--page-gutter); margin-right: var(--page-gutter); }
  body:not([data-page="/jw-v2/owner"]) .cta-actions { width: 100%; flex-direction: column; }
  body:not([data-page="/jw-v2/owner"]) .cta-actions .btn { width: 100%; }
  body[data-page="/"] .studio-hero .hero-copy { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
  body[data-page="/"] .studio-hero .studio-kicker { margin-bottom: var(--space-sm); }
}
/* Keep anchors and keyboard focus clear of the sticky navigation and phone action bar. */
html:has(body:not([data-page="/jw-v2/owner"])) { scroll-padding-top: 8.5rem; scroll-padding-bottom: 1.5rem; }
body:not([data-page="/jw-v2/owner"]) main :is(a, button, input, select, textarea, summary) { scroll-margin-block: 1rem; }
@media (max-width:700px) {
  html:has(body:not([data-page="/jw-v2/owner"])) { scroll-padding-top: 6rem; scroll-padding-bottom: 6rem; }
}