/* ═══════════════════════════════════════════════════════════
   SACRED DEPOSITS™ — SHARED STYLES (mobile-refined)
   A covenant marriage framework by EQGenix Inc.

   Premium editorial mobile experience:
   • Cinematic typography that stays dramatic on small screens
   • Full-screen overlay navigation (no generic hamburger)
   • Generous breathing room (scroll slowly, scroll elegantly)
   • Larger tap targets, smoother transitions
   ═══════════════════════════════════════════════════════════ */

:root {
  --ivory:#FBF4E6; --chalk:#F9F7F2; --ink:#071432; --navy:#071432;
  --navy-2:#0b1e40; --navy-3:#040c22; --navy-4:#02060f;
  --gold:#B89045; --gold-s:#D1AD66; --gold-d:#8A6A28; --muted:#3A3528;
  --rule:rgba(184,144,69,.22); --rule-d:rgba(184,144,69,.12);
  --serif:"Cormorant Garamond",Georgia,serif;
  --caps:"Cinzel","Cormorant Garamond",Georgia,serif;
  --script:"Allura",cursive;
  --sans:"Manrope",-apple-system,Helvetica,sans-serif;
  --ease:cubic-bezier(0.16,1,0.3,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ivory);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.55;text-rendering:optimizeLegibility}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
img,svg{display:block;max-width:100%}
button{font:inherit;cursor:pointer}
::selection{background:var(--gold);color:var(--ivory)}

body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:multiply}

/* ─────────── HEADER & DESKTOP NAV ─────────── */
.header{position:absolute;top:0;left:0;right:0;z-index:200;background:transparent;height:92px;display:flex;align-items:center;padding:0 72px}

/* When mobile menu open, lift header above the overlay so toggle remains clickable */
body.no-scroll .header{z-index:1100;position:fixed}
body.no-scroll .brand__name{color:var(--ivory)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}
.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}
.brand__ring{width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.brand__ring img{width:52px;height:52px}
.brand__name{font-family:var(--serif);font-size:1.42rem;font-weight:500;letter-spacing:.30em;text-transform:uppercase;color:var(--ink);line-height:1}
.brand__name sup{font-size:.45em;vertical-align:super}

.nav { display: flex; align-items: center; justify-content: flex-end; flex: 1; gap: 48px; padding: 0; margin-right: 24px; }
.nav a{font-family:var(--sans);font-size: .64rem;font-weight:700;letter-spacing:.20em;text-transform:uppercase;color:var(--navy);transition:opacity .2s;position:relative;padding-bottom:3px;text-shadow:none}
.nav a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--navy);transform:scaleX(0);transform-origin:right;transition:transform .3s}
.nav a:hover{opacity:.7}
.nav a:hover::after{transform:scaleX(1);transform-origin:left}
.nav a.is-active::after{transform:scaleX(1)}

.nav__cta{font-family:var(--sans);font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#fff;padding:12px 24px;background:var(--gold);transition:background .3s;white-space:nowrap}
.nav__cta:hover{background:var(--gold-s)}

body.dark-header .brand__name{color:var(--ivory);text-shadow:0 1px 2px rgba(0,0,0,.5)}
body.dark-header .nav a{color:var(--ivory);opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.4)}
body.dark-header .nav a::after{background:var(--gold-s)}
body.dark-header .nav a:hover{opacity:1}
body.dark-header .nav a.is-active{color:var(--gold-s);opacity:1}
body.dark-header .nav__cta{color:var(--ink);background:var(--gold-s)}
body.dark-header .nav__cta:hover{background:var(--ivory)}
/* Dark-header overrides for new dropdown navigation structure */
body.dark-header .nav-group .nav-link{color:var(--ivory);opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.5)}
body.dark-header .nav-group .nav-link:hover{color:var(--gold-s);opacity:1}
body.dark-header .nav-group .nav-link.is-active{color:var(--gold-s);opacity:1}
body.dark-header .nav-caret{opacity:.85}
/* Dropdown menu items always dark on light bg, regardless of header theme */
body.dark-header .nav-dropdown a{color:var(--ink);opacity:1;text-shadow:none}
body.dark-header .nav-dropdown a:hover{color:var(--gold)}


/* ─────────── PREMIUM MOBILE NAV ─────────── */
.nav-toggle{display:none;align-items:center;gap:14px;background:transparent;border:none;padding:12px 0;font-family:var(--sans);font-size:.66rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--ink);position:relative;z-index:1100;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .3s}
.nav-toggle:hover{color:var(--gold-d)}
.nav-toggle__label{display:inline-block;min-width:46px;text-align:right}
.nav-toggle__lines{display:inline-block;width:22px;height:14px;position:relative}
.nav-toggle__lines span{position:absolute;left:0;right:0;height:1px;background:currentColor;transition:top .35s var(--ease),transform .35s var(--ease)}
.nav-toggle__lines span:nth-child(1){top:5px}
.nav-toggle__lines span:nth-child(2){top:10px}
.nav-toggle.is-open .nav-toggle__lines span:nth-child(1){top:7px;transform:rotate(45deg)}
.nav-toggle.is-open .nav-toggle__lines span:nth-child(2){top:7px;transform:rotate(-45deg)}

body.dark-header .nav-toggle{color:var(--ivory)}
body.dark-header .nav-toggle:hover{color:var(--gold-s)}
.nav-toggle.is-open{color:var(--ivory)!important}

.mobile-menu{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse 70% 60% at 50% 35%,rgba(184,144,69,.10) 0%,transparent 60%),linear-gradient(170deg,var(--navy-2) 0%,var(--navy) 50%,var(--navy-4) 100%);color:var(--ivory);opacity:0;visibility:hidden;transition:opacity .55s var(--ease),visibility 0s linear .55s;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobile-menu.is-open{opacity:1;visibility:visible;transition:opacity .55s var(--ease),visibility 0s linear 0s}
.mobile-menu::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.10'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.45;pointer-events:none}

.mobile-menu__inner{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;padding:130px 32px 60px;max-width:560px;margin:0 auto}

.mobile-menu__brand{display:flex;align-items:center;gap:14px;margin-bottom:64px;padding-bottom:28px;border-bottom:1px solid rgba(209,173,102,.16);opacity:0;transform:translateY(-12px);transition:opacity .6s var(--ease) .12s,transform .6s var(--ease) .12s}
.mobile-menu.is-open .mobile-menu__brand{opacity:1;transform:translateY(0)}
.mobile-menu__logo-ring{width:38px;height:38px}
.mobile-menu__logo-ring img{width:100%;height:100%}
.mobile-menu__brand-name{font-family:var(--serif);font-size:.95rem;font-weight:400;letter-spacing:.26em;text-transform:uppercase;color:rgba(209,173,102,.88)}
.mobile-menu__brand-name sup{font-size:.42em;vertical-align:super}

.mobile-menu__nav{display:flex;flex-direction:column;flex:1}
.mobile-menu__nav a{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,8vw,2.8rem);line-height:1.05;color:var(--ivory);padding:22px 0;border-bottom:1px solid rgba(209,173,102,.10);letter-spacing:-.01em;position:relative;display:flex;align-items:center;opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease),color .35s,padding-left .35s var(--ease)}
.mobile-menu__nav a em{font-style:italic}
.mobile-menu__nav a::before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--gold-s);transform:translateY(-50%);transition:width .4s var(--ease)}
.mobile-menu__nav a:hover,.mobile-menu__nav a:active,.mobile-menu__nav a.is-active{color:var(--gold-s);padding-left:28px}
.mobile-menu__nav a:hover::before,.mobile-menu__nav a:active::before,.mobile-menu__nav a.is-active::before{width:20px}

.mobile-menu.is-open .mobile-menu__nav a{opacity:1;transform:translateY(0)}
.mobile-menu.is-open .mobile-menu__nav a:nth-child(1){transition-delay:.22s}
.mobile-menu.is-open .mobile-menu__nav a:nth-child(2){transition-delay:.27s}
.mobile-menu.is-open .mobile-menu__nav a:nth-child(3){transition-delay:.32s}
.mobile-menu.is-open .mobile-menu__nav a:nth-child(4){transition-delay:.37s}
.mobile-menu.is-open .mobile-menu__nav a:nth-child(5){transition-delay:.42s}
.mobile-menu.is-open .mobile-menu__nav a:nth-child(6){transition-delay:.47s}
.mobile-menu.is-open .mobile-menu__nav a:nth-child(7){transition-delay:.52s}
.mobile-menu.is-open .mobile-menu__nav a:nth-child(8){transition-delay:.57s}

.mobile-menu__cta{margin-top:48px;opacity:0;transform:translateY(16px);transition:opacity .55s var(--ease) .68s,transform .55s var(--ease) .68s}
.mobile-menu.is-open .mobile-menu__cta{opacity:1;transform:translateY(0)}
.mobile-menu__cta .btn{width:100%;padding:22px 28px;font-size:.72rem}

.mobile-menu__tagline{margin-top:36px;padding-top:28px;border-top:1px solid rgba(209,173,102,.10);font-family:var(--serif);font-style:italic;font-size:.92rem;color:rgba(251,244,230,.40);text-align:center;opacity:0;transition:opacity .55s var(--ease) .82s}
.mobile-menu.is-open .mobile-menu__tagline{opacity:1}

/* ─────────── BUTTONS ─────────── */
.btn{display:inline-flex;align-items:center;gap:14px;font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;padding:18px 30px;min-height:48px;justify-content:center;transition:background .35s,color .35s,border-color .35s,transform .25s;cursor:pointer;text-decoration:none;line-height:1;border:none;-webkit-tap-highlight-color:transparent}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--navy);color:var(--gold-s);border:1.5px solid var(--navy)}
.btn--primary:hover{background:#0F2050}
.btn--secondary{background:transparent;color:var(--ink);border:1.5px solid rgba(7,20,50,.30)}
.btn--secondary:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.btn--gold{background:var(--gold);color:var(--ivory);border:1.5px solid var(--gold)}
.btn--gold:hover{background:var(--gold-s);border-color:var(--gold-s)}
.btn--ghost-light{background:transparent;color:var(--ivory);border:1.5px solid rgba(251,244,230,.3)}
.btn--ghost-light:hover{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}
.btn__arrow{display:inline-block;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-left:2px;background:transparent;transition:margin-left .35s var(--ease),transform .35s var(--ease)}
.btn__arrow::after{display:none}
.btn:hover .btn__arrow{margin-left:8px;transform:rotate(45deg)}

/* ─────────── SECTION HEADERS ─────────── */
.section-header{text-align:center;margin-bottom:90px;max-width:740px;margin-left:auto;margin-right:auto}
.section-eyebrow{font-family:var(--sans);font-size:.66rem;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:26px;display:inline-flex;align-items:center;gap:18px}
.section-eyebrow::before,.section-eyebrow::after{content:"";width:36px;height:1px;background:var(--gold);opacity:.6}
.section-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.022em;color:var(--ink);margin-bottom:28px}
.section-title em{font-style:italic;color:var(--gold)}
.section-sub{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(1.18rem,1.4vw,1.36rem);line-height:1.55;color:#3a3225}

/* ─────────── ANIMATION SYSTEM ─────────── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
.reveal.in-view{opacity:1;transform:translateY(0)}
.reveal--slow{transition-duration:1.6s}
.reveal--scale{opacity:0;transform:scale(.96) translateY(20px);transition:opacity 1.4s var(--ease),transform 1.4s var(--ease)}
.reveal--scale.in-view{opacity:1;transform:scale(1) translateY(0)}
.stagger > *{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.stagger.in-view > *:nth-child(1){transition-delay:0s}
.stagger.in-view > *:nth-child(2){transition-delay:.10s}
.stagger.in-view > *:nth-child(3){transition-delay:.20s}
.stagger.in-view > *:nth-child(4){transition-delay:.30s}
.stagger.in-view > *:nth-child(5){transition-delay:.40s}
.stagger.in-view > *:nth-child(6){transition-delay:.50s}
.stagger.in-view > *:nth-child(7){transition-delay:.60s}
.stagger.in-view > *:nth-child(8){transition-delay:.70s}
.stagger.in-view > *{opacity:1;transform:translateY(0)}

@media (prefers-reduced-motion:reduce){
  .reveal,.reveal--scale,.stagger > *{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  .mobile-menu,.mobile-menu__nav a,.mobile-menu__brand,.mobile-menu__cta,.mobile-menu__tagline{transition:opacity .15s linear!important}
}

/* ─────────── FOOTER ─────────── */
.site-footer{background:radial-gradient(ellipse at 75% 5%,rgba(184,144,69,.03) 0%,transparent 50%),linear-gradient(170deg,#0b1e40 0%,#071432 65%,#040c22 100%);color:var(--ivory);padding:130px 80px 80px;position:relative}
.site-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.35}
.site-footer__inner{position:relative;z-index:1;max-width:1160px;margin:0 auto}
.site-footer__main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:72px;padding-bottom:72px}
.site-footer__brand{display:flex;flex-direction:column;gap:14px}
.site-footer__logo-row{display:flex;align-items:center;gap:12px}
.site-footer__logo{width:34px;height:34px;flex-shrink:0}
.site-footer__name{font-family:var(--serif);font-weight:400;font-size:1rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(209,173,102,.80)}
.site-footer__name sup{font-size:.38em;vertical-align:super}
.site-footer__tagline{font-family:var(--serif);font-style:italic;font-size:.88rem;color:rgba(251,244,230,.38);max-width:240px;line-height:1.6}
.site-footer__col{display:flex;flex-direction:column}
.site-footer__heading{font-family:var(--sans);font-size:.54rem;font-weight:600;letter-spacing:.30em;text-transform:uppercase;color:rgba(209,173,102,.62);margin-bottom:26px}
.site-footer__col a{font-family:var(--serif);font-size:.95rem;line-height:1.4;color:rgba(251,244,230,.62);padding:7px 0;transition:color .3s}
.site-footer__col a:hover{color:var(--gold-s)}
.site-footer__legal{border-top:1px solid rgba(209,173,102,.08);padding:36px 0 22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
.site-footer__copy{font-family:var(--sans);font-size:.75rem;color:rgba(251,244,230,.32);margin-bottom:4px}
.site-footer__copy-tm{font-family:var(--sans);font-size:.7rem;color:rgba(251,244,230,.28);line-height:1.6;max-width:580px}
.site-footer__terms{font-family:var(--sans);font-size:.75rem;color:rgba(251,244,230,.32);display:flex;align-items:center;gap:8px}
.site-footer__terms a{color:rgba(251,244,230,.32);transition:color .3s}
.site-footer__terms a:hover{color:var(--gold-s)}
.site-footer__dot{color:rgba(251,244,230,.20)}
.site-footer__trademarks{font-family:var(--sans);font-size:.70rem;line-height:1.8;color:rgba(251,244,230,.22);max-width:980px;margin-top:24px}
.site-footer__trademarks sup{font-size:.50em;vertical-align:super}

/* ─────────── RESPONSIVE BREAKPOINTS ─────────── */

/* 1280px ─ Large tablet */
@media (max-width:1280px){
  .header{padding:0 36px}
  .nav{gap:28px;margin-right:24px}
  .nav a{font-size:.58rem}
  .site-footer{padding:110px 48px 70px}
}

/* 1024px ─ Tablet */
@media (max-width:1024px){
  .nav{gap:22px}
  .nav a{font-size:.58rem;letter-spacing:.20em}
  .nav__cta{padding:11px 20px;font-size:.58rem}
  .site-footer__main{gap:52px 36px}
}

/* 820px ─ SWITCH TO MOBILE NAV */
@media (max-width:820px){
  .header{padding:0 24px;height:76px}
  .brand{gap:12px}
  .brand__ring{width:42px;height:42px}
  .brand__ring img{width:42px;height:42px}
  .brand__name{font-size:1.08rem;letter-spacing:.24em}

  .nav{display:none}
  .nav__cta{display:none}
  .nav-toggle{display:inline-flex}

  .site-footer{padding:96px 32px 60px}
  .site-footer__main{grid-template-columns:1fr 1fr;gap:56px 32px;padding-bottom:60px}
}

/* 640px ─ Phone */
@media (max-width:640px){
  .header{padding:0 20px;height:72px}
  .brand{gap:10px}
  .brand__ring{width:38px;height:38px}
  .brand__ring img{width:38px;height:38px}
  .brand__name{font-size:.92rem;letter-spacing:.22em}

  .section-header{margin-bottom:64px;padding:0 4px}
  .section-title{font-size:clamp(2.2rem,8.4vw,3.4rem);line-height:1.06;letter-spacing:-.018em}
  .section-eyebrow{font-size:.58rem;letter-spacing:.36em;margin-bottom:22px}
  .section-eyebrow::before,.section-eyebrow::after{width:26px}
  .section-sub{font-size:1.13rem;line-height:1.62;max-width:42ch;margin-left:auto;margin-right:auto}

  .btn{padding:20px 26px;font-size:.68rem;letter-spacing:.26em;min-height:54px}

  .site-footer{padding:84px 24px 52px}
  .site-footer__main{grid-template-columns:1fr;gap:48px;padding-bottom:52px}
  .site-footer__col{gap:4px}
  .site-footer__heading{margin-bottom:18px;font-size:.58rem;letter-spacing:.34em}
  .site-footer__col a{font-size:1.05rem;padding:10px 0;line-height:1.4}
  .site-footer__brand{gap:16px}
  .site-footer__tagline{font-size:1rem;max-width:280px}
  .site-footer__legal{padding:32px 0 18px;flex-direction:column;align-items:flex-start;gap:12px}
  .site-footer__copy{font-size:.78rem}
  .site-footer__terms{font-size:.78rem}
  .site-footer__trademarks{font-size:.72rem;line-height:1.85;margin-top:20px}
}

/* 480px ─ Mid phone */
@media (max-width:480px){
  .brand__name{font-size:.82rem;letter-spacing:.20em}
  .mobile-menu__inner{padding:110px 28px 50px}
  .mobile-menu__brand{margin-bottom:52px}
  .mobile-menu__nav a{padding:19px 0}
  .mobile-menu__cta .btn{padding:20px 24px}
}

/* 390px ─ Smallest phones */
@media (max-width:390px){
  .header{padding:0 16px;height:68px}
  .brand{gap:8px}
  .brand__ring{width:34px;height:34px}
  .brand__ring img{width:34px;height:34px}
  .brand__name{font-size:.76rem;letter-spacing:.18em}
  .nav-toggle__label{display:none}
  .nav-toggle{gap:0}
  .section-title{font-size:clamp(2rem,9vw,3rem)}
  .section-sub{font-size:1.08rem}
}

/* 375px ─ iPhone SE */
@media (max-width:375px){
  .mobile-menu__inner{padding:100px 22px 44px}
  .mobile-menu__nav a{font-size:1.8rem;padding:17px 0}
  .site-footer{padding:72px 20px 44px}
  .site-footer__col a{font-size:1rem}
}

/* Mobile header responsive — added for viewport overflow fix */
@media (max-width: 640px){
  .header{padding:0 20px !important}
  .brand{gap:10px !important}
  .brand__ring,.brand__ring img{width:42px !important;height:42px !important}
  .brand__name{font-size:1.05rem !important;letter-spacing:.22em !important}
}
@media (max-width: 480px){
  .header{padding:0 16px !important}
  .brand{gap:8px !important}
  .brand__ring,.brand__ring img{width:38px !important;height:38px !important}
  .brand__name{font-size:.85rem !important;letter-spacing:.18em !important}
  .brand__name sup{font-size:.4em !important}
}
@media (max-width: 380px){
  .brand__name{font-size:.78rem !important;letter-spacing:.14em !important}
}


/* ═════════════ READABILITY BOOST ═════════════
   Bump font-weight on muted/italic body text so it reads clearly
   on light AND tinted backgrounds. Doesn't touch dark/navy contexts. */
.prod-hero__sub,
.prod-desc p,
.prod-inside__sub,
.related-card__desc,
.pair-card__desc,
.pair-card__meta,
.company-secondary__tag,
.connect__sub,
.subscribe__sub,
.story__head-sub,
.about-hero__title-line,
.book-hero__sub,
.book-hero__intro,
.pairs__title,
.section-sub,
.partner-card__desc,
.resource-row__desc,
.program-card__desc,
.efx-premise__body p,
.efx-hero__sub { font-weight: 400 !important; }

/* For text that uses var(--muted) on light backgrounds: ensure dark navy is fallback 
   when contrast isn't enough. Keeps semantic muted feel but slightly darker rendering. */
.related-card__desc,
.pair-card__desc,
.connect__sub,
.subscribe__sub { color: #2A2515 !important; }


/* ═════════════ GLOBAL MOTION & POLISH ═════════════
   Subtle motion baked in across the site. All respect prefers-reduced-motion. */

/* Smooth scroll for in-page anchors */
html { scroll-behavior: smooth; }

/* Hero page-load entrance — first impression has gentle motion */
@keyframes sd-hero-enter {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero, .book-hero, .about-hero, .org-hero, .prod-hero, .phero, .efx-hero, .manifesto-hero, .legal-hero {
  animation: sd-hero-enter 1.1s var(--ease, cubic-bezier(.2,.7,.2,1)) both;
}

/* Buttons — subtle lift + arrow glide on hover */
.btn, button.btn { transition: transform .35s var(--ease, cubic-bezier(.2,.7,.2,1)),
                              box-shadow .35s var(--ease, cubic-bezier(.2,.7,.2,1)),
                              background-color .35s ease,
                              color .35s ease,
                              border-color .35s ease; }
.btn:hover, button.btn:hover { transform: translateY(-2px); }
.btn .btn__arrow,
.btn__arrow { transition: transform .35s var(--ease, cubic-bezier(.2,.7,.2,1)); display: inline-block; }
.btn:hover .btn__arrow,
.btn:hover .btn__arrow { transform: translateX(4px); }

/* Card-pattern hover lift — applies to common card classes */
.related-card, .pair-card, .program-card, .partner-card, .resource-row,
.company-secondary, .edition, .companion-card, .insight-card {
  transition: transform .4s var(--ease, cubic-bezier(.2,.7,.2,1)),
              box-shadow .4s var(--ease, cubic-bezier(.2,.7,.2,1)),
              border-color .4s ease;
}
.related-card:hover, .pair-card:hover, .program-card:hover, .partner-card:hover,
.edition:hover, .companion-card:hover, .insight-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 48px -24px rgba(7,20,50,.16);
}

/* Nav-link underline grow — already present on most but reinforce site-wide */
.nav-link { position: relative; }
.nav-link::before {
  content: ""; position: absolute; bottom: -6px; left: 0; right: 0;
  height: 1px; background: var(--gold);
  transform: scaleX(0); transform-origin: center;
  transition: transform .35s var(--ease, cubic-bezier(.2,.7,.2,1));
  opacity: .8;
}
.nav-link:hover::before { transform: scaleX(.7); }

/* Image gentle zoom on container hover — for product imagery */
.pair-card__thumb img,
.related-card img,
.book-hero__cover img,
.edition__cover img,
.companion-card__thumb img {
  transition: transform .8s var(--ease, cubic-bezier(.2,.7,.2,1));
}
.pair-card:hover .pair-card__thumb img,
.related-card:hover img,
.companion-card:hover .companion-card__thumb img { transform: scale(1.035); }

/* Footer link nudge on hover */
.site-footer a { transition: color .35s ease, transform .35s var(--ease, cubic-bezier(.2,.7,.2,1)); display: inline-block; }
.site-footer a:hover { transform: translateX(2px); }

/* Honor reduced-motion: kill animations entirely */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hero, .book-hero, .about-hero, .org-hero, .prod-hero, .phero, .efx-hero, .manifesto-hero, .legal-hero {
    animation: none !important;
  }
  .btn:hover, button.btn:hover,
  .related-card:hover, .pair-card:hover, .program-card:hover, .partner-card:hover,
  .edition:hover, .companion-card:hover, .insight-card:hover,
  .site-footer a:hover { transform: none !important; }
  .nav-link::before { transition: none !important; }
  .pair-card__thumb img, .related-card img, .book-hero__cover img,
  .edition__cover img, .companion-card__thumb img { transition: none !important; }
  .pair-card:hover .pair-card__thumb img,
  .related-card:hover img,
  .companion-card:hover .companion-card__thumb img { transform: none !important; }
}


/* ════════════════════════════════════════════════════════════════════════
   MOBILE OPTIMIZATION LAYER
   ════════════════════════════════════════════════════════════════════════
   All rules below are mobile-only (≤720px). Desktop renders unchanged.
   Strategy:
   1. Tighten hero/section padding (was eating screen real estate)
   2. Scale down oversized headlines
   3. Collapse multi-column grids to single column
   4. Hide decorative noise that doesn't serve mobile
   5. Improve touch target sizes
   6. Prevent iOS zoom on inputs
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── Typography baseline ─── */
  html { -webkit-text-size-adjust: 100%; }
  body { font-size: 17px; line-height: 1.55; }

  /* ─── HEROES: tighten the giant padding ─── */
  .hero, .efx-hero, .org-hero, .prod-hero, .about-hero,
  .book-hero, .press-hero, .sm-hero, .phero, .lid-hero, .ygh-hero {
    padding-left: 22px !important;
    padding-right: 22px !important;
    padding-top: 140px !important;
    padding-bottom: 70px !important;
  }
  .hero__title, .efx-hero__title, .prod-hero__title,
  .about-hero__title, .org-hero__title, .press-hero__title,
  .book-hero__title, .sm-hero__title {
    font-size: clamp(2.4rem, 8.5vw, 3.4rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.018em !important;
  }
  .hero__sub, .efx-hero__sub, .prod-hero__sub,
  .about-hero__sub, .org-hero__sub, .press-hero__sub {
    font-size: 1.02rem !important;
    line-height: 1.5 !important;
  }
  .hero__cap, .press-hero__cap, .efx-hero__cap, .prod-hero__cap {
    font-size: .5rem !important;
    letter-spacing: .36em !important;
  }
  /* Hero CTAs stack and full-width */
  .hero__cta-row, .hero__ctas, .press-hero__cta-row,
  .efx-hero__cta-row, .prod-hero__cta-row {
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }
  .hero__cta-row .btn, .hero__ctas .btn { width: 100% !important; justify-content: center !important; }

  /* ─── SECTIONS: tighten padding ─── */
  section, .section, .press-section, .efx-section, .deposits, .testimonials,
  .featured-book, .covenant-letter, .final-cta, .companions, .insider-list,
  .social-proof, .editions-strip, .inside, .reset-section, .ritual-section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  /* ─── Section eyebrows + titles ─── */
  .section__title, .press-section__title, .featured-book__title,
  .deposits__title, .testimonials__title, .companions__title,
  .covenant-letter__title, .final-cta__title, .efx-section__title {
    font-size: clamp(1.7rem, 7vw, 2.2rem) !important;
    line-height: 1.15 !important;
  }
  .section__eyebrow, .press-section__eyebrow {
    font-size: .5rem !important;
    letter-spacing: .38em !important;
  }
  .section__lede, .press-section__lede {
    font-size: 1.0rem !important;
    line-height: 1.5 !important;
  }

  /* ─── Featured Book (homepage anchor section) ─── */
  .featured-book__grid, .featured-book__inner,
  .featured-book__above, .featured-book__below {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .featured-book__cover-frame { max-width: 280px !important; margin: 0 auto !important; }
  .featured-book__title { font-size: clamp(2rem, 8vw, 2.8rem) !important; }
  .featured-book__meta { grid-template-columns: 1fr !important; gap: 12px !important; }
  .featured-book__paths { grid-template-columns: 1fr !important; gap: 16px !important; }
  .featured-book__editions-strip { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .featured-book__author-photo img { max-width: 260px !important; }

  /* ─── Deposits (5-card grid) ─── */
  .deposits__grid { grid-template-columns: 1fr !important; gap: 20px !important; }
  .deposit-card { padding: 28px 24px !important; }

  /* ─── Testimonials / Social Proof ─── */
  .testimonials__grid, .social-proof__grid, .reflections {
    grid-template-columns: 1fr !important; gap: 22px !important;
  }
  .testimonial { padding: 28px 24px !important; }

  /* ─── Companions products ─── */
  .companions__grid { grid-template-columns: 1fr !important; gap: 22px !important; }
  .companion-card { padding: 26px 22px !important; }

  /* ─── Press page specific ─── */
  .press-quick-facts { grid-template-columns: repeat(2, 1fr) !important; }
  .press-bios, .press-photos, .press-topics, .press-context {
    grid-template-columns: 1fr !important; gap: 20px !important;
  }
  .press-meta-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .press-bio { padding: 30px 24px !important; }
  .press-jumpnav { gap: 8px 14px !important; }
  .press-jumpnav a { font-size: .48rem !important; letter-spacing: .32em !important; }
  .press-release, .press-inquiry { padding: 30px 22px !important; }
  .press-inquiry__row { grid-template-columns: 1fr !important; gap: 14px !important; }
  .press-list__item { padding: 22px 0 22px 50px !important; }
  .press-contact__methods { grid-template-columns: 1fr !important; }

  /* ─── Editions strip on book.html ─── */
  .editions-strip, .editions__grid, .editions-row {
    grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important;
  }

  /* ─── Inside the book sections ─── */
  .inside__layout, .inside__columns { grid-template-columns: 1fr !important; gap: 24px !important; }
  .inside__excerpt { padding: 40px 22px !important; margin-top: 60px !important; }
  .inside__excerpt-headline { font-size: 1.4rem !important; }
  .inside__excerpt-form { flex-direction: column !important; gap: 10px !important; }
  .inside__excerpt-input, .inside__excerpt-submit { width: 100% !important; }

  /* ─── Forms generally ─── */
  input, select, textarea {
    font-size: 16px !important; /* prevents iOS zoom on focus */
    width: 100% !important;
    box-sizing: border-box !important;
  }
  button, .btn {
    min-height: 48px;
    font-size: .62rem !important;
    letter-spacing: .32em !important;
  }
  .btn { padding: 16px 24px !important; }

  /* ─── Covenant Letter newsletter ─── */
  .covenant-letter__form, .insider-list__form, .newsletter-form {
    flex-direction: column !important; gap: 12px !important;
  }
  .covenant-letter__input, .insider-list__input { width: 100% !important; }

  /* ─── Footer ─── */
  .site-footer { padding: 50px 22px 30px !important; }
  .site-footer__cols { grid-template-columns: 1fr !important; gap: 32px !important; }
  .site-footer__col { text-align: center !important; }

  /* ─── Vault / product detail pages ─── */
  .vault__hero, .product__hero { padding: 130px 22px 60px !important; }
  .product__layout, .product__grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .product__image img { max-width: 280px !important; margin: 0 auto !important; }
  .product__details { padding: 0 !important; }

  /* ─── Reset / Ritual / Audit framework pages ─── */
  .phase-card, .ritual-card, .audit-card { padding: 24px 20px !important; }
  .phases__grid, .ritual__grid { grid-template-columns: 1fr !important; gap: 20px !important; }

  /* ─── Hide visual noise that doesn't serve mobile ─── */
  .hero::after, .efx-hero::after, .prod-hero::after,
  .org-hero::after, .about-hero::after, .book-hero::after,
  .featured-book::before, .featured-book::after {
    display: none !important; /* decorative corner brackets + ornaments */
  }

  /* ─── Long-scrolling tables / wide content ─── */
  .press-meta-grid, .data-table, table.wide {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* ─── Tighten word-spacing on big italic flourishes ─── */
  em, .ital, .script {
    word-spacing: normal !important;
  }

  /* ─── Sacred 100 counter / progress bars ─── */
  .sacred100__bar, .progress-bar { height: 6px !important; }
  .sacred100__num { font-size: 2.4rem !important; }

  /* ─── Reduce excessive margins between sections ─── */
  .section + .section, section + section { margin-top: 0 !important; }

  /* ─── Make body padding correct for launch strip + header on mobile ─── */
  /* This is already set in each page's launch-strip-style block but reinforced here */
  body { padding-top: 46px; }

}

/* Extra-narrow phones (≤380px) — old iPhone SE, Pixel 4a etc. */
@media (max-width: 380px) {
  .hero__title, .efx-hero__title, .press-hero__title {
    font-size: 2rem !important;
  }
  .section__title, .press-section__title {
    font-size: 1.55rem !important;
  }
  .featured-book__title { font-size: 1.8rem !important; }
  .hero, .efx-hero, .press-hero, .prod-hero, .org-hero, .about-hero {
    padding-top: 120px !important;
    padding-bottom: 50px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  section, .section, .press-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}


/* ════════════════════════════════════════════════════════════════════════
   MOBILE HAMBURGER + MENU SAFETY LAYER
   ════════════════════════════════════════════════════════════════════════
   Ensures the hamburger button always renders on the right edge of the header
   on mobile, has clear visual contrast, and the menu opens reliably.
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 820px) {
  /* Push the hamburger button to the right edge */
  .header { justify-content: space-between !important; }
  .nav-toggle {
    display: inline-flex !important;
    margin-left: auto !important;
    align-items: center !important;
    gap: 14px !important;
    cursor: pointer !important;
    z-index: 1102 !important;
    position: relative !important;
    /* Make sure it's at least 48px touch target */
    min-height: 48px !important;
    min-width: 48px !important;
    /* Ensure the icon lines are visible regardless of hero color */
    color: var(--ink, #071432) !important;
  }
  /* On pages with navy hero, ensure hamburger is ivory for visibility */
  body.dark-header .nav-toggle,
  .header.has-dark-bg .nav-toggle { color: var(--ivory, #FBF4E6) !important; }

  /* Ensure mobile menu opens above launch strip and everything else */
  .mobile-menu { z-index: 2000 !important; }
  .mobile-menu.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  /* Force scroll-lock when menu is open */
  body.no-scroll { overflow: hidden !important; }

  /* Don't let the launch-strip cover the open menu */
  .mobile-menu.is-open ~ .launch-strip,
  body:has(.mobile-menu.is-open) .launch-strip { z-index: 1 !important; }
}

/* Extra-narrow phones (≤390px) — collapse MENU text, keep just the icon */
@media (max-width: 390px) {
  .nav-toggle__label { display: none !important; }
  .nav-toggle { gap: 0 !important; padding: 14px !important; }
}


/* ════════════════════════════════════════════════════════════════════════
   MOBILE MENU HIERARCHY — clear top-level / sub-item visual organization
   ════════════════════════════════════════════════════════════════════════
   Top-level items (Book, Frameworks, Vault…) render as bold gold caps with
   a hairline divider above each group. Sub-items (About the Book, Five
   Deposits…) render as italic serif with a left border and indentation.
   The active page is highlighted in soft gold.
   ════════════════════════════════════════════════════════════════════════ */

/* Reset the catch-all .mobile-menu__nav a rule for our new hierarchy */
.mobile-menu__nav { padding-top: 8px !important; }

/* ─── TOP-LEVEL ITEMS (Book, Frameworks, Vault, Podcast, Shop, About, Contact) ─── */
.mobile-menu__nav a:not(.mobile-menu__sub) {
  font-family: var(--caps, "Cinzel", serif) !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  letter-spacing: .38em !important;
  text-transform: uppercase !important;
  color: var(--ivory, #FBF4E6) !important;
  padding: 22px 0 12px !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(209,173,102,.20) !important;
  border-bottom: none !important;
  border-left: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  justify-content: flex-start !important;
}
/* Suppress italic styling on inner <em> for top-level items */
.mobile-menu__nav a:not(.mobile-menu__sub) em {
  font-style: normal !important;
  color: inherit !important;
}
/* First top-level item — no top border */
.mobile-menu__nav a:not(.mobile-menu__sub):first-child {
  border-top: none !important;
  padding-top: 8px !important;
}
/* (Legacy gold dot prefix removed per user request) */
.mobile-menu__nav a::before,
.mobile-menu__nav a:not(.mobile-menu__sub)::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  background: transparent !important;
}
.mobile-menu__nav a:hover,
.mobile-menu__nav a:active,
.mobile-menu__nav a:not(.mobile-menu__sub):hover,
.mobile-menu__nav a:not(.mobile-menu__sub):active {
  padding-left: 0 !important;
  color: var(--gold-s, #D1AD66) !important;
}

/* ─── SUB-ITEMS (About the Book, Five Deposits, Audit, etc.) ─── */
.mobile-menu__sub {
  font-family: var(--serif, "Cormorant Garamond", serif) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 1.08rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(251,244,230,.72) !important;
  padding: 10px 0 10px 24px !important;
  margin-left: 10px !important;
  border-bottom: none !important;
  border-top: none !important;
  border-left: 1px solid rgba(209,173,102,.22) !important;
  text-shadow: none !important;
  display: block !important;
}
.mobile-menu__sub:hover,
.mobile-menu__sub:active {
  color: var(--gold-s, #D1AD66) !important;
  border-left-color: var(--gold-s, #D1AD66) !important;
  padding-left: 28px !important;
}
/* Remove the default ::before line indicator on sub-items */
.mobile-menu__sub::before { display: none !important; }

/* ─── ACTIVE PAGE — highlighted in gold ─── */
.mobile-menu__nav a.is-active:not(.mobile-menu__sub) {
  color: var(--gold-s, #D1AD66) !important;
}
.mobile-menu__nav a.is-active:not(.mobile-menu__sub)::before {
  opacity: 1 !important;
  width: 16px !important;
  border-radius: 0 !important;
  height: 1px !important;
}
.mobile-menu__sub.is-active {
  color: var(--gold-s, #D1AD66) !important;
  border-left-color: var(--gold-s, #D1AD66) !important;
}

/* ─── Tighten brand + CTA spacing for a more compact, organized feel ─── */
.mobile-menu__brand { margin-bottom: 8px !important; }
.mobile-menu__inner { padding: 90px 32px 40px !important; }
.mobile-menu__cta { margin-top: 28px !important; }
.mobile-menu__tagline { margin-top: 18px !important; font-size: .82rem !important; opacity: .55 !important; }

/* Smaller phones */
@media (max-width: 480px) {
  .mobile-menu__nav a:not(.mobile-menu__sub) {
    font-size: 1rem !important;
    letter-spacing: .32em !important;
    padding: 18px 0 10px !important;
  }
  .mobile-menu__sub {
    font-size: 1rem !important;
    padding: 9px 0 9px 20px !important;
  }
  .mobile-menu__inner { padding: 80px 22px 32px !important; }
}


/* ════════════════════════════════════════════════════════════════════════
   MOBILE SAFETY RESET — prevents horizontal overflow + ensures readability
   ════════════════════════════════════════════════════════════════════════
   Root causes addressed here:
   1. html missing overflow-x:hidden (iOS Safari needs both html AND body)
   2. Images / videos / iframes without max-width:100%
   3. Tables that overflow without horizontal scroll
   4. Long URLs/words that don't break
   5. Inline 3D transforms that extend beyond viewport
   6. Sections with fixed widths > viewport
   ════════════════════════════════════════════════════════════════════════ */

/* Site-wide horizontal containment — applies at all breakpoints */
html { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; max-width: 100vw; position: relative; }

/* Universal responsive media */
img, video, iframe, picture, svg:not([width]), embed, object {
  max-width: 100%;
  height: auto;
}

@media (max-width: 720px) {
  /* Hard cap on html + body for iOS Safari */
  html, body { 
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
  }

  /* Every section/main container respects viewport */
  section, main, footer, header.header, .container, [class*="__inner"],
  [class*="-inner"], [class*="__container"], [class*="__wrap"] {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* Long text breaks gracefully */
  h1, h2, h3, h4, h5, h6, p, a, li, blockquote, figcaption {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    hyphens: none;
  }
  
  /* Hyphenation OFF for headings/caps (they look weird hyphenated) */
  h1, h2, h3, [class*="eyebrow"], [class*="caps"], [class*="cap"],
  [class*="__title"], [class*="__heading"] {
    hyphens: none !important;
  }
  
  /* Long URLs / email addresses get force-broken */
  a[href^="mailto:"], a[href^="http"] {
    word-break: break-all;
  }
  /* But NOT button-style or nav links */
  a.btn, a[class*="cta"], a[class*="nav"], .header a, .mobile-menu a {
    word-break: normal !important;
  }

  /* Tables wrapped in scroll */
  table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Disable inline 3D transforms on mobile — they often translate elements outside viewport */
  [style*="translateX(-"], [style*="translateZ("], [style*="rotateY("], [style*="perspective:"] {
    transform: none !important;
  }
  /* But preserve animation transforms (like the hover ones) */
  .featured-book__plate, .featured-book__plate img,
  .featured-book__plate:hover, .featured-book__plate:hover img {
    transform: none !important; /* desktop hover doesn't fire on touch anyway */
  }
  
  /* Decorative absolute elements with large negative margins/offsets are clipped by parent */
  [class*="__corner"], [class*="-corner"], 
  [class*="__ornament"], [class*="-ornament"],
  [class*="::before"], [class*="::after"] {
    max-width: 100% !important;
  }
  
  /* Wide grids forced to 1 column or 2 (already in mobile optimization layer, reinforcing) */
  [class*="-grid"]:not(.press-quick-facts):not(.editions-strip),
  [class*="__grid"]:not(.press-quick-facts):not(.editions-strip) {
    grid-template-columns: 1fr !important;
  }
  
  /* Wide letter-spacing on long text — constrain */
  [style*="letter-spacing"][style*=".5em"],
  [style*="letter-spacing"][style*=".6em"] {
    letter-spacing: .32em !important;
  }
  
  /* Forms — input groups + buttons that try to be inline */
  form { max-width: 100% !important; }
  form > div, form > p { max-width: 100% !important; }
  
  /* Fixed-positioned elements that should span viewport */
  .launch-strip, .header, .mobile-menu, .sticky-buy {
    left: 0 !important;
    right: 0 !important;
    max-width: 100vw !important;
  }
  
  /* Specific edge cases — known overflow sources */
  .sacred-100-counter,
  [class*="counter"] { max-width: 100% !important; box-sizing: border-box; }
  
  pre, code {
    overflow-x: auto !important;
    word-break: break-word !important;
    max-width: 100% !important;
    -webkit-overflow-scrolling: touch;
  }
}


/* ════════════════════════════════════════════════════════════════════════
   CART ICON (in header) + SNIPCART DRAWER BRAND CUSTOMIZATION
   ════════════════════════════════════════════════════════════════════════
   Cart icon sits next to "Enter the Vault" CTA in the header.
   Snipcart cart drawer is styled to match the navy + gold luxury brand.
   ════════════════════════════════════════════════════════════════════════ */

.cart-icon {
  background: transparent;
  border: 1px solid rgba(184,144,69,.5);
  color: var(--ink, #071432);
  padding: 8px 12px;
  margin-right: 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--caps, "Cinzel", serif);
  font-size: .62rem;
  letter-spacing: .32em;
  text-transform: uppercase;
  position: relative;
  transition: all .35s var(--ease, ease);
}
.cart-icon:hover {
  background: var(--gold, #B89045);
  color: var(--ivory, #FBF4E6);
  border-color: var(--gold, #B89045);
}
.cart-icon svg { display: block; }
.cart-icon__count {
  position: absolute;
  top: -6px; right: -6px;
  min-width: 18px; height: 18px;
  padding: 0 5px;
  background: var(--gold, #B89045);
  color: var(--ivory, #FBF4E6);
  border-radius: 9px;
  font-family: var(--sans, sans-serif);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-transform: none;
}
/* Light-on-navy override (for pages with navy header like press) */
.header.has-dark-bg .cart-icon,
body.dark-header .cart-icon { color: var(--ivory) !important; border-color: rgba(209,173,102,.5) !important; }

@media (max-width: 820px) {
  /* On mobile, cart icon stays in header, label hidden, just icon */
  .cart-icon {
    margin-right: 8px;
    padding: 8px 10px;
  }
}

/* ─── Snipcart drawer brand customization ─── */
:root {
  --snipcart-color-primary: #071432;
  --snipcart-color-primary-dark: #02060f;
  --snipcart-color-link: #B89045;
  --snipcart-color-success: #B89045;
}
.snipcart-modal__container { font-family: var(--serif, "Cormorant Garamond", serif) !important; }
.snipcart-modal__header { background: var(--navy, #071432) !important; color: var(--ivory, #FBF4E6) !important; }
.snipcart-cart-header__title, .snipcart-base-button { font-family: var(--caps, "Cinzel", serif) !important; }
.snipcart-base-button--primary,
.snipcart-button-primary {
  background: linear-gradient(170deg, var(--gold-s, #D1AD66), var(--gold, #B89045)) !important;
  color: var(--navy, #071432) !important;
  border: 1px solid var(--gold-s, #D1AD66) !important;
  letter-spacing: .32em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}
.snipcart-base-button--primary:hover,
.snipcart-button-primary:hover {
  background: linear-gradient(170deg, var(--gold, #B89045), var(--gold-d, #8A6A28)) !important;
}
.snipcart-cart__content { background: var(--ivory, #FBF4E6) !important; }
.snipcart-item-line__title, .snipcart-cart-summary-item__amount {
  font-family: var(--serif, "Cormorant Garamond", serif) !important;
  color: var(--ink, #071432) !important;
}
.snipcart-cart-summary { border-top: 1px solid rgba(184,144,69,.22) !important; }
.snipcart-cart-summary-fees__total {
  font-family: var(--serif) !important;
  font-style: italic;
  color: var(--gold-d, #8A6A28) !important;
}


/* ════════════════════════════════════════════════════════════════════════
   SNIPCART MODAL Z-INDEX — must overlay site header + launch strip
   ════════════════════════════════════════════════════════════════════════
   Header is z-index 1100, launch-strip is 999, mobile-menu is 2000.
   Snipcart modal must sit above all of them to prevent "bleeding through."
   ════════════════════════════════════════════════════════════════════════ */

.snipcart-modal,
.snipcart-modal__container,
.snipcart-cart,
.snipcart-cart--shown,
.snipcart-cart__content,
.snipcart-layout,
#snipcart .snipcart {
  z-index: 99999 !important;
}

/* Backdrop / overlay behind the modal */
.snipcart-modal__close-icon,
.snipcart-modal__close,
.snipcart__box--badge {
  z-index: 99999 !important;
}

/* Hide site header + launch-strip when the cart modal is open
   (alternative approach if z-index alone isn't sufficient — Snipcart adds
   a class to body when cart is open) */
body.snipcart--items-quantity-changed-overlay-shown .launch-strip,
body.snipcart--items-quantity-changed-overlay-shown .header,
body[class*="snipcart-modal-open"] .launch-strip,
body[class*="snipcart-modal-open"] .header {
  z-index: 1 !important;
}

/* Belt-and-suspenders: when the cart container has any visible state, push site chrome down */
#snipcart:not([hidden]) ~ .header,
#snipcart:not([hidden]) ~ .launch-strip { z-index: 1 !important; }


/* ════════════════════════════════════════════════════════════════════
   WAVE 1 — DESKTOP PRESERVATION
   These rules exist to KEEP desktop identical when Wave 1's mobile
   wrappers are present. Each rule makes a new mobile-only element
   invisible to desktop layout. Zero visual effect on desktop.
   ════════════════════════════════════════════════════════════════════ */

/* Companions horizontal-scroll wrapper — invisible to desktop grid */
.companions__track { display: contents; }

/* Hero <picture> wrapper — invisible to layout, only affects which image source loads */
.hero__picture { display: contents; }

/* ════════════════════════════════════════════════════════════════════
   WAVE 1 — MOBILE UPGRADE
   Sacred Deposits site, May 2026
   ALL RULES MOBILE-ONLY — wrapped in @media (max-width: 720px)
   Zero desktop bleed. Append-only. Do not edit above this comment.
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─────────────────────────────────────────────────
     1. FOUNDATION — body, scrolling, safety
     ───────────────────────────────────────────────── */
  body { overflow-x: hidden; }
  img, picture, video { max-width: 100%; height: auto; }

  /* Hide desktop noise overlay on mobile (perf + cleanliness) */
  body::before { display: none !important; }

  /* ─────────────────────────────────────────────────
     2. LAUNCH STRIP — flip to BOTTOM on mobile
     Specificity boost (body .launch-strip) beats inline !important
     ───────────────────────────────────────────────── */
  body .launch-strip {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0; right: 0;
    z-index: 90 !important;
    padding: 11px 16px !important;
  }
  body .launch-strip__inner {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  body .launch-strip__text {
    font-size: 11px !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }
  body .launch-strip__cta {
    font-size: 10px !important;
    padding: 7px 14px !important;
    white-space: nowrap;
  }
  /* Header sits at the top — push to top with launch strip moved to bottom */
  body .header { top: 0 !important; }
  /* Body padding to clear bottom-fixed launch strip */
  body { padding-bottom: 56px; }

  /* ─────────────────────────────────────────────────
     3. HEADER — tighten + center nav
     ───────────────────────────────────────────────── */
  .header { padding: 12px 18px !important; }
  .header__inner { gap: 0 !important; }
  .nav { display: none !important; }
  .header__cta { display: none !important; }
  .brand { gap: 8px !important; }
  .brand__name { font-size: 1.05rem !important; letter-spacing: 0.22em !important; }
  .brand__ring, .brand__sigil { width: 42px !important; height: 42px !important; }
  .brand__ring img { width: 42px !important; height: 42px !important; }

  /* Mobile menu toggle visible + sized */
  .mobile-menu-toggle, .nav-toggle, .menu-btn, .hamburger {
    display: inline-flex !important;
    align-items: center; justify-content: center;
    width: 40px; height: 40px;
    background: transparent; border: none;
    color: var(--ivory);
    z-index: 100;
  }

  /* ─────────────────────────────────────────────────
     4. HOMEPAGE HERO — vertical split, real photo on top
     Photo 340px tall, parchment content below
     ───────────────────────────────────────────────── */
  .hero {
    position: relative;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    background: var(--ivory, #F1E6CF);
    overflow: hidden;
  }
  .hero__photo {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 380px !important;
    object-fit: cover !important;
    object-position: 50% 50%;
    z-index: 1;
    display: block;
  }
  /* Wash isn't needed on mobile — text isn't over the photo */
  .hero__wash { display: none !important; }
  /* Wave SVG transition — sits between photo and content */
  .hero::after {
    content: "";
    position: absolute;
    top: 330px;
    left: 0; right: 0;
    height: 60px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 60' preserveAspectRatio='none'%3E%3Cpath d='M 0,38 C 55,8 130,48 205,28 S 315,10 360,32 L 360,60 L 0,60 Z' fill='%23F1E6CF'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
    pointer-events: none;
    z-index: 2;
  }
  .hero__content {
    position: relative !important;
    z-index: 3;
    min-height: 0 !important;
    padding: 18px 24px 64px !important;
    max-width: 100% !important;
    text-align: center;
    display: block !important;
    background: var(--ivory, #F1E6CF);
  }

  /* Eyebrow script */
  .hero .eyebrow-script, .eyebrow-script {
    font-family: var(--script, 'Allura', cursive);
    color: var(--gold, #B89445);
    font-size: 1.45rem !important;
    line-height: 1.1 !important;
    margin-bottom: 8px !important;
    display: block;
  }
  /* Tiny rule under eyebrow */
  .hero .tiny-rule { justify-content: center !important; margin-bottom: 24px !important; }

  /* Headline */
  .hero .headline,
  .hero__title {
    font-family: var(--serif, 'Cormorant Garamond', serif);
    font-size: clamp(2.5rem, 8.5vw, 3.2rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.018em !important;
    color: var(--ink, #0E1F40) !important;
    margin: 0 0 22px !important;
    font-weight: 400;
  }
  .hero .headline em,
  .hero__title em {
    color: var(--gold, #B89445);
    font-style: italic;
  }

  /* Subcopy */
  .hero .subcopy,
  .hero__sub {
    font-family: var(--serif, 'Cormorant Garamond', serif);
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    color: var(--muted, #2C3654) !important;
    margin: 0 0 30px !important;
    max-width: 100% !important;
  }

  /* CTA stack — pill buttons full-width */
  .hero .buttons,
  .hero__cta-row, .hero__ctas {
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 0 30px !important;
  }
  .hero .buttons .btn,
  .hero__cta-row .btn, .hero__ctas .btn {
    width: 100% !important;
    justify-content: center !important;
    border-radius: 999px !important;
    padding: 16px 22px !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.18em !important;
  }

  /* YGH attribution row */
  .hero__byline, .hero__attr-row, .hero__author {
    margin-top: 26px !important;
    padding-top: 26px !important;
    border-top: 0.5px solid rgba(184, 148, 69, 0.22);
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    justify-content: flex-start !important;
  }

  /* ─────────────────────────────────────────────────
     5. UNIVERSAL — sections, headers, eyebrows
     ───────────────────────────────────────────────── */
  section { padding: 64px 24px !important; }

  .section-header, .section__header, header.section-header {
    text-align: center !important;
    margin-bottom: 36px !important;
    max-width: 100% !important;
  }
  .section-eyebrow, .section__eyebrow {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 18px !important;
    position: relative;
    padding: 0 36px;
  }
  .section-eyebrow::before, .section-eyebrow::after,
  .section__eyebrow::before, .section__eyebrow::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 24px;
    height: 0.5px;
    background: var(--gold, #B89445);
  }
  .section-eyebrow::before, .section__eyebrow::before { left: 0; }
  .section-eyebrow::after, .section__eyebrow::after { right: 0; }

  .section-title, .section__title {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(2.1rem, 7.5vw, 2.6rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.018em !important;
    color: var(--ink, #0E1F40) !important;
    margin: 0 0 14px !important;
    font-weight: 400 !important;
  }
  .section-title em, .section__title em {
    color: var(--gold, #B89445);
    font-style: italic;
  }
  .section-sub, .section__sub {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
    color: var(--muted, #2C3654) !important;
    margin: 0 auto !important;
    max-width: 320px !important;
  }
  .section-sub em, .section__sub em {
    font-style: italic;
    color: var(--muted, #2C3654);
  }

  /* ─────────────────────────────────────────────────
     6. ABOUT PAGE — hero with portrait
     ───────────────────────────────────────────────── */
  .about-hero {
    padding: 0 !important;
    background: var(--ivory, #F1E6CF);
  }
  .about-hero__inner {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .about-hero__copy {
    padding: 48px 24px 56px !important;
    text-align: center !important;
    background: var(--ivory, #F1E6CF);
  }
  .about-hero__cap {
    font-family: var(--sans, 'Manrope', sans-serif);
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    display: inline-block !important;
    margin-bottom: 22px !important;
    position: relative;
    padding: 0 36px;
  }
  .about-hero__cap::before,
  .about-hero__cap::after {
    content: "";
    position: absolute;
    top: 50%; width: 28px; height: 0.5px;
    background: var(--gold, #B89445);
  }
  .about-hero__cap::before { left: 0; }
  .about-hero__cap::after { right: 0; }

  .about-hero__script {
    font-family: var(--script, 'Allura', cursive) !important;
    font-style: italic;
    font-size: 1.7rem !important;
    color: var(--gold, #B89445) !important;
    margin: 0 0 18px !important;
    display: block !important;
    line-height: 1;
  }
  .about-hero__name {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(2.6rem, 9.5vw, 3.2rem) !important;
    line-height: 1 !important;
    letter-spacing: -0.018em !important;
    color: var(--ink, #0E1F40) !important;
    margin: 0 0 26px !important;
    font-weight: 400 !important;
  }
  .about-hero__name em {
    color: var(--gold, #B89445);
    font-style: italic;
  }
  .about-hero__title-line {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    color: var(--muted, #2C3654) !important;
    margin: 0 0 32px !important;
  }
  .about-hero__title-line em {
    color: var(--gold, #B89445) !important;
  }

  /* Stats grid */
  .about-hero__meta {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    padding: 26px 0 0 !important;
    border-top: 0.5px solid rgba(184,148,69,0.25);
  }
  .about-hero__meta-item { text-align: center; padding: 0 12px; }
  .about-hero__meta-item + .about-hero__meta-item {
    border-left: 0.5px solid rgba(184,148,69,0.25);
  }
  .about-hero__meta-label {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 9.5px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
  }
  .about-hero__meta-value {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    color: var(--ink, #0E1F40) !important;
    line-height: 1.35;
    display: block;
  }

  /* Portrait — uses real Yvonne photo via srcset (340px loads on mobile) */
  .about-hero__portrait-wrap {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #08111F;
  }
  .about-hero__portrait {
    width: 100% !important;
    aspect-ratio: 4/5 !important;
    max-height: 460px !important;
    position: relative;
    overflow: hidden;
    margin: 0 !important;
  }
  .about-hero__portrait-img {
    width: 100% !important;
    height: 100% !important;
    display: block;
  }
  .about-hero__portrait-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 25%;
  }
  /* Corner brackets on portrait */
  .portrait-corner {
    position: absolute;
    width: 18px; height: 18px;
    border-color: var(--gold, #B89445);
    border-style: solid;
    border-width: 0;
    z-index: 2;
    opacity: 0.7;
  }
  .portrait-corner--tl { top: 18px; left: 18px; border-top-width: 0.7px; border-left-width: 0.7px; }
  .portrait-corner--tr { top: 18px; right: 18px; border-top-width: 0.7px; border-right-width: 0.7px; }
  .portrait-corner--bl { bottom: 18px; left: 18px; border-bottom-width: 0.7px; border-left-width: 0.7px; }
  .portrait-corner--br { bottom: 18px; right: 18px; border-bottom-width: 0.7px; border-right-width: 0.7px; }

  /* ─────────────────────────────────────────────────
     7. ABOUT PAGE — pull quote
     ───────────────────────────────────────────────── */
  .pullquote {
    padding: 64px 30px !important;
    background: var(--ivory, #F1E6CF);
    text-align: center;
  }
  .pullquote__inner { max-width: 100% !important; padding: 0 !important; }
  .pullquote__mark {
    font-family: var(--serif, 'Cormorant Garamond', serif);
    font-size: 3.4rem;
    color: var(--gold, #B89445);
    line-height: 0.4;
    display: block;
    margin-bottom: 4px;
  }
  .pullquote__text {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 1.4rem !important;
    line-height: 1.35 !important;
    color: var(--ink, #0E1F40) !important;
    margin: 0 0 20px !important;
    font-weight: 400;
    letter-spacing: -0.005em;
  }
  .pullquote__text em {
    color: var(--gold, #B89445);
    font-style: italic;
  }
  .pullquote__rule {
    width: 36px; height: 0.5px;
    background: var(--gold, #B89445);
    margin: 14px auto !important;
  }
  .pullquote__attr {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--muted, #2C3654) !important;
    text-transform: uppercase;
    font-weight: 500 !important;
    margin: 0 !important;
  }

  /* ─────────────────────────────────────────────────
     8. ABOUT PAGE — the story (long-form card)
     ───────────────────────────────────────────────── */
  .story { padding: 56px 24px !important; }
  .story__inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .story__head { text-align: left; }
  .story__eyebrow {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 18px !important;
    position: relative;
    padding-left: 32px;
  }
  .story__eyebrow::before {
    content: ""; position: absolute;
    top: 50%; left: 0; width: 22px; height: 0.5px;
    background: var(--gold, #B89445);
  }
  .story__title {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(2.2rem, 8vw, 2.8rem) !important;
    line-height: 1.02 !important;
    color: var(--ink, #0E1F40) !important;
    margin: 0 0 14px !important;
    font-weight: 400 !important;
  }
  .story__title em {
    color: var(--gold, #B89445);
    font-style: italic;
  }
  .story__head-sub {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
    color: var(--muted, #2C3654) !important;
    margin: 0 !important;
  }
  .story__body {
    background: rgba(255,255,255,0.45);
    border-top: 2px solid var(--gold, #B89445);
    border-radius: 4px;
    padding: 28px 22px !important;
  }
  .story__body p {
    font-family: var(--serif, 'Cormorant Garamond', serif);
    font-size: 1rem !important;
    line-height: 1.72 !important;
    color: var(--muted, #2C3654);
    margin: 0 0 18px !important;
  }
  .story__body p:last-child { margin-bottom: 0 !important; }
  .story__body em {
    color: var(--gold, #B89445);
    font-style: italic;
  }

  /* ─────────────────────────────────────────────────
     9. ABOUT PAGE — discipline list (credential rows)
     ───────────────────────────────────────────────── */
  .discipline { padding: 56px 24px !important; }
  .discipline__inner { padding: 0 !important; max-width: 100% !important; }
  .discipline-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  .discipline-row {
    display: block !important;
    grid-template-columns: none !important;
    background: rgba(255,255,255,0.45);
    border-left: 2px solid var(--gold, #B89445);
    padding: 22px 20px !important;
    gap: 0 !important;
  }
  .discipline-row__name {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.1rem !important;
    color: var(--ink, #0E1F40) !important;
    margin: 0 0 8px !important;
    font-weight: 400 !important;
    line-height: 1.25;
  }
  /* EQGenix row — gold name */
  .discipline-row:nth-child(4) .discipline-row__name {
    color: var(--gold, #B89445) !important;
  }
  .discipline-row__name em { font-style: italic; }
  .discipline-row__desc {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 0.88rem !important;
    line-height: 1.55 !important;
    color: var(--muted, #2C3654) !important;
    margin: 0 !important;
  }
  .discipline-row__desc em {
    color: var(--ink, #0E1F40);
    font-style: italic;
  }

  /* ─────────────────────────────────────────────────
     10. ABOUT PAGE — marriage / The Laboratory (navy)
     ───────────────────────────────────────────────── */
  .marriage {
    padding: 64px 24px !important;
    background: var(--ink, #0E1F40) !important;
    color: var(--ivory, #F1E6CF);
    text-align: center;
    position: relative;
  }
  .marriage__inner {
    padding: 0 !important;
    max-width: 100% !important;
    position: relative;
    z-index: 2;
  }
  .marriage__cap {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    display: inline-block !important;
    margin-bottom: 22px !important;
    position: relative;
    padding: 0 32px;
  }
  .marriage__cap::before, .marriage__cap::after {
    content: ""; position: absolute; top: 50%;
    width: 24px; height: 0.5px;
    background: rgba(184,148,69,0.6);
  }
  .marriage__cap::before { left: 0; }
  .marriage__cap::after { right: 0; }
  .marriage__script {
    font-family: var(--script, 'Allura', cursive) !important;
    font-style: italic;
    font-size: 1.8rem !important;
    color: var(--gold, #B89445) !important;
    margin: 0 0 18px !important;
    display: block !important;
    line-height: 1;
  }
  .marriage__headline {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(1.9rem, 7.5vw, 2.4rem) !important;
    line-height: 1.06 !important;
    color: var(--ivory, #F1E6CF) !important;
    margin: 0 0 36px !important;
    font-weight: 400 !important;
  }
  .marriage__headline em {
    color: var(--gold, #B89445);
    font-style: italic;
  }
  .marriage__count {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 0 !important;
    padding: 24px 0 !important;
    border-top: 0.5px solid rgba(184,148,69,0.35);
    border-bottom: 0.5px solid rgba(184,148,69,0.35);
    margin: 0 0 32px !important;
  }
  .marriage__count-item {
    text-align: center !important;
    padding: 0 !important;
  }
  .marriage__count-item + .marriage__count-item {
    border-left: 0.5px solid rgba(184,148,69,0.3);
  }
  .marriage__count-num {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 2.1rem !important;
    color: var(--gold, #B89445) !important;
    line-height: 1 !important;
    display: block !important;
    margin-bottom: 8px !important;
  }
  .marriage__count-label {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 8.5px !important;
    letter-spacing: 0.18em !important;
    color: var(--ivory, #F1E6CF) !important;
    opacity: 0.75;
    text-transform: uppercase;
    display: block;
  }
  .marriage__body p {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
    color: rgba(241,230,207,0.88) !important;
    margin: 0 0 18px !important;
    text-align: center;
  }
  .marriage__body p:last-child { margin: 0 !important; }
  .marriage__body em {
    color: var(--gold, #B89445);
    font-style: italic;
  }

  /* ─────────────────────────────────────────────────
     11. ABOUT PAGE — building / Three Rooms
     ───────────────────────────────────────────────── */
  .building { padding: 56px 24px !important; }
  .building__inner { padding: 0 !important; max-width: 100% !important; }
  .building__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
  }
  .build-card {
    display: flex !important;
    flex-direction: column !important;
    grid-template-rows: none !important;
    text-decoration: none;
  }
  .build-card__visual {
    background: var(--ink, #0E1F40);
    aspect-ratio: 4/5;
    max-height: 360px;
    position: relative;
    overflow: hidden;
    padding: 36px 26px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 4px;
  }
  .build-card__visual-label {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 9.5px !important;
    letter-spacing: 0.2em !important;
    color: rgba(241,230,207,0.7) !important;
    text-transform: uppercase;
    margin: 0 0 32px !important;
    display: block;
    font-weight: 500;
  }
  .build-card__visual-name {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 2.1rem !important;
    line-height: 1.04 !important;
    color: var(--gold, #B89445) !important;
    margin: 0 0 22px !important;
    font-weight: 400;
  }
  .build-card__visual-flourish {
    display: flex; align-items: center; justify-content: center;
    gap: 8px;
  }
  .build-card__visual-flourish .pf-line {
    width: 24px; height: 0.5px;
    background: var(--gold, #B89445);
  }
  .build-card__visual-flourish .pf-dia {
    width: 5px; height: 5px;
    background: var(--gold, #B89445);
    transform: rotate(45deg);
  }
  .build-card__meta {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 9.5px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    margin: 16px 0 8px !important;
    text-align: center;
    font-weight: 500;
  }
  .build-card__name {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.5rem !important;
    color: var(--ink, #0E1F40) !important;
    margin: 0 0 10px !important;
    font-weight: 400 !important;
    text-align: center;
  }
  .build-card__desc {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
    color: var(--muted, #2C3654) !important;
    margin: 0 0 14px !important;
    text-align: center;
  }
  .build-card__cta {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-weight: 600;
  }

  /* ─────────────────────────────────────────────────
     12. ABOUT PAGE — companies (EQGenix + LID + YGH)
     ───────────────────────────────────────────────── */
  .companies { padding: 56px 24px !important; }
  .companies__inner { padding: 0 !important; max-width: 100% !important; }

  /* Primary (EQGenix) — navy card */
  .company-primary {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    background: var(--ink, #0E1F40) !important;
    border-radius: 4px;
    padding: 32px 24px !important;
    margin: 0 0 14px !important;
    gap: 0 !important;
  }
  .company-primary__copy { padding: 0 !important; }
  .company-primary__cap {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 9.5px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    display: inline-block !important;
    margin-bottom: 16px !important;
    position: relative;
    padding-left: 28px;
    font-weight: 500;
  }
  .company-primary__cap::before {
    content: ""; position: absolute; left: 0; top: 50%;
    width: 18px; height: 0.5px;
    background: rgba(184,148,69,0.6);
  }
  .company-primary__name {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 2rem !important;
    color: var(--ivory, #F1E6CF) !important;
    margin: 0 0 12px !important;
    font-weight: 400 !important;
    line-height: 1.05;
  }
  .company-primary__name em {
    color: var(--gold, #B89445);
    font-style: italic;
  }
  .company-primary__tagline {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    color: rgba(241,230,207,0.65) !important;
    margin: 0 0 22px !important;
    padding-bottom: 22px;
    border-bottom: 0.5px solid rgba(184,148,69,0.3);
  }
  .company-primary__body p {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
    color: rgba(241,230,207,0.85) !important;
    margin: 0 0 16px !important;
  }
  .company-primary__body p:last-child { margin: 0 !important; }
  .company-primary__body em {
    color: var(--gold, #B89445);
    font-style: italic;
  }
  .company-primary__motto {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
    color: var(--gold, #B89445) !important;
    margin: 22px 0 0 !important;
    text-align: center;
    padding-top: 22px;
    border-top: 0.5px solid rgba(184,148,69,0.2);
  }
  /* Hide the EQ Genix visual lockup on mobile — copy section already names the brand */
  .company-primary__visual {
    display: none !important;
  }

  /* Secondary grid (LID + YGH) — stacked */
  .company-secondary-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
  }
  .company-secondary {
    display: block !important;
    border-radius: 4px;
    padding: 28px 24px !important;
    text-decoration: none;
  }
  /* Life in Darkness — sage green */
  .company-secondary:nth-child(1) {
    background: linear-gradient(135deg, #BDC9A0 0%, #A8B584 100%) !important;
  }
  .company-secondary:nth-child(1) .company-secondary__cap { color: #3A4520 !important; }
  .company-secondary:nth-child(1) .company-secondary__name,
  .company-secondary:nth-child(1) .company-secondary__name em,
  .company-secondary:nth-child(1) .company-secondary__tag,
  .company-secondary:nth-child(1) .company-secondary__cta { color: #2A3318 !important; }

  /* YGH Tech — wheat yellow */
  .company-secondary:nth-child(2) {
    background: linear-gradient(135deg, #F5E4B7 0%, #E8D096 100%) !important;
  }
  .company-secondary:nth-child(2) .company-secondary__cap { color: #5A4818 !important; }
  .company-secondary:nth-child(2) .company-secondary__name,
  .company-secondary:nth-child(2) .company-secondary__name em,
  .company-secondary:nth-child(2) .company-secondary__tag,
  .company-secondary:nth-child(2) .company-secondary__cta { color: #3D2F08 !important; }

  .company-secondary__cap {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 9.5px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase;
    display: block;
    margin: 0 0 16px !important;
    font-weight: 600;
  }
  .company-secondary__name {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.7rem !important;
    margin: 0 0 16px !important;
    font-weight: 400 !important;
    line-height: 1.05;
  }
  .company-secondary__name em { font-style: italic; }
  .company-secondary__tag {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 0.92rem !important;
    line-height: 1.6 !important;
    margin: 0 0 20px !important;
    padding-bottom: 18px;
    border-bottom: 0.5px solid currentColor;
    opacity: 0.85;
  }
  .company-secondary__cta {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
  }

  /* ─────────────────────────────────────────────────
     13. ABOUT PAGE — connect (newsletter)
     ───────────────────────────────────────────────── */
  .connect {
    padding: 56px 24px !important;
    background: var(--ivory, #F1E6CF) !important;
    text-align: center;
  }
  .connect__inner { padding: 0 !important; max-width: 100% !important; }
  .stay-divider {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 22px !important;
  }
  .stay-divider__line {
    width: 38px; height: 0.5px;
    background: rgba(184,148,69,0.6);
    display: block;
  }
  .stay-divider__dia {
    width: 5px; height: 5px;
    background: var(--gold, #B89445);
    transform: rotate(45deg);
    display: block;
  }
  .connect__script {
    font-family: var(--script, 'Allura', cursive) !important;
    font-style: italic;
    font-size: 1.7rem !important;
    color: var(--gold, #B89445) !important;
    margin: 0 0 16px !important;
    display: block !important;
    line-height: 1;
  }
  .connect__title {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(2rem, 7.5vw, 2.4rem) !important;
    line-height: 1.04 !important;
    color: var(--ink, #0E1F40) !important;
    margin: 0 0 16px !important;
    font-weight: 400 !important;
  }
  .connect__title em {
    color: var(--gold, #B89445);
    font-style: italic;
  }
  .connect__sub {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: var(--muted, #2C3654) !important;
    margin: 0 0 28px !important;
  }
  .connect__form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
  }
  .connect__input {
    width: 100% !important;
    border-radius: 999px !important;
    padding: 15px 22px !important;
    border: 0.5px solid rgba(14,31,64,0.2);
    background: rgba(255,255,255,0.7);
    font-family: var(--serif, 'Cormorant Garamond', serif);
    font-size: 1rem;
    color: var(--ink, #0E1F40);
    text-align: center;
  }
  .connect__submit {
    width: 100% !important;
    border-radius: 999px !important;
    padding: 15px 22px !important;
    background: var(--gold, #B89445);
    color: var(--ink, #0E1F40);
    font-family: var(--sans, 'Manrope', sans-serif);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    cursor: pointer;
  }
  .connect__fine {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 0.82rem !important;
    color: var(--muted, #2C3654) !important;
    opacity: 0.7;
    margin: 0 !important;
  }

}


@media (max-width: 720px) {

  /* ─────────────────────────────────────────────────
     14. HOMEPAGE — featured book section
     ───────────────────────────────────────────────── */
  .featured-book { padding: 56px 24px !important; background: var(--ivory, #FBF4E6) !important; }
  .featured-book__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 36px !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .featured-book__visual {
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
  }
  .featured-book__visual img,
  .featured-book__visual picture {
    width: 100% !important;
    height: auto !important;
    display: block;
  }
  .featured-book__copy { text-align: center; padding: 0 !important; }
  .featured-book__cap, .featured-book__eyebrow {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 16px !important;
  }
  .featured-book__title {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(2.1rem, 9vw, 2.8rem) !important;
    color: var(--ink, #071432) !important;
    line-height: 1.02 !important;
    margin: 0 0 18px !important;
    font-weight: 400 !important;
    letter-spacing: -0.015em !important;
  }
  .featured-book__title em { color: var(--gold, #B89445); font-style: italic; }
  .featured-book__desc,
  .featured-book__lede {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    color: var(--muted, #3A3528) !important;
    margin: 0 0 24px !important;
    font-style: italic !important;
  }

  /* ─────────────────────────────────────────────────
     15. HOMEPAGE — social proof / Reader Reflections
     Stacked navy cards with gold quote marks
     ───────────────────────────────────────────────── */
  .social-proof {
    padding: 64px 24px !important;
    background: var(--ink, #0E1F40) !important;
  }
  .social-proof__inner { max-width: 100% !important; padding: 0 !important; }

  /* Featured pastor endorsement — keep but lighter */
  .social-proof__featured {
    margin-bottom: 36px !important;
    padding: 24px 20px !important;
    background: rgba(241,230,207,0.04);
    border-left: 2px solid var(--gold, #B89445);
    border-radius: 0 4px 4px 0;
  }
  .social-proof__featured-quote,
  .social-proof__featured blockquote {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    color: var(--ivory, #F1E6CF) !important;
    margin: 0 0 14px !important;
  }
  .social-proof__featured-attr,
  .social-proof__featured cite {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 9.5px !important;
    letter-spacing: 0.18em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    font-style: normal !important;
    font-weight: 500;
    display: block;
  }

  /* Reader reflections grid -> stacked cards */
  .social-proof__grid,
  .reflections-grid,
  .reader-reflections {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
  }
  .reflection,
  .reflection-card,
  .reader-card,
  .social-proof__card {
    background: rgba(241,230,207,0.04) !important;
    border-radius: 4px;
    padding: 24px 22px !important;
    position: relative;
  }
  /* Featured reflection gets gold left border */
  .reflection--featured,
  .reflection.is-featured,
  .reader-card--featured {
    border-left: 2px solid var(--gold, #B89445);
    background: rgba(241,230,207,0.06) !important;
  }
  .reflection__quote,
  .reflection blockquote,
  .reader-card__quote {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: rgba(241,230,207,0.92) !important;
    margin: 0 0 16px !important;
    position: relative;
  }
  /* Gold opening quote mark */
  .reflection__quote::before,
  .reflection blockquote::before,
  .reader-card__quote::before {
    content: "\201C";
    font-family: var(--serif, 'Cormorant Garamond', serif);
    color: var(--gold, #B89445);
    font-size: 2rem;
    line-height: 0.5;
    margin-right: 4px;
    vertical-align: -4px;
  }
  .reflection__attr,
  .reflection cite,
  .reader-card__attr {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 9.5px !important;
    letter-spacing: 0.18em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    font-style: normal !important;
    font-weight: 500;
    display: block;
    margin: 0 !important;
  }

  .social-proof__more,
  .social-proof__cta-row {
    text-align: center;
    margin-top: 28px !important;
  }
  .social-proof__more a,
  .social-proof__cta-row a {
    font-family: var(--sans, 'Manrope', sans-serif);
    font-size: 10px;
    letter-spacing: 0.18em;
    color: rgba(241,230,207,0.7);
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 0.5px solid rgba(184,148,69,0.4);
    padding-bottom: 4px;
  }

  /* ─────────────────────────────────────────────────
     16. HOMEPAGE — companions horizontal scroll
     Wrapper .companions__track activates here only
     ───────────────────────────────────────────────── */
  .companions { padding: 56px 0 !important; background: var(--ivory, #F1E6CF); }
  .companions__inner, .companions__head { padding: 0 24px !important; }
  /* Grid wrapper allows track to overflow */
  .companions__grid {
    display: block !important;
    grid-template-columns: none !important;
    overflow: visible !important;
    padding: 0 !important;
    max-width: 100% !important;
  }
  /* The track — horizontal flex scroller */
  .companions__track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    gap: 14px !important;
    padding: 8px 24px 24px !important;
    margin: 0 !important;
    /* Hide scrollbar */
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .companions__track::-webkit-scrollbar { display: none; }

  /* Each card sized to ~78% with peek of next */
  .companions__track > .ccard,
  .companions__track > article {
    flex: 0 0 78% !important;
    max-width: 78% !important;
    scroll-snap-align: start !important;
    margin: 0 !important;
  }
  .companions__footer {
    padding: 18px 24px 0 !important;
    text-align: center !important;
  }
  .companions__all {
    font-family: var(--sans, 'Manrope', sans-serif);
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--gold, #B89445);
    text-decoration: none;
    border-bottom: 0.5px solid rgba(184,148,69,0.4);
    padding-bottom: 4px;
  }

  /* ─────────────────────────────────────────────────
     17. HOMEPAGE — Covenant Letter (email capture)
     Pill input + gold pill submit
     ───────────────────────────────────────────────── */
  .email-capture-luxe,
  .email-capture {
    padding: 64px 24px !important;
    background: var(--ink, #0E1F40) !important;
    text-align: center;
    position: relative;
  }
  .email-capture-luxe__inner,
  .email-capture__inner { max-width: 100% !important; padding: 0 !important; }

  .email-capture-luxe__eyebrow,
  .email-capture__cap {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    display: inline-block !important;
    margin-bottom: 22px !important;
    position: relative;
    padding: 0 32px;
  }
  .email-capture-luxe__eyebrow::before,
  .email-capture-luxe__eyebrow::after,
  .email-capture__cap::before,
  .email-capture__cap::after {
    content: ""; position: absolute; top: 50%;
    width: 24px; height: 0.5px;
    background: rgba(184,148,69,0.6);
  }
  .email-capture-luxe__eyebrow::before, .email-capture__cap::before { left: 0; }
  .email-capture-luxe__eyebrow::after, .email-capture__cap::after { right: 0; }

  .email-capture-luxe__title,
  .email-capture__title {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(2rem, 7.5vw, 2.4rem) !important;
    color: var(--ivory, #F1E6CF) !important;
    line-height: 1.04 !important;
    margin: 0 0 18px !important;
    font-weight: 400 !important;
  }
  .email-capture-luxe__title em,
  .email-capture__title em {
    color: var(--gold, #B89445);
    font-style: italic;
  }
  .email-capture-luxe__sub,
  .email-capture__sub {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: rgba(241,230,207,0.78) !important;
    margin: 0 0 28px !important;
  }
  .email-capture-luxe__form,
  .email-capture__form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
  }
  .email-capture-luxe__input,
  .email-capture__input {
    width: 100% !important;
    border-radius: 999px !important;
    padding: 15px 22px !important;
    border: 0.5px solid rgba(241,230,207,0.2) !important;
    background: rgba(241,230,207,0.06) !important;
    color: var(--ivory, #F1E6CF) !important;
    font-family: var(--serif, 'Cormorant Garamond', serif);
    font-size: 1rem;
    text-align: center;
  }
  .email-capture-luxe__input::placeholder,
  .email-capture__input::placeholder {
    color: rgba(241,230,207,0.45);
    font-style: italic;
  }
  .email-capture-luxe__submit,
  .email-capture__submit {
    width: 100% !important;
    border-radius: 999px !important;
    padding: 15px 22px !important;
    background: var(--gold, #B89445) !important;
    color: var(--ink, #0E1F40) !important;
    font-family: var(--sans, 'Manrope', sans-serif);
    font-size: 11px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    cursor: pointer;
  }
  .email-capture-luxe__fine,
  .email-capture__fine {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 0.82rem !important;
    color: rgba(241,230,207,0.55) !important;
    margin: 0 !important;
  }

  /* ─────────────────────────────────────────────────
     18. HOMEPAGE — final CTA
     ───────────────────────────────────────────────── */
  .final-cta { padding: 56px 24px !important; text-align: center; }
  .final-cta__inner { max-width: 100% !important; padding: 0 !important; }
  .final-cta__title {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(2.2rem, 8vw, 2.8rem) !important;
    color: var(--ink, #0E1F40) !important;
    line-height: 1.04 !important;
    margin: 0 0 22px !important;
    font-weight: 400 !important;
  }
  .final-cta__title em { color: var(--gold, #B89445); font-style: italic; }
  .final-cta__cta {
    display: inline-block !important;
    width: 100% !important;
    border-radius: 999px !important;
    padding: 16px 22px !important;
  }

  /* ─────────────────────────────────────────────────
     19. PODCAST PAGE
     ───────────────────────────────────────────────── */
  .masthead {
    padding: 80px 24px 56px !important;
    background: var(--ivory, #F1E6CF);
    text-align: center;
  }
  .masthead__inner { max-width: 100% !important; padding: 0 !important; }
  .masthead__eyebrow, .masthead__cap {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    margin-bottom: 18px !important;
    display: inline-block;
  }
  .masthead__script {
    font-family: var(--script, 'Allura', cursive) !important;
    font-style: italic;
    font-size: 1.7rem !important;
    color: var(--gold, #B89445) !important;
    margin: 0 0 16px !important;
    display: block;
    line-height: 1;
  }
  .masthead__title, .masthead__headline {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(2.6rem, 9vw, 3.3rem) !important;
    line-height: 1.02 !important;
    color: var(--ink, #0E1F40) !important;
    margin: 0 0 22px !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em;
  }
  .masthead__title em, .masthead__headline em {
    color: var(--gold, #B89445);
    font-style: italic;
  }
  .masthead__sub, .masthead__lead {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    color: var(--muted, #2C3654) !important;
    margin: 0 0 30px !important;
  }

  /* Podcast platform pill rail */
  .masthead__platforms,
  .podcast-platforms,
  .listen-on {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding: 4px 0 12px !important;
    margin: 0 -24px 0 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .masthead__platforms::-webkit-scrollbar,
  .podcast-platforms::-webkit-scrollbar,
  .listen-on::-webkit-scrollbar { display: none; }
  .masthead__platforms a,
  .podcast-platforms a,
  .listen-on a {
    flex-shrink: 0;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    border: 0.5px solid rgba(14,31,64,0.2);
    background: rgba(255,255,255,0.5);
    font-family: var(--sans, 'Manrope', sans-serif);
    font-size: 10px;
    letter-spacing: 0.22em;
    color: var(--ink, #0E1F40);
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 500;
  }

  /* Featured (Build Emotional Wealth) section */
  .featured { padding: 56px 24px !important; background: var(--ink, #0E1F40) !important; }
  .featured__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 32px !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .featured__visual {
    width: 100% !important;
    aspect-ratio: 4/5;
    max-height: 380px;
    background: #08111F;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
  }
  .featured__visual img,
  .featured__visual picture {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 20%;
  }
  .featured__copy { text-align: left; padding: 0 !important; }
  .featured__cap {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 18px !important;
  }
  .featured__title {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(2rem, 7.5vw, 2.5rem) !important;
    color: var(--ivory, #F1E6CF) !important;
    line-height: 1.04 !important;
    margin: 0 0 20px !important;
    font-weight: 400 !important;
  }
  .featured__title em { color: var(--gold, #B89445); font-style: italic; }
  .featured__body p {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
    color: rgba(241,230,207,0.85) !important;
    margin: 0 0 16px !important;
  }
  .featured__cta-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 28px !important;
  }
  .featured__cta-row .btn { width: 100% !important; border-radius: 999px !important; }

  /* Library section — episodes */
  .library { padding: 56px 24px !important; }
  .library__inner { max-width: 100% !important; padding: 0 !important; }
  .library__head {
    text-align: center;
    margin-bottom: 32px !important;
  }
  .library__filters,
  .library__filter-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 4px 0 12px !important;
    margin: 0 -24px 28px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    scrollbar-width: none;
  }
  .library__filters::-webkit-scrollbar,
  .library__filter-row::-webkit-scrollbar { display: none; }
  .library__filter,
  .library__filter-row a,
  .library__filter-row button {
    flex-shrink: 0;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    border: 0.5px solid rgba(14,31,64,0.2);
    background: rgba(255,255,255,0.5);
    font-family: var(--sans, 'Manrope', sans-serif);
    font-size: 9.5px;
    letter-spacing: 0.24em;
    color: var(--muted, #2C3654);
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 500;
  }
  .library__filter.is-active,
  .library__filter--active {
    background: var(--ink, #0E1F40);
    color: var(--ivory, #F1E6CF);
    border-color: var(--ink, #0E1F40);
  }

  /* Episode card — horizontal layout (thumbnail left, content right) */
  .library__list,
  .library__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 24px !important;
  }
  .episode,
  .episode-card,
  .library__item {
    display: grid !important;
    grid-template-columns: 100px 1fr !important;
    gap: 16px !important;
    align-items: start !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
  }
  .episode__thumb,
  .episode-card__thumb,
  .library__item-thumb {
    width: 100px !important;
    height: 100px !important;
    background: var(--ink, #0E1F40);
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
  }
  .episode__thumb img,
  .episode-card__thumb img,
  .library__item-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .episode__body,
  .episode-card__body,
  .library__item-body { padding: 0 !important; }
  .episode__num,
  .episode__cap,
  .episode-card__num {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 9px !important;
    letter-spacing: 0.18em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    display: block;
    margin: 0 0 6px !important;
    font-weight: 500;
  }
  .episode__title,
  .episode-card__title,
  .library__item-title {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 1.05rem !important;
    line-height: 1.25 !important;
    color: var(--ink, #0E1F40) !important;
    margin: 0 0 6px !important;
    font-weight: 400 !important;
  }
  .episode__title em,
  .episode-card__title em {
    color: var(--gold, #B89445);
    font-style: italic;
  }
  .episode__meta,
  .episode-card__meta,
  .library__item-meta {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 9.5px !important;
    letter-spacing: 0.2em !important;
    color: var(--muted, #2C3654) !important;
    text-transform: uppercase;
    opacity: 0.7;
    margin: 0 !important;
  }

  /* Fragments + Subscribe sections */
  .fragments { padding: 56px 24px !important; background: var(--ivory, #F1E6CF); }
  .subscribe { padding: 56px 24px !important; background: var(--ink, #0E1F40) !important; text-align: center; }
  .subscribe__title {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(2rem, 7.5vw, 2.4rem) !important;
    color: var(--ivory, #F1E6CF) !important;
    line-height: 1.04 !important;
    margin: 0 0 20px !important;
    font-weight: 400 !important;
  }
  .subscribe__title em { color: var(--gold, #B89445); font-style: italic; }

  /* ─────────────────────────────────────────────────
     20. SHOP PAGE
     ───────────────────────────────────────────────── */
  .flagship {
    padding: 56px 24px !important;
    background: var(--ivory-soft, #FBF5E6);
  }
  .flagship__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 32px !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .flagship__visual {
    width: 100% !important;
    max-width: 320px;
    margin: 0 auto !important;
  }
  .flagship__visual img,
  .flagship__visual picture {
    width: 100% !important;
    height: auto !important;
    display: block;
  }
  .flagship__copy { text-align: center; padding: 0 !important; }
  .flagship__cap {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 16px !important;
  }
  .flagship__title {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(2.2rem, 8vw, 2.7rem) !important;
    color: var(--ink, #0E1F40) !important;
    line-height: 1.04 !important;
    margin: 0 0 18px !important;
    font-weight: 400 !important;
  }
  .flagship__title em { color: var(--gold, #B89445); font-style: italic; }
  .flagship__desc {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: var(--muted, #2C3654) !important;
    margin: 0 0 24px !important;
  }
  .flagship__list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 28px !important;
    text-align: left;
    display: inline-block;
  }
  .flagship__list li {
    font-family: var(--serif, 'Cormorant Garamond', serif);
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--muted, #2C3654);
    padding-left: 24px;
    position: relative;
    margin-bottom: 8px;
  }
  .flagship__list li::before {
    content: ""; position: absolute;
    left: 0; top: 8px;
    width: 14px; height: 14px;
    border: 1px solid var(--gold, #B89445);
    border-radius: 50%;
  }
  .flagship__list li::after {
    content: ""; position: absolute;
    left: 4px; top: 13px;
    width: 6px; height: 3px;
    border-left: 1px solid var(--gold, #B89445);
    border-bottom: 1px solid var(--gold, #B89445);
    transform: rotate(-45deg);
  }
  .flagship__price {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 1.6rem !important;
    color: var(--gold, #B89445) !important;
    margin: 0 0 18px !important;
    text-align: center;
  }
  .flagship__cta-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  .flagship__cta-row .btn { width: 100% !important; border-radius: 999px !important; }

  /* Collection grid */
  .collection { padding: 56px 24px !important; }
  .collection__inner { max-width: 100% !important; padding: 0 !important; }
  /* Force single-column smooth flow for the shop page */
  .collection__grid,
  .product-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 48px !important;
    max-width: 100% !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .collection__item,
  .product-card {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
  }
  .collection__item-cover,
  .product-card__cover {
    aspect-ratio: 3/4;
    background: var(--ivory-soft, #FBF5E6);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 12px;
    position: relative;
  }
  .collection__item-cover img,
  .product-card__cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .collection__item-name,
  .product-card__name {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: 0.95rem !important;
    line-height: 1.25 !important;
    color: var(--ink, #0E1F40) !important;
    margin: 0 0 4px !important;
    font-weight: 400 !important;
  }
  .collection__item-price,
  .product-card__price {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 0.92rem !important;
    color: var(--gold, #B89445) !important;
    margin: 0 !important;
  }

  /* Founders / Gifting */
  .founders {
    padding: 56px 24px !important;
    background: var(--ink, #0E1F40) !important;
    color: var(--ivory, #F1E6CF);
  }
  .founders__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 32px !important;
    max-width: 100% !important;
    padding: 0 !important;
    text-align: center;
  }
  .gifting { padding: 56px 24px !important; }

  /* ─────────────────────────────────────────────────
     21. PRODUCT PAGES — universal pattern
     Hardcover, paperback, ebook, audiobook, workbook,
     union-set, founders, journals, covenant-card etc.
     ───────────────────────────────────────────────── */
  .prod-hero {
    padding: 100px 22px 60px !important;
    background: var(--ivory, #F1E6CF);
  }
  .prod-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 32px !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .prod-hero__visual {
    width: 100% !important;
    max-width: 280px;
    margin: 0 auto !important;
  }
  .prod-hero__visual img,
  .prod-hero__visual picture {
    width: 100% !important;
    height: auto !important;
    display: block;
    object-fit: contain !important;
  }
  .prod-hero__copy { text-align: center; padding: 0 !important; }
  .prod-hero__cap {
    font-family: var(--sans, 'Manrope', sans-serif) !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold, #B89445) !important;
    text-transform: uppercase;
    margin-bottom: 16px !important;
    display: inline-block;
  }
  .prod-hero__title {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-size: clamp(2.2rem, 8vw, 2.8rem) !important;
    color: var(--ink, #0E1F40) !important;
    line-height: 1.02 !important;
    margin: 0 0 16px !important;
    font-weight: 400 !important;
  }
  .prod-hero__title em { color: var(--gold, #B89445); font-style: italic; }
  .prod-hero__sub {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
    color: var(--muted, #2C3654) !important;
    margin: 0 0 24px !important;
  }
  .prod-hero__price {
    font-family: var(--serif, 'Cormorant Garamond', serif) !important;
    font-style: italic !important;
    font-size: 1.6rem !important;
    color: var(--gold, #B89445) !important;
    margin: 0 0 22px !important;
  }
  .prod-hero__cta-row,
  .prod-hero__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  .prod-hero__cta-row .btn,
  .prod-hero__buttons .btn,
  .prod-hero .btn-buy,
  .snipcart-add-item {
    width: 100% !important;
    border-radius: 999px !important;
    padding: 16px 22px !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.18em !important;
    justify-content: center !important;
  }

  /* ─────────────────────────────────────────────────
     22. BOOK / VAULT / FRAMEWORKS page sections
     ───────────────────────────────────────────────── */
  .book-hero {
    padding: 100px 22px 60px !important;
    background: var(--ivory, #F1E6CF);
  }
  .book-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 32px !important;
    text-align: center;
    max-width: 100% !important;
    padding: 0 !important;
  }
  .book-hero__visual { max-width: 260px; margin: 0 auto !important; width: 100% !important; }
  .book-hero__visual img, .book-hero__visual picture { width: 100% !important; height: auto !important; }

  .inevitable, .inside, .editions, .praise, .sacred-100, .bib, .waitlist,
  .vault-hero, .promise, .inside-vault, .practice-stack, .live-layer,
  .for-whom, .reserve, .author-section,
  .toc-frame, .deposits-section, .anti-section, .os-section,
  .protocols-section, .assessment-cta {
    padding: 56px 24px !important;
  }

  .vault-hero, .efx-hero, .org-hero, .phero, .lid-hero, .ygh-hero,
  .press-hero, .sm-hero, .manifesto-hero, .legal-hero {
    padding: 100px 22px 60px !important;
    text-align: center;
  }

  /* ─────────────────────────────────────────────────
     23. UNIVERSAL — generic body images
     Make every <img> mobile-safe
     ───────────────────────────────────────────────── */
  .ccard__cover-image,
  .ccard__cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center;
  }

  /* ─────────────────────────────────────────────────
     24. UNIVERSAL — buttons, pill globally
     ───────────────────────────────────────────────── */
  .btn, button.btn, a.btn {
    border-radius: 999px !important;
  }

  /* ─────────────────────────────────────────────────
     25. FOOTER — stack cleanly
     ───────────────────────────────────────────────── */
  .site-footer { padding: 48px 24px 80px !important; }
  .site-footer__main,
  .site-footer__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 32px !important;
    max-width: 100% !important;
    padding: 0 !important;
    text-align: center;
  }

  /* ─────────────────────────────────────────────────
     26. SAFETY — no horizontal overflow anywhere
     ───────────────────────────────────────────────── */
  *, *::before, *::after {
    max-width: 100%;
  }
  /* Allow horizontal scrollers their full width */
  .companions__track,
  .companions__track *,
  .masthead__platforms,
  .masthead__platforms *,
  .listen-on, .listen-on *,
  .podcast-platforms, .podcast-platforms *,
  .library__filters, .library__filters *,
  .library__filter-row, .library__filter-row * {
    max-width: none;
  }

}

/* ─────────────────────────────────────────────────────
   ≤380px — micro-tuning for narrow phones
   ───────────────────────────────────────────────────── */
@media (max-width: 380px) {
  body { font-size: 16px; }
  .hero .headline, .hero__title { font-size: 2.2rem !important; }
  .section-title { font-size: 1.9rem !important; }
  .about-hero__name { font-size: 2.4rem !important; }
  .marriage__count-num { font-size: 1.8rem !important; }
  .build-card__visual-name { font-size: 1.8rem !important; }
  .company-secondary__name, .company-primary__name { font-size: 1.5rem !important; }
  .episode__title, .episode-card__title { font-size: 0.98rem !important; }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 1
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 1 — MOBILE MENU UPGRADE (rebuilt for proper specificity)
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── Force opaque navy backdrop, kill legacy padding ─── */
  .mobile-menu {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    background: linear-gradient(170deg, var(--navy-2) 0%, var(--navy) 50%, var(--navy-4) 100%);
  }
  .mobile-menu__inner { display: none !important; }
  .mobile-menu .mobile-menu__panel .mobile-menu__tagline { display: none !important; }

  /* Neutralize the legacy .mobile-menu__nav a animation rules INSIDE new panels.
     Use high specificity + real values (no `inherit`) so cascade is predictable. */
  .mobile-menu .mobile-menu__panel .mobile-menu__nav a,
  .mobile-menu .mobile-menu__panel .mobile-menu__nav button {
    opacity: 1;
    transform: none;
    transition: color 0.2s ease, background 0.2s ease;
    letter-spacing: 0;
    border-bottom: 0;
    padding: 0;
  }
  .mobile-menu .mobile-menu__panel .mobile-menu__nav a::before {
    display: none;
  }

  /* ─── Top bar ─── */
  .mobile-menu__topbar {
    display: grid;
    grid-template-columns: 44px 1fr 80px;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.22);
    position: relative;
    z-index: 5;
    background: var(--navy-3);
  }
  .mobile-menu__close {
    background: transparent;
    border: 0;
    padding: 8px;
    margin: 0 0 0 -8px;
    color: var(--ivory);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
  }
  .mobile-menu__close svg { display: block; }

  .mobile-menu__topbar .mobile-menu__brand {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0;
    padding: 0;
    border: 0;
    opacity: 1;
    transform: none;
    text-decoration: none;
  }
  .mobile-menu__topbar .mobile-menu__logo {
    width: 26px;
    height: 26px;
    display: block;
  }
  .mobile-menu__topbar .mobile-menu__brand-name {
    font-family: var(--serif);
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: none;
    color: var(--ivory);
    line-height: 1;
  }
  .mobile-menu__topbar .mobile-menu__brand-name sup { display: none; }

  .mobile-menu__actions {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: flex-end;
  }
  .mobile-menu__action {
    color: var(--ivory);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    position: relative;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  .mobile-menu__cart-count {
    position: absolute;
    top: -3px;
    right: -6px;
    background: var(--gold);
    color: var(--navy);
    font-family: var(--sans);
    font-size: 9px;
    font-weight: 600;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0 4px;
    box-sizing: border-box;
  }

  /* ─── Panels container — fills the rest of the screen ─── */
  .mobile-menu__panels {
    position: relative;
    flex: 1 1 auto;
    overflow: hidden;
    min-height: 0;
  }
  .mobile-menu__panel {
    position: absolute;
    inset: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 34px 24px 36px;
    transform: translateX(100%);
    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }
  .mobile-menu__panel.is-active { transform: translateX(0); }

  /* Root panel: matches mockup — full-width column with breathing room */
  .mobile-menu .mobile-menu__panel .mobile-menu__nav {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0;
    margin: 0;
  }

  /* Root-panel items — extra large serif (user wants it BIG), gold hairlines */
  .mobile-menu .mobile-menu__panel--root .mobile-menu__nav .mobile-menu__item,
  .mobile-menu .mobile-menu__panel:not(.mobile-menu__panel--sub) .mobile-menu__nav .mobile-menu__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 16px 0;
    border: 0;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.22);
    background: transparent;
    text-align: left;
    color: var(--ivory);
    text-decoration: none;
    font-family: var(--serif) !important;
    font-size: 2.3rem !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    letter-spacing: -0.012em !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    appearance: none;
  }
  /* Fallback selector also targets data-panel="root" exactly */
  .mobile-menu [data-panel="root"] .mobile-menu__nav .mobile-menu__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 16px 0;
    border: 0;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.22);
    background: transparent;
    text-align: left;
    color: var(--ivory);
    text-decoration: none;
    font-family: var(--serif) !important;
    font-size: 2.3rem !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    letter-spacing: -0.012em !important;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
  }
  .mobile-menu [data-panel="root"] .mobile-menu__nav .mobile-menu__item:last-of-type,
  .mobile-menu [data-panel="root"] .mobile-menu__nav .mobile-menu__item--last {
    border-bottom: 0;
  }
  .mobile-menu [data-panel="root"] .mobile-menu__nav .mobile-menu__item span {
    flex: 1 1 auto;
  }
  .mobile-menu [data-panel="root"] .mobile-menu__nav .mobile-menu__item .mobile-menu__chev {
    color: var(--ivory);
    opacity: 0.55;
    flex-shrink: 0;
  }
  .mobile-menu [data-panel="root"] .mobile-menu__nav .mobile-menu__item .mobile-menu__chev--dim {
    opacity: 0.32;
  }
  .mobile-menu [data-panel="root"] .mobile-menu__nav .mobile-menu__item:active {
    color: var(--gold-s);
  }

  /* ─── Root panel footer (CTA + signature) ─── */
  .mobile-menu [data-panel="root"] .mobile-menu__footer {
    margin-top: auto;
    padding-top: 42px;
    padding-bottom: 12px;
  }
  .mobile-menu [data-panel="root"] .mobile-menu__footer .mobile-menu__cta {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 22px;
    background: var(--gold);
    color: var(--navy);
    border-radius: 999px;
    text-align: center;
    text-decoration: none;
    font-family: var(--sans);
    font-size: 0.7rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 600;
    border: 0;
    opacity: 1;
    transform: none;
  }
  .mobile-menu [data-panel="root"] .mobile-menu__footer .mobile-menu__signature {
    font-family: var(--sans);
    font-size: 8.5px;
    letter-spacing: 0.18em;
    color: rgba(184, 144, 69, 0.7);
    margin: 22px 0 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    white-space: nowrap;
    opacity: 1;
    transform: none;
  }

  /* ─── Sub-panel head: back button + section title ─── */
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__subhead {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 22px;
    margin-bottom: 12px;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.22);
  }
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__back {
    background: transparent;
    border: 0;
    color: var(--ivory);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 4px 6px 0;
    margin-left: -4px;
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    opacity: 0.85;
  }
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__back svg {
    display: block;
    opacity: 0.7;
  }
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__subtitle {
    font-family: var(--serif);
    font-style: italic;
    font-size: 1.15rem;
    color: var(--gold);
    margin-left: auto;
    line-height: 1;
  }

  /* ─── Sub-panel sublinks — proper breathing room, real values ─── */
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__nav .mobile-menu__sublink {
    display: block;
    padding: 19px 0;
    border: 0;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.14);
    font-family: var(--serif);
    font-size: 1.15rem;
    line-height: 1.35;
    color: var(--ivory);
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 0;
    opacity: 1;
    transform: none;
  }
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__nav .mobile-menu__sublink:last-of-type {
    border-bottom: 0;
  }
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__nav .mobile-menu__sublink--feature {
    color: var(--gold);
    font-style: italic;
  }
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__nav .mobile-menu__sublink:active {
    color: var(--gold-s);
  }
  /* Kill any inherited ::before pseudos from legacy rules */
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__nav .mobile-menu__sublink::before {
    display: none;
  }

  /* ─── Make sure the page hero doesn't show through the menu ─── */
  .mobile-menu.is-open ~ * { pointer-events: none; }

  /* ─── Site header on mobile: solid ivory + gold hairline so it never blends ─── */
  .header {
    background: var(--ivory) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.32);
    box-shadow: 0 1px 0 rgba(184, 144, 69, 0.06);
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 1 MOBILE MENU
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 1 — SHOP PAGE PRODUCT CARDS (targets actual .product class)
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* Single-column flow — no nested constraints, no "box" feeling */
  .collection {
    padding: 56px 0 64px !important;
  }
  .collection__inner {
    max-width: 100% !important;
    padding: 0 24px !important;
  }
  .collection__header {
    text-align: center;
    margin-bottom: 32px;
  }

  /* Filter pills row — horizontal scroll, contained */
  .collection__filters {
    margin: 0 -24px 40px !important;
    padding: 0 24px 8px !important;
  }

  /* Product card — full-width vertical flow */
  .product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
  }

  /* Product thumb — generous, image fills */
  .product .product__thumb,
  .product__thumb {
    aspect-ratio: 4 / 5 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
  }
  .product .product__thumb-image,
  .product__thumb-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    opacity: 1 !important;
  }

  /* Hide animation states that may have stuck product images at opacity:0 */
  .product.reveal,
  .product .reveal,
  .product__thumb.reveal {
    opacity: 1 !important;
    transform: none !important;
  }

  /* Corner brackets stay but smaller on mobile */
  .product__corner {
    width: 12px !important;
    height: 12px !important;
  }
  .product__corner--tl { top: 10px !important; left: 10px !important; }
  .product__corner--tr { top: 10px !important; right: 10px !important; }
  .product__corner--bl { bottom: 10px !important; left: 10px !important; }
  .product__corner--br { bottom: 10px !important; right: 10px !important; }

  /* Product text block */
  .product__meta {
    font-family: var(--sans) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
    color: var(--gold) !important;
    margin: 0 0 8px !important;
    opacity: 0.85;
  }
  .product__meta a { color: inherit !important; }

  .product__name {
    font-family: var(--serif) !important;
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
    color: var(--ink) !important;
    margin: 0 0 10px !important;
    font-weight: 400 !important;
    letter-spacing: -0.005em !important;
  }
  .product__name sup {
    font-size: 0.45em !important;
    vertical-align: super;
  }

  .product__desc {
    font-family: var(--serif) !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    margin: 0 0 18px !important;
    min-height: 0 !important;
  }

  .product__foot {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 12px;
    border-top: 0.5px solid rgba(184, 144, 69, 0.18);
  }
  .product__price {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.4rem !important;
    color: var(--gold) !important;
    font-weight: 400;
  }
  .product__cta {
    font-family: var(--sans) !important;
    font-size: 11px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
    color: var(--ink) !important;
    padding: 12px 24px !important;
    border: 0.5px solid var(--ink) !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
    background: transparent;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
  }
  .product__cta:hover { background: var(--ink); color: var(--ivory) !important; }

  /* Badge */
  .product__badge {
    top: 12px !important;
    right: 12px !important;
    font-size: 8.5px !important;
    letter-spacing: 0.18em !important;
    padding: 5px 10px !important;
  }

  /* Kill any sticky/fixed positioning on product cards */
  .product, .collection__item, .product-card {
    position: relative !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END SHOP CARDS
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 2 (REBUILT) — HOMEPAGE HERO matches the user-supplied spec
   - Transparent header sits OVER the tan illustration
   - Brand mark 11px navy, hamburger icon-only navy
   - Hero photo edge-to-edge
   - Clean two-button stack (navy solid + navy outline)
   - Author byline with YGH circular badge
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── Hide the "MENU" text label sitewide on mobile — icon only ─── */
  .nav-toggle__label { display: none !important; }
  .nav-toggle { width: 44px !important; height: 44px !important; padding: 10px !important; }
  .nav-toggle__lines { width: 22px; height: 16px; }
  .nav-toggle__lines span { height: 1.5px !important; }

  /* ─── HOMEPAGE ONLY: transparent header over the tan hero ─── */
  .page-home .header {
    background: var(--ivory) !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.32) !important;
    box-shadow: 0 1px 0 rgba(184, 144, 69, 0.06) !important;
    padding: 14px 18px !important;
  }
  /* Brand mark on the homepage — match the global mobile header size, navy ink color */
  .page-home .header .brand,
  .page-home .header .brand__name {
    color: var(--ink) !important;
  }
  .page-home .header .brand__name {
    font-size: 1.05rem !important;
    letter-spacing: 0.22em !important;
    font-weight: 500 !important;
    background: transparent !important;
  }
  .page-home .header .brand__ring {
    width: 42px !important;
    height: 42px !important;
    border: 0 !important;
    background: transparent !important;
  }
  .page-home .header .brand__ring img {
    width: 42px !important;
    height: 42px !important;
  }
  /* Hamburger lines: navy on the cream photo */
  .page-home .nav-toggle {
    color: var(--ink) !important;
    background: transparent !important;
  }
  .page-home .nav-toggle__lines span {
    background: var(--ink) !important;
  }

  /* ─── Hero photo: edge-to-edge, no side padding, fixed height ─── */
  .page-home .hero {
    padding: 0 !important;
    margin: 0 !important;
    background: var(--ivory) !important;
    overflow: hidden;
    position: relative;
  }
  .page-home .hero__photo {
    width: 100% !important;
    height: 440px !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    display: block;
    margin: 0 !important;
  }
  /* Wave divider — transitions photo into cream content */
  .page-home .hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 390px;  /* sits just above the photo's bottom (440 - 50) */
    height: 60px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 70' preserveAspectRatio='none'%3E%3Cpath d='M 0,45 C 55,10 130,55 205,32 S 315,12 360,38 L 360,70 L 0,70 Z' fill='%23FBF4E6'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
    pointer-events: none;
    z-index: 2;
  }

  /* ─── Hero content section — cream background, centered ─── */
  .page-home .hero__content {
    padding: 48px 26px 36px !important;
    background: var(--ivory) !important;
    text-align: center !important;
    position: relative;
    z-index: 3;
  }

  /* Eyebrow */
  .page-home .hero .eyebrow-script,
  .page-home .hero__cap {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 20px !important;
    color: var(--gold) !important;
    margin: 0 0 14px !important;
    display: block;
    letter-spacing: 0 !important;
    font-weight: 400;
    line-height: 1;
  }

  /* Tiny rule */
  .page-home .hero .tiny-rule {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto 22px !important;
    width: 32px;
    height: 0.5px;
    background: var(--gold);
  }
  .page-home .hero .tiny-rule__line,
  .page-home .hero .tiny-rule__dot { display: none !important; }

  /* Headline — 44px navy serif with gold italic "Ledger." */
  .page-home .hero .headline,
  .page-home .hero__title {
    font-family: var(--serif) !important;
    font-size: 44px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.015em !important;
    color: var(--ink) !important;
    margin: 0 0 22px !important;
    font-weight: 400 !important;
  }
  .page-home .hero .headline em,
  .page-home .hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* Subcopy — even bigger per user request */
  .page-home .hero .subcopy,
  .page-home .hero__sub {
    font-family: var(--serif) !important;
    font-size: 22px !important;
    line-height: 1.5 !important;
    color: var(--ink) !important;
    margin: 0 0 36px !important;
    font-style: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  .page-home .hero .subcopy br { display: none; }

  /* Ornament — small flourish */
  .page-home .hero .ornament { display: none !important; }

  /* ─── Buttons: clean pill stack matching the spec ─── */
  .page-home .hero .buttons,
  .page-home .buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 0 30px !important;
    align-items: stretch !important;
    width: 100% !important;
  }
  .page-home .hero .buttons .btn,
  .page-home .buttons .btn {
    width: 100% !important;
    box-sizing: border-box;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.24em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
    transition: opacity 0.2s ease;
  }
  .page-home .btn--primary {
    background: var(--navy) !important;
    color: var(--ivory) !important;
    border: 0 !important;
  }
  .page-home .btn--secondary {
    background: transparent !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink) !important;
  }
  .page-home .btn .btn__arrow {
    display: none !important;
  }

  /* ─── Author byline — circular badge + name + title ─── */
  .page-home .author {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 30px 0 0 !important;
    padding-top: 24px !important;
    border-top: 0.5px solid rgba(14, 31, 64, 0.14);
    text-align: left;
  }
  .page-home .author__badge {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    border: 0.5px solid var(--gold);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-family: var(--serif) !important;
    font-size: 9px !important;
    letter-spacing: 1px !important;
    color: var(--gold);
    flex-shrink: 0;
    background: transparent;
  }
  .page-home .author > div:not(.author__badge) {
    text-align: left;
  }
  .page-home .author__name {
    display: block !important;
    font-family: var(--sans) !important;
    font-size: 10px !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    margin: 0 !important;
    font-weight: 500;
    line-height: 1;
  }
  .page-home .author__title {
    display: block !important;
    font-family: var(--serif) !important;
    font-style: italic;
    font-size: 13px !important;
    color: var(--muted) !important;
    margin: 3px 0 0 !important;
    line-height: 1.2;
  }

  /* ─── SHOP — 2-column grid with cream card frames (matches Image 3) ─── */
  .collection__grid,
  .product-grid {
    display: grid !important;
    flex-direction: initial !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 38px 18px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  .product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
  }
  .product .product__thumb,
  .product__thumb {
    aspect-ratio: 4 / 5 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    background: #F4ECDA !important;
  }
  .product__thumb--image { background: #F4ECDA !important; }
  .product .product__thumb-image,
  .product__thumb-image {
    position: absolute !important;
    inset: 18% 14% !important;
    width: auto !important;
    height: auto !important;
    max-width: 72% !important;
    max-height: 78% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    opacity: 1 !important;
    margin: auto !important;
  }
  .product__corner {
    width: 10px !important;
    height: 10px !important;
    border-color: rgba(184, 144, 69, 0.35) !important;
  }
  .product__corner--tl { top: 8px !important; left: 8px !important; }
  .product__corner--tr { top: 8px !important; right: 8px !important; }
  .product__corner--bl { bottom: 8px !important; left: 8px !important; }
  .product__corner--br { bottom: 8px !important; right: 8px !important; }
  .product__badge {
    top: 10px !important;
    right: 10px !important;
    font-size: 7.5px !important;
    letter-spacing: 0.16em !important;
    padding: 4px 8px !important;
    background: var(--gold) !important;
    color: var(--navy) !important;
  }
  .product__meta {
    font-family: var(--sans) !important;
    font-size: 9px !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase;
    color: var(--gold) !important;
    margin: 0 0 6px !important;
    opacity: 0.9;
    line-height: 1.2;
  }
  .product__name {
    font-family: var(--serif) !important;
    font-size: 1.02rem !important;
    line-height: 1.22 !important;
    color: var(--ink) !important;
    margin: 0 0 6px !important;
    font-weight: 400 !important;
    letter-spacing: -0.005em !important;
  }
  .product__name sup { font-size: 0.4em !important; vertical-align: super; }
  .product__desc { display: none !important; }
  .product__foot { display: block !important; padding-top: 0 !important; border-top: 0 !important; }
  .product__price {
    font-family: var(--serif) !important;
    font-style: normal !important;
    font-size: 0.98rem !important;
    color: var(--ink) !important;
    font-weight: 400;
    display: inline-block;
  }
  .product__cta { display: none !important; }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 2 (REBUILT)
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 3 — FIXES per user reference image
   1. Remove "For the ones who stayed." eyebrow on homepage
   2. Force header above hero photo (z-index battle)
   3. Restructure featured-book FORMAT/PRICE/CTA rows to match reference
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── Remove the eyebrow on homepage hero (per user) ─── */
  .page-home .hero__cap,
  .page-home .hero .tiny-rule {
    display: none !important;
  }
  /* 'For the ones who stayed.' restored above the headline on mobile */
  .page-home .hero .eyebrow-script {
    display: block !important;
    color: var(--gold) !important;
  }

  /* ─── Force header to always sit above the hero photo ─── */
  .page-home .header {
    z-index: 500 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
  /* Add a subtle text-shadow so brand mark stays legible on any photo tone */
  .page-home .header .brand__name {
    text-shadow: 0 1px 2px rgba(251, 244, 230, 0.5);
  }

  /* ─── FEATURED-BOOK — restructured to match reference image ─── */

  /* Eyebrow at the top */
  .featured-book__cap,
  .featured-book__eyebrow {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    text-align: center;
  }
  .featured-book__cap::before,
  .featured-book__cap::after,
  .featured-book__eyebrow::before,
  .featured-book__eyebrow::after {
    content: "";
    flex: 0 0 24px;
    height: 0.5px;
    background: var(--gold);
    opacity: 0.7;
  }

  /* "A covenant framework" — italic gold subtitle above main title */
  .featured-book__cat {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.4rem !important;
    color: var(--gold) !important;
    margin: 0 0 8px !important;
    line-height: 1.1;
    font-weight: 400;
    text-align: center;
  }

  /* Title — two-line "Sacred / Deposits™" with Sacred navy, Deposits gold italic */
  .featured-book__title {
    text-align: center !important;
  }

  /* Lede / desc — italic centered, generous spacing */
  .featured-book__lede,
  .featured-book__desc {
    text-align: center !important;
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* ─── Detail rows: FORMAT / RELEASE / PAGES ─── */
  .featured-book__meta {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    margin: 28px 0 !important;
    padding: 24px 0 !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.30);
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.30);
    gap: 0;
  }
  .fb-meta,
  .featured-book__meta-row {
    display: grid !important;
    grid-template-columns: 90px 1fr !important;
    align-items: baseline;
    gap: 16px;
    padding: 14px 0 !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.16);
  }
  .fb-meta:last-child,
  .featured-book__meta-row:last-child {
    border-bottom: 0 !important;
  }
  .fb-meta__label,
  .featured-book__meta-label {
    font-family: var(--sans) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    font-weight: 500 !important;
    text-align: left !important;
    margin: 0 !important;
  }
  .fb-meta__value,
  .featured-book__meta-value {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.1rem !important;
    color: var(--ink) !important;
    text-align: right !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    font-weight: 400;
  }
  .fb-meta__value em,
  .featured-book__meta-value em {
    font-style: italic;
    color: var(--ink);
  }

  /* ─── Price row ─── */
  .featured-book__price-row {
    display: flex !important;
    align-items: baseline;
    gap: 16px;
    justify-content: flex-start;
    margin: 8px 0 24px !important;
    padding: 0 !important;
    flex-wrap: wrap;
  }
  .featured-book__price {
    font-family: var(--serif) !important;
    font-size: 2.2rem !important;
    color: var(--ink) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em;
    line-height: 1;
  }
  .featured-book__price-note {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    color: var(--muted) !important;
    flex: 1 1 auto;
    line-height: 1.4;
  }

  /* ─── CTAs — gold solid pill primary, navy outline pill secondary ─── */
  .featured-book__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100%;
    margin: 0 0 32px !important;
  }
  .featured-book__ctas .btn {
    width: 100% !important;
    box-sizing: border-box;
    padding: 18px 28px !important;
    border-radius: 999px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.16em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
  }
  .featured-book__ctas .btn .btn__arrow {
    display: none !important;
  }
  .featured-book__ctas .btn--gold,
  .featured-book__cta-primary {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  .featured-book__ctas .btn--secondary-light,
  .featured-book__ctas .btn--secondary {
    background: transparent !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink) !important;
  }

  /* ─── Hide "Or begin here" paths section on mobile — keep page short ─── */
  .featured-book__paths {
    margin-top: 8px !important;
    padding-top: 24px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.20);
  }
  .featured-book__paths-label {
    font-family: var(--sans) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
    color: var(--gold) !important;
    margin: 0 0 18px !important;
    text-align: center;
  }
  .featured-book__paths-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    margin-top: 4px;
  }
  /* Each "begin here" card — cream backdrop, generous padding, rounded corners */
  .fb-path {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 28px 26px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    text-decoration: none !important;
    text-align: left !important;
    transition: background 0.25s ease;
    box-shadow: 0 1px 3px rgba(7,20,50,0.04);
  }
  .fb-path:hover, .fb-path:active {
    background: #FBFAF6 !important;
  }
  /* Big italic gold Roman numeral */
  .fb-path__num {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 2.4rem !important;
    line-height: 1 !important;
    color: var(--gold) !important;
    margin: 0 !important;
    display: block !important;
    font-weight: 400;
  }
  /* Card title — navy serif */
  .fb-path__name {
    font-family: var(--serif) !important;
    font-size: 1.45rem !important;
    line-height: 1.2 !important;
    color: var(--ink) !important;
    margin: 0 !important;
    display: block !important;
    font-weight: 400 !important;
  }
  /* Subtext — gold italic */
  .fb-path__meta {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 0.98rem !important;
    color: var(--gold) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-align: left !important;
    margin: 0 !important;
    display: block !important;
  }
  .fb-path__meta em {
    font-style: italic !important;
    color: var(--gold) !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 3
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 4 — Strip decorative boxes + tame the book shadow
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── Featured book: contain the drop-shadow so it doesn't bleed into the text below ─── */
  .featured-book__plate img,
  .featured-book__visual img {
    filter: drop-shadow(0 14px 24px rgba(7, 20, 50, 0.18)) !important;
  }
  /* Add bottom padding under the book so the shadow has room before content */
  .featured-book__visual {
    padding-bottom: 24px !important;
    overflow: visible;
  }

  /* ─── PRAISE / Voices on the covenant — no decorative box ─── */
  .social-proof {
    background: var(--ivory) !important;
    padding: 56px 24px !important;
  }
  /* Section headline + eyebrow flip to navy/gold on cream */
  .social-proof__eyebrow,
  .social-proof__cap {
    color: var(--gold) !important;
  }
  .social-proof__headline,
  .social-proof__title {
    color: var(--ink) !important;
  }
  .social-proof__headline em,
  .social-proof__title em {
    color: var(--gold) !important;
    font-style: italic;
  }
  /* Featured quote: no boxed background, no left border, no padding box */
  .social-proof__featured {
    background: transparent !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 0 36px !important;
    text-align: center;
  }
  .social-proof__featured-quote,
  .social-proof__featured blockquote {
    color: var(--ink) !important;
    font-size: 1.2rem !important;
    line-height: 1.5 !important;
  }
  .social-proof__featured-attr,
  .social-proof__featured cite {
    color: var(--gold) !important;
  }
  /* Reader cards: no decorative box, just clean text with hairline dividers */
  .reflection,
  .reflection-card,
  .reader-card,
  .social-proof__card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 24px 0 !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.22) !important;
  }
  .reflection:last-child,
  .reflection-card:last-child,
  .reader-card:last-child,
  .social-proof__card:last-child {
    border-bottom: 0 !important;
  }
  .reflection--featured,
  .reflection.is-featured,
  .reader-card--featured {
    border-left: 0 !important;
    background: transparent !important;
  }
  .reflection__quote,
  .reflection blockquote,
  .reader-card__quote {
    color: var(--ink) !important;
  }
  /* Gold opening quote mark stays gold */
  .reflection__quote::before,
  .reflection blockquote::before,
  .reader-card__quote::before {
    color: var(--gold) !important;
  }
  .reflection__attr,
  .reflection cite,
  .reader-card__attr {
    color: var(--gold) !important;
  }

  /* ─── COVENANT LETTER — no decorative box ─── */
  .email-capture-luxe,
  .email-capture {
    background: var(--ivory) !important;
    padding: 56px 24px !important;
  }
  .email-capture-luxe__title,
  .email-capture__title {
    color: var(--ink) !important;
  }
  .email-capture-luxe__title em,
  .email-capture__title em {
    color: var(--gold) !important;
  }
  .email-capture-luxe__sub,
  .email-capture__sub {
    color: var(--muted) !important;
  }
  /* Input field: cream tinted instead of dark translucent */
  .email-capture-luxe__input,
  .email-capture__input {
    background: #FFFFFF !important;
    border: 0.5px solid rgba(184, 144, 69, 0.4) !important;
    color: var(--ink) !important;
  }
  .email-capture-luxe__input::placeholder,
  .email-capture__input::placeholder {
    color: rgba(7, 20, 50, 0.45) !important;
  }
  /* Submit button stays gold pill */
  .email-capture-luxe__submit,
  .email-capture__submit {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  /* Eyebrow rule color */
  .email-capture-luxe__eyebrow::before,
  .email-capture-luxe__eyebrow::after,
  .email-capture__cap::before,
  .email-capture__cap::after {
    background: rgba(184, 144, 69, 0.6) !important;
  }
  /* Footnote / disclaimer */
  .email-capture-luxe__note,
  .email-capture__note,
  .email-capture-luxe__small,
  .email-capture__small {
    color: var(--muted) !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 4
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 5 — Chevron + sub-panel polish for the 7-category menu
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* Subtle chevron on root items — low opacity gold so the look stays clean */
  .mobile-menu [data-panel="root"] .mobile-menu__item .mobile-menu__chev,
  .mobile-menu .mobile-menu__panel--root .mobile-menu__item .mobile-menu__chev {
    color: var(--gold) !important;
    opacity: 0.45 !important;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
  }
  .mobile-menu [data-panel="root"] .mobile-menu__item:active .mobile-menu__chev {
    opacity: 0.85 !important;
  }
  .mobile-menu [data-panel="root"] .mobile-menu__item span {
    flex: 1 1 auto;
  }

  /* Sub-panel sublinks — match root size for unified scale */
  .mobile-menu .mobile-menu__panel--sub {
    padding: 20px 24px 36px !important;
  }
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__nav .mobile-menu__sublink {
    display: block !important;
    padding: 18px 0 !important;
    border: 0 !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.18) !important;
    font-family: var(--serif) !important;
    font-size: 1.5rem !important;
    line-height: 1.25 !important;
    color: var(--ivory) !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    letter-spacing: -0.005em !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__nav .mobile-menu__sublink:last-of-type {
    border-bottom: 0;
  }
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__nav .mobile-menu__sublink:active {
    color: var(--gold-s);
  }
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__nav .mobile-menu__sublink::before {
    display: none;
  }

  /* Sub-panel head — generous breathing room */
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__subhead {
    padding-bottom: 22px;
    margin-bottom: 8px;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.30);
  }
  .mobile-menu .mobile-menu__panel--sub .mobile-menu__subtitle {
    font-family: var(--serif);
    font-style: italic;
    font-size: 1.25rem;
    color: var(--gold);
    margin-left: auto;
    line-height: 1;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 5
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 6 — Standardize header brand size across ALL pages
   (matches shop.html's spec — user wants every page to look like shop)
   ════════════════════════════════════════════════════════════════════ */

/* Step-down breakpoints for very narrow phones — matches shop's inline rules */
@media (max-width: 480px) {
  .brand__ring, .brand__sigil, .brand__ring img { width: 38px !important; height: 38px !important; }
  .brand__name { font-size: 0.85rem !important; letter-spacing: 0.18em !important; }
  .brand__name sup { font-size: 0.4em !important; }
  .header { padding: 0 16px !important; }
}
@media (max-width: 380px) {
  .brand__name { font-size: 0.78rem !important; letter-spacing: 0.14em !important; }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 6
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 7 — BOOK PAGE mobile audit
   Match the formatting principles we applied to index:
   - No flanking dashes on eyebrows
   - Flat sections, no decorative card boxes
   - Clean two-CTA button stacks (gold + outline)
   - White cards with subtle shadows where applicable
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── Remove flanking dashes from section eyebrows ─── */
  .section-eyebrow,
  .inevitable__cap {
    display: block !important;
    margin-bottom: 18px !important;
    text-align: center !important;
  }
  .section-eyebrow::before,
  .section-eyebrow::after,
  .inevitable__cap::before,
  .inevitable__cap::after {
    content: none !important;
    display: none !important;
  }

  /* ─── Book hero refinements ─── */
  .book-hero {
    padding: 80px 24px 64px !important;
    min-height: auto !important;
  }
  /* Mobile: cover positioned AFTER "A covenant framework" — use display:contents + order */
  .book-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    text-align: center !important;
    grid-template-columns: none !important;
    max-width: 100% !important;
  }
  .book-hero__copy {
    display: contents !important;
  }
  /* Reorder so cover sits AFTER the CTAs (just before The Inevitable section) */
  .book-hero__date { order: 1; margin-bottom: 14px !important; }
  .book-hero__script { order: 2; margin-bottom: 12px !important; }
  .book-hero__title { order: 3; margin-bottom: 20px !important; }
  .book-hero__subtitle { order: 4; margin-bottom: 28px !important; }
  .book-hero__byline { order: 5; margin-bottom: 32px !important; }
  .book-hero__ctas { order: 6; width: 100%; gap: 14px !important; margin-bottom: 0 !important; }
  .book-hero__cover-wrap { order: 7 !important; margin: 120px auto 0 !important; }
  .book-hero__date {
    display: block !important;
    text-align: center !important;
    font-family: var(--sans) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    color: var(--gold) !important;
    text-transform: uppercase;
    margin: 0 auto 12px !important;
  }
  .book-hero__date::before {
    display: none !important;
  }
  .book-hero__script {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: var(--gold) !important;
    margin: 0 0 8px !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
  }
  .book-hero__title {
    font-family: var(--serif) !important;
    font-size: 3rem !important;
    line-height: 1.0 !important;
    letter-spacing: -0.02em !important;
    color: var(--ink) !important;
    margin-bottom: 18px !important;
    text-align: center;
  }
  .book-hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .book-hero__subtitle {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.15rem !important;
    line-height: 1.5 !important;
    color: var(--muted) !important;
    text-align: center !important;
    max-width: 320px !important;
    margin: 0 auto 22px !important;
  }

  /* Cover sizing — margin lives on the order rule above so it can separate from CTAs */
  .book-hero__cover-wrap {
    margin: 120px auto 0 !important;
    max-width: 280px !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .book-hero__cover-img {
    box-shadow: none !important;
    filter: none !important;
    display: block;
    width: 100%;
  }
  .book-hero__cover-img:hover {
    filter: none !important;
    transform: none !important;
  }
  .book-hero__cover-img img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* Byline — small circular YGH badge + text */
  .book-hero__byline {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 0 auto 22px !important;
    padding-top: 18px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.22);
    text-align: left;
  }
  .book-hero__byline-mark {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    border: 0.5px solid var(--gold);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-family: var(--serif) !important;
    font-size: 9px !important;
    letter-spacing: 1px !important;
    color: var(--gold) !important;
    flex-shrink: 0;
  }
  /* Byline text — stack label above name vertically */
  .book-hero__byline-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    text-align: left;
    gap: 0;
  }
  .book-hero__byline-label {
    display: block !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 !important;
    line-height: 1;
  }
  .book-hero__byline-name {
    display: block !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: var(--ink) !important;
    margin: 3px 0 0 !important;
    line-height: 1.2;
  }

  /* CTAs — clean two-button stack (gold primary + outline secondary) */
  .book-hero__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 8px;
  }
  .book-hero__ctas .btn,
  .book-hero__ctas a.btn,
  .book-hero__ctas button.btn {
    width: 100% !important;
    box-sizing: border-box;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.24em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
  }
  .book-hero__ctas .btn--primary,
  .book-hero__ctas .btn--gold {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  .book-hero__ctas .btn--secondary,
  .book-hero__ctas .btn--outline {
    background: var(--ink) !important;
    color: var(--ivory) !important;
    border: 1px solid var(--ink) !important;
  }
  .book-hero__ctas .btn::after,
  .book-hero__ctas .btn__arrow {
    display: none !important;
  }

  /* ─── Section title sizing across the book page ─── */
  .section-title {
    font-size: 2.4rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.015em !important;
    text-align: center !important;
    margin-bottom: 18px !important;
  }
  .section-sub {
    text-align: center !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    max-width: 320px;
    margin: 0 auto 32px !important;
  }

  /* ─── INEVITABLE section ─── */
  .inevitable__hook {
    font-size: 2.9rem !important;
    line-height: 1.25 !important;
    text-align: center !important;
    color: var(--ink) !important;
  }

  /* ─── PRAISE section — NAVY editorial reviews (matches index "Voices on the covenant" pattern) ─── */
  .praise {
    background: var(--navy-2, #0b1e40) !important;
    padding: 60px 24px !important;
  }
  .praise::before {
    display: none !important;
  }
  .praise .section-eyebrow {
    color: var(--gold-s) !important;
  }
  .praise .section-title {
    color: var(--ivory) !important;
  }
  .praise .section-title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .praise .section-sub {
    color: rgba(251, 244, 230, 0.78) !important;
  }
  .praise__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    margin-top: 30px !important;
  }
  /* Each praise card — its own box (matches sp-reflection on index, navy version) */
  .praise-card {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(184, 144, 69, 0.22) !important;
    border-radius: 0 !important;
    padding: 32px 24px 26px !important;
    gap: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
  }
  /* Decorative gold quote mark at the top of each box */
  .praise-card::before {
    content: "\201C" !important;
    display: block !important;
    position: static !important;
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    line-height: 0.7 !important;
    color: var(--gold-s) !important;
    opacity: 0.75 !important;
    margin: 0 0 6px !important;
    height: auto !important;
    width: auto !important;
    top: auto !important;
    left: auto !important;
  }
  .praise-card__body {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.1rem !important;
    line-height: 1.55 !important;
    color: rgba(251, 244, 230, 0.92) !important;
    padding-top: 0 !important;
    margin: 0 !important;
  }
  .praise-card__body em {
    color: var(--gold-s) !important;
  }
  .praise-card__attr {
    padding-top: 16px !important;
    margin-top: 4px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.18) !important;
    gap: 2px !important;
  }
  .praise-card__attr-name {
    font-family: var(--serif) !important;
    font-style: italic !important;
    color: var(--gold-s) !important;
    font-size: 1rem !important;
  }
  .praise-card__attr-title {
    font-family: var(--sans) !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: rgba(251, 244, 230, 0.55) !important;
  }

  /* ─── SACRED 100 — fully centered on mobile ─── */
  .sacred-100 {
    padding: 56px 24px !important;
    background: var(--ivory) !important;
  }
  .sacred-100__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    grid-template-columns: none !important;
    gap: 32px !important;
    text-align: center !important;
  }
  .sacred-100__copy {
    text-align: center !important;
    width: 100%;
    padding: 0 !important;
  }
  .sacred-100__cap {
    display: block !important;
    text-align: center !important;
    width: 100%;
  }
  .sacred-100__cap::before {
    display: none !important;
  }
  .sacred-100__title {
    font-size: 2rem !important;
    text-align: center !important;
    line-height: 1.1;
  }
  .sacred-100__lede {
    text-align: center !important;
    color: var(--muted) !important;
    max-width: 360px;
    margin: 0 auto 22px !important;
  }
  .sacred-100__includes {
    text-align: center !important;
    margin: 0 auto 22px !important;
    max-width: 340px;
  }
  .sacred-100__includes-label {
    display: block !important;
    text-align: center !important;
    color: var(--gold) !important;
  }
  .sacred-100__includes ul {
    text-align: center !important;
    padding-left: 0 !important;
    list-style: none !important;
  }
  .sacred-100__includes li {
    text-align: center !important;
    padding-left: 0 !important;
  }
  .sacred-100__includes li::before {
    display: none !important;
  }
  .sacred-100__price-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 auto 20px !important;
  }
  .sacred-100__price {
    text-align: center !important;
  }
  .sacred-100__price-note {
    text-align: center !important;
    color: var(--muted) !important;
  }
  /* CTA centered */
  .sacred-100__copy .btn,
  .sacred-100__copy a.btn {
    margin: 0 auto !important;
    display: inline-flex !important;
  }
  /* Hide the right-side decorative visual on mobile to keep things clean */
  .sacred-100__visual {
    margin: 0 auto !important;
    text-align: center !important;
  }
  .sacred-100__numeral {
    text-align: center !important;
  }
  .sacred-100__numeral-sub {
    text-align: center !important;
    display: block;
  }

  /* ─── EDITIONS section — white cards like Begin Here ─── */
  .editions {
    padding: 56px 24px !important;
  }
  .edition-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    max-width: 100% !important;
    margin: 30px 0 0 !important;
  }
  .edition-card {
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 28px 26px !important;
    box-shadow: 0 1px 3px rgba(7, 20, 50, 0.04) !important;
  }

  /* ─── COMPANIONS — 2-col grid like shop products ─── */
  .companions {
    padding: 56px 24px !important;
  }
  .companions__grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 36px 16px !important;
    max-width: 100% !important;
  }

  /* ─── BIB section — match the FORMAT/RELEASE/PAGES layout from index ─── */
  .bib {
    padding: 56px 24px !important;
    background: var(--ivory) !important;
  }
  .bib__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    padding: 22px 0 !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.30);
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.30);
  }
  .bib__cell {
    display: grid !important;
    grid-template-columns: 110px 1fr !important;
    align-items: baseline;
    gap: 16px;
    padding: 14px 0 !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.16);
  }
  .bib__cell:last-child {
    border-bottom: 0 !important;
  }
  .bib__cell-label {
    font-family: var(--sans) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    font-weight: 500 !important;
    margin: 0 !important;
  }
  .bib__cell-value {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.1rem !important;
    color: var(--ink) !important;
    text-align: left !important;
    line-height: 1.35 !important;
    margin: 0 !important;
  }

  /* ─── WAITLIST — NAVY backdrop for email capture ─── */
  .waitlist {
    padding: 56px 24px !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
  }
  .waitlist::before,
  .waitlist::after {
    display: none !important;
  }
  .waitlist__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: var(--gold-s) !important;
    margin: 0 0 12px !important;
  }
  .waitlist__title {
    font-size: 2rem !important;
    text-align: center !important;
    color: var(--ivory) !important;
  }
  .waitlist__title em {
    color: var(--gold-s) !important;
  }
  .waitlist__body,
  .waitlist__sub,
  .waitlist__note {
    text-align: center !important;
    color: rgba(251, 244, 230, 0.85) !important;
  }
  .waitlist__fine {
    text-align: center !important;
    color: rgba(251, 244, 230, 0.55) !important;
  }
  .waitlist__input {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.5) !important;
    color: var(--ivory) !important;
  }
  .waitlist__input::placeholder {
    color: rgba(251, 244, 230, 0.45) !important;
  }
  .waitlist__form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    border-bottom: 0 !important;
    margin: 28px 0 0 !important;
  }
  .waitlist__input {
    width: 100% !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
    border: 0.5px solid rgba(184, 144, 69, 0.4) !important;
    border-radius: 999px !important;
    padding: 16px 22px !important;
    color: var(--ink) !important;
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    text-align: left !important;
  }
  .waitlist__input::placeholder {
    color: rgba(7, 20, 50, 0.45) !important;
  }
  .waitlist__submit {
    width: 100% !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 14px 24px !important;
    font-family: var(--sans) !important;
    font-size: 8px !important;
    letter-spacing: 0.12em !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    justify-content: center;
  }
  .waitlist__submit::after {
    display: none !important;
  }

  /* ─── AUTHOR section — fully centered on mobile ─── */
  .author-section {
    padding: 56px 24px !important;
  }
  .author-section__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    max-width: 100% !important;
    grid-template-columns: none !important;
    gap: 28px !important;
  }
  .author-portrait {
    max-width: 240px !important;
    margin: 0 auto !important;
  }
  .author-section__copy {
    text-align: center !important;
    width: 100%;
  }
  .author-section__label {
    display: block !important;
    text-align: center !important;
    font-family: var(--sans) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin-bottom: 14px !important;
  }
  .author-section__name {
    font-size: 2rem !important;
    text-align: center !important;
    margin-bottom: 12px !important;
  }
  .author-section__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .author-section__title-line {
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    color: var(--muted) !important;
    margin-bottom: 20px !important;
    line-height: 1.5;
  }
  .author-section__bio {
    text-align: center !important;
  }
  .author-section__bio p {
    text-align: center !important;
    font-family: var(--serif) !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    margin-bottom: 16px !important;
  }
  .author-section__bio em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .author-section__credits {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    margin-top: 24px !important;
    align-items: center !important;
    text-align: center !important;
  }
  .author-section__credit {
    text-align: center !important;
  }
  .author-section__credit-label {
    display: block !important;
    text-align: center !important;
    color: var(--gold) !important;
  }
  .author-section__credit-value {
    display: block !important;
    text-align: center !important;
  }

  /* ─── INSIDE / TOC section ─── */
  .inside {
    padding: 56px 24px !important;
  }
  .toc-parts {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
  }
  .toc-part {
    padding: 24px 22px !important;
    background: #FFFFFF !important;
    border-radius: 14px !important;
    border: 0 !important;
    box-shadow: 0 1px 3px rgba(7, 20, 50, 0.04) !important;
  }
  /* Part 2 (Anti-Patterns) — keep its signature navy "villain" treatment */
  .toc-part.toc-part--two {
    background: linear-gradient(168deg, #0E1A38 0%, #0a1428 55%, #08101f 100%) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.32) !important;
    box-shadow: 0 4px 12px rgba(7, 20, 50, 0.18) !important;
  }
  .toc-part.toc-part--two .toc-part__label,
  .toc-part.toc-part--two .toc-part__label-num,
  .toc-part.toc-part--two .toc-part__title em {
    color: var(--gold-s) !important;
  }
  .toc-part.toc-part--two .toc-part__title {
    color: var(--ivory) !important;
  }
  .toc-part.toc-part--two .toc-part__desc {
    color: rgba(251, 244, 230, 0.82) !important;
  }
  .toc-part.toc-part--two .toc-part__list li {
    color: var(--ivory) !important;
    border-bottom-color: rgba(184, 144, 69, 0.18) !important;
  }
  .toc-part.toc-part--two .toc-part__list-name {
    color: var(--ivory) !important;
  }
  .toc-part__label {
    margin-bottom: 12px;
  }
  .toc-part__label-num {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 2.4rem !important;
    color: var(--gold) !important;
    line-height: 1;
  }
  .toc-part__title {
    font-family: var(--serif) !important;
    font-size: 1.5rem !important;
    color: var(--ink) !important;
    margin: 8px 0 10px !important;
  }
  .toc-part__title em {
    color: var(--gold) !important;
    font-style: italic;
  }
  .toc-part__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.05rem !important;
    line-height: 1.5 !important;
    color: var(--muted) !important;
    margin: 0 0 16px !important;
  }
  .toc-part__list li {
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    color: var(--ink) !important;
    padding: 8px 0 !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.16);
  }
  .toc-part__list li:last-child {
    border-bottom: 0 !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 7 BOOK PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 8 — FRAMEWORKS PAGE mobile audit
   Same design language as index + book pages:
   - No flanking dashes on eyebrows
   - Centered hero & sections, breathing room
   - White cards with subtle shadows on cream sections
   - Anti-section keeps its navy "villain" treatment
   - Anti-cards become proper boxes (like praise cards on book page)
   - Clean two-CTA stacks
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── MASTHEAD HERO ─── */
  .masthead {
    padding: 90px 24px 60px !important;
    text-align: center !important;
  }
  .masthead__inner {
    text-align: center !important;
  }
  .masthead__bg-mark {
    display: none !important;
  }
  .masthead__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: var(--sans) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  .masthead__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  .masthead__title {
    font-family: var(--serif) !important;
    font-size: 2.6rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.018em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin-bottom: 22px !important;
  }
  .masthead__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .masthead__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    max-width: 340px !important;
    margin: 0 auto 28px !important;
  }
  /* Decorative ornament — gold dots and lines, hide on mobile to keep clean */
  .masthead__ornament {
    display: none !important;
  }

  /* ─── TABLE OF CONTENTS — white cards like Begin Here on index ─── */
  .toc-frame {
    padding: 40px 24px 40px !important;
  }
  .toc-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
  }
  .toc-item {
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 26px 24px !important;
    box-shadow: 0 1px 3px rgba(7, 20, 50, 0.04) !important;
    display: block !important;
    text-decoration: none !important;
  }
  .toc-item__no {
    display: block !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 2.2rem !important;
    color: var(--gold) !important;
    line-height: 1 !important;
    margin-bottom: 10px !important;
  }
  .toc-item__title {
    font-family: var(--serif) !important;
    font-size: 1.5rem !important;
    color: var(--ink) !important;
    margin: 0 0 8px !important;
    line-height: 1.1 !important;
  }
  .toc-item__count {
    display: block !important;
    font-family: var(--sans) !important;
    font-size: 10px !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin-bottom: 12px !important;
  }
  .toc-item__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: var(--muted) !important;
    margin: 0 0 14px !important;
  }
  .toc-item__arrow {
    font-family: var(--sans) !important;
    font-size: 11px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    font-weight: 500 !important;
  }

  /* ─── DEPOSITS-SECTION (I. The Foundation) — editorial chapter cards ─── */
  .deposits-section {
    padding: 56px 24px !important;
  }
  .deposits-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
  }
  /* Each deposit becomes a chapter-style card: gold-top-band, white body, italic editorial type */
  .deposit-entry {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    padding: 44px 30px 38px !important;
    margin: 0 !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
    position: relative !important;
  }
  .deposit-entry::before {
    display: none !important;
  }
  .deposit-entry:hover {
    transform: none !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
  }
  /* LEFT BLOCK — header for the chapter (label + numeral) */
  .deposit-entry__left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin-bottom: 14px !important;
    gap: 6px !important;
  }
  .deposit-entry__label {
    display: block !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    font-weight: 600 !important;
    margin: 0 !important;
    order: 1;
  }
  .deposit-entry__roman {
    display: block !important;
    font-family: "Cinzel", "Cormorant Garamond", Georgia, serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 2.4rem !important;
    color: var(--gold) !important;
    line-height: 1 !important;
    text-align: center !important;
    margin: 6px auto 0 !important;
    padding: 0 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    width: 100% !important;
    order: 2;
  }
  /* RIGHT BLOCK — block flow, simpler */
  .deposit-entry__right {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .deposit-entry__name {
    font-family: var(--serif) !important;
    font-size: 2rem !important;
    line-height: 1.12 !important;
    letter-spacing: -0.012em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 0 18px !important;
  }
  .deposit-entry__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .deposit-entry__name sup {
    color: var(--gold) !important;
    font-size: 0.45em !important;
  }
  /* (Decorative dot removed — was causing layout issues) */
  .deposit-entry__name::after {
    content: none !important;
    display: none !important;
  }
  .deposit-entry__body,
  .deposit-entry__right > p {
    font-family: var(--serif) !important;
    font-size: 1.2rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 0 24px !important;
  }
  .deposit-entry__body em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* ── THE PRACTICE — simple stacked block, clear visual treatment ── */
  .deposit-entry__practice {
    display: block !important;
    flex-direction: initial !important;
    align-items: initial !important;
    gap: initial !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 28px 0 0 !important;
    padding: 24px 0 4px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.32) !important;
    text-align: center !important;
  }
  .deposit-entry__practice-label {
    display: block !important;
    flex-shrink: initial !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    text-align: center !important;
    width: auto !important;
    max-width: 100% !important;
    line-height: 1.2 !important;
  }
  .deposit-entry__practice-text {
    display: block !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.15rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    width: auto !important;
    max-width: 100% !important;
  }

  /* ─── ANTI-SECTION (II. The Anti-Patterns) — keep its navy villain treatment ─── */
  .anti-section {
    padding: 60px 24px !important;
  }
  .anti-section .section-eyebrow {
    color: var(--gold-s) !important;
  }
  .anti-section .section-title {
    color: var(--ivory) !important;
  }
  .anti-section .section-title em {
    color: var(--gold-s) !important;
  }
  .anti-section .section-sub {
    color: rgba(251, 244, 230, 0.78) !important;
  }
  .anti-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
  }
  /* Anti-cards as proper boxes (like praise cards on book page) */
  .anti-card {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(184, 144, 69, 0.22) !important;
    padding: 28px 24px 26px !important;
    gap: 12px !important;
  }
  .anti-card:hover {
    transform: none !important;
  }
  .anti-card__num {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.8rem !important;
    color: var(--gold-s) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1 !important;
    margin: 0 0 4px !important;
  }
  .anti-card__name {
    font-family: var(--serif) !important;
    font-size: 1.4rem !important;
    color: var(--ivory) !important;
    margin: 0 0 6px !important;
    line-height: 1.15 !important;
  }
  .anti-card__name sup {
    color: var(--gold-s) !important;
  }
  .anti-card__body,
  .anti-card p:not(.anti-card__num) {
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
    color: rgba(251, 244, 230, 0.85) !important;
  }

  /* ─── OS-SECTION (III. The Operating System) ─── */
  .os-section {
    padding: 56px 24px !important;
  }
  .os-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    max-width: 100% !important;
  }
  /* OS cards as white cards (matches cream-section card pattern) */
  .os-card,
  .os-frame {
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 26px 24px !important;
    box-shadow: 0 1px 3px rgba(7, 20, 50, 0.04) !important;
  }

  /* ─── PROTOCOLS-SECTION (IV. The Practice) — chapter cards, ALL centered ─── */
  .protocols-section {
    padding: 56px 24px !important;
  }
  .protocols-section__inner {
    text-align: center !important;
  }
  .protocol-chapter {
    background: linear-gradient(165deg, #F5EFE0 0%, #F0E7D2 100%) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.28) !important;
    border-radius: 14px !important;
    padding: 36px 28px 34px !important;
    margin: 0 0 16px !important;
    text-align: center !important;
    overflow: hidden !important;
    position: relative !important;
    display: block !important;
  }
  .protocol-chapter:last-child {
    margin-bottom: 0 !important;
  }
  .protocol-chapter:first-of-type {
    padding-top: 36px !important;
  }
  .protocol-chapter:hover {
    transform: none !important;
  }
  /* Kill the absolute-positioned hover bar */
  .protocol-chapter::before {
    display: none !important;
    content: none !important;
  }
  /* Caps eyebrow — centered, no left dash */
  .protocol-chapter__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 16px !important;
    gap: 0 !important;
    width: 100% !important;
  }
  .protocol-chapter__cap::before {
    display: none !important;
    content: none !important;
  }
  /* Title — centered, full width */
  .protocol-chapter__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.8rem !important;
    line-height: 1.12 !important;
    letter-spacing: -0.012em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
    max-width: 100% !important;
  }
  .protocol-chapter__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .protocol-chapter__name sup {
    color: var(--gold) !important;
    font-size: 0.45em !important;
  }
  /* Lede — centered italic body */
  .protocol-chapter__lede {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-style: italic !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
    max-width: 100% !important;
  }
  .protocol-chapter__lede em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* CTA — centered, contained pill style */
  .protocol-chapter__cta {
    display: inline-flex !important;
    align-items: center;
    gap: 10px !important;
    margin: 0 auto !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    border-bottom: 1px solid var(--ink) !important;
    padding-bottom: 6px !important;
    text-decoration: none !important;
  }

  /* ─── ASSESSMENT CTA — section is NAVY, so type stays light ─── */
  .assessment-cta {
    padding: 60px 24px !important;
    text-align: center !important;
  }
  .assessment-cta__inner {
    text-align: center !important;
  }
  .assessment-cta__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: var(--sans) !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 16px !important;
  }
  .assessment-cta__title {
    font-family: var(--serif) !important;
    font-size: 2rem !important;
    line-height: 1.15 !important;
    letter-spacing: -0.012em !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  .assessment-cta__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .assessment-cta__body {
    font-family: var(--serif) !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    color: rgba(251, 244, 230, 0.78) !important;
    text-align: center !important;
    max-width: 340px !important;
    margin: 0 auto 28px !important;
  }
  .assessment-cta__buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  .assessment-cta__buttons .btn,
  .assessment-cta__buttons a.btn {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.24em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
  }
  /* Primary on cream section → solid gold */
  .assessment-cta__buttons .btn--primary,
  .assessment-cta__buttons .btn--primary-light,
  .assessment-cta__buttons .btn--gold {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  /* Secondary on navy section → outline gold (since the section is dark) */
  .assessment-cta__buttons .btn--secondary,
  .assessment-cta__buttons .btn--ghost,
  .assessment-cta__buttons .btn--ghost-light,
  .assessment-cta__buttons .btn--outline {
    background: transparent !important;
    color: var(--ivory) !important;
    border: 1px solid var(--gold) !important;
  }
  .assessment-cta__buttons .btn::after,
  .assessment-cta__buttons .btn__arrow {
    display: none !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 8 FRAMEWORKS PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 9 — FIVE DEPOSITS PAGE mobile audit
   Same chapter card pattern as frameworks page:
   - Roman numeral + Cinzel caps label
   - White card with gold top band, centered content
   - Practice section as proper block sub-element
   - Header brand visibility fix
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX — brand must be navy on cream header (page overrides it to ivory) ─── */
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }
  body .header .nav-link {
    color: var(--ink) !important;
  }
  body .header .nav-toggle__label {
    color: var(--ink) !important;
  }
  body .header .nav-toggle__lines span {
    background: var(--ink) !important;
  }

  /* ─── HERO ─── */
  .hero {
    padding: 90px 24px 60px !important;
    text-align: center !important;
  }
  .hero__inner {
    text-align: center !important;
  }
  .hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  .hero__cap::before,
  .hero__cap::after {
    display: none !important;
    content: none !important;
  }
  .hero__script {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: var(--gold-s) !important;
    margin: 0 0 12px !important;
    display: block !important;
    text-align: center !important;
  }
  .hero__title {
    font-family: var(--serif) !important;
    font-size: 2.6rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.018em !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 0 22px !important;
  }
  .hero__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .hero__title sup {
    color: var(--gold-s) !important;
    font-size: 0.45em !important;
  }
  .hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: rgba(251, 244, 230, 0.85) !important;
    text-align: center !important;
    max-width: 340px !important;
    margin: 0 auto !important;
  }
  .hero__sub em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }

  /* ─── DEPOSITS section — chapter cards with proper breathing ─── */
  .deposits {
    padding: 56px 24px !important;
  }
  .deposits__inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
  }
  .deposit-entry {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 38px 28px 34px !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
  }
  .deposit-entry__num {
    display: block !important;
    font-family: "Cinzel", "Cormorant Garamond", Georgia, serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 2.4rem !important;
    color: var(--gold) !important;
    line-height: 1 !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
  }
  .deposit-entry__body {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
  .deposit-entry__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
    width: 100% !important;
  }
  .deposit-entry__cap::before,
  .deposit-entry__cap::after {
    display: none !important;
    content: none !important;
  }
  .deposit-entry__name {
    font-family: var(--serif) !important;
    font-size: 2rem !important;
    line-height: 1.12 !important;
    letter-spacing: -0.012em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 0 18px !important;
  }
  .deposit-entry__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .deposit-entry__name sup {
    color: var(--gold) !important;
    font-size: 0.45em !important;
  }
  .deposit-entry__def {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.5 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
    padding: 0 0 22px !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.32) !important;
    max-width: 100% !important;
  }
  .deposit-entry__def em {
    color: var(--gold) !important;
    font-weight: 400 !important;
  }
  .deposit-entry__body-text {
    text-align: center !important;
  }
  .deposit-entry__body-text p {
    font-family: var(--serif) !important;
    font-size: 1.1rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 0 16px !important;
  }
  .deposit-entry__body-text p:last-child {
    margin-bottom: 22px !important;
  }
  .deposit-entry__body-text em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* THE PRACTICE — clean centered block */
  .deposit-entry__practice {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 22px 22px !important;
    margin: 0 auto !important;
    background: rgba(184, 144, 69, 0.06) !important;
    border-left: 0 !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.40) !important;
    border-radius: 8px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  .deposit-entry__practice-label {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
    width: 100% !important;
  }
  .deposit-entry__practice-text {
    display: block !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  .deposit-entry__practice-text em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* ─── DEPOSITS-CTA — clean centered final CTA ─── */
  .deposits-cta {
    padding: 60px 24px !important;
    text-align: center !important;
  }
  .deposits-cta__inner {
    text-align: center !important;
  }
  .deposits-cta__title {
    font-family: var(--serif) !important;
    font-size: 2rem !important;
    line-height: 1.1 !important;
    letter-spacing: -0.012em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  .deposits-cta__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .deposits-cta__body {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    max-width: 340px !important;
    margin: 0 auto 28px !important;
  }
  .deposits-cta__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
  }
  .deposits-cta__ctas .btn,
  .deposits-cta__ctas a.btn {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.24em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
  }
  .deposits-cta__ctas .btn--primary {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  .deposits-cta__ctas .btn--secondary {
    background: var(--ink) !important;
    color: var(--ivory) !important;
    border: 1px solid var(--ink) !important;
  }
  .deposits-cta__ctas .btn::after,
  .deposits-cta__ctas .btn__arrow {
    display: none !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 9 FIVE DEPOSITS PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 9.1 — TEXT FIT GUARANTEES
   Ensure all text fits properly inside cards/boxes across all pages.
   Long titles ("The Compound Tenderness Effect™") wrap cleanly,
   nothing overflows, everything breathes.
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── DEPOSIT chapter cards (frameworks + five-deposits) ─── */
  .deposit-entry,
  article.deposit-entry,
  .protocol-chapter {
    overflow: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  /* All text inside deposit cards — wrap properly */
  .deposit-entry *,
  .protocol-chapter * {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Title sup (™) — keep attached to preceding word, don't break weird */
  .deposit-entry__name,
  .deposit-entry__name em,
  .protocol-chapter__name,
  .deposit-entry__def,
  .deposit-entry__def em {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
  }

  /* For the longest titles, reduce slightly so they fit one line where possible */
  .deposit-entry__name,
  .protocol-chapter__name {
    font-size: 1.85rem !important;
    line-height: 1.15 !important;
    padding: 0 4px !important;
    text-wrap: balance;
  }

  /* Body text — proper wrap, prevent overflow */
  .deposit-entry__body-text p,
  .deposit-entry__def,
  .deposit-entry__practice-text,
  .protocol-chapter__lede {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  /* Practice box — proper internal breathing */
  .deposit-entry__practice {
    overflow: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .deposit-entry__practice-text,
  .deposit-entry__practice-text em {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
  }

  /* ─── BOOK page TOC parts ─── */
  .toc-part,
  .toc-part__title,
  .toc-part__list li,
  .toc-part__list-name {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }
  .toc-part {
    overflow: hidden !important;
  }

  /* ─── FRAMEWORKS TOC items + anti-cards + os cards ─── */
  .toc-item,
  .anti-card,
  .os-card,
  .os-frame {
    overflow: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .toc-item *,
  .anti-card *,
  .os-card *,
  .os-frame * {
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  /* ─── BOOK page edition cards + praise cards ─── */
  .edition-card,
  .praise-card,
  .companion-card {
    overflow: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .edition-card *,
  .praise-card *,
  .companion-card * {
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  /* ─── INDEX page Begin Here + Reader Reflections ─── */
  .path-card,
  .begin-card,
  .sp-reflection {
    overflow: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  /* Long named items in lists — break gracefully */
  .toc-part__list-name,
  .toc-item__title,
  .edition-card__title,
  .companion-card__title {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
  }

  /* Anti-card name with sup (™) — wrap cleanly */
  .anti-card__name,
  .anti-card__name sup {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  /* Sup elements (™) — never break to a new line alone */
  sup {
    white-space: nowrap !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 9.1
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 10 — AUDIT PAGE mobile audit
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX — page sets brand to ivory, but cream header needs navy ─── */
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }
  body .header .nav-link,
  body .header .nav-toggle__label {
    color: var(--ink) !important;
  }
  body .header .nav-toggle__lines span {
    background: var(--ink) !important;
  }

  /* ─── HERO (navy gradient) ─── */
  .hero {
    padding: 90px 24px 32px !important;
    text-align: center !important;
  }
  .hero__inner {
    text-align: center !important;
  }
  .hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  .hero__cap::before,
  .hero__cap::after {
    display: none !important;
    content: none !important;
  }
  .hero__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: var(--gold-s) !important;
    margin: 0 0 12px !important;
  }
  .hero__title {
    font-family: var(--serif) !important;
    font-size: 2.6rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.018em !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 0 22px !important;
  }
  .hero__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .hero__title sup {
    color: var(--gold-s) !important;
    font-size: 0.45em !important;
  }
  .hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.32rem !important;
    line-height: 1.5 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  .hero__sub em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  /* Hero CTAs — gold pill + gold outline, centered stack */
  .hero__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  .hero__ctas .btn,
  .hero__ctas a.btn {
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.24em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
  }
  .hero__ctas .btn--primary {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  .hero__ctas .btn--secondary {
    background: transparent !important;
    color: var(--ivory) !important;
    border: 1px solid var(--gold) !important;
  }
  .hero__ctas .btn__arrow,
  .hero__ctas .btn::after {
    display: none !important;
  }

  /* ─── AUDIT PROMISE (cream section) ─── */
  .audit-promise {
    padding: 28px 24px 56px !important;
    text-align: center !important;
  }
  .audit-promise__inner {
    text-align: center !important;
  }
  /* ─── Stats — editorial dashboard treatment with 3-col rhythm ─── */
  .audit-stats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important;
    margin: 36px 0 !important;
    padding: 36px 0 !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.40) !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.40) !important;
    position: relative !important;
  }
  /* Subtle vertical dividers between stats */
  .audit-stat {
    text-align: center !important;
    padding: 0 8px !important;
    position: relative !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .audit-stat + .audit-stat::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 14% !important;
    bottom: 14% !important;
    width: 0.5px !important;
    background: rgba(184, 144, 69, 0.30) !important;
  }
  .audit-stat__num {
    display: block !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 3.4rem !important;
    line-height: 1 !important;
    color: var(--gold) !important;
    margin: 0 0 14px !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
  }
  /* Subtle gold dash under each number */
  .audit-stat__num::after {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 1px !important;
    background: var(--gold) !important;
    margin: 12px auto 0 !important;
    opacity: 0.5 !important;
  }
  .audit-stat__label {
    display: block !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    line-height: 1.35 !important;
  }
  .audit-promise__body {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.12rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 24px auto 0 !important;
    max-width: 100% !important;
  }
  .audit-promise__body em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* ─── AUDIT MEASURES (chalk section, 6 measure cards) ─── */
  .audit-measures {
    padding: 56px 24px !important;
  }
  .audit-measures__inner {
    text-align: center !important;
  }
  .audit-measures .section-eyebrow {
    color: var(--gold) !important;
  }
  .audit-measures .section-title {
    color: var(--ink) !important;
    text-align: center !important;
  }
  .audit-measures .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .audit-measures .section-sub {
    color: var(--muted) !important;
    text-align: center !important;
  }
  .measures-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    max-width: 100% !important;
    margin: 28px 0 0 !important;
  }
  .measure {
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 28px 26px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    display: block !important;
    text-align: center !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: auto !important;
  }
  .measure:hover {
    transform: none !important;
    border-color: transparent !important;
  }
  .measure::before {
    display: none !important;
    content: none !important;
  }
  .measure__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    line-height: 1.15 !important;
    letter-spacing: -0.012em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 0 12px !important;
    min-height: auto !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .measure__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .measure__name sup {
    color: var(--gold) !important;
    font-size: 0.45em !important;
  }
  .measure__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 !important;
    flex: initial !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  /* ─── AUDIT CADENCE (navy gradient section) — fully centered, larger type ─── */
  .audit-cadence {
    padding: 60px 24px !important;
    text-align: center !important;
  }
  .audit-cadence__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  .audit-cadence .section-header {
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
  }
  .audit-cadence .section-eyebrow {
    display: block !important;
    text-align: center !important;
    color: var(--gold-s) !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    margin: 0 auto 16px !important;
  }
  .audit-cadence .section-eyebrow::before,
  .audit-cadence .section-eyebrow::after {
    display: none !important;
    content: none !important;
  }
  .audit-cadence .section-title {
    color: var(--ivory) !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-size: 2.6rem !important;
    line-height: 1.1 !important;
    letter-spacing: -0.015em !important;
    margin: 0 auto 22px !important;
    max-width: 100% !important;
  }
  .audit-cadence .section-title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .audit-cadence .section-sub {
    color: var(--ivory) !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.32rem !important;
    line-height: 1.5 !important;
    margin: 0 auto 28px !important;
    max-width: 360px !important;
  }
  .audit-cadence .section-sub em {
    color: var(--ivory) !important;
    font-style: italic !important;
  }
  .audit-cadence__body {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    line-height: 1.6 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 32px !important;
    max-width: 100% !important;
  }
  .audit-cadence__body em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .audit-cadence__cta {
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }
  .audit-cadence__cta .btn,
  .audit-cadence__cta a.btn {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.24em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
  }
  .audit-cadence__cta .btn__arrow,
  .audit-cadence__cta .btn::after {
    display: none !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 10 AUDIT PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 11 — ASSESSMENT PAGE (The Covenant Audit™) mobile audit
   Three screens: intro, question, results.
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ═══ INTRO SCREEN ═══ */
  .intro {
    padding: 90px 24px 56px !important;
    min-height: auto !important;
    text-align: center !important;
    display: block !important;
  }
  .intro__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  .intro__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  .intro__cap::before,
  .intro__cap::after {
    display: none !important;
    content: none !important;
  }
  .intro__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: var(--gold) !important;
    margin: 0 0 12px !important;
  }
  .intro__title {
    font-family: var(--serif) !important;
    font-size: 2.6rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.018em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  .intro__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .intro__title sup {
    color: var(--gold) !important;
    font-size: 0.45em !important;
  }
  .intro__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.18rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  .intro__sub em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* Stats — same dashboard treatment as audit page */
  .intro__stats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important;
    margin: 28px 0 !important;
    padding: 28px 0 !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.40) !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.40) !important;
  }
  .intro__stat {
    text-align: center !important;
    padding: 0 8px !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    border-right: none !important;
    border-bottom: none !important;
  }
  .intro__stat + .intro__stat::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 14% !important;
    bottom: 14% !important;
    width: 0.5px !important;
    background: rgba(184, 144, 69, 0.30) !important;
  }
  .intro__stat-num {
    display: block !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 3rem !important;
    line-height: 1 !important;
    color: var(--gold) !important;
    margin-bottom: 14px !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
  }
  .intro__stat-num::after {
    content: "" !important;
    display: block !important;
    width: 20px !important;
    height: 1px !important;
    background: var(--gold) !important;
    margin: 10px auto 0 !important;
    opacity: 0.5 !important;
  }
  .intro__stat-label {
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    line-height: 1.35 !important;
  }
  /* What This Measures — clean list */
  .intro__measures {
    margin: 0 auto 36px !important;
    text-align: center !important;
    max-width: 360px;
  }
  .intro__measures-label {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 18px !important;
  }
  .intro__measures-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .intro__measures-list li {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
    color: var(--ink) !important;
    padding: 12px 18px !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: 0 1px 3px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
  }
  /* Begin Audit CTA */
  #begin-btn,
  .intro #begin-btn {
    display: block !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }
  #begin-btn .btn__arrow {
    display: none !important;
  }
  .intro__resume {
    margin: 28px auto 0 !important;
    padding: 18px 22px !important;
    border-radius: 8px !important;
    max-width: 100% !important;
  }

  /* ═══ QUESTION SCREEN ═══ */
  .q-container {
    padding: 90px 20px 50px !important;
    text-align: center !important;
  }
  .q-card {
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 36px 22px 30px !important;
    margin: 0 auto 28px !important;
    box-shadow: 0 4px 12px rgba(7, 20, 50, 0.06) !important;
    text-align: center !important;
  }
  .q-card::before {
    display: none !important;
  }
  .q-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 24px !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold) !important;
  }
  .q-meta__num::before {
    display: none !important;
  }
  .q-meta__measure {
    padding-left: 0 !important;
    border-left: 0 !important;
    color: var(--muted) !important;
    font-size: 9px !important;
    letter-spacing: 0.18em !important;
  }
  .q-text {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  /* Options — vertical stack of 5 cards */
  .q-options {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }
  .q-option {
    background: #FFFFFF !important;
    border: 0.5px solid rgba(184, 144, 69, 0.32) !important;
    border-radius: 999px !important;
    padding: 18px 24px !important;
    min-height: auto !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
  }
  .q-option:hover,
  .q-option:active {
    transform: none !important;
    background: rgba(184, 144, 69, 0.06) !important;
    border-color: var(--gold) !important;
  }
  .q-option.is-selected {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
  }
  .q-option__label {
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    text-align: center !important;
  }
  .q-option.is-selected .q-option__label {
    color: var(--ivory) !important;
  }
  /* Nav */
  .q-nav {
    padding: 24px 24px 40px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
  }
  .q-prev {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
  }
  .q-prev:disabled {
    opacity: 0.35 !important;
    cursor: default !important;
  }
  .q-counter {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
  }

  /* ═══ RESULTS SCREEN ═══ */
  .results__hero {
    padding: 90px 24px 48px !important;
    text-align: center !important;
  }
  .results__hero-inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  .results__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  .results__title {
    font-family: var(--serif) !important;
    font-size: 2rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 32px !important;
  }
  .results__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .results__title sup {
    color: var(--gold) !important;
    font-size: 0.45em !important;
  }
  .results__index {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 auto !important;
  }
  .results__index-ring {
    width: 240px !important;
    height: 240px !important;
    margin: 0 auto 22px !important;
    position: relative !important;
  }
  .results__index-num {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 4.4rem !important;
    color: var(--gold) !important;
    line-height: 1 !important;
  }
  .results__index-out-of {
    color: var(--muted) !important;
  }
  .results__index-label,
  .results__index-descriptor {
    text-align: center !important;
    margin: 4px auto !important;
  }
  .results__index-label {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
  .results__index-descriptor {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.05rem !important;
    color: var(--muted) !important;
    max-width: 320px;
  }
  .results__interpretation {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.15rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 24px auto 0 !important;
    max-width: 360px !important;
  }

  /* Measures section — six measure cards */
  .measures-section {
    padding: 56px 24px !important;
  }
  .measures-section__inner {
    text-align: center !important;
  }
  .measures-section__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  .measures-section__title {
    font-family: var(--serif) !important;
    font-size: 2rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  .measures-section__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* ─── MEASURE CARDS — chapter card with score + progress bar ─── */
  #measure-cards {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-top: 28px !important;
  }
  .measure-card {
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 30px 24px 28px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    grid-template-columns: none !important;
    display: block !important;
    gap: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
  }
  /* Gold italic numeral at the top of each card */
  .measure-card__num {
    display: block !important;
    font-family: "Cinzel", "Cormorant Garamond", Georgia, serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 1.8rem !important;
    color: var(--gold) !important;
    line-height: 1 !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
  }
  .measure-card__body {
    display: block !important;
    text-align: center !important;
  }
  /* Head — title and score stacked centered */
  .measure-card__head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-align: center !important;
    margin-bottom: 16px !important;
    flex-wrap: nowrap !important;
  }
  .measure-card__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    line-height: 1.15 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .measure-card__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .measure-card__name sup {
    color: var(--gold) !important;
    font-size: 0.45em !important;
  }
  .measure-card__score {
    display: block !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    color: var(--gold) !important;
    text-align: center !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }
  /* Progress bar — slim gold rule */
  .measure-card__bar {
    display: block !important;
    height: 4px !important;
    width: 100% !important;
    max-width: 240px !important;
    margin: 0 auto 16px !important;
    background: rgba(184, 144, 69, 0.16) !important;
    border-radius: 2px !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .measure-card__bar-fill {
    height: 100% !important;
    background: var(--gold) !important;
    border-radius: 2px !important;
  }
  .measure-card__interpretation {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  /* Email section — NAVY backdrop */
  .results-email {
    padding: 56px 24px !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    text-align: center !important;
  }
  .results-email__inner {
    text-align: center !important;
  }
  .results-email__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: var(--gold-s) !important;
    margin: 0 0 12px !important;
  }
  .results-email__title {
    font-family: var(--serif) !important;
    font-size: 2rem !important;
    line-height: 1.1 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  .results-email__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .results-email__body {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: rgba(251, 244, 230, 0.85) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  .results-email__body em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .results-email__form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    border-bottom: 0 !important;
    margin: 0 auto !important;
    max-width: 360px !important;
  }
  .results-email__input {
    width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.5) !important;
    border-radius: 999px !important;
    padding: 16px 22px !important;
    color: var(--ivory) !important;
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    text-align: left !important;
  }
  .results-email__input::placeholder {
    color: rgba(251, 244, 230, 0.45) !important;
  }
  .results-email__submit {
    width: 100% !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 17px 24px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.24em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    justify-content: center !important;
  }
  .results-email__fine {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 0.9rem !important;
    color: rgba(251, 244, 230, 0.55) !important;
    text-align: center !important;
    margin: 16px auto 0 !important;
  }

  /* Results next — 3 doors cards */
  .results-next {
    padding: 56px 24px !important;
  }
  .results-next__inner {
    text-align: center !important;
  }
  .results-next__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  .results-next__title {
    font-family: var(--serif) !important;
    font-size: 2rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  .results-next__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .results-next__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  .next-card {
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 28px 24px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-decoration: none !important;
    text-align: center !important;
    display: block !important;
  }
  .next-card__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 0 12px !important;
  }
  .next-card__name {
    font-family: var(--serif) !important;
    font-size: 1.5rem !important;
    line-height: 1.15 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 0 12px !important;
  }
  .next-card__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .next-card__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 0 16px !important;
  }
  .next-card__cta {
    display: inline-block !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    border-bottom: 1px solid var(--ink) !important;
    padding-bottom: 4px !important;
  }

  /* Retake */
  .results-retake {
    padding: 32px 24px 56px !important;
    text-align: center !important;
  }
  .results-retake__link {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.4) !important;
    padding-bottom: 4px !important;
  }

}



/* ─── ASSESSMENT — Progress bar locked at top of screen ─── */
.q-progress-bar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: rgba(184, 144, 69, 0.18) !important;
  z-index: 1000 !important;
  width: 100% !important;
}
.q-progress-bar__fill {
  height: 100% !important;
  background: var(--gold) !important;
  width: 0%;
  transition: width 0.5s cubic-bezier(0.2, 0.7, 0.2, 1) !important;
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 11 ASSESSMENT PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   WAVE 12 — 30-DAY RESET PAGE mobile audit
   Sections: hero · reset-overview · phases-preview · phases-full
             (3 phase-sections) · daily-preview · reset-begin
   ════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX — navy on cream mobile header ─── */
  body.dark-header .header .brand__name,
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }
  body .header .nav-link,
  body .header .nav-toggle__label {
    color: var(--ink) !important;
  }
  body .header .nav-toggle__lines span {
    background: var(--ink) !important;
  }

  /* ─── HERO (navy-dark, hide decorative rings, override inline padding) ─── */
  .hero.hero--dark,
  section.hero.hero--dark[style] {
    padding: 90px 24px 56px !important;
    min-height: auto !important;
    text-align: center !important;
  }
  .vault-seal {
    display: none !important;
  }
  .hero--dark .hero__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  .hero--dark .hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  .hero--dark .hero__cap::before,
  .hero--dark .hero__cap::after {
    display: none !important;
    content: none !important;
  }
  .hero--dark .hero__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: var(--gold-s) !important;
    margin: 0 0 12px !important;
  }
  .hero--dark .hero__title {
    font-family: var(--serif) !important;
    font-size: 2.6rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.018em !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  .hero--dark .hero__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .hero--dark .hero__title sup {
    color: var(--gold-s) !important;
    font-size: 0.45em !important;
  }
  .hero--dark .hero__title br {
    display: none !important;
  }
  .hero--dark .hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.4rem !important;
    line-height: 1.5 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  .hero--dark .hero__sub em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  /* Hero CTAs — gold pill + gold outline, centered stack */
  .hero--dark .hero__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  .hero--dark .hero__ctas .btn,
  .hero--dark .hero__ctas a.btn {
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
  .hero--dark .hero__ctas .btn--gold {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  .hero--dark .hero__ctas .btn--ghost-light {
    background: transparent !important;
    color: var(--ivory) !important;
    border: 1px solid var(--gold) !important;
  }
  .hero--dark .hero__ctas .btn__arrow,
  .hero--dark .hero__ctas .btn::after {
    display: none !important;
  }

  /* ─── RESET OVERVIEW (cream — editorial opening paragraphs) ─── */
  .reset-overview {
    padding: 56px 24px !important;
    text-align: center !important;
  }
  .reset-overview__inner,
  .reset-overview__body {
    text-align: center !important;
  }
  .reset-overview__body p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.32rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  .reset-overview__body p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .reset-overview__rule {
    width: 60px !important;
    height: 1px !important;
    background: var(--gold) !important;
    margin: 28px auto !important;
    opacity: 0.5 !important;
  }

  /* ─── PHASES PREVIEW (3 phase-cards as chapter cards) ─── */
  .phases-preview {
    padding: 56px 24px !important;
  }
  .phases-preview__inner {
    text-align: center !important;
  }
  .phases-preview .section-eyebrow {
    color: var(--gold) !important;
  }
  .phases-preview .section-title {
    color: var(--ink) !important;
    text-align: center !important;
  }
  .phases-preview .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .phases-preview .section-sub {
    color: var(--muted) !important;
    text-align: center !important;
  }
  .phase-cards {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    margin: 28px 0 0 !important;
    max-width: 100% !important;
  }
  .phase-card {
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 30px 26px 28px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    display: block !important;
    text-align: center !important;
    height: auto !important;
    overflow: hidden !important;
  }
  .phase-card::before {
    display: none !important;
    content: none !important;
  }
  .phase-card__days {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 0 12px !important;
  }
  .phase-card__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.8rem !important;
    line-height: 1.15 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 0 12px !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
  }
  .phase-card__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .phase-card__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 !important;
    max-width: 100% !important;
    flex: initial !important;
  }
  /* "Read the Phases in Full" CTA below cards */
  .phases-preview [style*="text-align:center"] {
    margin-top: 32px !important;
  }
  .phases-preview .btn--secondary {
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    background: var(--ink) !important;
    color: var(--ivory) !important;
    border: 0 !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
  .phases-preview .btn--secondary .btn__arrow {
    display: none !important;
  }

  /* ─── PHASES FULL header ─── */
  .phases-full__header {
    padding: 56px 24px 24px !important;
    text-align: center !important;
  }
  .phases-full__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  .phases-full__title {
    font-family: var(--serif) !important;
    font-size: 2.6rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  .phases-full__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .phases-full__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.25rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }

  /* ─── PHASE SECTION blocks — substantial editorial breakdowns ─── */
  .phase-section {
    padding: 40px 24px 48px !important;
  }
  .phase-section__inner {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  .phase-section__numeral {
    display: block !important;
    position: static !important;
    top: auto !important;
    font-family: "Cinzel", serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 2.4rem !important;
    line-height: 1 !important;
    color: var(--gold) !important;
    letter-spacing: 0.04em !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  .phase-section__content {
    padding-top: 0 !important;
    text-align: center !important;
  }
  .phase-section__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  .phase-section__cap::before,
  .phase-section__cap::after {
    display: none !important;
    content: none !important;
  }
  .phase-section__name {
    font-family: var(--serif) !important;
    font-size: 2.8rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.018em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  .phase-section__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .phase-section__lede {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.32rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 24px !important;
    padding-bottom: 22px !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.32) !important;
    max-width: 360px !important;
  }
  .phase-section__lede em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .phase-section__body {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  .phase-section__body p {
    margin: 0 auto 16px !important;
    text-align: center !important;
  }
  .phase-section__body p:last-child {
    margin-bottom: 0 !important;
  }
  .phase-section__body em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* The Discipline box */
  .phase-section__discipline {
    background: rgba(184, 144, 69, 0.06) !important;
    border-radius: 12px !important;
    padding: 24px 22px !important;
    margin: 0 auto 24px !important;
    text-align: center !important;
  }
  .phase-section__discipline-label {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 10px !important;
  }
  .phase-section__discipline-text {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  .phase-section__discipline-text em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* Activities — pill chips, stacked */
  .phase-section__activities {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 auto !important;
    max-width: 360px !important;
  }
  .phase-section__activity {
    display: block !important;
    background: #FFFFFF !important;
    border: 0.5px solid rgba(184, 144, 69, 0.28) !important;
    border-radius: 999px !important;
    padding: 14px 20px !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.08rem !important;
    line-height: 1.4 !important;
    color: var(--ink) !important;
    text-align: center !important;
  }

  /* ─── DAILY PREVIEW (navy gradient — 3 rhythm-items) ─── */
  .daily-preview {
    padding: 56px 24px !important;
    text-align: center !important;
  }
  .daily-preview__inner {
    text-align: center !important;
  }
  .daily-preview .section-eyebrow {
    color: var(--gold-s) !important;
  }
  .daily-preview .section-title {
    color: var(--ivory) !important;
    text-align: center !important;
  }
  .daily-preview .section-title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .daily-preview .section-sub {
    color: var(--ivory) !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.32rem !important;
    line-height: 1.5 !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }
  .daily-preview .section-sub em {
    color: var(--ivory) !important;
    font-style: italic !important;
  }
  .daily-rhythm {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    margin: 28px 0 !important;
    max-width: 100% !important;
  }
  .rhythm-item {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    border-radius: 14px !important;
    padding: 26px 22px !important;
    text-align: center !important;
  }
  .rhythm-item__time {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 12px !important;
  }
  .rhythm-item__name {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.7rem !important;
    line-height: 1.15 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 0 10px !important;
  }
  .rhythm-item__name em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .rhythm-item__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.12rem !important;
    line-height: 1.5 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  .daily-preview__cta {
    text-align: center !important;
    margin-top: 28px !important;
  }
  .daily-preview__cta .btn,
  .daily-preview__cta a.btn {
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    background: transparent !important;
    color: var(--ivory) !important;
    border: 1px solid var(--gold) !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
  .daily-preview__cta .btn__arrow {
    display: none !important;
  }

  /* ─── RESET BEGIN (cream — final CTA) ─── */
  .reset-begin {
    padding: 56px 24px !important;
    text-align: center !important;
  }
  .reset-begin__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  .reset-begin__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: var(--gold) !important;
    margin: 0 0 12px !important;
  }
  .reset-begin__title {
    font-family: var(--serif) !important;
    font-size: 2.8rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
    letter-spacing: -0.018em !important;
  }
  .reset-begin__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .reset-begin__body {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.32rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  .reset-begin .btn--primary {
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
  .reset-begin .btn--primary .btn__arrow {
    display: none !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 12 RESET PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 13 — UNIVERSAL MOBILE PATTERNS for unstyled pages
   Covers: podcast, about, shop, vault, manifesto, ritual, legacy-ledger,
   contact, press, churches, licensing, life-in-darkness, ygh, war-room,
   plus all product pages. Page-specific overrides follow.
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── UNIVERSAL HEADER FIX (any page) ─── */
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }
  body .header .nav-link,
  body .header .nav-toggle__label {
    color: var(--ink) !important;
  }
  body .header .nav-toggle__lines span {
    background: var(--ink) !important;
  }

  /* ═══ UNIVERSAL MASTHEAD (used by podcast, shop, vault, manifesto, etc.) ═══ */
  .masthead {
    padding: 90px 24px 56px !important;
    text-align: center !important;
    min-height: auto !important;
  }
  .masthead__bg-mark {
    display: none !important;
  }
  .masthead__inner {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  .masthead__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  .masthead__eyebrow::before,
  .masthead__eyebrow::after {
    display: none !important;
    content: none !important;
  }
  .masthead__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: var(--gold) !important;
    margin: 0 0 12px !important;
  }
  .masthead__title {
    font-family: var(--serif) !important;
    font-size: 2.6rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.018em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  .masthead__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .masthead__title sup {
    color: var(--gold) !important;
    font-size: 0.45em !important;
  }
  .masthead__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.18rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 24px !important;
  }
  .masthead__sub em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* Decorative ornament rows (o-dot, o-line, o-dia) — simplify */
  .masthead__ornament,
  .library__ornament,
  .collection__ornament {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 auto 24px !important;
  }
  .masthead__ornament .o-line,
  .library__ornament .o-line,
  .collection__ornament .o-line {
    width: 36px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.4 !important;
  }
  .masthead__ornament .o-dia,
  .library__ornament .o-dia,
  .collection__ornament .o-dia {
    width: 5px !important;
    height: 5px !important;
    background: var(--gold) !important;
    transform: rotate(45deg) !important;
    opacity: 0.7 !important;
  }
  .masthead__ornament .o-dot,
  .library__ornament .o-dot,
  .collection__ornament .o-dot {
    width: 3px !important;
    height: 3px !important;
    background: var(--gold) !important;
    border-radius: 50% !important;
    opacity: 0.55 !important;
  }
  /* Listen On — clean stacked links */
  .masthead__listen {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 auto !important;
  }
  .masthead__listen-label {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 0 6px !important;
  }
  .masthead__listen .platform {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.05rem !important;
    color: var(--ink) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.4) !important;
    padding-bottom: 2px !important;
  }
  .masthead__listen .platform-sep {
    display: none !important;
  }

  /* ═══ FEATURED EPISODE block (podcast.html) — Brené-style card ═══ */
  .featured {
    padding: 36px 24px 56px !important;
  }
  .featured__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 24px !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  .featured__visual {
    width: 100% !important;
    margin: 0 auto !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    position: relative !important;
  }
  .featured__visual-img,
  .featured__visual-image,
  .featured__visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .featured__visual-no-flourish,
  .featured__visual-flourish {
    display: none !important;
  }
  .featured__copy {
    padding: 0 !important;
    text-align: center !important;
  }
  .featured__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  .featured__title {
    font-family: var(--serif) !important;
    font-size: 1.8rem !important;
    line-height: 1.15 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
  }
  .featured__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .featured__lede,
  .featured__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  .featured__meta {
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    color: var(--muted) !important;
    margin: 0 auto 18px !important;
  }
  .featured__cta {
    display: inline-block !important;
    margin: 0 auto !important;
  }

  /* ═══ LIBRARY / COLLECTION grid (podcast episodes, shop products) ═══ */
  .library {
    padding: 56px 24px !important;
  }
  .library__inner,
  .collection__inner {
    text-align: center !important;
    max-width: 100% !important;
  }
  .library__header,
  .collection__header {
    text-align: center !important;
    margin: 0 auto 24px !important;
  }
  .library__eyebrow,
  .collection__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  .library__title,
  .collection__title {
    font-family: var(--serif) !important;
    font-size: 2.2rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  .library__title em,
  .collection__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .library__sub,
  .collection__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }
  /* Filter pills — horizontal scroll on mobile */
  .library__filters,
  .collection__filters {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin: 24px 0 28px !important;
    overflow-x: auto !important;
    padding: 4px 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .library__filters::-webkit-scrollbar,
  .collection__filters::-webkit-scrollbar {
    display: none !important;
  }
  .filter-pill {
    flex-shrink: 0 !important;
    background: transparent !important;
    border: 0.5px solid rgba(184, 144, 69, 0.4) !important;
    border-radius: 999px !important;
    padding: 8px 16px !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    cursor: pointer !important;
    white-space: nowrap !important;
  }
  .filter-pill.is-active {
    background: var(--ink) !important;
    color: var(--ivory) !important;
    border-color: var(--ink) !important;
  }

  /* ═══ EPISODE CARDS — Brené horizontal row (image LEFT, text RIGHT) ═══ */
  .library__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 36px !important;
    max-width: 100% !important;
  }
  .episode-card {
    display: grid !important;
    grid-template-columns: 38% 1fr !important;
    gap: 14px !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    align-items: start !important;
  }
  .episode-card__thumb {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    position: relative !important;
    margin: 0 !important;
    background: transparent !important;
  }
  .episode-card__thumb img,
  .episode-card__thumb-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .episode-card__corner {
    display: none !important;
  }
  /* Episode badge — full-width navy bar at BOTTOM of image */
  .episode-card__badge {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: rgba(7, 20, 50, 0.92) !important;
    color: var(--ivory) !important;
    padding: 5px 8px !important;
    font-family: "Cinzel", serif !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    text-align: center !important;
  }
  .episode-card__body {
    padding: 0 !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  .episode-card__eyebrow,
  .episode-card__meta {
    display: block !important;
    text-align: left !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    margin: 0 0 8px !important;
  }
  .episode-card__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.2 !important;
    color: var(--ink) !important;
    text-align: left !important;
    margin: 0 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .episode-card__title em {
    color: var(--ink) !important;
    font-style: italic !important;
  }
  .episode-card__desc {
    display: none !important;
  }

  /* ═══ FLAGSHIP block (shop.html — Sacred Union Set centerpiece) ═══ */
  .flagship {
    padding: 36px 24px 56px !important;
  }
  .flagship__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 24px !important;
    text-align: center !important;
  }
  .flagship__visual {
    width: 100% !important;
    margin: 0 auto !important;
    aspect-ratio: 5 / 4 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    position: relative !important;
  }
  .flagship__visual-image,
  .flagship__visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .flagship__corner {
    display: none !important;
  }
  .flagship__visual-flourish {
    display: none !important;
  }
  .flagship__copy {
    padding: 0 !important;
    text-align: center !important;
  }
  .flagship__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  .flagship__title {
    font-family: var(--serif) !important;
    font-size: 2rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  .flagship__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .flagship__lede {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  .flagship__lede em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .flagship__price {
    font-family: var(--serif) !important;
    font-size: 1.4rem !important;
    color: var(--gold) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  .flagship__cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
  .flagship__cta .btn {
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 16px 24px !important;
    border-radius: 999px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }

  /* ═══ PRODUCT GRID — 2-column side-by-side (Cozyleigh Collection list style) ═══ */
  body .product-grid,
  body section .product-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 48px 16px !important;
    margin: 32px 0 0 !important;
    max-width: 100% !important;
    background: transparent !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  body .product-grid .product,
  body .product {
    flex: initial !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  body .product,
  body .product-grid .product {
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-shadow: none !important;
    height: auto !important;
    transform: none !important;
  }
  body .product:hover,
  body .product-grid .product:hover {
    transform: none !important;
  }
  /* The decorative navy gradient lives on .product__thumb — kill it completely */
  body .product__thumb,
  body .product .product__thumb,
  body .product__thumb--image,
  body .product .product__thumb--image {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    position: relative !important;
    margin: 0 0 16px !important;
    background: var(--ivory) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: none !important;
  }
  /* Pseudo-element decorations on product__thumb — KILLED */
  body .product__thumb::before,
  body .product__thumb::after,
  body .product__thumb--image::before,
  body .product__thumb--image::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    background-image: none !important;
    opacity: 0 !important;
  }
  /* Product image — fill the square with cover */
  body .product__thumb img,
  body .product__thumb-image,
  body .product .product__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    background: transparent !important;
    margin: 0 !important;
  }
  /* Corner brackets and decorative marks — GONE */
  body .product__corner,
  body .product__corner--tl,
  body .product__corner--tr,
  body .product__corner--bl,
  body .product__corner--br,
  body .product__thumb-mark,
  body .product__thumb-content,
  body .product__thumb-label,
  body .product__thumb-name {
    display: none !important;
  }
  /* Badge — top-left only */
  body .product__badge {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    font-family: "Cinzel", serif !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    padding: 3px 7px !important;
    border-radius: 2px !important;
    z-index: 2 !important;
  }
  /* Category meta line — HIDDEN (Selena pattern, no category) */
  body .product__meta {
    display: none !important;
  }
  body .product__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.25 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 10px !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    min-height: 0 !important;
  }
  body .product__name em {
    color: var(--ink) !important;
    font-style: italic !important;
  }
  body .product__name sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .product__desc {
    display: none !important;
  }
  body .product__foot {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
  }
  body .product__price {
    display: block !important;
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .product__cta {
    display: none !important;
  }
  /* Collection section — cream bg, less padding */
  body .collection {
    background: var(--ivory) !important;
    padding: 48px 24px 64px !important;
  }
  body .collection__ornament {
    margin-bottom: 12px !important;
  }
  /* FLAGSHIP visual — also has navy bg gradient to override */
  body .flagship__visual,
  body .flagship__visual--image {
    background: var(--ivory) !important;
    background-image: none !important;
  }
  body .flagship__visual::before,
  body .flagship__visual::after {
    display: none !important;
    content: none !important;
  }

  /* ═══ FRAGMENTS / PULLQUOTE sections (podcast quotes, about pullquote) ═══ */
  .fragments,
  .pullquote {
    padding: 56px 24px !important;
    text-align: center !important;
  }
  .fragments__inner,
  .pullquote__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }

  /* ═══ SUBSCRIBE (newsletter signup) — NAVY (email = blue) ═══ */
  .subscribe {
    padding: 56px 24px !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    text-align: center !important;
    color: var(--ivory) !important;
  }
  .subscribe__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  .subscribe__eyebrow,
  .subscribe__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 12px !important;
  }
  .subscribe__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: var(--gold-s) !important;
    margin: 0 0 12px !important;
  }
  .subscribe__title {
    font-family: var(--serif) !important;
    font-size: 2rem !important;
    line-height: 1.1 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  .subscribe__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .subscribe__body,
  .subscribe__lede,
  .subscribe__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: rgba(251, 244, 230, 0.85) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 24px !important;
  }
  .subscribe__body em,
  .subscribe__lede em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  .subscribe__form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    border-bottom: 0 !important;
  }
  .subscribe__input,
  .subscribe input[type="email"],
  .subscribe input[type="text"] {
    width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.5) !important;
    border-radius: 999px !important;
    padding: 16px 22px !important;
    color: var(--ivory) !important;
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    text-align: left !important;
  }
  .subscribe__input::placeholder,
  .subscribe input::placeholder {
    color: rgba(251, 244, 230, 0.45) !important;
  }
  .subscribe__submit,
  .subscribe button[type="submit"] {
    width: 100% !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 17px 24px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    cursor: pointer !important;
  }
  .subscribe__fine,
  .subscribe__note {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 0.9rem !important;
    color: rgba(251, 244, 230, 0.55) !important;
    text-align: center !important;
    margin: 16px auto 0 !important;
  }

  /* ═══ ABOUT-HERO (about.html) — Brené-inspired: portrait on dark, content below ═══ */
  .about-hero {
    padding: 0 !important;
    background: var(--navy, #071432) !important;
    text-align: center !important;
  }
  .about-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    text-align: center !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  /* Portrait — FULL-WIDTH straight across like Brené, navy/black backdrop */
  .about-hero__portrait-wrap {
    order: 1 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: var(--ink, #071432) !important;
  }
  .about-hero__portrait {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: var(--ink, #071432) !important;
  }
  .portrait-corner {
    display: none !important;
  }
  .about-hero__portrait-img,
  .about-hero__portrait picture,
  .about-hero__portrait img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 35% !important;
    display: block !important;
  }
  .about-hero__portrait-flourish {
    display: none !important;
  }
  /* Copy block — cream background, centered editorial */
  .about-hero__copy {
    order: 2 !important;
    padding: 60px 24px 56px !important;
    background: var(--ivory) !important;
    text-align: center !important;
  }
  .about-hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    margin: 0 auto 22px !important;
    gap: 0 !important;
  }
  .about-hero__cap::before,
  .about-hero__cap::after {
    display: none !important;
    content: none !important;
  }
  .about-hero__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: var(--gold) !important;
    margin: 0 0 14px !important;
  }
  .about-hero__name {
    font-family: var(--serif) !important;
    font-weight: 600 !important;
    font-size: 4rem !important;
    line-height: 1 !important;
    letter-spacing: -0.025em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  .about-hero__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .about-hero__title-line {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    line-height: 1.5 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 380px !important;
    margin: 0 auto 32px !important;
  }
  .about-hero__title-line em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .about-hero__title-line sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  .about-hero__title-line br {
    display: none !important;
  }
  .about-hero__meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 auto !important;
    max-width: 360px !important;
    padding: 24px 0 0 !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.32) !important;
  }
  .about-hero__meta-item {
    text-align: center !important;
  }
  .about-hero__meta-label {
    display: block !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin-bottom: 4px !important;
  }
  .about-hero__meta-value {
    display: block !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.15rem !important;
    color: var(--ink) !important;
  }

  /* About sections — story, discipline, marriage, building, companies, connect */
  .story, .discipline, .marriage, .building, .companies, .connect,
  .pullquote {
    padding: 56px 24px !important;
    text-align: center !important;
  }
  .story__inner, .discipline__inner, .marriage__inner, .building__inner,
  .companies__inner, .connect__inner, .pullquote__inner {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  /* Generic section eyebrow/title/body for about page sub-sections */
  .story__eyebrow, .discipline__eyebrow, .marriage__eyebrow,
  .building__eyebrow, .companies__eyebrow, .connect__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 16px !important;
  }
  .story__title, .discipline__title, .marriage__title,
  .building__title, .companies__title, .connect__title {
    font-family: var(--serif) !important;
    font-size: 2.6rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  .story__title em, .discipline__title em, .marriage__title em,
  .building__title em, .companies__title em, .connect__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .story__body, .discipline__body, .marriage__body,
  .building__body, .companies__body, .connect__body {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.3rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  .story__body em, .discipline__body em, .marriage__body em,
  .building__body em, .companies__body em, .connect__body em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  .story__body p, .discipline__body p, .marriage__body p,
  .building__body p, .companies__body p, .connect__body p {
    margin: 0 auto 16px !important;
    text-align: center !important;
  }
  /* Story body decorative top bar */
  .story__body::before {
    width: 36px !important;
  }

  /* ═══ FOUNDERS / GIFTING sections (shop) ═══ */
  .founders,
  .gifting {
    padding: 56px 24px !important;
    text-align: center !important;
  }
  .founders__inner,
  .gifting__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }

  /* ═══ Generic hero patterns (used by many pages — vault, manifesto, ritual, etc.) ═══ */
  /* These already inherit the Wave 10 .hero pattern, but ensure consistency */
  body:not(.page-home) .hero {
    padding: 80px 24px 56px !important;
    text-align: center !important;
    min-height: auto !important;
  }

  /* ═══ Universal image centering ═══ */
  picture {
    display: block !important;
    margin: 0 auto !important;
  }
  picture img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* ═══ Universal CTA button standardization (any .btn--primary or .btn--gold across pages) ═══ */
  .featured__cta,
  .featured a.btn,
  .library a.btn,
  .collection a.btn,
  .founders a.btn,
  .gifting a.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 22px !important;
    border-radius: 999px !important;
    font-family: var(--sans) !important;
    font-size: 11px !important;
    letter-spacing: 0.18em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
  }

  /* ═══ Filter pill in dark sections (if filters land on navy bg) ═══ */
  .subscribe .filter-pill,
  .filter-pill.is-active {
    border-color: transparent !important;
  }

}



  /* ─── UNIVERSAL LINE BAR for any horizontal-scroll container ─── */
  body .library__filters,
  body .collection__filters,
  body [data-h-scroll],
  body .h-scroll {
    overflow-x: auto !important;
    padding-bottom: 14px !important;
    scrollbar-width: thin !important;
    scrollbar-color: var(--ink) rgba(184, 144, 69, 0.18) !important;
  }
  body .library__filters::-webkit-scrollbar,
  body .collection__filters::-webkit-scrollbar,
  body [data-h-scroll]::-webkit-scrollbar,
  body .h-scroll::-webkit-scrollbar {
    display: block !important;
    height: 2px !important;
    background: rgba(184, 144, 69, 0.18) !important;
  }
  body .library__filters::-webkit-scrollbar-track,
  body .collection__filters::-webkit-scrollbar-track,
  body [data-h-scroll]::-webkit-scrollbar-track,
  body .h-scroll::-webkit-scrollbar-track {
    background: rgba(184, 144, 69, 0.18) !important;
    border-radius: 999px !important;
  }
  body .library__filters::-webkit-scrollbar-thumb,
  body .collection__filters::-webkit-scrollbar-thumb,
  body [data-h-scroll]::-webkit-scrollbar-thumb,
  body .h-scroll::-webkit-scrollbar-thumb {
    background: var(--ink) !important;
    border-radius: 999px !important;
    min-width: 30px !important;
  }

/* ════════════════════════════════════════════════════════════════════
   END WAVE 13 UNIVERSAL
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 14 — PODCAST PAGE REDESIGN
   Cinematic hero, host intro, editorial episode rows with audio players,
   elegant fragments with mini-players.
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ═══ MASTHEAD — Cinematic, Listen On platforms prominent ═══ */
  body .masthead {
    padding: 90px 24px 48px !important;
  }
  /* Replace the platform inline-row with a stacked pill list */
  /* Listen on — ONE SQUARE PANEL with platforms stacked inside */
  body .masthead__listen {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    max-width: 280px !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
    border: 0.5px solid rgba(184, 144, 69, 0.4) !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
  }
  body .masthead__listen-label {
    display: block !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 14px 12px 12px !important;
    background: rgba(184, 144, 69, 0.05) !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.28) !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body .masthead__listen .platform {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.18) !important;
    font-family: "Cinzel", serif !important;
    font-style: normal !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    text-decoration: none !important;
    text-align: center !important;
    line-height: 1.3 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* First platform has no top border (label provides separation) */
  body .masthead__listen .platform:first-of-type {
    border-top: 0 !important;
  }
  body .masthead__listen .platform-sep {
    display: none !important;
  }

  /* ═══ FEATURED (Show Intro with host portrait) ═══ */
  body .featured {
    padding: 48px 24px 56px !important;
    background: var(--ivory) !important;
  }
  body .featured__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 28px !important;
    text-align: center !important;
    max-width: 100% !important;
  }
  body .featured__visual {
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    position: relative !important;
    background: var(--ivory) !important;
  }
  body .featured__visual::before,
  body .featured__visual::after {
    display: none !important;
    content: none !important;
  }

  /* Featured visual — kill the heavy drop shadow bleeding over text below */
  body .featured__visual {
    box-shadow: none !important;
  }
  body .featured__visual-img::after {
    display: none !important;
    content: none !important;
  }

  body .featured__visual-img,
  body .featured__visual img,
  body .featured__visual picture,
  body .featured__visual picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  body .featured__visual-corner {
    display: none !important;
  }
  body .featured__copy {
    padding: 0 !important;
    text-align: center !important;
  }
  body .featured__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  body .featured__eyebrow::before,
  body .featured__eyebrow::after {
    display: none !important;
    content: none !important;
  }
  body .featured__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.018em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .featured__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .featured__lede {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.12rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 24px !important;
  }
  body .featured__lede em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .featured__lede sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .featured__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: center !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
  body .featured__ctas .btn-primary,
  body .featured__ctas a.btn-primary,
  body .featured__ctas .btn-secondary,
  body .featured__ctas a.btn-secondary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px 24px !important;
    border-radius: 999px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }
  body .featured__ctas .btn-primary {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .featured__ctas .btn-secondary {
    background: transparent !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink) !important;
  }

  /* ═══ LIBRARY — NAVY background, ivory text ═══ */
  body .library {
    padding: 48px 20px 64px !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
  }
  body .library__header {
    text-align: left !important;
    margin: 0 0 28px !important;
  }
  body .library__eyebrow {
    text-align: left !important;
    margin: 0 0 10px !important;
    color: var(--gold-s) !important;
  }
  body .library__title {
    text-align: left !important;
    font-size: 1.6rem !important;
    margin: 0 0 12px !important;
    color: var(--ivory) !important;
  }
  body .library__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .library__sub {
    text-align: left !important;
    margin: 0 0 8px !important;
    max-width: 100% !important;
    color: rgba(251, 244, 230, 0.78) !important;
  }
  body .library__sub em {
    color: rgba(251, 244, 230, 0.78) !important;
    font-style: italic !important;
  }
  /* Hide ornament + filter pills — Brené layout doesn't have them */
  body .library__ornament,
  body .library__filters {
    display: none !important;
  }
  body .library__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  /* Each episode = HORIZONTAL row with gold hairline divider below */
  body .episode-card {
    display: grid !important;
    grid-template-columns: 38% 1fr !important;
    gap: 18px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.32) !important;
    padding: 0 0 32px !important;
    margin: 0 0 32px !important;
    text-align: left !important;
    align-items: start !important;
  }
  body .episode-card:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Thumb — square image with navy bar at bottom showing EPISODE number */
  body .episode-card__thumb {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    position: relative !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
  body .episode-card__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  /* Hide decorative corner brackets — Brené layout has none */
  body .episode-card__corner {
    display: none !important;
  }
  /* EPISODE X — full-width bar across BOTTOM of image, gold accent on navy bg */
  body .episode-card__no {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    width: 100% !important;
    transform: none !important;
    background: rgba(7, 20, 50, 0.92) !important;
    color: var(--gold-s) !important;
    padding: 6px 8px !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    z-index: 3 !important;
    white-space: nowrap !important;
    border: 0 !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.32) !important;
    line-height: 1.4 !important;
  }
  body .episode-card__no::after {
    display: none !important;
    content: none !important;
  }
  body .episode-card__body {
    padding: 0 !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  /* Meta — ivory caps on navy bg */
  body .episode-card__meta {
    display: block !important;
    text-align: left !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 0 8px !important;
    line-height: 1.4 !important;
  }
  body .episode-card__meta-sep {
    color: var(--ivory) !important;
    margin: 0 6px !important;
    opacity: 0.4 !important;
  }
  body .episode-card__cat,
  body .episode-card__meta a {
    color: var(--gold-s) !important;
    text-decoration: none !important;
  }
  /* Title — ivory serif on navy */
  body .episode-card__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.2 !important;
    letter-spacing: -0.005em !important;
    color: var(--ivory) !important;
    text-align: left !important;
    margin: 0 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  body .episode-card__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  /* Description + player still hidden, but View Episode link visible */
  body .episode-card__desc {
    display: none !important;
  }
  body .episode-card__player {
    display: none !important;
  }
  body .episode-card__cta {
    display: inline-block !important;
    margin: 12px 0 0 !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--ivory) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid var(--gold-s) !important;
    padding-bottom: 3px !important;
    line-height: 1 !important;
  }
  /* ─── Inline audio player — clean editorial treatment ─── */
  body .episode-card__player,
  body .fragment-card__player {
    margin: 0 0 18px !important;
  }
  body .player {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    background: rgba(184, 144, 69, 0.06) !important;
    border-radius: 999px !important;
    border: 0.5px solid rgba(184, 144, 69, 0.22) !important;
  }
  body .player__play {
    flex-shrink: 0 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    cursor: pointer !important;
  }
  body .player__play .play-icon,
  body .player__play .pause-icon {
    width: 10px !important;
    height: 12px !important;
  }
  body .player__time {
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    letter-spacing: 0.1em !important;
    color: var(--muted, #3A3528) !important;
    flex-shrink: 0 !important;
    min-width: 30px !important;
  }
  body .player__bar {
    flex: 1 !important;
    height: 2px !important;
    background: rgba(184, 144, 69, 0.18) !important;
    border-radius: 1px !important;
    position: relative !important;
    overflow: hidden !important;
  }
  body .player__fill {
    height: 100% !important;
    background: var(--gold) !important;
    width: 0% !important;
  }
  body .player__handle {
    display: none !important;
  }
  body .player__skip {
    flex-shrink: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--muted, #3A3528) !important;
    padding: 4px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
  }
  body .player__skip svg {
    width: 14px !important;
    height: 9px !important;
  }
  /* View Episode link */
  body .episode-card__cta {
    display: inline-block !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--ink) !important;
    padding-bottom: 3px !important;
    transition: none !important;
  }

  /* ═══ FRAGMENTS — Numbered quote cards with mini-players ═══ */
  body .fragments {
    padding: 56px 24px !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    text-align: center !important;
  }
  body .fragments__header {
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  body .fragments__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  body .fragments__eyebrow::before,
  body .fragments__eyebrow::after {
    display: none !important;
    content: none !important;
  }
  body .fragments__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.2rem !important;
    line-height: 1.1 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .fragments__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .fragments__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    line-height: 1.55 !important;
    color: rgba(251, 244, 230, 0.85) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }
  body .fragments__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    margin: 0 !important;
  }
  body .fragment-card {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    border-radius: 14px !important;
    padding: 24px 22px !important;
    text-align: center !important;
  }
  body .fragment-card__head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 14px !important;
  }
  body .fragment-card__num {
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    text-align: center !important;
  }
  body .fragment-card__meta {
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: rgba(251, 244, 230, 0.6) !important;
  }
  body .fragment-card__quote {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.15rem !important;
    line-height: 1.5 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .fragment-card__quote em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  /* Fragment player — translucent on navy */
  body .fragment-card .player {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.32) !important;
  }
  body .fragment-card .player__time {
    color: rgba(251, 244, 230, 0.7) !important;
  }
  body .fragment-card .player__skip {
    color: rgba(251, 244, 230, 0.7) !important;
  }
  body .fragment-card .player__bar {
    background: rgba(184, 144, 69, 0.24) !important;
  }

}



  /* ─── Hide FRAGMENTS section completely on podcast page ─── */
  body .fragments {
    display: none !important;
  }

/* ════════════════════════════════════════════════════════════════════
   END WAVE 14 PODCAST REDESIGN
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 15 — PRESS & MEDIA KIT page mobile audit
   Sections: press-hero · quick-facts · bios · photos · book metadata ·
             press release · talking points · speaking · interview ·
             inquiry form · press-contact (navy)
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX (page sets ivory brand for dark hero) ─── */
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }
  body .header .nav-link,
  body .header .nav-toggle__label {
    color: var(--ink) !important;
  }

  /* ═══ PRESS HERO ═══ */
  body .press-hero {
    padding: 90px 24px 48px !important;
    text-align: center !important;
    background: var(--ivory) !important;
    min-height: auto !important;
  }
  body .press-hero__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .press-hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 16px !important;
    gap: 0 !important;
  }
  body .press-hero__cap::before,
  body .press-hero__cap::after {
    display: none !important;
    content: none !important;
  }
  body .press-hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.8rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  body .press-hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .press-hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  body .press-hero__sub em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* Jump nav — horizontal scrollable pill chips with line bar */
  body .press-jumpnav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 4px 0 14px !important;
    margin: 0 -24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    scrollbar-width: thin !important;
    scrollbar-color: var(--ink) rgba(184, 144, 69, 0.18) !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body .press-jumpnav::-webkit-scrollbar {
    height: 2px !important;
    background: rgba(184, 144, 69, 0.18) !important;
  }
  body .press-jumpnav::-webkit-scrollbar-thumb {
    background: var(--ink) !important;
    border-radius: 999px !important;
  }
  body .press-jumpnav a {
    flex-shrink: 0 !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    background: transparent !important;
    border: 0.5px solid rgba(184, 144, 69, 0.4) !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  /* ═══ PRESS SECTION — generic block ═══ */
  body .press-section {
    padding: 56px 24px !important;
    background: var(--ivory) !important;
  }
  body .press-section--chalk {
    background: #F9F7F2 !important;
  }
  body .press-section__inner {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  body .press-section__header {
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  body .press-section__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  body .press-section__eyebrow::before,
  body .press-section__eyebrow::after {
    display: none !important;
    content: none !important;
  }
  body .press-section__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .press-section__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .press-section__title sup {
    color: var(--gold) !important;
    font-size: 0.45em !important;
  }
  body .press-section__lede {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.15rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 8px !important;
  }
  body .press-section__lede em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* ═══ QUICK FACTS — 29 / 7 / 12 / 5:1 — dashboard stats ═══ */
  body .press-quick-facts {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0 !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    border: 0.5px solid rgba(184, 144, 69, 0.32) !important;
  }
  body .press-quick-fact {
    padding: 26px 16px !important;
    text-align: center !important;
    background: #FFFFFF !important;
    border-right: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.22) !important;
  }
  body .press-quick-fact:nth-child(2n) {
    border-right: 0 !important;
  }
  body .press-quick-fact:nth-last-child(-n+2) {
    border-bottom: 0 !important;
  }
  body .press-quick-fact__num {
    display: block !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 3rem !important;
    line-height: 1 !important;
    color: var(--gold) !important;
    letter-spacing: -0.02em !important;
    margin: 0 auto 10px !important;
  }
  body .press-quick-fact__label {
    display: block !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    line-height: 1.35 !important;
  }

  /* ═══ BIOS — 3 stacked white cards with copy button ═══ */
  body .press-bios {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    margin: 8px 0 0 !important;
  }
  body .press-bio {
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 28px 24px 24px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
  }
  body .press-bio__label {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 6px !important;
  }
  body .press-bio__wc {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 0.9rem !important;
    color: var(--muted) !important;
    margin: 0 auto 18px !important;
  }
  body .press-bio p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: left !important;
    margin: 0 0 12px !important;
  }
  body .press-bio p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .press-bio p:last-of-type {
    margin-bottom: 0 !important;
  }
  body .press-bio__copy {
    margin: 18px auto 0 !important;
    padding: 12px 22px !important;
    border-top: 0 !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: inline-block !important;
    width: auto !important;
    max-width: 280px !important;
  }

  /* ═══ PHOTOS — single column, full-width thumbs with caption + download ═══ */
  body .press-photos {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 20px !important;
    margin: 8px 0 0 !important;
  }
  body .press-photo {
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
  }
  body .press-photo__thumb {
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    background: var(--ivory) !important;
    width: 100% !important;
  }
  body .press-photo__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  body .press-photo__caption {
    padding: 20px 22px 22px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  body .press-photo__caption p {
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  body .press-photo__caption p strong {
    color: var(--ink) !important;
    font-weight: 600 !important;
  }
  body .press-photo__caption a {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid var(--gold) !important;
    padding-bottom: 3px !important;
    display: inline-block !important;
    margin: 0 auto !important;
  }

  /* ═══ BOOK METADATA — single column key/value pairs ═══ */
  body .press-meta-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 18px !important;
    max-width: 100% !important;
    margin: 8px 0 0 !important;
  }
  body .press-meta-item {
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.28) !important;
    padding-bottom: 14px !important;
    text-align: center !important;
  }
  body .press-meta-item:last-child {
    border-bottom: 0 !important;
  }
  body .press-meta-item__label {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 6px !important;
  }
  body .press-meta-item__value {
    display: block !important;
    font-family: var(--serif) !important;
    font-size: 1.1rem !important;
    line-height: 1.4 !important;
    color: var(--ink) !important;
    text-align: center !important;
  }
  body .press-meta-item__value em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .press-meta-item__value sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }

  /* ═══ Generic text content in press sections ═══ */
  body .press-section p,
  body .press-section__body p,
  body .press-release,
  body .press-release p,
  body .talking-points p,
  body .interview-qs p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
  }
  /* List items inside press content */
  body .press-section ul li,
  body .press-section ol li {
    font-family: var(--serif) !important;
    font-size: 1.08rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    margin-bottom: 10px !important;
    text-align: left !important;
  }

  /* ═══ NAVY CONTACT section (last section) — email-style ═══ */
  body .press-section.press-section--navy,
  body .press-section--navy.press-contact {
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    padding: 56px 24px !important;
    text-align: center !important;
  }
  body .press-section--navy .press-section__eyebrow {
    color: var(--gold-s) !important;
  }
  body .press-section--navy .press-section__title {
    color: var(--ivory) !important;
  }
  body .press-section--navy .press-section__title em {
    color: var(--gold-s) !important;
  }
  body .press-section--navy .press-section__lede,
  body .press-section--navy p {
    color: rgba(251, 244, 230, 0.88) !important;
    text-align: center !important;
  }
  body .press-section--navy .press-section__lede em,
  body .press-section--navy p em {
    color: var(--gold-s) !important;
  }
  body .press-section--navy a {
    color: var(--ivory) !important;
    border-bottom: 0.5px solid var(--gold-s) !important;
    text-decoration: none !important;
  }
  /* Form fields inside navy press contact */
  body .press-section--navy input,
  body .press-section--navy textarea,
  body .press-section--navy select {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.5) !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    color: var(--ivory) !important;
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important;
  }
  body .press-section--navy input::placeholder,
  body .press-section--navy textarea::placeholder {
    color: rgba(251, 244, 230, 0.45) !important;
  }
  body .press-section--navy button[type="submit"],
  body .press-section--navy .press-form__submit {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 17px 24px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 8px auto 0 !important;
    cursor: pointer !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 15 PRESS PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 16 — LIFE IN DARKNESS page mobile audit
   Sections: org-hero · org-intro · org-programs · org-impact ·
             org-details · org-cta
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX ─── */
  body .header .brand__name,
  body .header .brand { color: var(--ink) !important; text-shadow: none !important; }

  /* ═══ ORG HERO ═══ */
  body .org-hero {
    padding: 90px 24px 48px !important;
    text-align: center !important;
    background: var(--ivory) !important;
    min-height: auto !important;
  }
  body .org-hero__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .org-hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 16px !important;
    gap: 0 !important;
  }
  body .org-hero__cap::before,
  body .org-hero__cap::after {
    display: none !important;
    content: none !important;
  }
  body .org-hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 3.2rem !important;
    line-height: 1 !important;
    letter-spacing: -0.025em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  body .org-hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .org-hero__motto {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.25rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  body .org-hero__motto em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .org-hero__rule {
    width: 60px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.5 !important;
    margin: 0 auto !important;
  }

  /* ═══ ORG INTRO (3 paragraphs) ═══ */
  body .org-intro {
    padding: 48px 24px 56px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .org-intro__inner {
    text-align: center !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  body .org-intro p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  body .org-intro p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .org-intro p strong {
    color: var(--ink) !important;
    font-weight: 600 !important;
    font-style: italic !important;
  }
  body .org-intro p:last-child {
    margin-bottom: 0 !important;
  }

  /* ═══ ORG PROGRAMS — 4 chapter cards ═══ */
  body .org-programs {
    padding: 56px 24px !important;
    background: #F9F7F2 !important;
  }
  body .org-programs__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .org-programs .section-eyebrow {
    color: var(--gold) !important;
  }
  body .org-programs .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
  }
  body .org-programs .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .org-programs__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    margin: 28px 0 0 !important;
  }
  body .program-card {
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 28px 24px 26px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
    overflow: hidden !important;
  }
  body .program-card__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  body .program-card__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.6rem !important;
    line-height: 1.15 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
    word-wrap: break-word !important;
  }
  body .program-card__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .program-card__name sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .program-card__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 !important;
  }

  /* ═══ ORG IMPACT ═══ */
  body .org-impact {
    padding: 56px 24px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .org-impact__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .org-impact .section-eyebrow {
    color: var(--gold) !important;
  }
  body .org-impact .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
  }
  body .org-impact .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .org-impact__body {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 24px auto 0 !important;
  }
  body .org-impact__body em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* ═══ ORG DETAILS — table styled as key/value list ═══ */
  body .org-details {
    padding: 56px 24px !important;
    background: #F9F7F2 !important;
  }
  body .org-details__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .org-details .section-eyebrow {
    color: var(--gold) !important;
  }
  body .org-details .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
  }
  body .org-details .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* Restructure the table for mobile — each row becomes block with label above, value below */
  body .org-details__table {
    display: block !important;
    width: 100% !important;
    margin: 28px 0 0 !important;
    border: 0 !important;
    border-collapse: separate !important;
  }
  body .org-details__table tbody {
    display: block !important;
    width: 100% !important;
  }
  body .org-details__table tr {
    display: block !important;
    width: 100% !important;
    padding: 16px 0 !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.28) !important;
    text-align: center !important;
  }
  body .org-details__table tr:last-child {
    border-bottom: 0 !important;
  }
  body .org-details__table td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: center !important;
  }
  body .org-details__key {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin-bottom: 6px !important;
  }
  body .org-details__val {
    font-family: var(--serif) !important;
    font-size: 1.1rem !important;
    line-height: 1.4 !important;
    color: var(--ink) !important;
  }
  body .org-details__val a {
    color: var(--gold) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.4) !important;
  }

  /* ═══ ORG CTA (final) ═══ */
  body .org-cta {
    padding: 56px 24px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .org-cta__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .org-cta__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 16px !important;
  }
  body .org-cta__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.6rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  body .org-cta__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .org-cta__body {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  body .org-cta .btn,
  body .org-cta a.btn,
  body .org-cta .btn--gold {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }
  body .org-cta .btn__arrow {
    display: none !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 16 LIFE IN DARKNESS PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 17 — YGH Technology Consultants
   YGH shares .org-* classes from Wave 16 (LID). Only new: .org-cert grid.
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ═══ ORG CERT — Federal certifications dashboard ═══ */
  body .org-cert {
    padding: 56px 24px !important;
    text-align: center !important;
    background: #F9F7F2 !important;
  }
  body .org-cert__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .org-cert .section-eyebrow {
    color: var(--gold) !important;
  }
  body .org-cert .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
    text-align: center !important;
  }
  body .org-cert .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* 2x2 grid of cert tiles — like the audit page stats */
  body .org-cert__grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0 !important;
    margin: 28px 0 0 !important;
    border: 0.5px solid rgba(184, 144, 69, 0.32) !important;
  }
  body .cert-tile {
    padding: 22px 14px 24px !important;
    background: #FFFFFF !important;
    text-align: center !important;
    border-right: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }
  body .cert-tile:nth-child(2n) {
    border-right: 0 !important;
  }
  body .cert-tile:nth-last-child(-n+2) {
    border-bottom: 0 !important;
  }
  body .cert-tile__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto !important;
  }
  body .cert-tile__value {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    letter-spacing: 0 !important;
    margin: 0 auto !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }
  body .cert-tile__value em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .cert-tile__sub {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 0.85rem !important;
    line-height: 1.35 !important;
    color: var(--muted) !important;
    margin: 0 auto !important;
  }

  /* Mono font for CAGE Code values in details table */
  body .org-details__val-mono {
    font-family: "Courier New", monospace !important;
    letter-spacing: 0.08em !important;
    font-size: 1.05rem !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 17 YGH TECHNOLOGY CONSULTANTS
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 18 — CONTACT page mobile audit
   Sections: contact-hero · write (form, NAVY since it's email)
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX ─── */
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }
  body .header .nav-link,
  body .header .nav-toggle__label {
    color: var(--ink) !important;
  }
  body .header .nav-toggle__lines span {
    background: var(--ink) !important;
  }

  /* ═══ CONTACT HERO (cream) ═══ */
  body .contact-hero {
    padding: 90px 24px 48px !important;
    text-align: center !important;
    background: var(--ivory) !important;
    min-height: auto !important;
  }
  body .contact-hero__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .contact-hero__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  body .contact-hero__eyebrow::before,
  body .contact-hero__eyebrow::after {
    display: none !important;
    content: none !important;
  }
  body .contact-hero__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: var(--gold) !important;
    margin: 0 0 12px !important;
  }
  body .contact-hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 3rem !important;
    line-height: 1.02 !important;
    letter-spacing: -0.025em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  body .contact-hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .contact-hero__sub {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.25rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 24px !important;
  }
  body .contact-hero__sub em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .contact-hero__sub br {
    display: block !important;
    content: "" !important;
    margin: 8px 0 !important;
  }
  body .contact-hero__note {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    max-width: 360px !important;
  }
  body .contact-hero__note-rule {
    display: inline-block !important;
    flex: 1 !important;
    max-width: 50px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.4 !important;
  }

  /* ═══ WRITE — Contact form on NAVY (email = blue) ═══ */
  body .write {
    padding: 56px 24px !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    text-align: center !important;
  }
  body .write__inner {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  body .write__form {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    max-width: 380px !important;
    margin: 0 auto !important;
    text-align: left !important;
  }
  /* Row of two fields (Name + Email) stacked on mobile */
  body .write__row {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin: 0 !important;
  }
  body .write__field {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    text-align: left !important;
  }
  body .write__field label {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    text-align: left !important;
  }
  body .write__field input[type="text"],
  body .write__field input[type="email"],
  body .write__field select,
  body .write__field textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.5) !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    color: var(--ivory) !important;
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    line-height: 1.4 !important;
  }
  body .write__field input::placeholder,
  body .write__field textarea::placeholder {
    color: rgba(251, 244, 230, 0.45) !important;
    font-style: italic !important;
  }
  body .write__field select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: linear-gradient(45deg, transparent 50%, var(--gold-s) 50%),
                      linear-gradient(135deg, var(--gold-s) 50%, transparent 50%) !important;
    background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50% !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    padding-right: 40px !important;
  }
  body .write__field select option {
    background: var(--navy, #071432) !important;
    color: var(--ivory) !important;
  }
  body .write__field textarea {
    min-height: 140px !important;
    resize: vertical !important;
    font-family: var(--serif) !important;
  }
  body .write__field input:focus,
  body .write__field select:focus,
  body .write__field textarea:focus {
    outline: none !important;
    border-color: var(--gold) !important;
    background: rgba(255, 255, 255, 0.09) !important;
  }
  /* Submit button — gold pill */
  body .write__submit,
  body .write__form button[type="submit"] {
    width: 100% !important;
    max-width: 380px !important;
    box-sizing: border-box !important;
    margin: 8px auto 0 !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }
  body .write__submit .btn__arrow {
    display: none !important;
  }
  /* Direct email link */
  body .write__alt {
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
    color: rgba(251, 244, 230, 0.75) !important;
    margin: 28px auto 0 !important;
    max-width: 360px !important;
  }
  body .write__alt a {
    color: var(--gold-s) !important;
    text-decoration: none !important;
    font-style: normal !important;
    border-bottom: 0.5px solid var(--gold-s) !important;
    padding-bottom: 2px !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 18 CONTACT PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 19 — THE VAULT page mobile audit
   Sections: vault-hero (navy) · promise · inside-vault · practice-stack ·
             live-layer · for-whom · reserve (navy)
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX — page sets ivory brand for dark hero ─── */
  body.dark-header .header .brand__name,
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }
  body .header .nav-link,
  body .header .nav-toggle__label {
    color: var(--ink) !important;
  }
  body .header .nav-toggle__lines span {
    background: var(--ink) !important;
  }

  /* ═══ VAULT HERO (navy gradient) ═══ */
  body .vault-hero {
    padding: 90px 24px 56px !important;
    min-height: auto !important;
    text-align: center !important;
  }
  body .vault-seal {
    display: none !important;
  }
  body .vault-hero__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .vault-hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  body .vault-hero__cap::before,
  body .vault-hero__cap::after {
    display: none !important;
    content: none !important;
  }
  body .vault-hero__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: var(--gold-s) !important;
    margin: 0 0 12px !important;
  }
  body .vault-hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 3rem !important;
    line-height: 1.02 !important;
    letter-spacing: -0.022em !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  body .vault-hero__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .vault-hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.25rem !important;
    line-height: 1.55 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  body .vault-hero__sub em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  /* Ornament — simplify */
  body .vault-hero__ornament {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 auto 28px !important;
  }
  body .vault-hero__ornament .o-line {
    width: 32px !important;
    height: 1px !important;
    background: var(--gold-s) !important;
    opacity: 0.5 !important;
  }
  body .vault-hero__ornament .o-dia {
    width: 5px !important;
    height: 5px !important;
    background: var(--gold-s) !important;
    transform: rotate(45deg) !important;
  }
  body .vault-hero__ornament .o-dot {
    width: 3px !important;
    height: 3px !important;
    background: var(--gold-s) !important;
    border-radius: 50% !important;
    opacity: 0.6 !important;
  }
  /* Two-CTA stack */
  body .vault-hero__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
  body .vault-hero__ctas .btn,
  body .vault-hero__ctas a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }
  body .vault-hero__ctas .btn--gold {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .vault-hero__ctas .btn--ghost-light {
    background: transparent !important;
    color: var(--ivory) !important;
    border: 1px solid var(--gold) !important;
  }
  body .vault-hero__ctas .btn__arrow {
    display: none !important;
  }

  /* ═══ PROMISE (cream) ═══ */
  body .promise {
    padding: 56px 24px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .promise__inner,
  body .promise__body {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .promise__body p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  body .promise__body p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .promise__body p sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .promise__body p:last-child {
    margin-bottom: 0 !important;
  }
  body .promise__rule {
    width: 60px !important;
    height: 1px !important;
    background: var(--gold) !important;
    margin: 28px auto !important;
    opacity: 0.5 !important;
  }

  /* ═══ INSIDE VAULT — 6 chapter cards ═══ */
  body .inside-vault {
    padding: 56px 24px !important;
    background: #F9F7F2 !important;
  }
  body .inside-vault__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .inside-vault .section-eyebrow {
    color: var(--gold) !important;
  }
  body .inside-vault .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
    text-align: center !important;
  }
  body .inside-vault .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .inside-vault .section-sub {
    color: var(--muted) !important;
    text-align: center !important;
  }
  body .inside-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    margin: 28px 0 0 !important;
  }
  body .inside-card {
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 26px 24px 24px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
  }
  body .inside-card__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    line-height: 1.15 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
  }
  body .inside-card__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .inside-card__name sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .inside-card__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  body .inside-card__desc em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* ═══ PRACTICE STACK — 3 module entries (substantial chapter cards) ═══ */
  body .practice-stack {
    padding: 56px 24px !important;
    background: var(--ivory) !important;
  }
  body .practice-stack__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .practice-stack .section-eyebrow {
    color: var(--gold) !important;
  }
  body .practice-stack .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
    text-align: center !important;
  }
  body .practice-stack .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .practice-stack .section-sub {
    color: var(--muted) !important;
    text-align: center !important;
  }
  body .module-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin: 28px 0 0 !important;
  }
  body .module {
    display: block !important;
    grid-template-columns: none !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 28px 24px 26px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
  }
  body .module__no {
    display: block !important;
    position: static !important;
    font-family: "Cinzel", serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 1.8rem !important;
    color: var(--gold) !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
    letter-spacing: 0.04em !important;
  }
  body .module__body {
    padding: 0 !important;
    text-align: center !important;
  }
  body .module__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  body .module__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.7rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
  }
  body .module__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .module__name sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .module__body-text {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .module__body-text em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* Includes — pill chips stacked */
  body .module__includes {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 auto 16px !important;
  }
  body .module__include {
    display: block !important;
    background: rgba(184, 144, 69, 0.06) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    border-radius: 999px !important;
    padding: 10px 16px !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    color: var(--ink) !important;
    text-align: center !important;
  }
  body .module__meta {
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 !important;
  }

  /* ═══ LIVE LAYER — Yvonne live conversation ═══ */
  body .live-layer {
    padding: 56px 24px !important;
    background: #F9F7F2 !important;
  }
  body .live-layer__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 24px !important;
    text-align: center !important;
  }
  body .live-layer__visual {
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    position: relative !important;
    background: var(--ivory) !important;
  }
  body .live-corner {
    display: none !important;
  }
  body .live-layer__visual img,
  body .live-layer__visual picture,
  body .live-layer__visual picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  body .live-layer__copy {
    text-align: center !important;
    padding: 0 !important;
  }
  body .live-layer__cap,
  body .live-layer__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  body .live-layer__title,
  body .live-layer__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
  }
  body .live-layer__title em,
  body .live-layer__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .live-layer__body,
  body .live-layer p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .live-layer__body em,
  body .live-layer p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* ═══ FOR WHOM — 3 segment cards ═══ */
  body .for-whom {
    padding: 56px 24px !important;
    background: var(--ivory) !important;
  }
  body .for-whom__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .for-whom .section-eyebrow {
    color: var(--gold) !important;
  }
  body .for-whom .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
    text-align: center !important;
  }
  body .for-whom .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .for-whom .section-sub {
    color: var(--muted) !important;
    text-align: center !important;
  }
  body .for-whom__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    margin: 28px 0 0 !important;
  }
  body .segment {
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 28px 24px 26px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
  }
  body .segment__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.6rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
  }
  body .segment__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .segment__rule {
    width: 40px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.5 !important;
    margin: 0 auto 14px !important;
  }
  body .segment__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  body .segment__desc em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* ═══ RESERVE — NAVY final section with email capture ═══ */
  body .reserve {
    padding: 56px 24px !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    text-align: center !important;
    position: relative !important;
  }
  body .reserve__seal {
    display: none !important;
  }
  body .reserve__inner {
    text-align: center !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
  }
  body .reserve__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 14px !important;
  }
  body .reserve__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: var(--gold-s) !important;
    margin: 0 0 12px !important;
  }
  body .reserve__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    line-height: 1.08 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  body .reserve__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .reserve__body {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.15rem !important;
    line-height: 1.55 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  /* Founders note inside reserve — translucent ivory box on navy */
  body .reserve__founders-note {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    border-radius: 14px !important;
    padding: 22px 22px !important;
    margin: 0 auto 28px !important;
    max-width: 380px !important;
    text-align: center !important;
  }
  body .reserve__founders-cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 12px !important;
  }
  body .reserve__founders-text {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
    color: rgba(251, 244, 230, 0.85) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  body .reserve__founders-text em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  /* Two-CTA stack */
  body .reserve__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    max-width: 320px !important;
    margin: 0 auto 32px !important;
  }
  body .reserve__buttons .btn,
  body .reserve__buttons a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }
  body .reserve__buttons .btn--gold {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .reserve__buttons .btn--ghost-light {
    background: transparent !important;
    color: var(--ivory) !important;
    border: 1px solid var(--gold) !important;
  }
  body .reserve__buttons .btn__arrow {
    display: none !important;
  }
  /* Reserve form — clean translucent input + gold pill submit */
  body #reserve-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }
  body #reserve-form input[type="email"] {
    width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.5) !important;
    border-radius: 999px !important;
    padding: 16px 22px !important;
    color: var(--ivory) !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
    text-align: left !important;
    outline: none !important;
  }
  body #reserve-form input[type="email"]::placeholder {
    color: rgba(251, 244, 230, 0.45) !important;
  }
  body #reserve-form button[type="submit"] {
    width: 100% !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 17px 24px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    justify-content: center !important;
    text-align: center !important;
    cursor: pointer !important;
  }
  body #reserve-form button[type="submit"] span {
    display: none !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 19 VAULT PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 20 — THE LEGACY LEDGER page mobile audit
   Sections: efx-hero · efx-premise · efx-pullquote (navy) · efx-grid · efx-cta
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX — page sets ivory brand, override for cream header ─── */
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }
  body .header .nav-link,
  body .header .nav-toggle__label {
    color: var(--ink) !important;
  }

  /* ═══ EFX HERO (cream) ═══ */
  body .efx-hero {
    padding: 90px 24px 48px !important;
    text-align: center !important;
    background: var(--ivory) !important;
    min-height: auto !important;
  }
  body .efx-hero__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .efx-hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 16px !important;
    gap: 0 !important;
  }
  body .efx-hero__cap::before,
  body .efx-hero__cap::after {
    display: none !important;
    content: none !important;
  }
  body .efx-hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 3rem !important;
    line-height: 1.02 !important;
    letter-spacing: -0.025em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  body .efx-hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .efx-hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.25rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  body .efx-hero__sub em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* Ornament — simplified */
  body .efx-hero__ornament {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 auto !important;
  }
  body .efx-hero__ornament .o-line {
    width: 32px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.5 !important;
  }
  body .efx-hero__ornament .o-dia {
    width: 5px !important;
    height: 5px !important;
    background: var(--gold) !important;
    transform: rotate(45deg) !important;
    opacity: 0.8 !important;
  }

  /* ═══ EFX PREMISE (cream, 3 body paragraphs) ═══ */
  body .efx-premise {
    padding: 56px 24px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .efx-premise__inner {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  body .efx-premise__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .efx-premise__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  body .efx-premise__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .efx-premise__body {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .efx-premise__body p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  body .efx-premise__body p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .efx-premise__body p sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .efx-premise__body p:last-child {
    margin-bottom: 0 !important;
  }

  /* ═══ EFX PULLQUOTE — NAVY backdrop, dramatic centered italic quote ═══ */
  body .efx-pullquote {
    padding: 56px 24px !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    text-align: center !important;
  }
  body .efx-pullquote__inner {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    position: relative !important;
  }
  body .efx-pullquote__inner::before {
    content: "" !important;
    display: block !important;
    width: 36px !important;
    height: 1px !important;
    background: var(--gold-s) !important;
    margin: 0 auto 24px !important;
    opacity: 0.6 !important;
  }
  body .efx-pullquote__inner::after {
    content: "" !important;
    display: block !important;
    width: 36px !important;
    height: 1px !important;
    background: var(--gold-s) !important;
    margin: 24px auto 0 !important;
    opacity: 0.6 !important;
  }
  body .efx-pullquote__text {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    line-height: 1.45 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  body .efx-pullquote__text em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }

  /* ═══ EFX GRID — 3 disciplines as chapter cards ═══ */
  body .efx-grid {
    padding: 56px 24px !important;
    text-align: center !important;
    background: #F9F7F2 !important;
  }
  body .efx-grid__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .efx-grid__header {
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  body .efx-grid__header .eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .efx-grid__header h2 {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .efx-grid__header h2 em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .efx-grid__items,
  body .efx-grid__items--3 {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    margin: 0 !important;
  }
  body .efx-grid__item {
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 30px 24px 26px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
  }
  body .efx-grid__item .num {
    display: block !important;
    font-family: "Cinzel", serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 1.8rem !important;
    color: var(--gold) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
  }
  body .efx-grid__item h3 {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.7rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
  }
  body .efx-grid__item h3 em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .efx-grid__item p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 !important;
  }

  /* ═══ EFX CTA — final cream block ═══ */
  body .efx-cta {
    padding: 56px 24px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .efx-cta__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .efx-cta__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .efx-cta__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  body .efx-cta__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .efx-cta__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  body .efx-cta__sub em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .efx-cta__sub sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  /* Two-CTA stack */
  body .efx-cta__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
  body .efx-cta__buttons .btn,
  body .efx-cta__buttons a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }
  body .efx-cta__buttons .btn--gold {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .efx-cta__buttons .btn--secondary {
    background: transparent !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink) !important;
  }
  body .efx-cta__buttons .btn__arrow {
    display: none !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 20 LEGACY LEDGER PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 21 — THE MANIFESTO page + GLOBAL navy text visibility fix
   Sections: manifesto-hero · opening · 4 chapters (alternating light/dark) ·
             interlude · close · cta
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX ─── */
  body.dark-header .header .brand__name,
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }
  body .header .nav-link,
  body .header .nav-toggle__label {
    color: var(--ink) !important;
  }
  body .header .nav-toggle__lines span {
    background: var(--ink) !important;
  }

  /* ═══ MANIFESTO HERO ═══ */
  body .manifesto-hero {
    padding: 90px 24px 48px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .manifesto-hero__top-ornament {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 auto 24px !important;
  }
  body .manifesto-hero__top-ornament .mo-line {
    width: 32px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.5 !important;
  }
  body .manifesto-hero__top-ornament .mo-dia {
    width: 5px !important;
    height: 5px !important;
    background: var(--gold) !important;
    transform: rotate(45deg) !important;
  }
  body .manifesto-hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 16px !important;
  }
  body .manifesto-hero__cap::before,
  body .manifesto-hero__cap::after {
    display: none !important;
    content: none !important;
  }
  body .manifesto-hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 3rem !important;
    line-height: 1.02 !important;
    letter-spacing: -0.025em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  body .manifesto-hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .manifesto-hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 22px !important;
  }
  body .manifesto-hero__sub em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .manifesto-hero__sub sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .manifesto-hero__byline {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  /* ═══ MANIFESTO OPENING (thesis) ═══ */
  body .manifesto-opening {
    padding: 48px 24px 56px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .manifesto-opening__lede {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.65rem !important;
    line-height: 1.3 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 24px !important;
  }
  body .manifesto-opening__lede em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .manifesto-opening__lede strong {
    color: var(--ink) !important;
    font-weight: 600 !important;
  }
  body .manifesto-opening__follows {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto !important;
  }

  /* ═══ MANIFESTO CHAPTER — LIGHT variant ═══ */
  body .manifesto-chapter--light {
    padding: 48px 24px 48px !important;
    text-align: center !important;
    background: #F9F7F2 !important;
  }
  /* ═══ MANIFESTO CHAPTER — DARK variant (navy) ═══ */
  body .manifesto-chapter--dark {
    padding: 48px 24px 48px !important;
    text-align: center !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
  }
  body .manifesto-chapter__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .manifesto-chapter__header {
    text-align: center !important;
    margin: 0 auto 32px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
  }
  body .manifesto-chapter__numeral {
    font-family: "Cinzel", serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 2.2rem !important;
    color: var(--gold) !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
    letter-spacing: 0.06em !important;
    line-height: 1 !important;
  }
  body .manifesto-chapter--dark .manifesto-chapter__numeral {
    color: var(--gold-s) !important;
  }
  body .manifesto-chapter__name {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.45rem !important;
    line-height: 1.2 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .manifesto-chapter--dark .manifesto-chapter__name {
    color: var(--ivory) !important;
  }
  body .manifesto-chapter__rule {
    display: block !important;
    width: 36px !important;
    height: 1px !important;
    background: var(--gold) !important;
    margin: 0 auto !important;
    opacity: 0.5 !important;
  }
  body .manifesto-chapter--dark .manifesto-chapter__rule {
    background: var(--gold-s) !important;
    opacity: 0.6 !important;
  }

  /* Declaration blocks inside chapter */
  body .declaration {
    margin: 0 auto 28px !important;
    text-align: center !important;
    max-width: 100% !important;
  }
  body .declaration:last-child {
    margin-bottom: 0 !important;
  }
  body .declaration__open {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  body .manifesto-chapter--dark .declaration__open {
    color: var(--gold-s) !important;
  }
  body .declaration__open sup {
    color: inherit !important;
    font-size: 0.6em !important;
  }
  body .declaration__text {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .declaration__text em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .manifesto-chapter--dark .declaration__text {
    color: var(--ivory) !important;
  }
  body .manifesto-chapter--dark .declaration__text em {
    color: var(--gold-s) !important;
  }

  /* ═══ INTERLUDE — pull quote on navy ═══ */
  body .manifesto-interlude {
    padding: 56px 24px !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    text-align: center !important;
    position: relative !important;
  }
  body .manifesto-interlude__mark {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-size: 4rem !important;
    color: var(--gold-s) !important;
    line-height: 0.5 !important;
    margin: 0 auto 12px !important;
    opacity: 0.7 !important;
  }
  body .manifesto-interlude__quote {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    line-height: 1.45 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  body .manifesto-interlude__quote em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }

  /* ═══ CLOSE — signed declaration ═══ */
  body .manifesto-close {
    padding: 56px 24px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .manifesto-close__statement-1,
  body .manifesto-close__statement-2 {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.6rem !important;
    line-height: 1.25 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
  }
  body .manifesto-close__statement-1 em,
  body .manifesto-close__statement-2 em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .manifesto-close__divider {
    width: 50px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.5 !important;
    margin: 24px auto !important;
  }
  body .manifesto-close__attr {
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto 8px !important;
  }
  body .manifesto-close__name {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 10px !important;
  }
  body .manifesto-close__role {
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  /* ═══ MANIFESTO CTA — quiet finale ═══ */
  body .manifesto-cta {
    padding: 56px 24px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .manifesto-cta__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .manifesto-cta__line {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.25rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  body .manifesto-cta__line em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .manifesto-cta__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
  body .manifesto-cta__ctas .btn,
  body .manifesto-cta__ctas a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }
  body .manifesto-cta__ctas .btn--primary {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .manifesto-cta__ctas .btn--secondary {
    background: transparent !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink) !important;
  }
  body .manifesto-cta__ctas .btn__arrow {
    display: none !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     GLOBAL NAVY TEXT VISIBILITY SAFEGUARD
     Any section with navy gradient background gets default ivory text
     for any orphan paragraph/text that wasn't styled by a specific wave.
     ════════════════════════════════════════════════════════════════════ */
  body section[class*="--navy"] p:not([class*="__"]),
  body section[class*="--dark"] p:not([class*="__"]),
  body .subscribe p:not([class*="__"]),
  body .results-email p:not([class*="__"]),
  body .waitlist p:not([class*="__"]),
  body .audit-cadence p:not([class*="__"]),
  body .daily-preview p:not([class*="__"]),
  body .reserve p:not([class*="__"]),
  body .efx-pullquote p:not([class*="__"]),
  body .manifesto-interlude p:not([class*="__"]),
  body .write p:not([class*="__"]),
  body .library p:not([class*="__"]),
  body .fragments p:not([class*="__"]) {
    color: var(--ivory) !important;
  }
  /* Stray spans, labels, anchors on navy default to ivory */
  body section[class*="--navy"] span:not([class*="__"]):not([class*="--"]),
  body section[class*="--dark"] span:not([class*="__"]):not([class*="--"]),
  body .subscribe span:not([class*="__"]),
  body .reserve span:not([class*="__"]),
  body .write span:not([class*="__"]) {
    color: var(--ivory) !important;
  }
  /* Stray anchors on navy bg get gold-s with hairline underline */
  body section[class*="--navy"] a:not([class*="btn"]):not([class*="__"]),
  body .subscribe a:not([class*="btn"]):not([class*="__"]),
  body .reserve a:not([class*="btn"]):not([class*="__"]),
  body .write a:not([class*="btn"]):not([class*="__"]) {
    color: var(--gold-s) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.4) !important;
  }
  /* Strong tags on navy bg */
  body section[class*="--navy"] strong,
  body section[class*="--dark"] strong,
  body .subscribe strong,
  body .reserve strong {
    color: var(--ivory) !important;
    font-weight: 600 !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 21 MANIFESTO + GLOBAL NAVY VISIBILITY
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 22 — LICENSING page mobile audit
   Sections: editorial-hero · licensing body (heavily inline-styled, 2-col grid)
   Must override inline styles with !important.
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX ─── */
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }

  /* ═══ EDITORIAL HERO ═══ */
  body .editorial-hero {
    padding: 90px 24px 48px !important;
    text-align: center !important;
    background: var(--ivory) !important;
    min-height: auto !important;
  }
  body .editorial-hero__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .editorial-hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  body .editorial-hero__cap::before,
  body .editorial-hero__cap::after {
    display: none !important;
    content: none !important;
  }
  body .editorial-hero__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: var(--gold) !important;
    margin: 0 0 12px !important;
  }
  body .editorial-hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 3rem !important;
    line-height: 1.02 !important;
    letter-spacing: -0.022em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  body .editorial-hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .editorial-hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  body .editorial-hero__sub em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .editorial-hero__sub sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .editorial-hero__ornament {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 auto !important;
  }
  body .editorial-hero__ornament .o-line {
    width: 32px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.5 !important;
  }
  body .editorial-hero__ornament .o-dia {
    width: 5px !important;
    height: 5px !important;
    background: var(--gold) !important;
    transform: rotate(45deg) !important;
  }

  /* ═══ LICENSING BODY — override the inline-styled section ═══ */
  body .editorial-hero + section {
    padding: 56px 24px !important;
    background: #F5F0E1 !important;
  }
  body .editorial-hero + section > div {
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  /* Force the 2-col grid to single column */
  body .editorial-hero + section div[style*="grid-template-columns"] {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 40px !important;
    margin-bottom: 40px !important;
    text-align: center !important;
  }
  body .editorial-hero + section div[style*="grid-template-columns"] > div {
    text-align: center !important;
  }
  /* Section eyebrows inside */
  body .editorial-hero + section .section-eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  body .editorial-hero + section .section-eyebrow::before,
  body .editorial-hero + section .section-eyebrow::after {
    display: none !important;
    content: none !important;
  }
  /* All h2 inside this section — uniform styling regardless of inline */
  body .editorial-hero + section h2 {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .editorial-hero + section h2 em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* All p inside this section */
  body .editorial-hero + section p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  /* Italic line (3-tier note) */
  body .editorial-hero + section p[style*="italic"] {
    font-style: italic !important;
    color: var(--muted) !important;
    font-size: 1rem !important;
    margin: 0 auto 20px !important;
  }
  body .editorial-hero + section p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .editorial-hero + section p sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  /* CTAs — gold pill consistency */
  body .editorial-hero + section .btn,
  body .editorial-hero + section a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 16px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }
  body .editorial-hero + section .btn--primary {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .editorial-hero + section .btn--secondary {
    background: transparent !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink) !important;
  }
  body .editorial-hero + section .btn__arrow {
    display: none !important;
  }
  /* Border-top divider for the Publishers/Media block */
  body .editorial-hero + section div[style*="border-top"] {
    border-top: 0.5px solid rgba(184, 144, 69, 0.32) !important;
    padding-top: 40px !important;
    margin-bottom: 40px !important;
    text-align: center !important;
  }
  /* The Publishers section needs its h2 a bit bigger */
  body .editorial-hero + section div[style*="border-top"] h2 {
    font-size: 2.2rem !important;
  }
  /* Email button (licensing@sacreddeposits.com) — handle the long text */
  body .editorial-hero + section a[href*="mailto:"] {
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    word-break: break-all !important;
    padding: 14px 18px !important;
  }

  /* ═══ IP NOTICE — navy box, force ivory text ═══ */
  body .editorial-hero + section div[style*="background:var(--navy"] {
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    color: var(--ivory) !important;
    padding: 36px 24px !important;
    border-radius: 14px !important;
    text-align: center !important;
  }
  body .editorial-hero + section div[style*="background:var(--navy"] p {
    color: var(--ivory) !important;
    text-align: center !important;
  }
  body .editorial-hero + section div[style*="background:var(--navy"] p[style*="letter-spacing"] {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 14px !important;
  }
  body .editorial-hero + section div[style*="background:var(--navy"] p[style*="italic"] {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    color: var(--ivory) !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  body .editorial-hero + section div[style*="background:var(--navy"] sup {
    color: var(--gold-s) !important;
    font-size: 0.5em !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 22 LICENSING PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 23 — CHURCHES page mobile audit
   Sections: churches-hero · invitation · btv (Before the Vow) ·
             partner (3 tiers) · founding (final)
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX ─── */
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }

  /* ═══ CHURCHES HERO (cream) — scoped via .churches-hero class ═══ */
  body .churches-hero {
    padding: 90px 24px 48px !important;
    text-align: center !important;
    background: var(--ivory) !important;
    min-height: auto !important;
  }
  body .churches-hero .hero__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .churches-hero .hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
    gap: 0 !important;
  }
  body .churches-hero .hero__cap::before,
  body .churches-hero .hero__cap::after {
    display: none !important;
    content: none !important;
  }
  body .churches-hero .hero__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: var(--gold) !important;
    margin: 0 0 12px !important;
  }
  body .churches-hero .hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.8rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.022em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  body .churches-hero .hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .churches-hero .hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 28px !important;
  }
  body .churches-hero .hero__sub em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .churches-hero .hero__sub sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  /* Two-CTA stack */
  body .churches-hero .hero__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
  body .churches-hero .hero__ctas .btn,
  body .churches-hero .hero__ctas a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }
  body .churches-hero .hero__ctas .btn--primary {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .churches-hero .hero__ctas .btn--secondary {
    background: transparent !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink) !important;
  }
  body .churches-hero .hero__ctas .btn__arrow {
    display: none !important;
  }

  /* ═══ INVITATION (cream, 2 paragraphs with gold rule between) ═══ */
  body .invitation {
    padding: 48px 24px 56px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .invitation__inner,
  body .invitation__body {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  body .invitation__body p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  body .invitation__body p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .invitation__body p sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .invitation__body p:last-child {
    margin-bottom: 0 !important;
  }
  body .invitation__rule {
    width: 60px !important;
    height: 1px !important;
    background: var(--gold) !important;
    margin: 24px auto !important;
    opacity: 0.5 !important;
  }

  /* ═══ BTV — Before the Vow flagship (chalk) ═══ */
  body .btv {
    padding: 56px 24px !important;
    background: #F9F7F2 !important;
  }
  body .btv__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 28px !important;
    text-align: center !important;
  }
  /* Visual card — like a curriculum cover */
  body .btv__visual {
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    border-radius: 14px !important;
    padding: 36px 26px !important;
    aspect-ratio: 4 / 5 !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
  }
  body .btv__visual-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
  }
  body .btv__visual-cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
  }
  body .btv__visual-sessions {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    color: rgba(251, 244, 230, 0.7) !important;
  }
  body .btv__visual-mid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
  }
  body .btv__visual-script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: var(--gold-s) !important;
  }
  body .btv__visual-name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.2rem !important;
    line-height: 1.05 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .btv__visual-name em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .btv__visual-name sup {
    color: var(--gold-s) !important;
    font-size: 0.4em !important;
  }
  body .btv__visual-bottom {
    width: 100% !important;
    padding-top: 12px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.3) !important;
  }
  body .btv__visual-tag {
    display: block !important;
    font-family: "Cinzel", serif !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    text-align: center !important;
    line-height: 1.4 !important;
  }
  /* BTV content */
  body .btv__content {
    text-align: center !important;
    padding: 0 !important;
  }
  body .btv__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  body .btv__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.2rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .btv__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .btv__lede {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.5 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 20px !important;
  }
  body .btv__lede em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .btv__lede sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .btv__body p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.08rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .btv__body p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .btv__body p sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  /* Sessions list — pill chips */
  body .btv__sessions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 22px auto 26px !important;
    max-width: 360px !important;
  }
  body .btv__session {
    display: block !important;
    background: rgba(184, 144, 69, 0.06) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.25) !important;
    border-radius: 999px !important;
    padding: 11px 18px !important;
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    color: var(--ink) !important;
    text-align: center !important;
  }
  body .btv__session em {
    color: var(--gold) !important;
    font-style: italic !important;
    font-weight: 600 !important;
    margin-right: 8px !important;
  }
  /* BTV CTA */
  body .btv .btn,
  body .btv a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .btv .btn__arrow {
    display: none !important;
  }

  /* ═══ PARTNER — 3 tier cards with includes lists (cream) ═══ */
  body .partner {
    padding: 56px 24px !important;
    background: var(--ivory) !important;
  }
  body .partner__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .partner .section-eyebrow {
    color: var(--gold) !important;
  }
  body .partner .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
    text-align: center !important;
  }
  body .partner .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .partner .section-sub {
    color: var(--muted) !important;
    text-align: center !important;
  }
  body .partner__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    margin: 28px 0 0 !important;
  }
  body .partner-card {
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 28px 24px 26px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
  }
  body .partner-card__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  body .partner-card__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.6rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
  }
  body .partner-card__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .partner-card__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .partner-card__desc sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  /* Includes list */
  body .partner-card__includes {
    list-style: none !important;
    padding: 18px 0 0 !important;
    margin: 0 !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  body .partner-card__includes li {
    font-family: var(--serif) !important;
    font-size: 0.98rem !important;
    line-height: 1.4 !important;
    color: var(--ink) !important;
    text-align: center !important;
    position: relative !important;
    padding-left: 0 !important;
  }
  body .partner-card__includes li::before {
    content: "·" !important;
    color: var(--gold) !important;
    font-weight: 700 !important;
    margin-right: 8px !important;
  }
  body .partner-card__includes li sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }

  /* ═══ FOUNDING — final section (cream) ═══ */
  body .founding {
    padding: 56px 24px !important;
    text-align: center !important;
    background: #F9F7F2 !important;
  }
  body .founding__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .founding__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .founding__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: var(--gold) !important;
    margin: 0 0 12px !important;
  }
  body .founding__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  body .founding__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .founding__body {
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  body .founding__body p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.15rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .founding__body p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .founding__body p sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .founding__body p:last-child {
    margin-bottom: 0 !important;
  }
  body .founding .btn,
  body .founding a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .founding .btn__arrow {
    display: none !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 23 CHURCHES PAGE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 24 — PRODUCT PAGES (prod-* pattern, 7 pages)
   Covers: sacred-deposits-hardcover, paperback, ebook, couples-workbook,
           sacred-100-founders-edition, her-covenant-journal, sacred-union-set
   Sections: prod-hero · prod-desc · prod-inside · pairs · prod-for ·
             prod-specs · prod-related · prod-final
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX ─── */
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }

  /* ═══ PROD HERO — product image + buy panel ═══ */
  body .prod-hero {
    padding: 80px 24px 48px !important;
    text-align: center !important;
    background: var(--ivory) !important;
    min-height: auto !important;
  }
  body .prod-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 28px !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  /* Product visual — centered image, no decorations */
  body .prod-hero__visual {
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    aspect-ratio: 3 / 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
  }
  body .prod-hero__visual::before,
  body .prod-hero__visual::after,
  body .prod-hero__visual span {
    display: none !important;
  }
  body .prod-hero__visual-image,
  body .prod-hero__visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    box-shadow: 0 24px 48px -16px rgba(7, 20, 50, 0.25) !important;
    border-radius: 4px !important;
  }
  /* Product content panel */
  body .prod-hero__content {
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  body .prod-hero__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .prod-hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .prod-hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .prod-hero__title sup {
    color: var(--gold) !important;
    font-size: 0.4em !important;
  }
  body .prod-hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 22px !important;
  }
  body .prod-hero__sub em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* Price + category meta row */
  body .prod-hero__meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 22px !important;
    padding: 18px 0 !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.28) !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.28) !important;
    max-width: 320px !important;
  }
  body .prod-hero__price {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.2rem !important;
    color: var(--gold) !important;
    line-height: 1 !important;
    margin: 0 auto 6px !important;
    text-align: center !important;
  }
  body .prod-hero__price-sub {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
  }
  body .prod-hero__category {
    display: inline-block !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    background: rgba(184, 144, 69, 0.08) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.25) !important;
    border-radius: 999px !important;
    padding: 5px 12px !important;
  }
  /* CTAs — Add to Cart prominent gold */
  body .prod-hero__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
  body .prod-hero__ctas .btn,
  body .prod-hero__ctas button.btn,
  body .prod-hero__ctas a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }
  body .prod-hero__ctas .btn--primary {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .prod-hero__ctas .btn--secondary {
    background: transparent !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink) !important;
  }
  body .prod-hero__ctas .btn__arrow {
    display: none !important;
  }

  /* ═══ PROD DESC — body paragraphs ═══ */
  body .prod-desc {
    padding: 48px 24px 56px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .prod-desc__inner,
  body .prod-desc__body {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  body .prod-desc__body p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  body .prod-desc__body p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .prod-desc__body p:last-child {
    margin-bottom: 0 !important;
  }

  /* ═══ PROD INSIDE — Part One/Two/Three/Appendix ═══ */
  body .prod-inside {
    padding: 56px 24px !important;
    background: #F9F7F2 !important;
  }
  body .prod-inside__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .prod-inside .section-eyebrow {
    color: var(--gold) !important;
  }
  body .prod-inside .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
    text-align: center !important;
  }
  body .prod-inside .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .prod-inside__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    margin: 28px 0 0 !important;
  }
  body .prod-inside__item {
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 24px 22px 22px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
  }
  body .prod-inside__label {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 10px !important;
  }
  body .prod-inside__body {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  body .prod-inside__body em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .prod-inside__body sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }

  /* ═══ PAIRS — 3 pair-cards (Her Journal, His Journal, Workbook) ═══ */
  body .pairs {
    padding: 56px 24px !important;
    background: var(--ivory) !important;
  }
  body .pairs__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .pairs__header {
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  body .pairs__header .section-label-center,
  body .pairs .section-label-center {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .pairs__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.2rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .pairs__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .pairs__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 20px !important;
    margin: 0 !important;
  }
  body .pair-card {
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 24px 22px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
    overflow: hidden !important;
  }
  body .pair-card__thumb {
    display: block !important;
    width: 100% !important;
    max-width: 200px !important;
    margin: 0 auto 16px !important;
    aspect-ratio: 3 / 4 !important;
    background: var(--ivory) !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    position: relative !important;
  }
  /* Kill the corner brackets */
  body .pair-card__corner {
    display: none !important;
  }
  body .pair-card__thumb-image,
  body .pair-card__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 20px -8px rgba(7, 20, 50, 0.2) !important;
  }
  body .pair-card__meta {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 8px !important;
  }
  body .pair-card__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
  }
  body .pair-card__name sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .pair-card__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .pair-card__foot {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    padding-top: 14px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.22) !important;
  }
  body .pair-card__price {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.3rem !important;
    color: var(--gold) !important;
  }
  body .pair-card__cta {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid var(--gold) !important;
    padding-bottom: 2px !important;
  }

  /* ═══ PROD FOR — body text section ═══ */
  body .prod-for {
    padding: 56px 24px !important;
    text-align: center !important;
    background: #F9F7F2 !important;
  }
  body .prod-for__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .prod-for .section-eyebrow {
    color: var(--gold) !important;
  }
  body .prod-for .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
    text-align: center !important;
  }
  body .prod-for .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .prod-for__body {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 24px auto 0 !important;
  }
  body .prod-for__body em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* ═══ PROD SPECS — table as mobile key/value list ═══ */
  body .prod-specs {
    padding: 56px 24px !important;
    background: var(--ivory) !important;
  }
  body .prod-specs__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  /* Inline-styled ISBN row above section header */
  body .prod-specs__inner > p[style*="ISBN"],
  body .prod-specs__inner > p[style*="caps"]:first-child {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .prod-specs .section-eyebrow {
    color: var(--gold) !important;
  }
  body .prod-specs .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
    text-align: center !important;
  }
  body .prod-specs .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  /* Specs table as key/value list */
  body .prod-specs__table {
    display: block !important;
    width: 100% !important;
    margin: 28px auto 0 !important;
    border: 0 !important;
    border-collapse: separate !important;
  }
  body .prod-specs__table tbody {
    display: block !important;
    width: 100% !important;
  }
  body .prod-specs__table tr {
    display: block !important;
    width: 100% !important;
    padding: 14px 0 !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.28) !important;
    text-align: center !important;
  }
  body .prod-specs__table tr:last-child {
    border-bottom: 0 !important;
  }
  body .prod-specs__table td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: center !important;
  }
  body .prod-specs__key {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin-bottom: 6px !important;
  }
  body .prod-specs__val {
    font-family: var(--serif) !important;
    font-size: 1.05rem !important;
    line-height: 1.4 !important;
    color: var(--ink) !important;
  }
  body .prod-specs__val sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .prod-specs__val a {
    color: var(--gold) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.4) !important;
  }

  /* ═══ PROD RELATED — Other Editions grid ═══ */
  body .prod-related {
    padding: 56px 24px !important;
    background: #F9F7F2 !important;
  }
  body .prod-related__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .prod-related .section-eyebrow {
    color: var(--gold) !important;
  }
  body .prod-related .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
    text-align: center !important;
  }
  body .prod-related .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .prod-related__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    margin: 28px 0 0 !important;
  }
  body .related-card {
    display: block !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 24px 22px 22px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
    text-decoration: none !important;
    color: var(--ink) !important;
  }
  body .related-card__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 10px !important;
  }
  body .related-card__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    line-height: 1.15 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 10px !important;
  }
  body .related-card__name sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .related-card__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
  }
  body .related-card__price {
    display: inline-block !important;
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.3rem !important;
    color: var(--gold) !important;
    padding-top: 12px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    margin-top: 0 !important;
  }

  /* ═══ PROD FINAL — Order CTA ═══ */
  body .prod-final {
    padding: 56px 24px !important;
    text-align: center !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
  }
  body .prod-final__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .prod-final__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 14px !important;
  }
  body .prod-final__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.2rem !important;
    line-height: 1.1 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .prod-final__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .prod-final__title sup {
    color: var(--gold-s) !important;
    font-size: 0.4em !important;
  }
  body .prod-final__price {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.4rem !important;
    color: var(--gold-s) !important;
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  body .prod-final__price em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .prod-final .btn,
  body .prod-final button.btn,
  body .prod-final a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }
  body .prod-final .btn__arrow {
    display: none !important;
  }

  /* ═══ PROD VALUE (for sacred-union-set bundle page only) ═══ */
  body .prod-value {
    padding: 56px 24px !important;
    background: var(--ivory) !important;
    text-align: center !important;
  }
  body .prod-value__inner,
  body .prod-value__body {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .prod-value p {
    font-family: var(--serif) !important;
    font-size: 1.15rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .prod-value p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 24 PRODUCT PAGES
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 25 — REMAINING 3 PRODUCT PAGES
   sacred-deposits-audiobook (efx-* + waitlist) ·
   her-sacred-chronicle (efx-* + product-visual) ·
   his-journal (phero / inside / framework / voice)
   
   Most .efx-* classes already styled by Wave 20 (legacy-ledger).
   Wave 24 covers .pairs already. Adding here:
   .efx-product-visual · .efx-cta waitlist form ·
   .phero · .inside · .framework · .voice
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX ─── */
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     SHARED — .efx-product-visual (used by audiobook + chronicle)
     A navy "book cover" mockup frame
     ════════════════════════════════════════════════════════════════════ */
  body .efx-product-visual {
    padding: 32px 24px 48px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .efx-product-visual__frame {
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    border-radius: 14px !important;
    padding: 36px 26px 32px !important;
    aspect-ratio: 4 / 5 !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
    box-shadow: 0 24px 48px -16px rgba(7, 20, 50, 0.3) !important;
  }
  /* Corner brackets — keep but make subtle */
  body .efx-product-visual__corner {
    position: absolute !important;
    width: 14px !important;
    height: 14px !important;
    border: 0.5px solid var(--gold-s) !important;
    opacity: 0.4 !important;
  }
  body .efx-product-visual__corner--tl {
    top: 12px !important;
    left: 12px !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
  body .efx-product-visual__corner--tr {
    top: 12px !important;
    right: 12px !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
  }
  body .efx-product-visual__corner--bl {
    bottom: 12px !important;
    left: 12px !important;
    border-right: 0 !important;
    border-top: 0 !important;
  }
  body .efx-product-visual__corner--br {
    bottom: 12px !important;
    right: 12px !important;
    border-left: 0 !important;
    border-top: 0 !important;
  }
  body .efx-product-visual__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto !important;
  }
  body .efx-product-visual__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2rem !important;
    line-height: 1.1 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .efx-product-visual__name em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .efx-product-visual__mark {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 2.4rem !important;
    color: var(--gold-s) !important;
    text-align: center !important;
    margin: 0 auto !important;
    line-height: 1 !important;
  }
  body .efx-product-visual__mark span {
    color: var(--gold-s) !important;
  }
  body .efx-product-visual__caption {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 0.9rem !important;
    color: rgba(251, 244, 230, 0.7) !important;
    text-align: center !important;
    margin: 0 auto !important;
    line-height: 1.4 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     .efx-cta with waitlist form (audiobook page)
     Form has inline styles — override them.
     The base .efx-cta is already styled by Wave 20 (legacy-ledger).
     ════════════════════════════════════════════════════════════════════ */
  body .efx-cta {
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    padding: 56px 24px !important;
    text-align: center !important;
  }
  body .efx-cta__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .efx-cta__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 14px !important;
  }
  body .efx-cta__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.2rem !important;
    line-height: 1.1 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .efx-cta__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .efx-cta__sub {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    line-height: 1.55 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 24px !important;
  }
  body .efx-cta__sub em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  /* Waitlist form — override inline styles */
  body .efx-cta form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    max-width: 360px !important;
    margin: 0 auto 24px !important;
  }
  body .efx-cta form input[type="email"] {
    width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.5) !important;
    border-radius: 999px !important;
    padding: 16px 22px !important;
    color: var(--ivory) !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
    min-width: 0 !important;
    flex: none !important;
  }
  body .efx-cta form input[type="email"]::placeholder {
    color: rgba(251, 244, 230, 0.45) !important;
  }
  body .efx-cta form button[type="submit"] {
    width: 100% !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 17px 24px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
  }
  /* Success message + skip-the-wait line */
  body .efx-cta form p[data-waitlist-success] {
    color: var(--gold-s) !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.05rem !important;
    text-align: center !important;
    margin: 8px auto 0 !important;
  }
  body .efx-cta > div > p[style*="italic"],
  body .efx-cta__inner > p[style*="italic"] {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
    color: rgba(251, 244, 230, 0.75) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 24px !important;
  }
  body .efx-cta > div > p[style*="italic"] em,
  body .efx-cta__inner > p[style*="italic"] em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  /* Buttons under form */
  body .efx-cta__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
  body .efx-cta__buttons .btn,
  body .efx-cta__buttons a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
    background: transparent !important;
    color: var(--gold-s) !important;
    border: 1px solid var(--gold-s) !important;
  }
  body .efx-cta__buttons .btn__arrow {
    display: none !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     HIS-JOURNAL — .phero (product hero)
     ════════════════════════════════════════════════════════════════════ */
  body .phero {
    padding: 80px 24px 48px !important;
    text-align: center !important;
    background: var(--ivory) !important;
    min-height: auto !important;
  }
  body .phero__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 28px !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  /* Product image visual */
  body .phero__visual {
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    aspect-ratio: 3 / 4 !important;
    position: relative !important;
    overflow: visible !important;
  }
  body .phero__image-frame {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body .phero__badge {
    display: inline-block !important;
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    z-index: 2 !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
  }
  body .phero__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    box-shadow: 0 24px 48px -16px rgba(7, 20, 50, 0.25) !important;
    border-radius: 4px !important;
  }
  /* Kill corner brackets */
  body .phero__corner {
    display: none !important;
  }
  /* Copy column */
  body .phero__copy {
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  body .phero__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .phero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    line-height: 1.05 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .phero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .phero__title sup {
    color: var(--gold) !important;
    font-size: 0.4em !important;
  }
  body .phero__rule {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 60px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.5 !important;
    margin: 0 auto 18px !important;
    position: relative !important;
  }
  body .phero__rule-dia {
    display: block !important;
    width: 5px !important;
    height: 5px !important;
    background: var(--gold) !important;
    transform: rotate(45deg) !important;
    position: absolute !important;
    left: 50% !important;
    margin-left: -2.5px !important;
  }
  body .phero__lede {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 22px !important;
  }
  /* Specs list */
  body .phero__specs {
    list-style: none !important;
    padding: 18px 0 !important;
    margin: 0 auto 20px !important;
    max-width: 320px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.28) !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.28) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  body .phero__specs li {
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    color: var(--ink) !important;
    text-align: center !important;
    padding: 0 !important;
    line-height: 1.4 !important;
  }
  body .phero__specs li strong {
    color: var(--gold) !important;
    font-weight: 600 !important;
  }
  /* Price row */
  body .phero__price-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: center !important;
    margin: 0 auto 22px !important;
  }
  body .phero__price {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    color: var(--gold) !important;
    line-height: 1 !important;
  }
  body .phero__ship {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
  }
  /* CTAs */
  body .phero__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    max-width: 320px !important;
    margin: 0 auto 18px !important;
  }
  body .phero__ctas .btn,
  body .phero__ctas button.btn,
  body .phero__ctas a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }
  body .phero__ctas .btn--gold {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .phero__ctas .btn--ghost {
    background: transparent !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink) !important;
  }
  body .phero__ctas .btn__arrow {
    display: none !important;
  }
  /* Pair link */
  body .phero__pair {
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .phero__pair em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .phero__pair a {
    color: var(--ink) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid var(--gold) !important;
    padding-bottom: 1px !important;
  }
  body .phero__pair a sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     HIS-JOURNAL — .inside section
     ════════════════════════════════════════════════════════════════════ */
  body .inside {
    padding: 56px 24px !important;
    background: #F9F7F2 !important;
  }
  body .inside__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .inside__header {
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  body .inside__header .section-label-center {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .inside__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.2rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
  }
  body .inside__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .inside__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.15rem !important;
    color: var(--muted) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }
  body .inside__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    margin: 0 !important;
  }
  body .inside__block {
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 28px 24px 26px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
  }
  body .inside__num {
    display: block !important;
    font-family: "Cinzel", serif !important;
    font-weight: 600 !important;
    font-size: 1.8rem !important;
    color: var(--gold) !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
    letter-spacing: 0.06em !important;
    line-height: 1 !important;
  }
  body .inside__block h3 {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.55rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
  }
  body .inside__block h3 em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .inside__block p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  body .inside__block p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .inside__block p sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     HIS-JOURNAL — .framework (ecosystem callout)
     ════════════════════════════════════════════════════════════════════ */
  body .framework {
    padding: 56px 24px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .framework__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .framework .section-label-center {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .framework__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.2rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .framework__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .framework__title sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .framework__lede {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.15rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 22px !important;
  }
  body .framework__lede strong {
    color: var(--gold) !important;
    font-weight: 600 !important;
  }
  body .framework__lede sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .framework__link {
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid var(--gold) !important;
    padding-bottom: 3px !important;
    display: inline-block !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     HIS-JOURNAL — .voice (pull quote)
     ════════════════════════════════════════════════════════════════════ */
  body .voice {
    padding: 56px 24px !important;
    text-align: center !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
  }
  body .voice__inner {
    text-align: center !important;
    margin: 0 auto !important;
    position: relative !important;
  }
  body .voice__inner::before {
    content: "" !important;
    display: block !important;
    width: 36px !important;
    height: 1px !important;
    background: var(--gold-s) !important;
    margin: 0 auto 24px !important;
    opacity: 0.6 !important;
  }
  body .voice__inner::after {
    content: "" !important;
    display: block !important;
    width: 36px !important;
    height: 1px !important;
    background: var(--gold-s) !important;
    margin: 24px auto 0 !important;
    opacity: 0.6 !important;
  }
  body .voice__quote {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    line-height: 1.45 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .voice__attr {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 25 REMAINING PRODUCT PAGES
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 26 — SECONDARY PAGES (final 9 pages, 5 need dedicated CSS)
   begin-reset · site-map · 404 · terms · privacy · depositos-sagrados (es-reserve)
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ─── HEADER FIX ─── */
  body .header .brand__name,
  body .header .brand {
    color: var(--ink) !important;
    text-shadow: none !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     BEGIN-RESET PAGE
     .hero.hero--dark + .begin-promise + .begin-checklist + .begin-form
     ════════════════════════════════════════════════════════════════════ */

  /* Hero (dark/navy) — scoped via .hero--dark to not affect homepage */
  body .hero.hero--dark {
    padding: 80px 24px 48px !important;
    text-align: center !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    min-height: auto !important;
  }
  body .hero.hero--dark .vault-seal {
    display: none !important;
  }
  body .hero.hero--dark .hero__inner {
    text-align: center !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
  }
  body .hero.hero--dark .hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    margin: 0 auto 14px !important;
  }
  body .hero.hero--dark .hero__cap::before,
  body .hero.hero--dark .hero__cap::after {
    display: none !important;
    content: none !important;
  }
  body .hero.hero--dark .hero__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: var(--gold-s) !important;
    margin: 0 0 12px !important;
  }
  body .hero.hero--dark .hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 3rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.025em !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
  }
  body .hero.hero--dark .hero__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .hero.hero--dark .hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    line-height: 1.55 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }
  body .hero.hero--dark .hero__sub em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }

  /* .begin-promise — 2 paragraphs with gold rule between */
  body .begin-promise {
    padding: 48px 24px 56px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .begin-promise__inner,
  body .begin-promise__body {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .begin-promise__body p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.2rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  body .begin-promise__body p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .begin-promise__body p:last-child {
    margin-bottom: 0 !important;
  }
  body .begin-promise__rule {
    width: 60px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.5 !important;
    margin: 24px auto !important;
  }

  /* .begin-checklist — 4 day-arrival cards */
  body .begin-checklist {
    padding: 56px 24px !important;
    background: #F9F7F2 !important;
  }
  body .begin-checklist__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .begin-checklist .section-eyebrow {
    color: var(--gold) !important;
  }
  body .begin-checklist .section-title {
    color: var(--ink) !important;
    font-size: 2.4rem !important;
    text-align: center !important;
  }
  body .begin-checklist .section-title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .begin-checklist .section-sub {
    color: var(--muted) !important;
    text-align: center !important;
  }
  body .checklist {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    margin: 28px 0 0 !important;
  }
  body .checklist-item {
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 24px 22px 22px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
    text-align: center !important;
  }
  body .checklist-item__body {
    text-align: center !important;
  }
  body .checklist-item__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 10px !important;
  }
  body .checklist-item__name em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .checklist-item__desc {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  body .checklist-item__desc em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* .begin-form — final navy email capture */
  body .begin-form {
    padding: 56px 24px !important;
    text-align: center !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
  }
  body .begin-form__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .begin-form__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: var(--gold-s) !important;
    margin: 0 0 12px !important;
  }
  body .begin-form__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    line-height: 1.08 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .begin-form__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .begin-form__body {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.15rem !important;
    line-height: 1.55 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 24px !important;
  }
  body .begin-form__body em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .begin-form form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    max-width: 360px !important;
    margin: 0 auto 14px !important;
  }
  body .begin-form form input[type="email"] {
    width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.5) !important;
    border-radius: 999px !important;
    padding: 16px 22px !important;
    color: var(--ivory) !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
  }
  body .begin-form form input[type="email"]::placeholder {
    color: rgba(251, 244, 230, 0.45) !important;
  }
  body .begin-form form button[type="submit"] {
    width: 100% !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 17px 24px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
  }
  body .begin-form__fine {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: rgba(251, 244, 230, 0.6) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     SITE-MAP PAGE
     ════════════════════════════════════════════════════════════════════ */
  body .sm-hero {
    padding: 90px 24px 40px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .sm-hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .sm-hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.6rem !important;
    line-height: 1.05 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .sm-hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .sm-hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.15rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }
  body .sm-hero__sub sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .sm-body {
    padding: 32px 24px 64px !important;
    background: var(--ivory) !important;
  }
  body .sm-body__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 32px !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .sm-col {
    text-align: center !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-top: 3px solid var(--gold) !important;
    border-radius: 0 0 14px 14px !important;
    padding: 24px 22px !important;
    box-shadow: 0 2px 8px rgba(7, 20, 50, 0.04) !important;
  }
  body .sm-col__heading {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 18px !important;
    padding-bottom: 12px !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.28) !important;
  }
  body .sm-col ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }
  body .sm-col ul li {
    margin: 0 0 12px !important;
    text-align: center !important;
    line-height: 1.4 !important;
  }
  body .sm-col ul li:last-child {
    margin-bottom: 0 !important;
  }
  body .sm-col ul li a {
    font-family: var(--serif) !important;
    font-size: 1.05rem !important;
    color: var(--ink) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid transparent !important;
    padding-bottom: 2px !important;
  }
  body .sm-col ul li a sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .sm-col ul li em {
    color: var(--muted) !important;
    font-style: italic !important;
    font-size: 0.88rem !important;
    margin-left: 4px !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     404 PAGE — <main class="nf">
     ════════════════════════════════════════════════════════════════════ */
  body main.nf {
    padding: 90px 24px 64px !important;
    text-align: center !important;
    background: var(--ivory) !important;
    min-height: 70vh !important;
  }
  body main.nf .nf__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body main.nf .nf__num {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 5rem !important;
    line-height: 1 !important;
    color: var(--gold) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body main.nf .nf__rule {
    width: 60px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.5 !important;
    margin: 0 auto 24px !important;
  }
  body main.nf .nf__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.4rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body main.nf .nf__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body main.nf .nf__body {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.18rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 32px !important;
  }
  body main.nf .nf__body em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body main.nf .nf__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    max-width: 320px !important;
    margin: 0 auto 40px !important;
  }
  body main.nf .nf__ctas .btn,
  body main.nf .nf__ctas a.btn {
    display: flex !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }
  body main.nf .nf__ctas .btn--primary {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body main.nf .nf__ctas .btn--secondary {
    background: transparent !important;
    color: var(--ink) !important;
    border: 1px solid var(--ink) !important;
  }
  body main.nf .nf__ctas .btn__arrow {
    display: none !important;
  }
  body main.nf .nf__links {
    padding: 32px 0 0 !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.28) !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }
  body main.nf .nf__links-heading {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 16px !important;
  }
  body main.nf .nf__links-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: center !important;
  }
  body main.nf .nf__links-list a {
    font-family: var(--serif) !important;
    font-size: 1.05rem !important;
    color: var(--ink) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid var(--gold) !important;
    padding-bottom: 2px !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     LEGAL PAGES — terms.html + privacy.html
     .legal-hero + .legal-body
     ════════════════════════════════════════════════════════════════════ */
  body .legal-hero {
    padding: 80px 24px 32px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }
  body .legal-hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .legal-hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.6rem !important;
    line-height: 1.05 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .legal-hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .legal-hero__date {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  /* Legal body — long-form content */
  body .legal-body {
    padding: 32px 24px 64px !important;
    background: var(--ivory) !important;
    max-width: 100% !important;
    text-align: left !important;
  }
  body .legal-body__note {
    background: rgba(184, 144, 69, 0.06) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.28) !important;
    border-radius: 12px !important;
    padding: 20px 22px !important;
    margin: 0 auto 32px !important;
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: left !important;
  }
  body .legal-body__note strong {
    display: inline-block !important;
    color: var(--gold) !important;
    font-weight: 600 !important;
    margin-right: 4px !important;
  }
  body .legal-body__note em {
    color: var(--muted) !important;
    font-style: italic !important;
  }
  body .legal-body > p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    color: var(--ink) !important;
    text-align: left !important;
    margin: 0 0 18px !important;
  }
  body .legal-body p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .legal-body p sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .legal-body p a {
    color: var(--gold) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.4) !important;
  }
  body .legal-body h2 {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.6rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: left !important;
    margin: 36px 0 14px !important;
    padding-top: 28px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.22) !important;
  }
  body .legal-body h2:first-of-type {
    border-top: 0 !important;
    padding-top: 0 !important;
  }
  body .legal-body h2 em {
    color: var(--gold) !important;
    font-style: italic !important;
    margin-right: 8px !important;
  }
  /* H3 (inline-styled in terms.html) — force consistent styling */
  body .legal-body h3 {
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    text-align: left !important;
    margin: 24px 0 12px !important;
  }
  body .legal-body ul,
  body .legal-body ol {
    padding-left: 22px !important;
    margin: 0 0 18px !important;
    text-align: left !important;
  }
  body .legal-body ul li,
  body .legal-body ol li {
    font-family: var(--serif) !important;
    font-size: 1.02rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    margin-bottom: 8px !important;
    text-align: left !important;
  }
  body .legal-body ul li em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     DEPOSITOS-SAGRADOS — .es-reserve section (Spanish reservation form)
     Inline-styled — needs overrides
     ════════════════════════════════════════════════════════════════════ */
  body .es-reserve {
    padding: 56px 24px !important;
    background: var(--ivory) !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    text-align: center !important;
  }
  body .es-reserve > div {
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  body .es-reserve > div > p:first-child {
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
  }
  body .es-reserve h2 {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.2rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .es-reserve > div > p:nth-child(3),
  body .es-reserve > div > p[style*="italic"] {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.1rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 24px !important;
  }
  body .es-reserve > div > p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .es-reserve form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    max-width: 360px !important;
    margin: 0 auto 16px !important;
  }
  body .es-reserve form input[type="email"] {
    width: 100% !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
    border: 0.5px solid rgba(184, 144, 69, 0.5) !important;
    border-radius: 999px !important;
    padding: 14px 22px !important;
    color: var(--ink) !important;
    font-family: var(--serif) !important;
    font-size: 1rem !important;
    flex: none !important;
    min-width: 0 !important;
  }
  body .es-reserve form button[type="submit"] {
    width: 100% !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 17px 24px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
  }
  body .es-reserve form button[type="submit"] .btn__arrow {
    display: none !important;
  }
  body .es-reserve > div > p:last-child {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 16px auto 0 !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 26 SECONDARY PAGES — ALL 38 PAGES NOW AUDITED
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 27 — GLOBAL TEXT VISIBILITY ON LIGHT BACKGROUNDS
   Counterpart to Wave 21 (which fixed text on navy).
   Fixes invisible white/ivory text on cream/chalk/white sections.
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ════════════════════════════════════════════════════════════════════
     FIX 1: Page-level .hero__title rules forcing ivory site-wide
     audit.html line 470 + five-deposits.html line 454 both do:
       .hero__title, .hero__heading, .hero h1 { color: var(--ivory) !important; }
     This breaks any cream hero. Override by requiring .hero--dark parent.
     ════════════════════════════════════════════════════════════════════ */
  body section:not(.hero--dark):not([class*="--dark"]):not([class*="--navy"]) .hero__title,
  body section:not(.hero--dark):not([class*="--dark"]):not([class*="--navy"]) .hero__heading,
  body section:not(.hero--dark):not([class*="--dark"]):not([class*="--navy"]) .hero h1 {
    color: var(--ink) !important;
  }
  body section:not(.hero--dark):not([class*="--dark"]):not([class*="--navy"]) .hero__title em,
  body section:not(.hero--dark):not([class*="--dark"]):not([class*="--navy"]) .hero__heading em,
  body section:not(.hero--dark):not([class*="--dark"]):not([class*="--navy"]) .hero h1 em {
    color: var(--gold) !important;
  }
  body section:not(.hero--dark):not([class*="--dark"]):not([class*="--navy"]) .hero__sub,
  body section:not(.hero--dark):not([class*="--dark"]):not([class*="--navy"]) .hero__cap,
  body section:not(.hero--dark):not([class*="--dark"]):not([class*="--navy"]) .hero__script {
    color: var(--ink) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FIX 2: .efx-hero__title hardcoded ivory in legacy-ledger.html
     ════════════════════════════════════════════════════════════════════ */
  body .efx-hero:not([class*="--dark"]):not([class*="--navy"]) .efx-hero__title {
    color: var(--ink) !important;
  }
  body .efx-hero:not([class*="--dark"]):not([class*="--navy"]) .efx-hero__title em {
    color: var(--gold) !important;
  }
  body .efx-hero:not([class*="--dark"]):not([class*="--navy"]) .efx-hero__sub,
  body .efx-hero:not([class*="--dark"]):not([class*="--navy"]) .efx-hero__cap {
    color: var(--ink) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FIX 3: Section content blocks on cream backgrounds — force ink
     Any section without --dark or --navy modifier gets ink text on
     orphan paragraphs / spans / strong / li that have no class
     ════════════════════════════════════════════════════════════════════ */
  /* Sections that are explicitly light or default (not navy/dark) */
  body section.cream p:not([class*="__"]),
  body section.ivory p:not([class*="__"]),
  body section.light p:not([class*="__"]) {
    color: var(--ink) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FIX 4: Body & default text elements — ensure visible by default
     If any element has color: white / ivory inline but is in a light
     section context, override with ink (defensive)
     ════════════════════════════════════════════════════════════════════ */
  /* Hero on home/cream pages — the title MUST be ink */
  body .hero:not(.hero--dark):not(.churches-hero) > .hero__inner .hero__title,
  body .hero:not(.hero--dark):not(.churches-hero) > div .hero__title {
    color: var(--ink) !important;
  }
  body .hero:not(.hero--dark) .hero__title em {
    color: var(--gold) !important;
  }
  /* Churches hero — already scoped, but reinforce */
  body .churches-hero .hero__title {
    color: var(--ink) !important;
  }
  body .churches-hero .hero__title em {
    color: var(--gold) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FIX 5: Catch-all for any inline-styled ivory text on cream sections
     If a paragraph/span has inline color: var(--ivory) but its parent
     section is cream/chalk/ivory — override
     ════════════════════════════════════════════════════════════════════ */
  body .invitation [style*="color:var(--ivory)"],
  body .invitation [style*="color: var(--ivory)"],
  body .promise [style*="color:var(--ivory)"],
  body .prod-desc [style*="color:var(--ivory)"],
  body .prod-for [style*="color:var(--ivory)"],
  body .prod-inside [style*="color:var(--ivory)"],
  body .efx-premise [style*="color:var(--ivory)"],
  body .efx-grid [style*="color:var(--ivory)"],
  body .org-intro [style*="color:var(--ivory)"],
  body .org-programs [style*="color:var(--ivory)"],
  body .org-impact [style*="color:var(--ivory)"],
  body .org-details [style*="color:var(--ivory)"],
  body .org-cta [style*="color:var(--ivory)"],
  body .legal-body [style*="color:var(--ivory)"] {
    color: var(--ink) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FIX 6: Force any orphan H1/H2/H3/H4 directly inside non-navy
     sections to be visible (ink color)
     ════════════════════════════════════════════════════════════════════ */
  body section:not([class*="--navy"]):not([class*="--dark"]):not(.subscribe):not(.reserve):not(.write):not(.efx-pullquote):not(.manifesto-interlude):not(.daily-preview):not(.audit-cadence):not(.waitlist):not(.results-email):not(.fragments):not(.library):not(.efx-cta):not(.voice):not(.manifesto-chapter--dark):not(.begin-form):not(.prod-final):not(.efx-product-visual):not(.btv) h1:not([class*="__"]),
  body section:not([class*="--navy"]):not([class*="--dark"]):not(.subscribe):not(.reserve):not(.write):not(.efx-pullquote):not(.manifesto-interlude):not(.daily-preview):not(.audit-cadence):not(.waitlist):not(.results-email):not(.fragments):not(.library):not(.efx-cta):not(.voice):not(.manifesto-chapter--dark):not(.begin-form):not(.prod-final):not(.efx-product-visual):not(.btv) h2:not([class*="__"]),
  body section:not([class*="--navy"]):not([class*="--dark"]):not(.subscribe):not(.reserve):not(.write):not(.efx-pullquote):not(.manifesto-interlude):not(.daily-preview):not(.audit-cadence):not(.waitlist):not(.results-email):not(.fragments):not(.library):not(.efx-cta):not(.voice):not(.manifesto-chapter--dark):not(.begin-form):not(.prod-final):not(.efx-product-visual):not(.btv) h3:not([class*="__"]) {
    color: var(--ink) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FIX 7: Buttons with btn--secondary on light bg must be ink-text
     Some pages have inline styles forcing gold-s text which is too light
     on cream
     ════════════════════════════════════════════════════════════════════ */
  body section:not([class*="--navy"]):not([class*="--dark"]):not(.efx-cta):not(.prod-final):not(.reserve):not(.subscribe):not(.write):not(.begin-form):not(.voice):not(.manifesto-chapter--dark):not(.efx-pullquote):not(.manifesto-interlude) .btn--secondary {
    color: var(--ink) !important;
    border-color: var(--ink) !important;
  }
  body section:not([class*="--navy"]):not([class*="--dark"]):not(.efx-cta):not(.prod-final):not(.reserve):not(.subscribe):not(.write):not(.begin-form):not(.voice):not(.manifesto-chapter--dark):not(.efx-pullquote):not(.manifesto-interlude) .btn--ghost {
    color: var(--ink) !important;
    border-color: var(--ink) !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 27 LIGHT-BG TEXT VISIBILITY GLOBAL SAFETY NET
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 28 — MOBILE HEADER: bigger logo + bigger brand text + visible cart
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 820px) {

  /* Header layout: brand on left, toggle + cart push to right */
  body .header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 20px !important;
    height: 84px !important;
  }
  /* Brand cluster (logo + name) — bigger */
  body .header .brand {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    flex: 1 !important;
    text-decoration: none !important;
  }
  body .header .brand__ring {
    width: 54px !important;
    height: 54px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body .header .brand__ring img {
    width: 54px !important;
    height: 54px !important;
    display: block !important;
  }
  body .header .brand__name {
    font-family: var(--serif) !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body .header .brand__name sup {
    font-size: 0.4em !important;
    color: var(--gold) !important;
  }
  /* On dark headers, brand text stays ivory */
  body.dark-header .header .brand__name,
  body .header.has-dark-bg .brand__name {
    color: var(--ivory) !important;
  }

  /* Right side cluster — toggle + cart */
  body .header .nav-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: transparent !important;
    border: 0 !important;
    padding: 10px 4px !important;
    font-family: var(--sans) !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
  }
  body.dark-header .header .nav-toggle {
    color: var(--ivory) !important;
  }
  body .header .nav-toggle__label {
    display: inline-block !important;
    font-size: 0.7rem !important;
  }
  body .header .nav-toggle__lines {
    display: inline-block !important;
    width: 22px !important;
    height: 14px !important;
    position: relative !important;
  }
  body .header .nav-toggle__lines span {
    background: currentColor !important;
  }

  /* CART ICON — bigger, more visible, definitely shown */
  body .header .cart-icon,
  body .header button.snipcart-checkout.cart-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 1px solid var(--gold) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 0 0 6px !important;
    color: var(--ink) !important;
    cursor: pointer !important;
    position: relative !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease !important;
  }
  body .header .cart-icon:hover,
  body .header button.snipcart-checkout.cart-icon:hover,
  body .header .cart-icon:active {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border-color: var(--gold) !important;
  }
  body .header .cart-icon svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
  }
  /* On dark headers, cart icon needs gold-s border + ivory icon */
  body.dark-header .header .cart-icon,
  body .header.has-dark-bg .cart-icon {
    color: var(--ivory) !important;
    border-color: var(--gold-s) !important;
  }
  body.dark-header .header .cart-icon:hover,
  body .header.has-dark-bg .cart-icon:hover {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border-color: var(--gold) !important;
  }
  /* Cart count badge */
  body .header .cart-icon__count {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 6px !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border-radius: 999px !important;
    border: 2px solid var(--ivory) !important;
    font-family: var(--sans) !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
  body.dark-header .header .cart-icon__count {
    border-color: var(--navy) !important;
  }

  /* Nav CTA "Enter the Vault" — hide on mobile (lives in mobile menu) */
  body .header .nav__cta {
    display: none !important;
  }
}

/* On really narrow screens — slightly more compressed */
@media (max-width: 380px) {
  body .header {
    padding: 0 16px !important;
    gap: 6px !important;
  }
  body .header .brand__ring,
  body .header .brand__ring img {
    width: 48px !important;
    height: 48px !important;
  }
  body .header .brand__name {
    font-size: 0.95rem !important;
    letter-spacing: 0.14em !important;
  }
  body .header .nav-toggle__label {
    display: none !important;
  }
  body .header .cart-icon,
  body .header button.snipcart-checkout.cart-icon {
    width: 40px !important;
    height: 40px !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 28 MOBILE HEADER UPGRADE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 29 — GLOBAL MOBILE TEXT SIZE BUMP
   Ensures all text is comfortably readable on mobile.
   Touches: eyebrows · captions · card descriptions · pill chips ·
            list items · footer · mobile menu text
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ════════════════════════════════════════════════════════════════════
     EYEBROWS & CAPS — bump from 9-10px up to 11px minimum
     Cinzel small caps need to be at least 11px to read on phone screens
     ════════════════════════════════════════════════════════════════════ */
  body section .section-eyebrow,
  body section span[class*="__eyebrow"],
  body section p[class*="__eyebrow"],
  body section span[class*="__cap"]:not([class*="capacity"]):not([class*="caption"]),
  body section p[class*="__cap"]:not([class*="caption"]),
  body section span[class*="-cap"]:not([class*="caption"]),
  body section p[class*="-cap"]:not([class*="caption"]),
  body section span[class*="__label"],
  body section .section-label,
  body section .section-label-center,
  body section span[class*="-card__cap"],
  body section .partner-card__cap,
  body section .program-card__cap,
  body section .related-card__cap,
  body section .pair-card__meta,
  body section .pair-card__cta,
  body section .module__cap,
  body section .module__meta,
  body section .org-details__key,
  body section .prod-specs__key,
  body section .prod-meta-item__label,
  body section .press-meta-item__label,
  body section .press-bio__label,
  body section .press-quick-fact__label,
  body section .cert-tile__cap,
  body section .declaration__open {
    font-size: 11px !important;
    letter-spacing: 0.18em !important;
  }

  /* Slightly larger eyebrows on hero-level sections */
  body section [class*="hero__cap"],
  body section [class*="hero__eyebrow"],
  body section .legal-hero__cap,
  body section .sm-hero__cap {
    font-size: 12px !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     BODY PARAGRAPHS — minimum 1.15rem
     ════════════════════════════════════════════════════════════════════ */
  body section p:not([class*="cap"]):not([class*="eyebrow"]):not([class*="label"]):not([class*="meta"]):not([class*="caption"]):not([class*="fine"]):not([class*="footer"]):not([class*="copy"]):not([class*="byline"]):not([class*="role"]):not([class*="ship"]):not([class*="price-sub"]):not(.mobile-menu__tagline) {
    font-size: 1.15rem !important;
    line-height: 1.6 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     CARD DESCRIPTIONS — bump from 0.95-1rem to 1.05rem minimum
     ════════════════════════════════════════════════════════════════════ */
  body .pair-card__desc,
  body .related-card__desc,
  body .partner-card__desc,
  body .program-card__desc,
  body .inside-card__desc,
  body .segment__desc,
  body .prod-inside__body,
  body .checklist-item__desc,
  body .cert-tile__sub,
  body .efx-product-visual__caption {
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     PILL CHIPS & INCLUDES LISTS — bump to 1.05rem
     ════════════════════════════════════════════════════════════════════ */
  body .btv__session,
  body .module__include,
  body .partner-card__includes li,
  body .phero__specs li {
    font-size: 1.05rem !important;
    line-height: 1.5 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     LIST ITEMS in general
     ════════════════════════════════════════════════════════════════════ */
  body section ul:not(.mobile-menu__list):not(.site-footer__col) li,
  body section ol li {
    font-size: 1.08rem !important;
    line-height: 1.55 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     BUTTONS — bump from 12px to 13px
     ════════════════════════════════════════════════════════════════════ */
  body .btn,
  body button.btn,
  body a.btn,
  body section button[type="submit"],
  body section .write__submit {
    font-size: 13px !important;
    letter-spacing: 0.18em !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     PRICE elements — make prominent
     ════════════════════════════════════════════════════════════════════ */
  body .prod-hero__price,
  body .phero__price {
    font-size: 2.4rem !important;
  }
  body .pair-card__price,
  body .related-card__price {
    font-size: 1.4rem !important;
  }
  body .prod-hero__price-sub,
  body .phero__ship {
    font-size: 11px !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     SECTION SUBTITLES — bump from 1.15rem to 1.2rem
     ════════════════════════════════════════════════════════════════════ */
  body section .section-sub,
  body section [class*="__sub"]:not([class*="price-sub"]):not([class*="visual-sub"]) {
    font-size: 1.2rem !important;
    line-height: 1.55 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     ITALIC LEDES & MOTTOS — bump up
     ════════════════════════════════════════════════════════════════════ */
  body section [class*="__lede"],
  body section [class*="__motto"],
  body section [class*="__line"] {
    font-size: 1.22rem !important;
    line-height: 1.55 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     SECTION TITLES — ensure h2 are at least 2.2rem on mobile
     ════════════════════════════════════════════════════════════════════ */
  body section h2:not(.btv__visual-name):not(.efx-product-visual__name) {
    font-size: max(2.2rem, 1.5em) !important;
    line-height: 1.1 !important;
  }
  /* Specific .section-title bump */
  body section .section-title {
    font-size: 2.4rem !important;
    line-height: 1.1 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     H3 inside cards — minimum 1.5rem
     ════════════════════════════════════════════════════════════════════ */
  body section .inside__block h3,
  body section .checklist-item__name,
  body section .partner-card__name,
  body section .program-card__name,
  body section .inside-card__name,
  body section .pair-card__name,
  body section .related-card__name,
  body section .segment__name,
  body section [class*="-card"] h3 {
    font-size: 1.5rem !important;
    line-height: 1.15 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     LEGAL DOCUMENTS (terms/privacy) — bigger body text
     ════════════════════════════════════════════════════════════════════ */
  body .legal-body > p {
    font-size: 1.12rem !important;
    line-height: 1.7 !important;
  }
  body .legal-body ul li,
  body .legal-body ol li {
    font-size: 1.08rem !important;
    line-height: 1.65 !important;
  }
  body .legal-body__note {
    font-size: 1.05rem !important;
    line-height: 1.65 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FOOTER TEXT — bump from 0.7-0.95rem to readable sizes
     ════════════════════════════════════════════════════════════════════ */
  body .site-footer__col a {
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    padding: 8px 0 !important;
  }
  body .site-footer__heading {
    font-size: 12px !important;
    letter-spacing: 0.22em !important;
    margin-bottom: 14px !important;
  }
  body .site-footer__tagline {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }
  body .site-footer__copy {
    font-size: 0.92rem !important;
    line-height: 1.5 !important;
  }
  body .site-footer__copy-tm,
  body .site-footer__trademarks {
    font-size: 0.85rem !important;
    line-height: 1.65 !important;
  }
  body .site-footer__terms {
    font-size: 0.92rem !important;
  }
  body .site-footer__terms a {
    font-size: 0.92rem !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     MOBILE MENU PANEL TEXT
     ════════════════════════════════════════════════════════════════════ */
  body .mobile-menu__brand-name {
    font-size: 1.05rem !important;
    letter-spacing: 0.2em !important;
  }
  body .mobile-menu .nav-link,
  body .mobile-menu a.nav-link,
  body .mobile-menu__link {
    font-size: 1.4rem !important;
    line-height: 1.3 !important;
  }
  body .mobile-menu__sublink,
  body .mobile-menu .sub-panel a {
    font-size: 1.1rem !important;
    line-height: 1.4 !important;
  }
  body .mobile-menu__tagline {
    font-size: 0.95rem !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     INPUT FIELDS — bigger readable type
     ════════════════════════════════════════════════════════════════════ */
  body input[type="text"],
  body input[type="email"],
  body select,
  body textarea {
    font-size: 1.05rem !important;
  }
  /* Labels for form fields */
  body section label,
  body section .write__field label {
    font-size: 12px !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     SITE-MAP — ensure links are readable
     ════════════════════════════════════════════════════════════════════ */
  body .sm-col ul li a {
    font-size: 1.12rem !important;
    line-height: 1.5 !important;
  }
  body .sm-col__heading {
    font-size: 12px !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 29 GLOBAL MOBILE TEXT SIZE-UP
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 30 — TEXT CONTAINMENT GLOBAL SAFETY NET
   Ensures NO text ever breaks out of its container on mobile.
   Forces word-wrap, max-width, and box-sizing site-wide.
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ════════════════════════════════════════════════════════════════════
     UNIVERSAL CONTAINMENT — box-sizing + overflow-wrap on everything
     ════════════════════════════════════════════════════════════════════ */
  body section,
  body section *,
  body main,
  body main *,
  body footer,
  body footer * {
    box-sizing: border-box !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: normal !important;
  }

  /* Allow long unbreakable strings (URLs, emails, code) to break gracefully */
  body section a[href*="mailto:"],
  body section a[href*="http"],
  body section code,
  body section .org-details__val-mono,
  body section .prod-specs__val,
  body section .legal-body a {
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     SECTIONS — never exceed viewport
     ════════════════════════════════════════════════════════════════════ */
  body section,
  body main {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     CARDS — text stays inside the card boundaries
     ════════════════════════════════════════════════════════════════════ */
  body .pair-card,
  body .related-card,
  body .partner-card,
  body .program-card,
  body .inside-card,
  body .segment,
  body .prod-inside__item,
  body .checklist-item,
  body .module,
  body .inside__block,
  body .efx-grid__item,
  body .cert-tile,
  body .press-bio,
  body .press-photo,
  body .press-quick-fact,
  body .episode-card,
  body .sm-col,
  body .resource-row {
    overflow: hidden !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  /* Inner card text — never exceed card width */
  body .pair-card *,
  body .related-card *,
  body .partner-card *,
  body .program-card *,
  body .inside-card *,
  body .segment *,
  body .prod-inside__item *,
  body .checklist-item *,
  body .module *,
  body .inside__block *,
  body .efx-grid__item *,
  body .cert-tile *,
  body .press-bio *,
  body .press-photo *,
  body .press-quick-fact *,
  body .sm-col * {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     BUTTONS — text must fit, with sensible wrapping
     ════════════════════════════════════════════════════════════════════ */
  body .btn,
  body button.btn,
  body a.btn,
  body button[type="submit"],
  body .nav__cta {
    max-width: 100% !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
    line-height: 1.3 !important;
    height: auto !important;
    min-height: 50px !important;
  }
  /* Long button text — slightly tighter spacing to help fit */
  body .btn.snipcart-add-item,
  body a[href*="mailto:"].btn {
    letter-spacing: 0.14em !important;
    font-size: 12px !important;
  }
  /* Email button specifically (licensing@sacreddeposits.com) */
  body a.btn[href*="mailto:"] {
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    padding: 14px 16px !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     INPUTS & TEXTAREAS — never exceed parent width
     ════════════════════════════════════════════════════════════════════ */
  body input[type="text"],
  body input[type="email"],
  body input[type="tel"],
  body input[type="url"],
  body select,
  body textarea,
  body form input,
  body form button {
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }
  body form {
    max-width: 100% !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     IMAGES — never exceed parent
     ════════════════════════════════════════════════════════════════════ */
  body section img,
  body section picture,
  body section svg,
  body section video,
  body main img,
  body main svg {
    max-width: 100% !important;
    height: auto !important;
  }
  /* Exception: SVG icons that should stay fixed size */
  body .cart-icon svg,
  body .nav-toggle svg,
  body .btn__arrow svg,
  body .site-footer__logo,
  body section [class*="__icon"] svg,
  body section [class*="__logo"] svg {
    width: revert !important;
    height: revert !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     TITLES & HEADERS — break long words gracefully
     ════════════════════════════════════════════════════════════════════ */
  body section h1,
  body section h2,
  body section h3,
  body section h4 {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     PARAGRAPHS — break naturally, hyphenate long words
     ════════════════════════════════════════════════════════════════════ */
  body section p {
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     INLINE ELEMENTS (em, strong, sup, a) — stay inside
     ════════════════════════════════════════════════════════════════════ */
  body section em,
  body section strong,
  body section sup,
  body section a {
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    display: inline !important;
  }
  /* Re-establish display: block for elements that need it */
  body section a.btn,
  body section a[class*="__cta"],
  body section a[class*="__link"] {
    display: flex !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     TABLES — already converted to mobile lists in earlier waves
     Reinforce containment
     ════════════════════════════════════════════════════════════════════ */
  body section table,
  body section tbody,
  body section tr,
  body section td,
  body section th {
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FORM ROWS — stack properly, no horizontal overflow
     ════════════════════════════════════════════════════════════════════ */
  body .write__row,
  body section form > div {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     PILL CHIPS — handle long pill text
     ════════════════════════════════════════════════════════════════════ */
  body .module__include,
  body .btv__session,
  body .partner-card__includes li,
  body .phero__specs li {
    max-width: 100% !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     HORIZONTAL SCROLL containers (line-bar carousels) — let scroll
     ════════════════════════════════════════════════════════════════════ */
  body .press-jumpnav,
  body [data-h-scroll],
  body .h-scroll,
  body .product-grid--scroll {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
  }
  body .press-jumpnav > *,
  body [data-h-scroll] > *,
  body .h-scroll > * {
    flex-shrink: 0 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     ROOT-LEVEL OVERFLOW PROTECTION
     ════════════════════════════════════════════════════════════════════ */
  html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 30 TEXT CONTAINMENT GLOBAL SAFETY NET
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 30 FIX — Footer logo + icon SVGs explicit sizing
   The earlier `revert !important` exception nuked the 34px/48px defaults.
   Set explicit sizes instead.
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* Footer logo SVG — restore the proper 34px */
  body .site-footer__logo,
  body footer .site-footer__logo {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    flex-shrink: 0 !important;
  }

  /* Cart icon SVG — keep at 22px (set in Wave 28) */
  body .cart-icon svg,
  body button.cart-icon svg {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
  }

  /* Hamburger nav-toggle lines */
  body .nav-toggle__lines {
    width: 22px !important;
    height: 14px !important;
  }
  body .nav-toggle__lines span {
    width: 22px !important;
  }

  /* Generic icon/logo SVGs inside sections — sensible default */
  body section [class*="__icon"] svg,
  body section [class*="__logo"] svg,
  body section .program-card svg,
  body section .related-card svg {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
  }

  /* Brand logo in header — already sized via .brand__ring, but reinforce */
  body .header .brand__ring img {
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
  }

  /* Mobile menu brand logo (if visible) */
  body .mobile-menu__logo,
  body .mobile-menu__brand-logo {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 30 FIX — footer logo restored
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 31 — NAVY TEXT VISIBILITY EXPANSION
   Catches praise / testimonials / any navy section with invisible text.
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ════════════════════════════════════════════════════════════════════
     PRAISE SECTION (book.html "What Readers Are Saying" — navy bg)
     ════════════════════════════════════════════════════════════════════ */
  body .praise {
    padding: 56px 24px !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    text-align: center !important;
  }
  body .praise__inner {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  body .praise .section-eyebrow {
    color: var(--gold-s) !important;
  }
  body .praise .section-eyebrow::before,
  body .praise .section-eyebrow::after {
    display: none !important;
    content: none !important;
  }
  body .praise .section-title {
    color: var(--ivory) !important;
    font-size: 2.4rem !important;
    text-align: center !important;
  }
  body .praise .section-title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .praise .section-sub {
    color: rgba(251, 244, 230, 0.85) !important;
    text-align: center !important;
  }
  body .praise .section-sub em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  /* Grid → stacked cards */
  body .praise__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    margin: 28px 0 0 !important;
  }
  /* Praise card on navy — translucent ivory bg */
  body .praise-card {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.25) !important;
    border-radius: 14px !important;
    padding: 28px 24px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }
  /* THE FIX — quote body needs ivory color */
  body .praise-card__body {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.12rem !important;
    line-height: 1.6 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  body .praise-card__body em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  /* Attribution under quote */
  body .praise-card__attr {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    padding-top: 14px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.25) !important;
  }
  body .praise-card__attr-name {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
  }
  body .praise-card__attr-title {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    color: rgba(251, 244, 230, 0.75) !important;
  }
  /* Praise mark / quote symbol if present */
  body .praise-card__mark {
    color: var(--gold-s) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     EXPANDED NAVY TEXT SAFETY NET
     Adds .praise + .testimonials + any class with --navy or navy bg
     Catches more orphan text on navy sections site-wide.
     ════════════════════════════════════════════════════════════════════ */
  body .praise p:not([class*="__"]),
  body .praise span:not([class*="__"]):not([class*="--"]),
  body .testimonials p:not([class*="__"]),
  body .testimonials span:not([class*="__"]):not([class*="--"]),
  body .founding p:not([class*="__"]),
  body .founding span:not([class*="__"]) {
    color: var(--ivory) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     STRONGER CATCH-ALL: any element with navy-related background gets
     ivory text by default for orphan elements
     ════════════════════════════════════════════════════════════════════ */
  body .praise *:not(.praise-card):not([class*="__attr"]):not([class*="__body"]):not([class*="-card"]):not(.section-eyebrow):not(.section-title):not(.section-sub):not(em):not(strong):not(sup) {
    color: var(--ivory) !important;
  }
  /* Re-establish gold for em on praise */
  body .praise em {
    color: var(--gold-s) !important;
  }
  body .praise sup {
    color: var(--gold-s) !important;
  }
  body .praise strong {
    color: var(--ivory) !important;
    font-weight: 600 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     SACRED-100 section if it inherits navy (book.html)
     Default is cream actually — leave alone unless needed
     ════════════════════════════════════════════════════════════════════ */
  /* No changes needed — Wave 7 handles this */

  /* ════════════════════════════════════════════════════════════════════
     TESTIMONIAL CARDS on index.html (already has good styling but reinforce)
     ════════════════════════════════════════════════════════════════════ */
  body .testimonials__grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
  }
  body .testimonial {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.25) !important;
    border-radius: 14px !important;
    padding: 28px 24px !important;
    text-align: center !important;
    transform: none !important;
  }
  body .testimonial__quote {
    color: var(--ivory) !important;
    text-align: center !important;
  }
  body .testimonial__quote em {
    color: var(--gold-s) !important;
  }
  body .testimonial__mark {
    color: var(--gold-s) !important;
    text-align: center !important;
    margin: 0 auto 6px !important;
  }
  body .testimonial__attr {
    align-items: center !important;
  }
  body .testimonial__rule {
    margin: 0 auto 4px !important;
  }
  body .testimonial__name {
    color: var(--gold-s) !important;
    text-align: center !important;
  }
  body .testimonial__role {
    color: rgba(251, 244, 230, 0.75) !important;
    text-align: center !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     EVEN STRONGER GLOBAL CATCH-ALL — orphan text on navy sections
     Add specific page-level navy classes to safety net
     ════════════════════════════════════════════════════════════════════ */
  body .praise p,
  body .praise span:not(.section-eyebrow),
  body .praise [class*="-card"] p,
  body .praise [class*="-card"] span,
  body .testimonials p:not([class*="__attr"]),
  body .testimonials [class*="-card"] p,
  body .founding p,
  body .founding span:not([class*="cap"]):not([class*="script"]) {
    color: var(--ivory) !important;
  }
  /* But preserve em/italic gold accents */
  body .praise em,
  body .praise [class*="-card"] em,
  body .testimonials em,
  body .testimonials [class*="-card"] em,
  body .founding em {
    color: var(--gold-s) !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 31 NAVY TEXT VISIBILITY EXPANSION
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 32 — HEADER VISIBILITY FIX + LEGACY-LEDGER REPAIR
   
   Problem 1: 721-820px gap. Wave 28 forces ink brand at ≤820px, but
   hero conversions to cream only apply at ≤720px. Between 721-820,
   the hero is still navy with ink brand = INVISIBLE.
   
   Problem 2: Page-level CSS forces .header .brand to ivory on
   navy-hero pages. On mobile <720 my hero is cream, brand should
   be ink. Need higher specificity to win across all states.
   
   Fix: Extend hero conversions to 820px, plus :has() based detection
   for pages with navy first-sections to keep brand readable.
   ════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════
   EXTEND HERO CREAM CONVERSIONS TO 820px (was only 720)
   So that the 721-820 gap doesn't show stale navy heroes
   ════════════════════════════════════════════════════════════════════ */
@media (min-width: 721px) and (max-width: 820px) {
  /* .efx-hero — convert to cream like at ≤720 */
  body .efx-hero {
    background: var(--ivory) !important;
    padding: 110px 32px 56px !important;
    min-height: auto !important;
    text-align: center !important;
  }
  body .efx-hero__title {
    color: var(--ink) !important;
    font-size: 3.4rem !important;
  }
  body .efx-hero__title em {
    color: var(--gold) !important;
  }
  body .efx-hero__cap {
    color: var(--gold) !important;
  }
  body .efx-hero__sub {
    color: var(--ink) !important;
  }
  body .efx-hero__sub em {
    color: var(--gold) !important;
  }

  /* .manifesto-hero — convert to cream */
  body .manifesto-hero {
    background: var(--ivory) !important;
    padding: 110px 32px 56px !important;
  }
  body .manifesto-hero__title {
    color: var(--ink) !important;
  }
  body .manifesto-hero__title em {
    color: var(--gold) !important;
  }
  body .manifesto-hero__cap {
    color: var(--gold) !important;
  }
  body .manifesto-hero__sub {
    color: var(--ink) !important;
  }
  body .manifesto-hero__byline {
    color: var(--muted) !important;
  }

  /* Other hero variants */
  body .press-hero,
  body .legal-hero,
  body .sm-hero,
  body .contact-hero,
  body .churches-hero,
  body .org-hero,
  body .editorial-hero,
  body .book-hero {
    padding-top: 110px !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   BUMP HERO TOP PADDING ≤720px — header is 84px, needs breathing room
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 720px) {
  body .efx-hero,
  body .manifesto-hero,
  body .press-hero,
  body .legal-hero,
  body .sm-hero,
  body .contact-hero,
  body .churches-hero,
  body .editorial-hero,
  body .about-hero,
  body .book-hero,
  body .audit-hero,
  body .assessment-hero,
  body .reset-hero,
  body .deposits-hero,
  body .frameworks-hero,
  body .org-hero,
  body .podcast-hero,
  body .shop-hero,
  body .vault-hero,
  body .hero.hero--dark,
  body .phero,
  body .prod-hero {
    padding-top: 110px !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   HEADER BRAND VISIBILITY — comprehensive fix
   Use :has() to detect pages with navy first-sections AND ensure
   brand is readable everywhere
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 820px) {

  /* ─── DEFAULT (cream heroes) — brand = ink ─── */
  body .header .brand__name,
  body .header .brand,
  body .header .nav-link,
  body .header .nav-toggle__label,
  body .header .cart-icon {
    color: var(--ink) !important;
    text-shadow: none !important;
  }
  body .header .nav-toggle__lines span {
    background: var(--ink) !important;
  }
  body .header .cart-icon {
    border-color: var(--gold) !important;
  }

  /* ─── DARK-HEADER pages (vault, begin-reset, reset) — brand = ivory ─── */
  body.dark-header .header .brand__name,
  body.dark-header .header .brand,
  body.dark-header .header .nav-link,
  body.dark-header .header .nav-toggle__label,
  body.dark-header .header .cart-icon {
    color: var(--ivory) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
  }
  body.dark-header .header .nav-toggle__lines span {
    background: var(--ivory) !important;
  }
  body.dark-header .header .cart-icon {
    border-color: var(--gold-s) !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   LEGACY-LEDGER SPECIFIC FIX — defensive section overrides
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 820px) {
  /* Make sure efx-product-visual frame doesn't pull up past header */
  body .efx-product-visual {
    padding: 28px 24px 40px !important;
    margin: 0 !important;
  }
  body .efx-product-visual__frame {
    margin: 0 auto !important;
    aspect-ratio: 4 / 5 !important;
  }
  /* Make sure efx-premise has proper padding (was 80px 24px 0) */
  body .efx-premise {
    padding: 48px 24px 56px !important;
  }
  /* The drop-cap on first paragraph in efx-premise — kill on mobile, too cramped */
  body .efx-premise__body p:first-of-type::first-letter {
    font-size: inherit !important;
    margin-right: 0 !important;
    float: none !important;
  }
  /* efx-grid items — restore proper styling */
  body .efx-grid__item {
    padding: 28px 24px !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 32 HEADER VISIBILITY + LEGACY LEDGER FIX
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 33 — SHOP PAGE COMPLETE MOBILE REDESIGN
   Clean Selena Gomez / Rare Beauty / Cozyleigh-inspired:
   - Editorial hero, minimal ornament
   - Filter pills as line-bar horizontal scroll
   - Clean 2-col product grid with full-bleed product images
   - No corner brackets, no badges, no descriptions cluttering tiles
   - Big tap targets, clean typography, gold-italic prices
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ════════════════════════════════════════════════════════════════════
     MASTHEAD — Editorial shop hero
     ════════════════════════════════════════════════════════════════════ */
  body .masthead {
    padding: 110px 24px 32px !important;
    text-align: center !important;
    background: var(--ivory) !important;
    min-height: auto !important;
  }
  body .masthead__bg-mark {
    display: none !important;
  }
  body .masthead__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .masthead__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .masthead__eyebrow::before,
  body .masthead__eyebrow::after {
    display: none !important;
    content: none !important;
  }
  body .masthead__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: var(--gold) !important;
    margin: 0 0 12px !important;
  }
  body .masthead__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.6rem !important;
    line-height: 1.05 !important;
    letter-spacing: -0.022em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 22px !important;
    max-width: 360px !important;
  }
  body .masthead__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .masthead__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.18rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }
  body .masthead__sub em {
    color: var(--gold) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     COLLECTION HEADER — minimal, just eyebrow + title
     ════════════════════════════════════════════════════════════════════ */
  body .collection {
    padding: 28px 16px 56px !important;
    background: var(--ivory) !important;
  }
  body .collection__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .collection__header {
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .collection__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 12px !important;
  }
  body .collection__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.8rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
  }
  body .collection__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .collection__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.05rem !important;
    line-height: 1.5 !important;
    color: var(--muted) !important;
    text-align: center !important;
    max-width: 320px !important;
    margin: 0 auto 22px !important;
  }
  /* Ornament — kill, too cluttered */
  body .collection__ornament {
    display: none !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FILTER PILLS — line-bar horizontal scroll
     ════════════════════════════════════════════════════════════════════ */
  body .collection__filters {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 6px 0 14px !important;
    margin: 0 -16px 24px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    scrollbar-width: thin !important;
    scrollbar-color: var(--ink) rgba(184, 144, 69, 0.18) !important;
    -webkit-overflow-scrolling: touch !important;
    justify-content: flex-start !important;
  }
  body .collection__filters::-webkit-scrollbar {
    height: 2px !important;
    background: rgba(184, 144, 69, 0.18) !important;
  }
  body .collection__filters::-webkit-scrollbar-thumb {
    background: var(--ink) !important;
    border-radius: 999px !important;
  }
  body .collection__filters .filter-pill {
    flex-shrink: 0 !important;
    padding: 9px 18px !important;
    border-radius: 999px !important;
    background: transparent !important;
    border: 0.5px solid rgba(184, 144, 69, 0.4) !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
  }
  body .collection__filters .filter-pill.is-active {
    background: var(--ink) !important;
    color: var(--ivory) !important;
    border-color: var(--ink) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     PRODUCT GRID — clean 2-column, tap-anywhere cards
     ════════════════════════════════════════════════════════════════════ */
  body .product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* PRODUCT CARD — clean, Selena Gomez-style */
  body .product-grid .product {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    position: relative !important;
    overflow: hidden !important;
  }
  /* Product thumb — full-bleed image, no decoration */
  body .product-grid .product__thumb,
  body .product-grid .product .product__thumb {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    background: #F5F0E1 !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    margin: 0 0 12px !important;
    position: relative !important;
    padding: 0 !important;
  }
  /* Kill all the decorative crap */
  body .product-grid .product__corner,
  body .product-grid .product__badge,
  body .product-grid .product__thumb::before,
  body .product-grid .product__thumb::after,
  body .product-grid .product__thumb span:not(.product__thumb-image) {
    display: none !important;
  }
  /* Force product thumb bg to be light cream, not navy */
  body .product-grid .product__thumb,
  body .product-grid .product__thumb--image {
    background: #F5F0E1 !important;
    background-image: none !important;
  }
  body .product-grid .product__thumb-image,
  body .product-grid .product__thumb img,
  body .product-grid .product img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.5s ease !important;
  }
  body .product-grid .product:hover .product__thumb-image,
  body .product-grid .product:hover .product__thumb img {
    transform: scale(1.04) !important;
  }
  /* Product meta — small category caps */
  body .product-grid .product__meta {
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 0 4px !important;
    line-height: 1.3 !important;
  }
  body .product-grid .product__meta a {
    color: var(--muted) !important;
    text-decoration: none !important;
  }
  /* Product name — clean serif */
  body .product-grid .product__name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.2 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 0 6px !important;
    letter-spacing: 0 !important;
  }
  body .product-grid .product__name sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  /* HIDE description on grid view — too cluttered */
  body .product-grid .product__desc {
    display: none !important;
  }
  /* Product foot — price + view */
  body .product-grid .product__foot {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }
  body .product-grid .product__price {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    color: var(--gold) !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
  }
  body .product-grid .product__cta {
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid var(--gold) !important;
    padding-bottom: 1px !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FLAGSHIP — featured product (kept simple)
     ════════════════════════════════════════════════════════════════════ */
  body .flagship {
    padding: 32px 16px 40px !important;
    background: var(--ivory) !important;
    text-align: center !important;
  }
  body .flagship__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 24px !important;
    text-align: center !important;
    align-items: center !important;
  }
  body .flagship__visual,
  body .flagship__image-wrap {
    max-width: 280px !important;
    margin: 0 auto !important;
    aspect-ratio: 3 / 4 !important;
  }
  body .flagship__visual img,
  body .flagship__image-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 4px !important;
    box-shadow: 0 24px 48px -16px rgba(7, 20, 50, 0.25) !important;
  }
  /* Kill flagship decorative elements */
  body .flagship__corner,
  body .flagship__seal {
    display: none !important;
  }
  body .flagship__content {
    text-align: center !important;
    padding: 0 !important;
  }
  body .flagship__eyebrow {
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    display: block !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
  }
  body .flagship__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.2rem !important;
    line-height: 1.08 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
  }
  body .flagship__title em {
    color: var(--gold) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FOUNDERS callout (Sacred 100)
     ════════════════════════════════════════════════════════════════════ */
  body .founders {
    padding: 56px 24px !important;
    text-align: center !important;
    background: #F9F7F2 !important;
  }
  body .founders__inner {
    text-align: center !important;
    margin: 0 auto !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     GIFTING block
     ════════════════════════════════════════════════════════════════════ */
  body .gifting {
    padding: 48px 24px !important;
    text-align: center !important;
    background: var(--ivory) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     SUBSCRIBE block (already navy — Wave 21 handles text)
     ════════════════════════════════════════════════════════════════════ */
  body .subscribe {
    padding: 56px 24px !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    text-align: center !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 33 SHOP PAGE COMPLETE REDESIGN
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 34 — MANIFESTO + CONTACT (REACH YVONNE) REDESIGN
   More editorial, more powerful, more personal
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ════════════════════════════════════════════════════════════════════
     MANIFESTO HERO — bigger, more declaration-style
     ════════════════════════════════════════════════════════════════════ */
  body .manifesto-hero {
    padding: 110px 24px 56px !important;
    background: var(--ivory) !important;
    text-align: center !important;
  }
  /* Ornament — bigger gold rule, cleaner */
  body .manifesto-hero__top-ornament {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 auto 32px !important;
  }
  body .manifesto-hero__top-ornament .mo-line {
    width: 48px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.6 !important;
  }
  body .manifesto-hero__top-ornament .mo-dia {
    width: 6px !important;
    height: 6px !important;
    background: var(--gold) !important;
    transform: rotate(45deg) !important;
  }
  body .manifesto-hero__cap {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 24px !important;
  }
  body .manifesto-hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 3.6rem !important;
    line-height: 0.95 !important;
    letter-spacing: -0.028em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  body .manifesto-hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .manifesto-hero__sub {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.28rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 380px !important;
    margin: 0 auto 32px !important;
  }
  body .manifesto-hero__sub em {
    color: var(--gold) !important;
  }
  body .manifesto-hero__sub sup {
    color: var(--gold) !important;
    font-size: 0.45em !important;
  }
  body .manifesto-hero__byline {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding-top: 24px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.32) !important;
    display: inline-block !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     OPENING — dramatic thesis with bigger type
     ════════════════════════════════════════════════════════════════════ */
  body .manifesto-opening {
    padding: 64px 24px 72px !important;
    background: #F9F7F2 !important;
    text-align: center !important;
  }
  body .manifesto-opening__lede {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2rem !important;
    line-height: 1.2 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 420px !important;
    margin: 0 auto 32px !important;
    letter-spacing: -0.015em !important;
  }
  body .manifesto-opening__lede em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .manifesto-opening__lede strong {
    color: var(--ink) !important;
    font-weight: 600 !important;
    font-style: italic !important;
  }
  body .manifesto-opening__follows {
    display: inline-block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    padding: 12px 24px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.4) !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.4) !important;
    margin: 0 auto !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     CHAPTER BLOCKS — bigger spacing, dramatic chapter mark
     ════════════════════════════════════════════════════════════════════ */
  body .manifesto-chapter--light,
  body .manifesto-chapter--dark {
    padding: 64px 24px 56px !important;
    text-align: center !important;
  }
  body .manifesto-chapter--light {
    background: var(--ivory) !important;
  }
  body .manifesto-chapter--dark {
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
  }
  /* Chapter header — vertically stacked dramatic numeral */
  body .manifesto-chapter__header {
    text-align: center !important;
    margin: 0 auto 40px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
  }
  body .manifesto-chapter__numeral {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 3.6rem !important;
    color: var(--gold) !important;
    text-align: center !important;
    margin: 0 auto 8px !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
  }
  body .manifesto-chapter--dark .manifesto-chapter__numeral {
    color: var(--gold-s) !important;
  }
  body .manifesto-chapter__name {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  body .manifesto-chapter--dark .manifesto-chapter__name {
    color: var(--ivory) !important;
  }
  body .manifesto-chapter__rule {
    display: block !important;
    width: 48px !important;
    height: 1px !important;
    background: var(--gold) !important;
    margin: 0 auto !important;
    opacity: 0.5 !important;
  }
  body .manifesto-chapter--dark .manifesto-chapter__rule {
    background: var(--gold-s) !important;
    opacity: 0.6 !important;
  }

  /* Declarations — more breathing room */
  body .declaration {
    margin: 0 auto 36px !important;
    text-align: center !important;
    max-width: 100% !important;
  }
  body .declaration:last-child {
    margin-bottom: 0 !important;
  }
  body .declaration__open {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .manifesto-chapter--dark .declaration__open {
    color: var(--gold-s) !important;
  }
  body .declaration__open sup {
    color: inherit !important;
    font-size: 0.55em !important;
  }
  body .declaration__text {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.25rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 380px !important;
  }
  body .declaration__text em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .manifesto-chapter--dark .declaration__text {
    color: var(--ivory) !important;
  }
  body .manifesto-chapter--dark .declaration__text em {
    color: var(--gold-s) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     INTERLUDE — bigger dramatic pull quote on navy
     ════════════════════════════════════════════════════════════════════ */
  body .manifesto-interlude {
    padding: 72px 24px !important;
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    text-align: center !important;
  }
  body .manifesto-interlude__mark {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-size: 6rem !important;
    color: var(--gold-s) !important;
    line-height: 0.5 !important;
    margin: 0 auto 16px !important;
    opacity: 0.7 !important;
    height: 40px !important;
  }
  body .manifesto-interlude__quote {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.65rem !important;
    line-height: 1.4 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    letter-spacing: -0.01em !important;
  }
  body .manifesto-interlude__quote em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     CLOSE — signed declaration with more authority
     ════════════════════════════════════════════════════════════════════ */
  body .manifesto-close {
    padding: 72px 24px !important;
    background: var(--ivory) !important;
    text-align: center !important;
  }
  body .manifesto-close__statement-1,
  body .manifesto-close__statement-2 {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.85rem !important;
    line-height: 1.2 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
    max-width: 360px !important;
    letter-spacing: -0.015em !important;
  }
  body .manifesto-close__statement-1 em,
  body .manifesto-close__statement-2 em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .manifesto-close__divider {
    width: 60px !important;
    height: 1px !important;
    background: var(--gold) !important;
    opacity: 0.5 !important;
    margin: 32px auto !important;
  }
  body .manifesto-close__attr {
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
  }
  body .manifesto-close__name {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 2rem !important;
    color: var(--gold) !important;
    text-align: center !important;
    margin: 0 auto 12px !important;
    letter-spacing: -0.01em !important;
  }
  body .manifesto-close__role {
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto !important;
    line-height: 1.5 !important;
  }
  body .manifesto-close__role sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     MANIFESTO CTA — quiet finale (kept simple, premium)
     ════════════════════════════════════════════════════════════════════ */
  body .manifesto-cta {
    padding: 56px 24px !important;
    text-align: center !important;
    background: #F9F7F2 !important;
  }
  body .manifesto-cta__line {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.3rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 380px !important;
    margin: 0 auto 32px !important;
  }
  body .manifesto-cta__line em {
    color: var(--gold) !important;
  }
  body .manifesto-cta__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     CONTACT HERO — "Reach Yvonne" REDESIGN
     Make it personal, warm, intimate — like a handwritten invitation
     ════════════════════════════════════════════════════════════════════ */
  body .contact-hero {
    padding: 110px 24px 56px !important;
    background: var(--ivory) !important;
    text-align: center !important;
  }
  body .contact-hero__inner {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  /* Top ornament — gold rule with diamond */
  body .contact-hero__inner::before {
    content: "" !important;
    display: block !important;
    width: 36px !important;
    height: 1px !important;
    background: var(--gold) !important;
    margin: 0 auto 28px !important;
    opacity: 0.6 !important;
  }
  body .contact-hero__eyebrow {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 18px !important;
  }
  body .contact-hero__eyebrow::before,
  body .contact-hero__eyebrow::after {
    display: none !important;
    content: none !important;
  }
  body .contact-hero__script {
    display: block !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 26px !important;
    color: var(--gold) !important;
    margin: 0 0 16px !important;
    line-height: 1.1 !important;
  }
  body .contact-hero__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 3.6rem !important;
    line-height: 0.98 !important;
    letter-spacing: -0.028em !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 28px !important;
  }
  body .contact-hero__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .contact-hero__sub {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.22rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    max-width: 380px !important;
    margin: 0 auto 32px !important;
  }
  body .contact-hero__sub em {
    color: var(--gold) !important;
    font-style: italic !important;
    display: block !important;
    margin-top: 6px !important;
  }
  body .contact-hero__sub br {
    display: block !important;
    content: "" !important;
    margin: 4px 0 !important;
  }
  /* Note as a centered box with gold hairlines */
  body .contact-hero__note {
    display: inline-block !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 14px 0 !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.4) !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.4) !important;
    max-width: 320px !important;
    width: 100% !important;
    line-height: 1.5 !important;
  }
  /* Kill the inline rules within the note since we border the whole thing */
  body .contact-hero__note-rule {
    display: none !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 34 MANIFESTO + REACH YVONNE REDESIGN
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 35 — SACRED UNION CAROUSEL + CONTACT FORM + BTV + PRESS RELEASE
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ════════════════════════════════════════════════════════════════════
     SACRED UNION SET — Product carousel that ACTUALLY works
     Uses CSS scroll-snap for native swipe + JS for prev/next/dots sync
     ════════════════════════════════════════════════════════════════════ */
  body .prod-carousel {
    position: relative !important;
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #F5F0E1 !important;
  }
  body .prod-carousel__track {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-behavior: smooth !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
  }
  body .prod-carousel__track::-webkit-scrollbar {
    display: none !important;
  }
  body .prod-carousel__slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 100% !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #F5F0E1 !important;
  }
  body .prod-carousel__slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  /* Counter (top-right pill) */
  body .prod-carousel__counter {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 3 !important;
    background: rgba(7, 20, 50, 0.75) !important;
    color: var(--ivory) !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    pointer-events: none !important;
  }
  /* Prev/Next buttons — visible, tappable */
  body .prod-carousel__btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 0 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    color: var(--ink) !important;
    box-shadow: 0 4px 12px rgba(7, 20, 50, 0.15) !important;
    transition: all 0.2s ease !important;
  }
  body .prod-carousel__btn:hover,
  body .prod-carousel__btn:active {
    background: #FFFFFF !important;
    transform: translateY(-50%) scale(1.06) !important;
  }
  body .prod-carousel__btn--prev {
    left: 10px !important;
  }
  body .prod-carousel__btn--next {
    right: 10px !important;
  }
  body .prod-carousel__btn svg {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
  }
  /* Dots at bottom — line bar swipe indicators */
  body .prod-carousel__dots {
    position: absolute !important;
    bottom: 14px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 3 !important;
    display: flex !important;
    gap: 6px !important;
    background: rgba(7, 20, 50, 0.5) !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }
  body .prod-carousel__dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(251, 244, 230, 0.45) !important;
    border: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
  }
  body .prod-carousel__dot.is-active {
    background: var(--gold-s) !important;
    width: 20px !important;
    border-radius: 999px !important;
  }
  /* prod-hero__visual override for sacred union — let the carousel be the visual */
  body .prod-hero__visual {
    background: transparent !important;
    padding: 0 !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
  }
  body .prod-hero__visual::before,
  body .prod-hero__visual::after {
    display: none !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     CONTACT FORM — full redesign of .write section
     Make it feel like an editorial reply card
     ════════════════════════════════════════════════════════════════════ */
  body .write {
    padding: 56px 24px 72px !important;
    background: var(--ivory) !important;
    text-align: center !important;
  }
  body .write__inner {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  /* Form container — clean panel with gold hairlines */
  body .write__form {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    max-width: 400px !important;
    margin: 0 auto !important;
    text-align: left !important;
    padding: 36px 26px !important;
    background: #FFFFFF !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 36px -16px rgba(7, 20, 50, 0.12) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.22) !important;
  }
  body .write__row {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    margin: 0 !important;
  }
  body .write__field {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    text-align: left !important;
  }
  body .write__field label {
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    text-align: left !important;
  }
  /* Inputs — clean ivory with gold underline only (Brené Brown editorial style) */
  body .write__field input[type="text"],
  body .write__field input[type="email"],
  body .write__field select,
  body .write__field textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(184, 144, 69, 0.4) !important;
    border-radius: 0 !important;
    padding: 8px 0 12px !important;
    color: var(--ink) !important;
    font-family: var(--serif) !important;
    font-size: 1.05rem !important;
    line-height: 1.4 !important;
    transition: border-color 0.3s ease !important;
  }
  body .write__field input::placeholder,
  body .write__field textarea::placeholder {
    color: rgba(7, 20, 50, 0.35) !important;
    font-style: italic !important;
  }
  body .write__field input:focus,
  body .write__field select:focus,
  body .write__field textarea:focus {
    outline: none !important;
    border-bottom-color: var(--gold) !important;
  }
  /* Select chevron — ink color */
  body .write__field select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: linear-gradient(45deg, transparent 50%, var(--gold) 50%),
                      linear-gradient(135deg, var(--gold) 50%, transparent 50%) !important;
    background-position: calc(100% - 16px) 50%, calc(100% - 10px) 50% !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    padding-right: 28px !important;
    color: var(--ink) !important;
    cursor: pointer !important;
  }
  body .write__field select option {
    background: #FFFFFF !important;
    color: var(--ink) !important;
  }
  body .write__field textarea {
    min-height: 120px !important;
    resize: vertical !important;
    border: 1px solid rgba(184, 144, 69, 0.4) !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    background: rgba(184, 144, 69, 0.03) !important;
  }
  body .write__field textarea:focus {
    border-color: var(--gold) !important;
    background: rgba(184, 144, 69, 0.05) !important;
  }
  /* Submit — gold pill, prominent */
  body .write__submit,
  body .write__form button[type="submit"] {
    width: 100% !important;
    margin: 14px auto 0 !important;
    padding: 18px 24px !important;
    border-radius: 999px !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    font-family: var(--sans) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
  }
  body .write__submit:hover,
  body .write__form button[type="submit"]:hover {
    background: var(--gold-d) !important;
  }
  body .write__submit .btn__arrow {
    display: none !important;
  }
  /* "Or write directly" alt link */
  body .write__alt {
    text-align: center !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1rem !important;
    color: var(--muted) !important;
    margin: 28px auto 0 !important;
    max-width: 360px !important;
  }
  body .write__alt a {
    color: var(--gold) !important;
    text-decoration: none !important;
    font-style: normal !important;
    border-bottom: 0.5px solid var(--gold) !important;
    padding-bottom: 2px !important;
    font-weight: 500 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     BEFORE THE VOW — redo the visual on churches.html
     Make it look like a real luxury hardcover book mockup
     ════════════════════════════════════════════════════════════════════ */
  body .btv__visual {
    background:
      radial-gradient(ellipse 80% 60% at 50% 30%, rgba(184, 144, 69, 0.18) 0%, transparent 60%),
      linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    border-radius: 10px !important;
    padding: 0 !important;
    aspect-ratio: 3 / 4 !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    text-align: center !important;
    position: relative !important;
    box-shadow:
      0 0 0 1px rgba(184, 144, 69, 0.5) inset,
      0 0 0 6px rgba(7, 20, 50, 0.95) inset,
      0 0 0 7px rgba(184, 144, 69, 0.4) inset,
      0 32px 64px -20px rgba(7, 20, 50, 0.4) !important;
    overflow: hidden !important;
  }
  /* Top section — "PREMARITAL CURRICULUM" + "Six Sessions" */
  body .btv__visual-top {
    padding: 36px 28px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body .btv__visual-cap {
    display: block !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.28em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    text-align: center !important;
  }
  body .btv__visual-sessions {
    display: block !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 0.95rem !important;
    color: rgba(251, 244, 230, 0.75) !important;
    text-align: center !important;
  }
  /* Mid section — main title (centered vertically) */
  body .btv__visual-mid {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    padding: 8px 28px !important;
    position: relative !important;
  }
  /* Decorative ornament above title */
  body .btv__visual-mid::before {
    content: "" !important;
    display: block !important;
    width: 32px !important;
    height: 1px !important;
    background: var(--gold-s) !important;
    opacity: 0.6 !important;
    margin-bottom: 6px !important;
  }
  body .btv__visual-mid::after {
    content: "" !important;
    display: block !important;
    width: 32px !important;
    height: 1px !important;
    background: var(--gold-s) !important;
    opacity: 0.6 !important;
    margin-top: 6px !important;
  }
  body .btv__visual-script {
    display: block !important;
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 20px !important;
    color: var(--gold-s) !important;
    text-align: center !important;
    line-height: 1 !important;
    letter-spacing: 0.01em !important;
  }
  body .btv__visual-name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2rem !important;
    line-height: 1.05 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 0 auto !important;
    letter-spacing: -0.015em !important;
  }
  body .btv__visual-name em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .btv__visual-name sup {
    color: var(--gold-s) !important;
    font-size: 0.35em !important;
  }
  /* Bottom section — tag line */
  body .btv__visual-bottom {
    padding: 18px 28px 30px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body .btv__visual-tag {
    display: block !important;
    font-family: "Cinzel", serif !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    text-align: center !important;
    line-height: 1.6 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     PRESS RELEASE — redo as a proper document
     ════════════════════════════════════════════════════════════════════ */
  body #press-release.press-section {
    padding: 56px 16px !important;
    background: #F9F7F2 !important;
  }
  body .press-release {
    max-width: 100% !important;
    margin: 24px auto 0 !important;
    padding: 32px 22px 28px !important;
    background: #FFFFFF !important;
    border: 0.5px solid rgba(184, 144, 69, 0.32) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 36px -16px rgba(7, 20, 50, 0.1) !important;
    position: relative !important;
    text-align: left !important;
  }
  /* Kill corner brackets — too busy */
  body .press-release::before,
  body .press-release::after {
    display: none !important;
  }
  body .press-release__header {
    text-align: center !important;
    padding-bottom: 22px !important;
    margin-bottom: 24px !important;
    border-bottom: 0.5px solid rgba(184, 144, 69, 0.28) !important;
  }
  body .press-release__release {
    display: block !important;
    text-align: center !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.28em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    margin: 0 auto 14px !important;
  }
  body .press-release__headline {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.4rem !important;
    line-height: 1.25 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
    letter-spacing: -0.012em !important;
  }
  body .press-release__headline em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .press-release__headline sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .press-release__dateline {
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  /* Body — proper news release prose */
  body .press-release__body {
    text-align: left !important;
  }
  body .press-release__body p {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    color: var(--ink) !important;
    text-align: left !important;
    margin: 0 0 16px !important;
  }
  body .press-release__body p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .press-release__body p sup {
    color: var(--gold) !important;
    font-size: 0.5em !important;
  }
  body .press-release__body p:first-child::first-letter {
    font-family: var(--serif) !important;
    font-size: 3.2em !important;
    float: left !important;
    line-height: 0.9 !important;
    margin: 4px 8px 0 0 !important;
    color: var(--gold) !important;
    font-weight: 400 !important;
  }
  body .press-release__close {
    font-family: var(--serif) !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    color: var(--gold) !important;
    margin: 24px auto 16px !important;
    letter-spacing: 0.3em !important;
  }
  body .press-release > p[style*="italic"] {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 0.92rem !important;
    color: var(--muted) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
    line-height: 1.5 !important;
  }
  body .press-release > p[style*="italic"] a {
    color: var(--gold) !important;
    border-bottom: 0.5px solid var(--gold) !important;
    text-decoration: none !important;
  }
  /* Copy button — make it prominent */
  body .press-release__copy-btn {
    display: block !important;
    margin: 8px auto 0 !important;
    padding: 14px 24px !important;
    background: var(--ink) !important;
    color: var(--ivory) !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 280px !important;
    transition: all 0.3s ease !important;
  }
  body .press-release__copy-btn:hover {
    background: var(--gold) !important;
    color: var(--ink) !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 35 — SACRED UNION + CONTACT + BTV + PRESS RELEASE
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 36 — COMPREHENSIVE FIX WAVE
   Addresses: text visibility on navy sections (book TOC, audit hero,
   vault buttons, podcast episode CTAs), reset page redo, header brand
   on dark-header pages, manifesto cleanup, podcast subtitle wrapping,
   text size audit
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 820px) {

  /* ════════════════════════════════════════════════════════════════════
     FIX 1: BOOK PAGE — TOC parts (Part One/Two/Three) on navy
     "PART ONE OF THE BOOK / The foundation" needs to be visible
     ════════════════════════════════════════════════════════════════════ */
  body .toc-part--two,
  body .toc-part--three {
    color: var(--ivory) !important;
  }
  body .toc-part--two *,
  body .toc-part--three * {
    color: inherit !important;
  }
  body .toc-part--two .toc-part__label-num,
  body .toc-part--two .toc-part__label,
  body .toc-part--three .toc-part__label-num,
  body .toc-part--three .toc-part__label {
    color: var(--gold-s) !important;
  }
  body .toc-part--two .toc-part__title,
  body .toc-part--three .toc-part__title {
    color: var(--ivory) !important;
  }
  body .toc-part--two .toc-part__title em,
  body .toc-part--three .toc-part__title em {
    color: var(--gold-s) !important;
  }
  body .toc-part--two .toc-part__desc,
  body .toc-part--three .toc-part__desc {
    color: rgba(251, 244, 230, 0.88) !important;
  }
  body .toc-part--two .toc-part__list li,
  body .toc-part--three .toc-part__list li {
    color: rgba(251, 244, 230, 0.85) !important;
  }
  body .toc-part--two em,
  body .toc-part--three em {
    color: var(--gold-s) !important;
  }
  /* Part One is light — keep dark text */
  body .toc-part--one .toc-part__title,
  body .toc-part--one .toc-part__desc,
  body .toc-part--one .toc-part__list li {
    color: var(--ink) !important;
  }
  body .toc-part--one .toc-part__label,
  body .toc-part--one .toc-part__label-num {
    color: var(--gold) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FIX 2: AUDIT PAGE HERO — currently navy bg with invisible text
     The page CSS forces .hero__title to ivory !important.
     This page has .hero (not --dark) — let's MAKE IT NAVY since
     that matches the page's design intent
     ════════════════════════════════════════════════════════════════════ */
  body main > .hero:not(.hero--dark):not(.churches-hero):has(.hero__cap),
  body > .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) {
    /* Force ink text on default cream-bg hero pages, but audit etc need navy */
  }

  /* For audit.html specifically — .hero is navy bg with ivory text.
     Detect by URL or by page-CSS pattern. Use specific selector that
     matches audit hero structure: has .hero__cap containing "Protocol II" */
  body .hero {
    /* Default cream hero — but audit/some pages have navy. */
  }

  /* SAFER FIX: Force the audit page hero to be readable.
     The audit page .hero has page CSS forcing white text. So we just
     ensure the bg is navy (matching the original page design intent)
     and all text is ivory */
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__title {
    color: var(--ivory) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__title em {
    color: var(--gold-s) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__cap {
    color: var(--gold-s) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__script {
    color: var(--gold-s) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__sub {
    color: var(--ivory) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__sub em {
    color: var(--gold-s) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) {
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
  }
  /* "Inside the Vault" button on audit hero — make visible */
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .btn--secondary,
  body .hero .btn--secondary,
  body .hero--dark .btn--secondary {
    color: var(--ivory) !important;
    border-color: var(--gold-s) !important;
    background: transparent !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .btn--primary,
  body .hero--dark .btn--primary {
    background: var(--gold) !important;
    color: var(--ink) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FIX 3: PODCAST PAGE — View Episode + Show All Episodes visibility
     ════════════════════════════════════════════════════════════════════ */
  body .episode-card__cta {
    color: var(--ivory) !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid var(--gold-s) !important;
    padding-bottom: 3px !important;
    display: inline-block !important;
    margin-top: 12px !important;
  }
  body .library__more {
    text-align: center !important;
    margin: 32px auto 0 !important;
  }
  body .library__more-link {
    display: inline-block !important;
    padding: 16px 32px !important;
    background: transparent !important;
    color: var(--ivory) !important;
    border: 1px solid var(--gold-s) !important;
    border-radius: 999px !important;
    font-family: "Cinzel", serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FIX 4: PODCAST SUBTITLE — force 4-line break
     "The conversations marriages are afraid to have. A study in covenant,
     repair, emotional safety, leadership, and the quiet habits that
     protect what God called sacred."
     ════════════════════════════════════════════════════════════════════ */
  body .masthead__sub {
    max-width: 340px !important;
    font-size: 1.1rem !important;
    line-height: 1.55 !important;
    margin: 0 auto 20px !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   FIX 5: HEADER BRAND VISIBILITY — clean fix replacing earlier waves
   Pages with body.dark-header → ivory brand always
   Pages without → ink brand
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 820px) {
  /* Default: ink */
  body .header .brand__name,
  body .header .brand,
  body .header .nav-link,
  body .header .nav-toggle__label,
  body .header .cart-icon {
    color: var(--ink) !important;
    text-shadow: none !important;
  }
  body .header .nav-toggle__lines span {
    background: var(--ink) !important;
  }
  body .header .cart-icon {
    border-color: var(--gold) !important;
  }
  /* Dark-header pages: ivory */
  body.dark-header .header .brand__name,
  body.dark-header .header .brand,
  body.dark-header .header .nav-link,
  body.dark-header .header .nav-toggle__label,
  body.dark-header .header .cart-icon {
    color: var(--ivory) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
  }
  body.dark-header .header .nav-toggle__lines span {
    background: var(--ivory) !important;
  }
  body.dark-header .header .cart-icon {
    border-color: var(--gold-s) !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   FIX 6: 30-DAY RESET PAGE — redo
   - Header brand visibility (page is dark-header)
   - Hero needs more top padding
   - "Begin the Reset" + "Read the Phases" stacked properly
   - "Read the Phases in Full" button visibility
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 820px) {
  /* Reset hero — push content down so it doesn't crowd header */
  body .hero.hero--dark {
    padding: 130px 24px 70px !important;
    min-height: auto !important;
  }
  /* Kill vault-seal rings on reset hero — too cluttered */
  body .hero.hero--dark .vault-seal {
    display: none !important;
  }
  body .hero.hero--dark .hero__inner {
    text-align: center !important;
  }
  body .hero.hero--dark .hero__cap {
    color: var(--gold-s) !important;
    font-size: 12px !important;
    letter-spacing: 0.22em !important;
    margin-bottom: 18px !important;
    display: block !important;
    text-align: center !important;
  }
  body .hero.hero--dark .hero__cap::before,
  body .hero.hero--dark .hero__cap::after {
    display: none !important;
  }
  body .hero.hero--dark .hero__script {
    color: var(--gold-s) !important;
    font-size: 22px !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 16px !important;
  }
  body .hero.hero--dark .hero__title {
    color: var(--ivory) !important;
    font-size: 2.8rem !important;
    line-height: 1 !important;
    text-align: center !important;
    margin: 0 auto 26px !important;
  }
  body .hero.hero--dark .hero__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .hero.hero--dark .hero__sub {
    color: var(--ivory) !important;
    font-size: 1.2rem !important;
    line-height: 1.55 !important;
    text-align: center !important;
    max-width: 360px !important;
    margin: 0 auto 32px !important;
  }
  /* Hero CTAs — stack vertically with proper spacing */
  body .hero.hero--dark .hero__ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: center !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
  body .hero.hero--dark .hero__ctas .btn,
  body .hero.hero--dark .hero__ctas a.btn {
    width: 100% !important;
    max-width: 320px !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }
  body .hero.hero--dark .hero__ctas .btn--gold {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .hero.hero--dark .hero__ctas .btn--ghost-light {
    background: transparent !important;
    color: var(--ivory) !important;
    border: 1px solid var(--gold-s) !important;
  }
  body .hero.hero--dark .hero__ctas .btn__arrow {
    display: none !important;
  }

  /* "Read the Phases in Full" button on phases-preview section (cream bg) */
  body .phases-preview .btn--secondary {
    background: var(--ink) !important;
    color: var(--ivory) !important;
    border: 1px solid var(--ink) !important;
    width: 100% !important;
    max-width: 320px !important;
    padding: 17px 24px !important;
    border-radius: 999px !important;
    margin: 0 auto !important;
    font-family: var(--sans) !important;
    font-size: 12px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  body .phases-preview .btn--secondary .btn__arrow {
    display: none !important;
  }
  /* Reset overview, phases preview, phase-section padding */
  body .reset-overview {
    padding: 48px 24px 56px !important;
    background: var(--ivory) !important;
    text-align: center !important;
  }
  body .reset-overview__inner,
  body .reset-overview__body {
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .reset-overview p {
    font-family: var(--serif) !important;
    font-size: 1.18rem !important;
    line-height: 1.65 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 20px !important;
  }
  body .reset-overview p em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .reset-overview__rule {
    width: 60px !important;
    height: 1px !important;
    background: var(--gold) !important;
    margin: 24px auto !important;
    opacity: 0.5 !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   FIX 7: LEGACY-LEDGER duplicate-header look + manifesto cleanup
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 820px) {
  /* Force efx-hero clean spacing — no overlapping */
  body .efx-hero {
    padding: 130px 24px 60px !important;
    background: var(--ivory) !important;
    position: relative !important;
    overflow: hidden !important;
  }
  body .efx-hero::before,
  body .efx-hero::after {
    display: none !important;
  }
  /* Force efx-product-visual to sit cleanly below hero */
  body .efx-product-visual {
    padding: 0 24px 40px !important;
    margin: 0 !important;
    background: var(--ivory) !important;
  }
  /* efx-premise — restore proper layout */
  body .efx-premise {
    padding: 48px 24px 56px !important;
    background: var(--ivory) !important;
  }
  body .efx-premise::after {
    display: none !important;
  }

  /* ─── MANIFESTO CLEANUP — simplify, reduce visual noise ─── */
  body .manifesto-hero {
    padding: 130px 24px 50px !important;
    background: var(--ivory) !important;
  }
  /* Reduce ornament gold opacity */
  body .manifesto-hero__top-ornament {
    margin: 0 auto 20px !important;
    gap: 8px !important;
  }
  body .manifesto-hero__top-ornament .mo-line {
    width: 36px !important;
  }
  /* Reduce title size — was 3.6rem (too big) */
  body .manifesto-hero__title {
    font-size: 2.8rem !important;
    margin-bottom: 22px !important;
  }
  body .manifesto-hero__sub {
    font-size: 1.18rem !important;
    margin-bottom: 24px !important;
  }
  /* Opening — calmer */
  body .manifesto-opening {
    padding: 48px 24px 56px !important;
  }
  body .manifesto-opening__lede {
    font-size: 1.6rem !important;
    margin-bottom: 24px !important;
  }
  /* Chapter — calmer Roman numeral */
  body .manifesto-chapter--light,
  body .manifesto-chapter--dark {
    padding: 48px 24px !important;
  }
  body .manifesto-chapter__numeral {
    font-size: 2.6rem !important;
    margin-bottom: 8px !important;
  }
  body .manifesto-chapter__name {
    font-size: 1.3rem !important;
    margin-bottom: 14px !important;
  }
  body .manifesto-chapter__header {
    margin-bottom: 28px !important;
  }
  /* Declarations — reduce spacing */
  body .declaration {
    margin-bottom: 28px !important;
  }
  body .declaration__text {
    font-size: 1.15rem !important;
  }
  /* Interlude — calmer */
  body .manifesto-interlude {
    padding: 56px 24px !important;
  }
  body .manifesto-interlude__mark {
    font-size: 4.5rem !important;
    height: 30px !important;
  }
  body .manifesto-interlude__quote {
    font-size: 1.4rem !important;
  }
  /* Close — calmer */
  body .manifesto-close {
    padding: 56px 24px !important;
  }
  body .manifesto-close__statement-1,
  body .manifesto-close__statement-2 {
    font-size: 1.55rem !important;
    margin-bottom: 12px !important;
  }
  body .manifesto-close__name {
    font-size: 1.7rem !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   FIX 8: TEXT SIZE AUDIT — pull back the things that are too big
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 720px) {
  /* Hero titles — cap at 3rem (was sometimes 3.6rem) */
  body section .hero__title,
  body section .vault-hero__title,
  body section .contact-hero__title,
  body section .efx-hero__title,
  body section .manifesto-hero__title,
  body section .org-hero__title,
  body section .editorial-hero__title,
  body section .churches-hero__title,
  body section .press-hero__title,
  body section .book-hero__title {
    font-size: 2.8rem !important;
    line-height: 1.05 !important;
  }
  /* Hero subtitles */
  body section .hero__sub,
  body section [class*="hero__sub"]:not([class*="price-sub"]) {
    font-size: 1.15rem !important;
    line-height: 1.55 !important;
  }
  /* Section titles — max 2.2rem */
  body section .section-title,
  body section [class*="__title"]:not([class*="hero"]):not([class*="card"]):not([class*="visual"]) {
    font-size: 2.2rem !important;
    line-height: 1.1 !important;
  }
  /* Section subtitles */
  body section .section-sub,
  body section [class*="__sub"]:not([class*="price-sub"]):not([class*="hero"]) {
    font-size: 1.12rem !important;
    line-height: 1.55 !important;
  }
  /* H3 card names — cap at 1.4rem */
  body section [class*="-card"] h3,
  body section .inside__block h3,
  body section .checklist-item__name,
  body section .partner-card__name,
  body section .program-card__name,
  body section .inside-card__name,
  body section .pair-card__name,
  body section .related-card__name,
  body section .segment__name {
    font-size: 1.4rem !important;
    line-height: 1.15 !important;
  }
  /* Body paragraphs */
  body section p:not([class*="cap"]):not([class*="eyebrow"]):not([class*="label"]):not([class*="meta"]):not([class*="caption"]):not([class*="fine"]):not([class*="footer"]):not([class*="copy"]):not([class*="byline"]):not([class*="role"]):not([class*="ship"]):not([class*="price-sub"]):not(.mobile-menu__tagline) {
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
  }
  /* Declaration text — already capped at 1.15rem above */
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 36 — comprehensive fix wave
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 37 — "AVAILABLE" IN GREEN + ALL NAVY BUTTONS WITH IVORY TEXT
   ════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════
   AVAILABLE word — forest/sage green, all sizes, all pages
   Applied everywhere (not just mobile) so it stays consistent
   ════════════════════════════════════════════════════════════════════ */
body .available,
body span.available,
body em .available,
body strong .available,
body .efx-cta__eyebrow .available,
body .prod-hero__price-sub .available,
body .book-hero__date .available,
body .press-meta-item__value .available,
body p .available {
  color: #4A7B3C !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

/* In contexts where surrounding text is light (navy bg), use brighter green */
body section[class*="--navy"] .available,
body section[class*="--dark"] .available,
body .subscribe .available,
body .reserve .available,
body .efx-cta .available,
body .praise .available,
body .testimonials .available,
body .write .available,
body .begin-form .available,
body .prod-final .available,
body .voice .available,
body .efx-pullquote .available,
body .manifesto-interlude .available,
body .manifesto-chapter--dark .available,
body .hero--dark .available,
body .vault-hero .available,
body .audit-cadence .available,
body .daily-preview .available,
body .results-email .available {
  color: #7FAE6D !important;
}

/* ════════════════════════════════════════════════════════════════════
   ALL NAVY/INK BUTTONS — force ivory text (the user can't see them)
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 820px) {

  /* ─── Buttons with navy/ink BACKGROUND — text must be ivory ─── */
  
  /* Direct background: var(--navy) or var(--ink) buttons */
  body .btn[style*="background:var(--navy"],
  body .btn[style*="background: var(--navy"],
  body .btn[style*="background:var(--ink"],
  body .btn[style*="background: var(--ink"],
  body a.btn[style*="background:#07"],
  body a.btn[style*="background: #07"],
  body button[style*="background:var(--navy"],
  body button[style*="background: var(--navy"] {
    color: var(--ivory) !important;
  }

  /* btn--navy / btn--ink class names */
  body .btn--navy,
  body .btn--ink,
  body a.btn--navy,
  body a.btn--ink,
  body button.btn--navy,
  body button.btn--ink {
    background: var(--ink) !important;
    color: var(--ivory) !important;
    border: 0 !important;
  }

  /* btn--secondary on cream sections — should be ink-bg ivory text */
  body section:not([class*="--navy"]):not([class*="--dark"]):not(.efx-cta):not(.prod-final):not(.reserve):not(.subscribe):not(.write):not(.begin-form):not(.voice):not(.manifesto-chapter--dark):not(.efx-pullquote):not(.manifesto-interlude):not(.efx-product-visual):not(.audit-cadence):not(.daily-preview):not(.waitlist):not(.results-email):not(.praise):not(.testimonials):not(.fragments):not(.library) .btn--secondary {
    background: var(--ink) !important;
    color: var(--ivory) !important;
    border: 1px solid var(--ink) !important;
  }
  body section:not([class*="--navy"]):not([class*="--dark"]):not(.efx-cta):not(.prod-final):not(.reserve):not(.subscribe):not(.write):not(.begin-form):not(.voice):not(.manifesto-chapter--dark):not(.efx-pullquote):not(.manifesto-interlude):not(.efx-product-visual):not(.audit-cadence):not(.daily-preview):not(.waitlist):not(.results-email):not(.praise):not(.testimonials):not(.fragments):not(.library) .btn--secondary .btn__arrow {
    color: var(--ivory) !important;
  }

  /* Press release "Copy Full Release" button */
  body .press-release__copy-btn {
    background: var(--ink) !important;
    color: var(--ivory) !important;
    border: 0 !important;
  }
  body .press-release__copy-btn:hover {
    background: var(--gold) !important;
    color: var(--ink) !important;
  }

  /* Bio "Copy bio" buttons on press page */
  body .press-bio__copy {
    background: var(--ink) !important;
    color: var(--ivory) !important;
    border: 0 !important;
  }
  body .press-bio__copy:hover {
    background: var(--gold) !important;
    color: var(--ink) !important;
  }

  /* Send the Note / form submits on navy backgrounds */
  body section[class*="--navy"] button[type="submit"],
  body section[class*="--dark"] button[type="submit"],
  body .write button[type="submit"],
  body .reserve button[type="submit"],
  body .subscribe button[type="submit"],
  body .begin-form button[type="submit"],
  body .efx-cta button[type="submit"],
  body .audit-cadence button[type="submit"],
  body .daily-preview button[type="submit"],
  body .waitlist button[type="submit"] {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  /* But submit buttons on light bg (like contact form) → gold pill */
  body .write button[type="submit"] {
    background: var(--gold) !important;
    color: var(--ink) !important;
  }

  /* Ghost / Ghost-light buttons on navy sections → ivory text */
  body section[class*="--navy"] .btn--ghost,
  body section[class*="--dark"] .btn--ghost,
  body section[class*="--navy"] .btn--ghost-light,
  body .reserve .btn--ghost-light,
  body .vault-hero .btn--ghost-light,
  body .hero--dark .btn--ghost-light,
  body .prod-final .btn--ghost,
  body .efx-cta .btn--ghost {
    background: transparent !important;
    color: var(--ivory) !important;
    border: 1px solid var(--gold-s) !important;
  }
  body section[class*="--navy"] .btn--ghost .btn__arrow,
  body section[class*="--dark"] .btn--ghost .btn__arrow,
  body section[class*="--navy"] .btn--ghost-light .btn__arrow,
  body .vault-hero .btn--ghost-light .btn__arrow {
    color: var(--ivory) !important;
  }

  /* btn--primary on navy sections — gold pill */
  body section[class*="--navy"] .btn--primary,
  body section[class*="--dark"] .btn--primary,
  body .reserve .btn--primary,
  body .vault-hero .btn--primary,
  body .hero--dark .btn--primary,
  body .prod-final .btn--primary,
  body .efx-cta .btn--primary {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }
  body .vault-hero .btn--gold,
  body .hero--dark .btn--gold {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }

  /* Catch-all: any button with class containing 'btn' that has dark
     background style attribute — force ivory text */
  body button[style*="background-color: var(--navy"],
  body button[style*="background-color:var(--navy"],
  body button[style*="background-color: var(--ink"],
  body button[style*="background-color:var(--ink"],
  body a[style*="background-color: var(--navy"] {
    color: var(--ivory) !important;
  }

  /* Catch-all: form submits with inline navy styles */
  body input[type="submit"][style*="navy"],
  body input[type="submit"][style*="ink"],
  body button[type="submit"][style*="navy"] {
    color: var(--ivory) !important;
  }

  /* Filter pill active state — ink bg, ivory text */
  body .filter-pill.is-active,
  body .collection__filters .filter-pill.is-active {
    background: var(--ink) !important;
    color: var(--ivory) !important;
    border-color: var(--ink) !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 37 — green Available + navy buttons ivory text
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 38 — SACRED 100 NUMERAL + STAY CLOSE SIZE + PRAISE IMPROVEMENTS
   Bug: Wave 36's paragraph catch-all shrank decorative <p> elements
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ════════════════════════════════════════════════════════════════════
     SACRED 100 NUMERAL "100" — restore big size in ring
     The Wave 36 catch-all `p { font-size: 1.1rem }` was hitting this.
     ════════════════════════════════════════════════════════════════════ */
  body .sacred-100__numeral,
  body p.sacred-100__numeral {
    font-family: var(--serif) !important;
    font-weight: 300 !important;
    font-size: 8rem !important;
    line-height: 1 !important;
    color: var(--gold) !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    margin: 0 !important;
  }
  body .sacred-100__visual {
    position: relative !important;
    aspect-ratio: 1 / 1 !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body .sacred-100__numeral-ring {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80% !important;
    aspect-ratio: 1 !important;
    border: 1px solid rgba(184, 144, 69, 0.45) !important;
    border-radius: 50% !important;
  }
  body .sacred-100__numeral-ring::before {
    content: "" !important;
    position: absolute !important;
    inset: 14px !important;
    border: 1px solid rgba(184, 144, 69, 0.28) !important;
    border-radius: 50% !important;
  }
  body .sacred-100__numeral-sub {
    position: absolute !important;
    bottom: 20% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-family: "Cinzel", serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    white-space: nowrap !important;
    z-index: 3 !important;
  }
  /* Counter pill (37 of 100 remaining) — position at top of ring */
  body .sacred-100__counter {
    position: absolute !important;
    top: 18% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
  }
  body .sacred-100__counter-num {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.6rem !important;
    color: var(--gold) !important;
    line-height: 1 !important;
  }
  body .sacred-100__counter-label {
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
    margin-top: 6px !important;
    white-space: nowrap !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     "STAY CLOSE" — reduce the oversized script
     ════════════════════════════════════════════════════════════════════ */
  /* subscribe__script — "Stay close." italic gold */
  body .subscribe__script,
  body span.subscribe__script,
  body .connect__script,
  body span.connect__script {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 1.4rem !important;
    color: var(--gold-s) !important;
    margin-bottom: 14px !important;
    display: block !important;
    text-align: center !important;
    line-height: 1.2 !important;
  }
  /* On navy bg sections (.subscribe is navy) use gold-s */
  body .subscribe .subscribe__script {
    color: var(--gold-s) !important;
  }
  /* waitlist__title — "Stay close to the work" h2 */
  body .waitlist__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2rem !important;
    line-height: 1.1 !important;
    text-align: center !important;
    margin: 0 auto 18px !important;
  }
  body .waitlist__title em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }

  /* subscribe__title — also reduce if too big */
  body .subscribe__title {
    font-size: 1.8rem !important;
    line-height: 1.15 !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     PROTECT OTHER DECORATIVE <p> elements from Wave 36's catch-all
     The Wave 36 rule `body section p { font-size: 1.1rem !important }`
     was eating decorative paragraphs. Restore proper sizes.
     ════════════════════════════════════════════════════════════════════ */
  body .efx-hero__sub {
    font-size: 1.18rem !important;
  }
  body .testimonial__quote {
    font-size: 1.18rem !important;
    line-height: 1.5 !important;
  }
  body .praise-card__body {
    font-size: 1.12rem !important;
    line-height: 1.6 !important;
  }
  body .prod-hero__price,
  body .phero__price {
    font-size: 2.4rem !important;
  }
  body .efx-cta__sub,
  body .efx-cta__title,
  body .efx-pullquote__text,
  body .manifesto-interlude__quote {
    /* Already styled — these had their own waves */
  }

  /* ════════════════════════════════════════════════════════════════════
     "WHAT READERS ARE SAYING" — refine the praise cards
     ════════════════════════════════════════════════════════════════════ */
  body .praise {
    padding: 56px 24px !important;
  }
  body .praise__inner {
    text-align: center !important;
  }
  body .praise .section-eyebrow {
    font-size: 11px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold-s) !important;
    margin-bottom: 14px !important;
  }
  body .praise .section-title {
    font-size: 2.2rem !important;
    color: var(--ivory) !important;
    line-height: 1.1 !important;
    margin-bottom: 16px !important;
  }
  body .praise .section-sub {
    font-size: 1.1rem !important;
    color: rgba(251, 244, 230, 0.82) !important;
    line-height: 1.55 !important;
    margin-bottom: 28px !important;
  }
  /* Praise card padding + reduced quote size */
  body .praise-card {
    padding: 28px 22px !important;
    gap: 16px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    border-radius: 14px !important;
  }
  body .praise-card__body {
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    font-style: italic !important;
    color: var(--ivory) !important;
  }
  body .praise-card__attr {
    padding-top: 14px !important;
    border-top: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    gap: 4px !important;
  }
  body .praise-card__attr-name {
    font-size: 10px !important;
    letter-spacing: 0.2em !important;
    color: var(--gold-s) !important;
  }
  body .praise-card__attr-title {
    font-size: 0.92rem !important;
    color: rgba(251, 244, 230, 0.72) !important;
    font-style: italic !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 38 — Sacred 100 numeral + Stay close + Praise refinements
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 39 — NUCLEAR TEXT VISIBILITY FIX
   
   1. REVERT Wave 36 fix 2 that wrongly converted .hero to navy
   2. NUCLEAR rule: every known navy-bg section gets ivory text on
      ALL descendants, with proper button styling
   3. Catches frameworks .anti-section, .assessment-cta, .anti-card and more
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 820px) {

  /* ════════════════════════════════════════════════════════════════════
     REVERT BAD CONVERSION — .hero stays CREAM (was forcing navy)
     ════════════════════════════════════════════════════════════════════ */
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) {
    background: var(--ivory) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__title {
    color: var(--ink) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__title em {
    color: var(--gold) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__title sup {
    color: var(--gold) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__cap {
    color: var(--gold) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__script {
    color: var(--gold) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__sub {
    color: var(--ink) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .hero__sub em {
    color: var(--gold) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .btn--secondary {
    color: var(--ivory) !important;
    background: var(--ink) !important;
    border: 1px solid var(--ink) !important;
  }
  body .hero:not(.hero--dark):not(.churches-hero):not(.book-hero) .btn--primary {
    color: var(--ink) !important;
    background: var(--gold) !important;
    border: 0 !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   NUCLEAR NAVY-BG TEXT VISIBILITY RULE
   Catches every known navy-bg section site-wide.
   ALL DESCENDANT text → ivory by default.
   em/script → gold-s, headings → ivory, buttons handled separately.
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 820px) {
  /* All text descendants of these navy sections → ivory */
  body .anti-section,
  body .anti-section *,
  body .assessment-cta,
  body .assessment-cta *,
  body .audit-cadence,
  body .audit-cadence *,
  body .begin-form,
  body .begin-form *,
  body .btv__visual,
  body .btv__visual *,
  body .daily-preview,
  body .daily-preview *,
  body .deposit-card--cta,
  body .deposit-card--cta *,
  body .efx-cta,
  body .efx-cta *,
  body .efx-premise__pullquote,
  body .efx-premise__pullquote *,
  body .efx-product-visual__frame,
  body .efx-product-visual__frame *,
  body .efx-pullquote,
  body .efx-pullquote *,
  body .fragments,
  body .fragments *,
  body .founding,
  body .founding *,
  body .framework,
  body .framework *,
  body .hero--dark,
  body .hero--dark *,
  body .library,
  body .library *,
  body .manifesto-chapter--dark,
  body .manifesto-chapter--dark *,
  body .manifesto-interlude,
  body .manifesto-interlude *,
  body .marriage,
  body .marriage *,
  body .praise,
  body .praise *,
  body .press-section--navy,
  body .press-section--navy *,
  body .prod-final,
  body .prod-final *,
  body .quote,
  body .ratio-callout,
  body .ratio-callout *,
  body .reserve,
  body .reserve *,
  body .results-email,
  body .results-email *,
  body .social-proof,
  body .social-proof *,
  body .sticky-buy,
  body .sticky-buy *,
  body .subscribe,
  body .subscribe *,
  body .testimonials,
  body .testimonials *,
  body .toc-part--two,
  body .toc-part--two *,
  body .toc-part--three,
  body .toc-part--three *,
  body .vault-hero,
  body .vault-hero *,
  body .voice,
  body .voice *,
  body .waitlist,
  body .waitlist *,
  body .write,
  body .write * {
    color: var(--ivory) !important;
  }

  /* Gold-s for em/italic/script/eyebrow within navy sections */
  body .anti-section em,
  body .anti-section [class*="cap"],
  body .anti-section [class*="eyebrow"],
  body .anti-section [class*="script"],
  body .anti-section [class*="__num"],
  body .anti-section sup,
  body .assessment-cta em,
  body .assessment-cta [class*="eyebrow"],
  body .assessment-cta [class*="cap"],
  body .assessment-cta sup,
  body .audit-cadence em,
  body .audit-cadence [class*="cap"],
  body .audit-cadence [class*="eyebrow"],
  body .audit-cadence [class*="script"],
  body .audit-cadence sup,
  body .begin-form em,
  body .begin-form [class*="script"],
  body .begin-form sup,
  body .btv__visual em,
  body .btv__visual [class*="cap"],
  body .btv__visual [class*="script"],
  body .btv__visual sup,
  body .daily-preview em,
  body .daily-preview [class*="cap"],
  body .daily-preview [class*="eyebrow"],
  body .daily-preview [class*="script"],
  body .daily-preview sup,
  body .deposit-card--cta em,
  body .deposit-card--cta sup,
  body .efx-cta em,
  body .efx-cta [class*="eyebrow"],
  body .efx-cta [class*="cap"],
  body .efx-cta sup,
  body .efx-pullquote em,
  body .efx-pullquote sup,
  body .fragments em,
  body .fragments sup,
  body .founding em,
  body .founding [class*="script"],
  body .founding [class*="cap"],
  body .founding sup,
  body .framework em,
  body .framework [class*="cap"],
  body .framework [class*="label"],
  body .framework sup,
  body .hero--dark em,
  body .hero--dark [class*="cap"],
  body .hero--dark [class*="script"],
  body .hero--dark sup,
  body .library em,
  body .library [class*="eyebrow"],
  body .library [class*="cap"],
  body .library sup,
  body .manifesto-chapter--dark em,
  body .manifesto-chapter--dark [class*="numeral"],
  body .manifesto-chapter--dark sup,
  body .manifesto-interlude em,
  body .manifesto-interlude [class*="mark"],
  body .manifesto-interlude sup,
  body .marriage em,
  body .marriage sup,
  body .praise em,
  body .praise [class*="eyebrow"],
  body .praise [class*="attr-name"],
  body .praise sup,
  body .press-section--navy em,
  body .press-section--navy [class*="eyebrow"],
  body .press-section--navy sup,
  body .prod-final em,
  body .prod-final [class*="cap"],
  body .prod-final sup,
  body .ratio-callout em,
  body .ratio-callout sup,
  body .reserve em,
  body .reserve [class*="eyebrow"],
  body .reserve [class*="script"],
  body .reserve [class*="founders-cap"],
  body .reserve sup,
  body .results-email em,
  body .results-email sup,
  body .social-proof em,
  body .social-proof sup,
  body .sticky-buy em,
  body .sticky-buy sup,
  body .subscribe em,
  body .subscribe [class*="script"],
  body .subscribe [class*="eyebrow"],
  body .subscribe sup,
  body .testimonials em,
  body .testimonials [class*="name"],
  body .testimonials sup,
  body .toc-part--two em,
  body .toc-part--two [class*="label-num"],
  body .toc-part--two [class*="label"],
  body .toc-part--two sup,
  body .toc-part--three em,
  body .toc-part--three [class*="label-num"],
  body .toc-part--three [class*="label"],
  body .toc-part--three sup,
  body .vault-hero em,
  body .vault-hero [class*="cap"],
  body .vault-hero [class*="script"],
  body .vault-hero sup,
  body .voice em,
  body .voice [class*="attr"],
  body .voice sup,
  body .waitlist em,
  body .waitlist [class*="cap"],
  body .waitlist [class*="eyebrow"],
  body .waitlist sup,
  body .write em,
  body .write [class*="script"],
  body .write [class*="label"],
  body .write sup {
    color: var(--gold-s) !important;
  }

  /* Muted/secondary text on navy → 75-88% ivory */
  body .praise [class*="attr-title"],
  body .testimonials [class*="role"],
  body .voice [class*="role"],
  body .efx-cta [class*="founders-text"],
  body .reserve [class*="founders-text"],
  body .reserve [class*="founders-note"] p,
  body .subscribe [class*="fine"],
  body .write [class*="fine"],
  body .begin-form [class*="fine"],
  body .results-email [class*="fine"],
  body .audit-cadence [class*="fine"],
  body .anti-section .section-sub,
  body .assessment-cta [class*="body"] {
    color: rgba(251, 244, 230, 0.82) !important;
  }

  /* ────────────────────────────────────────────────────────────
     BUTTONS ON NAVY SECTIONS — proper colors
     ──────────────────────────────────────────────────────────── */
  
  /* btn--primary, btn--primary-light, btn--gold → gold pill with INK text */
  body .anti-section .btn--primary,
  body .anti-section .btn--primary-light,
  body .anti-section .btn--gold,
  body .assessment-cta .btn--primary,
  body .assessment-cta .btn--primary-light,
  body .assessment-cta .btn--gold,
  body .audit-cadence .btn--primary,
  body .audit-cadence .btn--gold,
  body .begin-form .btn--primary,
  body .begin-form .btn--gold,
  body .daily-preview .btn--primary,
  body .daily-preview .btn--gold,
  body .deposit-card--cta .btn--primary,
  body .deposit-card--cta .btn--gold,
  body .efx-cta .btn--primary,
  body .efx-cta .btn--gold,
  body .efx-pullquote .btn--primary,
  body .efx-pullquote .btn--gold,
  body .founding .btn--primary,
  body .founding .btn--gold,
  body .framework .btn--primary,
  body .framework .btn--gold,
  body .hero--dark .btn--primary,
  body .hero--dark .btn--gold,
  body .library .btn--primary,
  body .library .btn--gold,
  body .praise .btn--primary,
  body .praise .btn--gold,
  body .press-section--navy .btn--primary,
  body .press-section--navy .btn--gold,
  body .prod-final .btn--primary,
  body .prod-final .btn--gold,
  body .reserve .btn--primary,
  body .reserve .btn--gold,
  body .results-email .btn--primary,
  body .results-email .btn--gold,
  body .social-proof .btn--primary,
  body .social-proof .btn--gold,
  body .subscribe .btn--primary,
  body .subscribe .btn--gold,
  body .testimonials .btn--primary,
  body .testimonials .btn--gold,
  body .vault-hero .btn--primary,
  body .vault-hero .btn--gold,
  body .waitlist .btn--primary,
  body .waitlist .btn--gold,
  body .write .btn--primary,
  body .write .btn--gold {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
  }

  /* btn--secondary, btn--ghost, btn--ghost-light on navy → transparent + ivory + gold-s border */
  body .anti-section .btn--secondary,
  body .anti-section .btn--ghost,
  body .anti-section .btn--ghost-light,
  body .assessment-cta .btn--secondary,
  body .assessment-cta .btn--ghost,
  body .assessment-cta .btn--ghost-light,
  body .audit-cadence .btn--secondary,
  body .audit-cadence .btn--ghost,
  body .audit-cadence .btn--ghost-light,
  body .begin-form .btn--secondary,
  body .begin-form .btn--ghost,
  body .begin-form .btn--ghost-light,
  body .daily-preview .btn--secondary,
  body .daily-preview .btn--ghost,
  body .daily-preview .btn--ghost-light,
  body .deposit-card--cta .btn--secondary,
  body .deposit-card--cta .btn--ghost,
  body .deposit-card--cta .btn--ghost-light,
  body .efx-cta .btn--secondary,
  body .efx-cta .btn--ghost,
  body .efx-cta .btn--ghost-light,
  body .founding .btn--secondary,
  body .founding .btn--ghost,
  body .founding .btn--ghost-light,
  body .framework .btn--secondary,
  body .framework .btn--ghost,
  body .framework .btn--ghost-light,
  body .hero--dark .btn--secondary,
  body .hero--dark .btn--ghost,
  body .hero--dark .btn--ghost-light,
  body .library .btn--secondary,
  body .library .btn--ghost,
  body .library .btn--ghost-light,
  body .praise .btn--secondary,
  body .praise .btn--ghost,
  body .praise .btn--ghost-light,
  body .press-section--navy .btn--secondary,
  body .press-section--navy .btn--ghost,
  body .press-section--navy .btn--ghost-light,
  body .prod-final .btn--secondary,
  body .prod-final .btn--ghost,
  body .prod-final .btn--ghost-light,
  body .reserve .btn--secondary,
  body .reserve .btn--ghost,
  body .reserve .btn--ghost-light,
  body .results-email .btn--secondary,
  body .results-email .btn--ghost,
  body .results-email .btn--ghost-light,
  body .social-proof .btn--secondary,
  body .social-proof .btn--ghost,
  body .social-proof .btn--ghost-light,
  body .subscribe .btn--secondary,
  body .subscribe .btn--ghost,
  body .subscribe .btn--ghost-light,
  body .testimonials .btn--secondary,
  body .testimonials .btn--ghost,
  body .testimonials .btn--ghost-light,
  body .vault-hero .btn--secondary,
  body .vault-hero .btn--ghost,
  body .vault-hero .btn--ghost-light,
  body .waitlist .btn--secondary,
  body .waitlist .btn--ghost,
  body .waitlist .btn--ghost-light,
  body .write .btn--secondary,
  body .write .btn--ghost,
  body .write .btn--ghost-light {
    background: transparent !important;
    color: var(--ivory) !important;
    border: 1px solid var(--gold-s) !important;
  }

  /* Button arrows on navy sections - inherit ivory */
  body .anti-section .btn__arrow,
  body .assessment-cta .btn__arrow,
  body .efx-cta .btn__arrow,
  body .reserve .btn__arrow,
  body .vault-hero .btn__arrow,
  body .praise .btn__arrow,
  body .hero--dark .btn__arrow,
  body .testimonials .btn__arrow,
  body .subscribe .btn__arrow,
  body .write .btn__arrow,
  body .begin-form .btn__arrow,
  body .prod-final .btn__arrow,
  body .deposit-card--cta .btn__arrow,
  body .founding .btn__arrow {
    color: inherit !important;
  }

  /* Gold-pill primary buttons keep ink arrow */
  body .anti-section .btn--primary .btn__arrow,
  body .anti-section .btn--gold .btn__arrow,
  body .assessment-cta .btn--primary-light .btn__arrow,
  body .efx-cta .btn--gold .btn__arrow,
  body .reserve .btn--gold .btn__arrow,
  body .vault-hero .btn--gold .btn__arrow,
  body .hero--dark .btn--gold .btn__arrow {
    color: var(--ink) !important;
  }

  /* ────────────────────────────────────────────────────────────
     ANTI-CARDS / CHAPTER CARDS on navy sections — translucent panels
     ──────────────────────────────────────────────────────────── */
  body .anti-section .anti-card,
  body .assessment-cta [class*="-card"] {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    border-radius: 14px !important;
  }
  body .anti-section .anti-card__num {
    color: var(--gold-s) !important;
    font-family: "Cinzel", serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
  }
  body .anti-section .anti-card__name {
    color: var(--ivory) !important;
  }
  body .anti-section .anti-card__name sup {
    color: var(--gold-s) !important;
  }
  body .anti-section .anti-card__desc {
    color: rgba(251, 244, 230, 0.85) !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 39 — NUCLEAR navy text visibility fix
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 40 — VAULT HEADER + LIVE WITH YVONNE + LIBRARY TEXT FIXES
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 820px) {

  /* ════════════════════════════════════════════════════════════════════
     FIX 1: VAULT PAGE HEADER — force ivory brand with strong text-shadow
     so it's visible against the navy hero
     ════════════════════════════════════════════════════════════════════ */
  body.dark-header .header .brand__name,
  body.dark-header .header .brand,
  body.dark-header .header .nav-link,
  body.dark-header .header .nav-toggle__label {
    color: var(--ivory) !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
  }
  body.dark-header .header .nav-toggle__lines span {
    background: var(--ivory) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
  }
  body.dark-header .header .cart-icon {
    color: var(--ivory) !important;
    border-color: var(--gold-s) !important;
    background: rgba(7, 20, 50, 0.4) !important;
  }
  body.dark-header .header .cart-icon svg {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4)) !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FIX 2: LIVE WITH YVONNE — proper navy portrait card with photo
     Use Yvonne's portrait image with navy gradient overlay
     ════════════════════════════════════════════════════════════════════ */
  body .live-layer {
    padding: 56px 24px !important;
    background: #F9F7F2 !important;
  }
  body .live-layer__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 28px !important;
    align-items: center !important;
    text-align: center !important;
    max-width: 100% !important;
  }
  /* The visual card — navy portrait with Yvonne behind */
  body .live-layer__visual {
    position: relative !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    aspect-ratio: 4 / 5 !important;
    background:
      linear-gradient(170deg, rgba(7, 20, 50, 0.45) 0%, rgba(7, 20, 50, 0.85) 60%, rgba(2, 6, 15, 0.98) 100%),
      url('../assets/images/yvonne/yvonne-portrait-520.jpg') center 25% / cover no-repeat,
      linear-gradient(170deg, var(--navy-2, #0b1e40), var(--navy, #071432)) !important;
    background-blend-mode: normal !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow:
      0 0 0 1px rgba(184, 144, 69, 0.4) inset,
      0 24px 48px -16px rgba(7, 20, 50, 0.4) !important;
  }
  /* Corner brackets — refined gold */
  body .live-layer__visual .live-corner {
    position: absolute !important;
    width: 16px !important;
    height: 16px !important;
    border: 1px solid var(--gold-s) !important;
    opacity: 0.7 !important;
  }
  body .live-layer__visual .live-corner--tl {
    top: 16px !important;
    left: 16px !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
  body .live-layer__visual .live-corner--tr {
    top: 16px !important;
    right: 16px !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
  }
  body .live-layer__visual .live-corner--bl {
    bottom: 16px !important;
    left: 16px !important;
    border-right: 0 !important;
    border-top: 0 !important;
  }
  body .live-layer__visual .live-corner--br {
    bottom: 16px !important;
    right: 16px !important;
    border-left: 0 !important;
    border-top: 0 !important;
  }
  /* Content overlay — centered text */
  body .live-layer__visual-content {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 28px 38px !important;
    text-align: center !important;
    gap: 6px !important;
    z-index: 2 !important;
  }
  body .live-layer__visual-script {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: var(--gold-s) !important;
    text-align: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
  }
  body .live-layer__visual-name {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2.2rem !important;
    line-height: 1.05 !important;
    color: var(--ivory) !important;
    text-align: center !important;
    margin: 4px auto 12px !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
    letter-spacing: -0.01em !important;
  }
  body .live-layer__visual-name em {
    color: var(--gold-s) !important;
    font-style: italic !important;
  }
  body .live-layer__visual-flourish {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 auto 12px !important;
  }
  body .live-layer__visual-flourish .ff-line {
    width: 28px !important;
    height: 1px !important;
    background: var(--gold-s) !important;
    opacity: 0.7 !important;
  }
  body .live-layer__visual-flourish .ff-dia {
    width: 5px !important;
    height: 5px !important;
    background: var(--gold-s) !important;
    transform: rotate(45deg) !important;
  }
  body .live-layer__visual-tag {
    display: block !important;
    font-family: "Cinzel", serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--gold-s) !important;
    text-align: center !important;
    line-height: 1.5 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
  }
  /* Copy column below image */
  body .live-layer__copy {
    text-align: center !important;
    padding: 0 !important;
  }
  body .live-layer__cap {
    display: block !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--gold) !important;
    text-align: center !important;
    margin: 0 auto 14px !important;
  }
  body .live-layer__title {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 2rem !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
  }
  body .live-layer__title em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
  body .live-layer__lede {
    font-family: var(--serif) !important;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  body .live-layer__lede em {
    color: var(--gold) !important;
    font-style: italic !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FIX 3: LIBRARY — force navy bg + force ALL text ivory
     The page CSS sets library bg to cream, but Wave 13 made it navy.
     This re-forces and ensures all view-episode/show-all text visible.
     ════════════════════════════════════════════════════════════════════ */
  body .library,
  body section.library {
    background: linear-gradient(170deg, var(--navy-2, #0b1e40) 0%, var(--navy, #071432) 55%, var(--navy-4, #02060f) 100%) !important;
    padding: 56px 24px !important;
    color: var(--ivory) !important;
  }
  body .library * {
    color: var(--ivory) !important;
  }
  body .library .library__eyebrow,
  body .library .library__title em,
  body .library [class*="__eyebrow"],
  body .library [class*="__num"],
  body .library [class*="__cap"],
  body .library sup,
  body .library em,
  body .library .library__title sup {
    color: var(--gold-s) !important;
  }
  body .library .library__title {
    color: var(--ivory) !important;
  }
  body .library .library__sub {
    color: rgba(251, 244, 230, 0.85) !important;
  }
  body .library .library__sub em {
    color: var(--gold-s) !important;
  }
  /* Episode cards — translucent ivory panel on navy */
  body .library .episode-card {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 0.5px solid rgba(184, 144, 69, 0.22) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
  }
  body .library .episode-card * {
    color: var(--ivory) !important;
  }
  body .library .episode-card__meta,
  body .library .episode-card__date,
  body .library .episode-card__num,
  body .library .episode-card__duration,
  body .library .episode-card__category {
    color: var(--gold-s) !important;
  }
  body .library .episode-card__title {
    color: var(--ivory) !important;
    font-family: var(--serif) !important;
    font-size: 1.3rem !important;
    line-height: 1.2 !important;
  }
  body .library .episode-card__title em {
    color: var(--gold-s) !important;
  }
  body .library .episode-card__desc {
    color: rgba(251, 244, 230, 0.82) !important;
  }
  /* VIEW EPISODE — explicit ivory + gold-s underline */
  body .library .episode-card__cta {
    color: var(--ivory) !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid var(--gold-s) !important;
    padding-bottom: 3px !important;
    display: inline-block !important;
    margin: 12px auto 0 !important;
    background: transparent !important;
  }
  /* SHOW ALL EPISODES — explicit pill button */
  body .library .library__more {
    text-align: center !important;
    margin: 32px auto 0 !important;
  }
  body .library .library__more-link {
    display: inline-block !important;
    padding: 16px 32px !important;
    background: transparent !important;
    color: var(--ivory) !important;
    border: 1px solid var(--gold-s) !important;
    border-radius: 999px !important;
    font-family: "Cinzel", serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }
  body .library .library__more-link:hover {
    background: var(--gold) !important;
    color: var(--ink) !important;
    border-color: var(--gold) !important;
  }
  /* Episode card thumb (image area) */
  body .library .episode-card__thumb {
    aspect-ratio: 16 / 9 !important;
    background: var(--navy-3, #040c22) !important;
    overflow: hidden !important;
    position: relative !important;
  }
  body .library .episode-card__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  /* Player widget if present */
  body .library .player__time,
  body .library .player__bar,
  body .library .player__handle {
    color: var(--ivory) !important;
  }
  body .library .player__fill {
    background: var(--gold-s) !important;
  }
  body .library .player__play,
  body .library .player__skip {
    color: var(--ivory) !important;
    background: rgba(184, 144, 69, 0.15) !important;
    border: 0.5px solid var(--gold-s) !important;
  }
  body .library .player__play svg,
  body .library .player__skip svg {
    fill: var(--ivory) !important;
    stroke: var(--ivory) !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 40 — vault header + live with yvonne + library text
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 41 — Podcast "Stay close" fine-text smaller + Subscribe button smaller
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* "No noise. Only what protects covenant." caption */
  body .subscribe__fine {
    font-family: "Cinzel", serif !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 0.24em !important;
    text-transform: uppercase !important;
    color: rgba(251, 244, 230, 0.55) !important;
    text-align: center !important;
    margin: 18px auto 0 !important;
    line-height: 1.5 !important;
  }

  /* Subscribe button — smaller text */
  body .subscribe__submit,
  body button.subscribe__submit {
    font-family: var(--sans) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    padding: 14px 24px !important;
    background: var(--gold) !important;
    color: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    line-height: 1 !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 12px auto 0 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body .subscribe__submit::after {
    display: none !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 41
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 42 — SHOP flagship: full-width image + reduced shadow
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* Flagship visual — full edge-to-edge width on mobile */
  body .flagship {
    padding: 32px 0 32px !important;
    background: var(--ivory) !important;
  }
  body .flagship__inner {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 32px !important;
    text-align: center !important;
    align-items: stretch !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* Visual — stretch full width, no max-width, no rounded corners on edges */
  body .flagship__visual,
  body .flagship__visual--image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #F5F0E1 !important;
    position: relative !important;
  }
  /* Kill the decorative corners */
  body .flagship__corner {
    display: none !important;
  }
  /* Kill the ::before / ::after pseudo decorations */
  body .flagship__visual::before,
  body .flagship__visual::after {
    display: none !important;
    content: none !important;
  }
  /* Image — fill the container, NO shadow (it was bleeding into text below) */
  body .flagship__visual img,
  body .flagship__visual-image,
  body .flagship__visual--image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
  }
  /* Copy — keep 24px padding so text doesn't touch edges */
  body .flagship__copy {
    padding: 0 24px !important;
    text-align: center !important;
  }
  body .flagship__eyebrow {
    color: var(--gold) !important;
    font-family: "Cinzel", serif !important;
    font-size: 11px !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    display: block !important;
    margin: 0 auto 14px !important;
  }
  body .flagship__title {
    color: var(--ink) !important;
    font-size: 2.2rem !important;
    line-height: 1.1 !important;
    margin: 0 auto 16px !important;
  }
  body .flagship__title em {
    color: var(--gold) !important;
  }
  body .flagship__title sup {
    color: var(--gold) !important;
  }
  body .flagship__lede {
    font-size: 1.12rem !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    margin: 0 auto 22px !important;
  }
  body .flagship__lede em {
    color: var(--gold) !important;
    font-style: italic !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 42 — flagship full-width image, shadow removed
   ════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   WAVE 43 — Shop products: remove beige box around images + faster render
   ════════════════════════════════════════════════════════════════════════ */

@media (max-width: 720px) {

  /* ════════════════════════════════════════════════════════════════════
     REMOVE BEIGE BOX — make product thumbs transparent
     ════════════════════════════════════════════════════════════════════ */
  body .product-grid .product__thumb,
  body .product-grid .product__thumb--image,
  body .product-grid .product .product__thumb {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  
  /* Image fills the entire thumb with proper covering */
  body .product-grid .product__thumb img,
  body .product-grid .product__thumb-image,
  body .product-grid .product img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  /* Product card itself — fully transparent, no beige box */
  body .product-grid .product {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  /* Adjust grid spacing — make products feel substantial after losing box padding */
  body .product-grid {
    gap: 24px 14px !important;
    padding: 0 !important;
  }
  
  /* Thumb aspect ratio — slightly squarer for shop cards */
  body .product-grid .product__thumb {
    aspect-ratio: 4 / 5 !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
  }

  /* ════════════════════════════════════════════════════════════════════
     FASTER RENDERING — performance optimizations
     ════════════════════════════════════════════════════════════════════ */
  
  /* content-visibility: auto = browser skips rendering offscreen content */
  body .product-grid .product {
    content-visibility: auto !important;
    contain-intrinsic-size: 400px !important;
  }
  
  /* Image rendering optimization */
  body .product-grid img {
    image-rendering: auto !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
  }
  
  /* GPU acceleration for hover/scale transitions */
  body .product-grid .product__thumb {
    will-change: auto !important;
    transform: translateZ(0) !important;
  }

  /* Kill any remaining decorative elements that slow render */
  body .product-grid .product__corner,
  body .product-grid .product__badge {
    display: none !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   END WAVE 43 — beige box removed + faster render
   ════════════════════════════════════════════════════════════════════ */