/* ===== Nov 2 retheme: Goodman Longevity family (Youly's Squarespace design) =====
   black #000 / charcoal #1A1918 / ivory #F2EEE6 / greige #CDC8C0 / bronze-gold #A88651 #9A7B4A #79603D
   Headings: Aboreto (thin flared caps). Body/UI: Jost (free stand-in for Europa). Loaded last. */
:root{--ivory:#F2EEE6;--sand:#E4DFD6;--greige:#CDC8C0;--ink:#1A1918;--ink2:#24221F;--charcoal:#1A1918;--black:#000;
 --muted:#5C5650;--line:#CDC8C0;--gold:#9A7B4A;--gold2:#A88651;--gold3:#79603D;--gold-dk:#79603D;
 --gold-grad:linear-gradient(90deg,#A88651,#A88651)}
html{font-synthesis:none}
body{font-family:Jost,system-ui,sans-serif;font-weight:400;letter-spacing:.01em;background:var(--ivory);color:var(--ink)}
h1,h2,h3,.h1,.h2{font-family:Aboreto,Georgia,serif!important;font-weight:400!important;text-transform:uppercase;font-feature-settings:normal}
h1{font-size:clamp(30px,3.5vw,54px)!important;line-height:1.16!important;letter-spacing:.05em!important}
h2{font-size:clamp(24px,2.5vw,38px)!important;line-height:1.22!important;letter-spacing:.05em!important}
h3{font-size:clamp(16px,1.3vw,19px)!important;line-height:1.35!important;letter-spacing:.08em!important}
h1 em,h2 em,h3 em{font-style:normal!important;background:none!important;-webkit-text-fill-color:currentColor;color:var(--gold3)!important;padding:0!important}
/* gold-on-dark: bronze #A88651 passes AA on black/charcoal; on ivory we use #79603D */
.hero h1 em,.tone-dark h2 em,.closing h2 em,.gl-band h2 em,.site-foot em,.hero h2 em{color:var(--gold2)!important}
.sec h2:not(.glass-h)::after{background:var(--gold)!important}
/* eyebrows: small tracked caps */
.eyebrow{font:500 11px/1.4 Jost,sans-serif!important;letter-spacing:.32em!important;text-transform:uppercase}
.eyebrow.gold{color:var(--gold3)}
.hero .eyebrow,.hero .eyebrow.gold,.tone-dark .eyebrow,.closing .eyebrow,.site-foot .eyebrow,.gl-band .eyebrow{color:var(--gold2)}
/* buttons: thin outlines, square, tracked caps (her style) */
.btn{border-radius:0!important;font:400 12px/1 Jost,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase;padding:16px 30px!important;box-shadow:none!important;background-image:none!important}
.btn-sm{padding:12px 20px!important;font-size:11px!important}
.btn-gold{background:transparent!important;color:inherit!important;border:1px solid var(--gold)!important}
.btn-gold:hover,.btn-gold:focus-visible{background:var(--gold3)!important;border-color:var(--gold3)!important;color:#F2EEE6!important}
.hero .btn-gold,.site-head .btn-gold,.tone-dark .btn-gold,.closing .btn-gold,.mnav-panel .btn-gold,.gl-band .btn-gold{color:#F2EEE6!important;border-color:var(--gold2)!important}
.hero .btn-gold:hover,.site-head .btn-gold:hover,.tone-dark .btn-gold:hover,.closing .btn-gold:hover,.gl-band .btn-gold:hover{background:var(--gold2)!important;color:#000!important}
.btn-ghost{background:transparent!important;border:1px solid rgba(242,238,230,.55)!important;color:#F2EEE6!important}
.btn-ghost:hover{border-color:#F2EEE6!important}
.btn-outline{background:transparent!important;border:1px solid currentColor!important}
.btn::before,.btn::after{display:none!important}
/* header like hers: black bar, wide-tracked wordmark, small caps nav */
.site-head{background:rgba(0,0,0,.92)!important;border-bottom-color:rgba(242,238,230,.08)!important}
.logo-txt{font:400 14px/1.1 Aboreto,Georgia,serif!important;letter-spacing:.24em!important;color:#F2EEE6}
.logo-txt em{font:500 9px/1 Jost,sans-serif!important;letter-spacing:.3em!important;color:var(--gold2)!important}
.logo-mark{border-color:var(--gold2)!important;color:var(--gold2)!important;font-family:Aboreto,Georgia,serif!important}
.nav a{font:400 11.5px/1 Jost,sans-serif!important;letter-spacing:.16em;text-transform:uppercase}
/* sections: moody dark alternating with ivory / greige */
.hero{background:#000!important}
.tone-a{background:var(--ivory)!important}
.tone-b{background:var(--sand)!important}
.tone-dark{background:var(--charcoal)!important}
.closing{background:#000!important}
.site-foot{background:#000!important}
/* forms & inputs: square, hairline */
input,select,textarea{border-radius:0!important}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold3);outline-offset:1px}
.rq-pills span{border-radius:0!important;letter-spacing:.04em}
::selection{background:var(--gold2);color:#000}
.textlink{color:var(--gold3)}
.tone-dark .textlink,.hero .textlink,.closing .textlink{color:var(--gold2)}
/* hero name: Aboreto caps run wide, so let it wrap to two lines beside the photo */
.h1-name{white-space:normal!important;font-size:clamp(40px,4.6vw,68px)!important;line-height:1.04!important;letter-spacing:.06em!important;max-width:9.5em}
.h1-tag{font:300 clamp(17px,1.35vw,20px)/1.5 Jost,sans-serif!important;text-transform:none;letter-spacing:.02em!important;max-width:30em!important;color:rgba(242,238,230,.86)!important}
.hero-proof b{font-size:clamp(17px,1.5vw,22px)!important;letter-spacing:.06em!important}
.hero-proof li{padding-right:14px!important}
/* long-form text stays in Jost; Aboreto is for headings only */
.wm-lead,.rq-intro,.ap-lead,.short{font-family:Jost,sans-serif!important;font-weight:300!important;letter-spacing:.005em;text-transform:none}
.wm-lead{font-size:clamp(19px,1.5vw,22px)!important;line-height:1.55!important}
.rq-intro,.ap-lead{font-size:clamp(17px,1.4vw,20px)!important;line-height:1.55!important}
.short{font-size:clamp(17px,1.4vw,20px)!important}
.yt-t{font-family:Aboreto,Georgia,serif;font-weight:400!important;letter-spacing:.03em!important;line-height:1.3!important}
.stat-n,.wmb-n,.wm-stats b,.rq-n,.pc-n,.price-line b,.cred-bar b{font-weight:400!important}
@media (max-width:760px){.h1-name{font-size:clamp(34px,10vw,46px)!important}.yt-t{font-size:15px!important}}
.hero h1:not(.h1-personal),.ap-h1{font-size:clamp(28px,3vw,44px)!important;max-width:15em!important}
/* ---- contrast pass (WCAG AA) ----
   light surfaces (ivory/sand): small gold text #725A38 (>=4.8:1 on sand, 5.6:1 on ivory); large gold #79603D
   dark surfaces (black/charcoal): headings em #A88651; small gold text #B89B6A (>=5.3:1 even on #2E2B27 glow) */
:root{--gold-ink:#725A38;--gold-lt:#B89B6A}
.eyebrow.gold,.textlink,.more,.yt-meta,.rq-n,.rq-nh,.faq details[open] summary,.faq summary:hover,a.more{color:var(--gold-ink)}
.num,.steps .num,.numbered .num{color:var(--gold3)!important}
.faq details[open]>summary{color:var(--gold-ink)!important}
:is(.hero,.tone-dark,.closing,.gl-band,.withme,.wm-band,.stats,.marquee,.px-band,.short,.cred-bar,.site-foot,.mnav-panel,.sub-band) :is(.eyebrow,.eyebrow.gold,.textlink,.more,.yt-meta,.wm-sig-t,.wm-h,.pc-k,.rq-n,.rq-nh){color:var(--gold-lt)!important}
:is(.hero,.tone-dark,.closing,.gl-band,.withme,.wm-band,.stats,.marquee,.px-band,.cred-bar) :is(h1,h2,h3) em{color:var(--gold2)!important}
:is(.hero,.tone-dark,.closing,.gl-band,.withme,.wm-band,.stats,.cred-bar) .num{color:var(--gold2)!important}
.state-tiles li{min-width:0}
.state-tiles b{font-weight:400!important;letter-spacing:.06em;font-size:clamp(28px,3.4vw,46px)!important}
@media (max-width:760px){.state-tiles li{padding:22px 6px!important}.state-tiles b{font-size:28px!important}}