/* WordPress-only neutralization. Does not restyle the original V12 system.
   Original assets/styles.css remains an exact copy of the static site. */

html.wp-toolbar {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.admin-bar .site-head {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar .site-head {
    top: 46px;
  }
}

img:is([sizes="auto" i], [sizes^="auto," i]) {
  contain-intrinsic-size: auto;
}

/* Primary nav only: cancel user-agent ul margin/padding/markers.
   Nested mega lists already reset via .nav ul in styles.css. */
ul.nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Phase A experiment: tame homepage hero Fraunces only.
   V12 .hero h1 uses WONK 1 / opsz 144. Revert by deleting this rule. */
.hero h1 {
  font-variation-settings: 'SOFT' 0, 'WONK' 0, 'opsz' 40;
}

/* ==========================================================================
   Phase B — global foundation / rhythm only.
   Reassigns existing V12 tokens so .wrap, header, and mobile nav stay aligned.
   Does not restyle header, cards, buttons, hero/mast visuals, or footer.
   ========================================================================== */

:root {
  --container-max: 1280px;
  --page-gutter: clamp(24px, 4.5vw, 64px);
  --section-space: clamp(56px, 4vw + 36px, 100px);
  --section-space-small: clamp(40px, 3vw + 24px, 68px);
  --section-intro-space: 40px;
  --maxw: var(--container-max);
  --gutter: var(--page-gutter);
}

.band:not(.narrative-hero):not(.product-showcase) {
  padding-block: var(--section-space);
}

.band-tight {
  padding-block: var(--section-space-small);
}

.sec-head,
.section-intro {
  margin-bottom: var(--section-intro-space);
}