@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(assets/fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(assets/fonts/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url(assets/fonts/newsreader-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url(assets/fonts/newsreader-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Pastel green, powder blue, lavender, and cream surfaces with readable text. */
:root {
  color-scheme: light;
  --accent: #bdd6ae;
  --accent-hover: #abc99b;
  --accent-text: #25452d;
  --accent-ink: #3d6647;
  --sky: #f0f5eb;
  --apricot: #f3e7b8;
  --coral: #9164a2;
  --green: #deebd4;
  --green-dark: #365c40;
  --green-ink: #243c2a;
  --magenta: #e8dff0;
  --magenta-dark: #6c4d82;
  --magenta-soft: #f4edf8;
  --ink: #30394d;
  --muted: #58665c;
  --paper: #fff;
  --panel: #fff;
  --soft: #f7f9f5;
  --line: #d5e1d5;
  --field-border: #aebeb3;
  --header: rgba(255,255,255,.96);
  --hero-start: #fff;
  --hero-middle: #f3f8ee;
  --hero-end: #f6eff9;
  --story-bg: #e3eaf5;
  --story-text: #46546d;
  --on-magenta: #513c63;
  --footer-bg: #e3eaf5;
  --footer-text: #2e3d57;
  --footer-muted: #46546d;
  --focus: #365c40;
  --shadow: 0 18px 45px rgba(30,54,34,.1);
  --serif: 'Newsreader', Georgia, serif;
  --sans: 'Manrope', system-ui, sans-serif;
  --cookie-space: 0px;
  --magenta-divider: #ccbdd8;
  --story-ink: #2e3d57;
  --story-highlight: #52638a;
  --story-divider: #b8c7dc;
  --footer-divider: #b8c7dc;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --accent: #bdd6ae;
  --accent-hover: #d1e5c5;
  --accent-text: #213c28;
  --accent-ink: #c0dcb0;
  --sky: #26382b;
  --coral: #d4b6e2;
  --green: #2b4330;
  --green-dark: #c0dcb0;
  --green-ink: #e7f2df;
  --magenta: #43394b;
  --magenta-dark: #dec7eb;
  --magenta-soft: #302b35;
  --ink: #f2f3ed;
  --muted: #c3cfc5;
  --paper: #131c18;
  --panel: #1c2921;
  --soft: #17231c;
  --line: #425549;
  --field-border: #76917d;
  --header: rgba(19,28,24,.97);
  --hero-start: #131c18;
  --hero-middle: #1b2a20;
  --hero-end: #2d2933;
  --story-bg: #2b3446;
  --story-text: #d1d9e9;
  --footer-bg: #222b3b;
  --footer-muted: #d1d9e9;
  --focus: #d4e9bf;
  --shadow: 0 18px 45px rgba(0,0,0,.2);
  --on-magenta: #f1e8f6;
  --magenta-divider: #746181;
  --story-ink: #eef1f8;
  --story-highlight: #c5d1eb;
  --story-divider: #576780;
  --footer-text: #edf0f8;
  --footer-divider: #576780;
}
:root[data-theme="contrast"] {
  scroll-behavior: auto;
  color-scheme: dark;
  --accent: #ffeb80;
  --accent-hover: #fff3b5;
  --accent-text: #000;
  --accent-ink: #ffeb80;
  --sky: #000;
  --apricot: #ffeb80;
  --coral: #ffeb80;
  --green: #000;
  --green-dark: #ffeb80;
  --green-ink: #fff;
  --magenta: #000;
  --magenta-dark: #ffeb80;
  --magenta-soft: #000;
  --ink: #fff;
  --muted: #fff;
  --paper: #000;
  --panel: #000;
  --soft: #000;
  --line: #fff;
  --field-border: #fff;
  --header: #000;
  --hero-start: #000;
  --hero-middle: #000;
  --hero-end: #000;
  --story-bg: #000;
  --story-text: #fff;
  --footer-bg: #000;
  --footer-muted: #fff;
  --focus: #ffeb80;
  --shadow: none;
  --on-magenta: #fff;
  --magenta-divider: #fff;
  --story-ink: #fff;
  --story-highlight: #ffeb80;
  --story-divider: #fff;
  --footer-text: #fff;
  --footer-divider: #fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.7 var(--sans)}
a{color:inherit}
button,input,textarea{font:inherit}
.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--panel);padding:12px 18px;border-radius:10px}
.skip-link:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
.site-header{height:82px;position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 clamp(20px,5vw,76px);background:var(--header);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--accent-text);font:500 24px var(--serif)}
.brand>span:last-child{display:flex;flex-direction:column}
.brand b{font-size:14px;letter-spacing:.15em}
.brand small{font-size:13px;line-height:1.25;letter-spacing:.065em;color:var(--muted);margin-top:3px}
.site-header nav{display:flex;align-items:center;gap:27px;margin-left:auto}
.site-header nav a{font-size:14px;font-weight:600;text-decoration:none}
.nav-highlight{display:flex;align-items:center;gap:7px;color:var(--accent-ink)}
.nav-highlight svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.menu-toggle{display:none;margin-left:auto;border:0;background:none;width:45px;height:45px;padding:9px}
.menu-toggle span:not(.sr-only){display:block;height:2px;background:var(--ink);margin:7px}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:.88fr 1.12fr;grid-template-rows:1fr auto;padding:clamp(40px,6vw,82px) clamp(22px,6vw,92px) 0;background:linear-gradient(135deg,var(--hero-start) 0%,var(--hero-middle) 55%,var(--hero-end) 100%);position:relative;overflow:hidden}
.hero:before{display:none}
.hero-copy{align-self:center;padding-right:clamp(25px,6vw,90px);position:relative;z-index:1}
.eyebrow{margin:0 0 18px;color:var(--accent-ink);font-size:15px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hero-copy>.eyebrow{font-size:clamp(18px,1.7vw,24px);letter-spacing:.11em}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
h1{font-size:clamp(54px,6.2vw,95px);line-height:1.04;margin:0;max-width:940px}
h1 em{font-weight:400;color:var(--accent-ink)}
.hero-text{font-size:clamp(18px,1.6vw,23px);line-height:1.55;color:var(--muted);max-width:650px;margin:31px 0 0}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:39px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-text);text-decoration:none;font-weight:700;cursor:pointer;transition:.22s}
.button:hover{background:var(--accent-hover);transform:translateY(-2px)}
.text-link{font-weight:700;text-decoration:none}
.text-link span{margin-left:7px}
.portrait-wrap{align-self:center;justify-self:end;width:min(100%,680px);position:relative;z-index:1}
.portrait-frame{aspect-ratio:4/5;border-radius:46% 46% 24px 24px;overflow:hidden;background:var(--sky);box-shadow:var(--shadow)}
.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.portrait-note{position:absolute;left:-55px;bottom:35px;max-width:320px;display:flex;gap:15px;background:var(--panel);padding:19px 22px;border-radius:16px;box-shadow:var(--shadow)}
.portrait-note>span{font:500 46px/1 var(--serif);color:var(--coral)}
.portrait-note p{margin:2px 0 0;font-size:14px;line-height:1.5}
.hero-tags{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;margin-top:55px;padding:22px 0;border-top:1px solid var(--line);position:relative;z-index:1}
.hero-tags span{font-size:clamp(15px,1.25vw,19px);font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--ink)}
.section{display:grid;grid-template-columns:170px minmax(0,1fr);gap:clamp(35px,6vw,90px);padding:clamp(78px,8vw,120px) clamp(22px,6vw,92px)}
.section-label{display:flex;align-items:flex-start;gap:15px;padding-top:7px}
.section-label span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:11px;color:var(--accent-ink)}
.section-label p{margin:2px 0 0;color:var(--green-dark);font-size:clamp(16px,1.25vw,20px);line-height:1.35;font-weight:800;letter-spacing:.095em;text-transform:uppercase;white-space:normal}
.section-heading{display:grid;grid-template-columns:.35fr 1fr;gap:30px;align-items:start}
.story .section-heading .eyebrow,.story-turn .eyebrow,.care .section-heading .eyebrow,.biology-title .eyebrow{font-size:clamp(18px,1.55vw,23px);line-height:1.35}
.section-heading h2,.biology-title h2,.form-intro h2{font-size:clamp(44px,4.7vw,72px);line-height:1.08;margin:0}
.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,100px);margin-top:65px}
.story-columns p,.biology-copy p{color:var(--muted)}
.lead-copy{font:400 clamp(21px,2vw,29px)/1.45 var(--serif)!important;color:var(--ink)!important;margin-top:0}
.story blockquote{margin:105px 0 0;padding:38px clamp(28px,5vw,70px);background:var(--green);border-radius:22px;font:400 clamp(29px,3.3vw,48px)/1.25 var(--serif);color:var(--green-ink);text-align:center;box-shadow:var(--shadow)}
.story-opening{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,7vw,100px);align-items:end;margin-top:70px}
.story-opening>p:last-child{margin:0 0 5px;color:var(--muted);font-size:18px}
.story-moment{display:grid;grid-template-columns:180px 1fr;gap:clamp(30px,6vw,90px);margin-top:80px;padding:clamp(35px,6vw,75px);border-radius:28px;background:var(--story-bg);color:var(--story-ink)}
.story-age{display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--story-divider)}
.story-age strong{font:400 clamp(82px,9vw,135px)/.82 var(--serif);color:var(--story-highlight)}
.story-age span{margin-top:14px;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.story-moment .eyebrow{color:var(--story-ink)}
.story-moment h3{font-size:clamp(38px,4.5vw,66px);line-height:1;margin:0 0 28px}
.story-moment p:not(.eyebrow){max-width:820px;color:var(--story-text);font-size:17px}
.treatment-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;margin-top:24px}
.treatment-line span{min-height:48px;display:flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--sky);color:var(--green-ink);font-size:14px;font-weight:700;text-align:center}
.story-turn{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,120px);margin-top:85px;padding-top:70px;border-top:1px solid var(--line)}
.story-turn h3{font-size:clamp(39px,4.5vw,66px);line-height:1.05;margin:0}
.story-turn>div:last-child p{color:var(--muted);font-size:17px}
.story-now{display:grid;grid-template-columns:170px minmax(0,1fr);gap:clamp(35px,6vw,85px);margin-top:80px;padding:clamp(35px,6vw,72px);border-radius:28px;background:var(--magenta);color:var(--on-magenta);box-shadow:var(--shadow)}
.story-now-label{font:400 clamp(44px,6vw,80px)/1 var(--serif);color:var(--on-magenta)}
.story-now h3{max-width:820px;font-size:clamp(36px,4.5vw,64px);line-height:1.05;margin:0 0 25px}
.story-now p{max-width:850px;color:var(--on-magenta)}
.story-signature{font:400 32px var(--serif);font-style:italic;color:var(--on-magenta);margin:28px 0 0}
.care{background:var(--soft)}
.care-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:58px}
.care-grid article{min-height:330px;display:flex;flex-direction:column;padding:28px;border:0;border-radius:20px;background:var(--green);color:var(--green-ink);box-shadow:0 14px 35px rgba(23,32,58,.08)}
.care-grid article:nth-child(even){background:var(--magenta);color:var(--on-magenta)}
.care-grid article:nth-child(odd){background:var(--green);color:var(--green-ink)}
.care-grid article>span{font-size:11px;font-weight:700;letter-spacing:.1em}
.care-grid h3{font-size:31px;margin:auto 0 12px}
.care-grid p{margin:0;color:inherit;font-size:15px}
.care-grid article:nth-child(2) p{color:var(--on-magenta)}
.biology{background:var(--magenta);color:var(--on-magenta)}
.biology-stack{display:grid;gap:clamp(55px,7vw,95px)}
.biology-definition{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,95px);padding:clamp(30px,5vw,64px);border-radius:28px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}
.biology-definition .eyebrow{color:var(--green-dark)}
.biology-definition h2{font-size:clamp(40px,4.7vw,70px);line-height:1;margin:0}
.word-meaning{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.word-meaning .meaning-part{display:grid;gap:4px;padding:22px;border-radius:18px;background:var(--sky);color:var(--green-ink)}
.word-meaning strong{font:500 29px var(--serif);color:var(--green-dark)}
.word-meaning span{font-size:14px;font-weight:700}
.word-meaning>p{grid-column:1/-1;margin:8px 0 0;color:var(--muted);font-size:17px}
.biology .section-label span{border-color:var(--magenta-divider);color:var(--on-magenta)}
.biology .section-label p{color:var(--on-magenta)}
.biology-content{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,8vw,120px)}
.biology .eyebrow{color:var(--on-magenta)}
.biology-title h2{max-width:750px}
.biology-copy{padding-top:42px}
.biology-copy p{color:var(--on-magenta)}
.biology-copy .lead-copy{color:var(--on-magenta)!important}
.biology-button{margin-top:24px;background:var(--apricot);color:var(--ink)}
.biology-button:hover{background:var(--panel);color:var(--magenta-dark)}
.health-days{background:var(--panel)}
.health-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:35px;align-items:center;padding:clamp(32px,5vw,65px);border-radius:28px;background:var(--green);color:var(--green-ink);box-shadow:var(--shadow)}
.health-icon{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:var(--panel)}
.health-icon svg{width:54px;fill:none;stroke:var(--coral);stroke-width:2}
.health-card h2{font-size:clamp(48px,6vw,84px);line-height:1.05;margin:0}
.health-card .eyebrow{color:var(--green-ink)}
.health-card p:not(.eyebrow){max-width:630px;margin:14px 0 0;color:var(--green-ink);font-size:17px}
.health-card .health-followup{font-size:15px!important;font-weight:600}
.button-light{background:var(--panel);color:var(--ink)}
.button-light:hover{background:var(--story-bg);color:#fff}
.wellbeing{background:var(--panel)}
.wellbeing-card{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,7vw,90px);padding:clamp(34px,5.5vw,72px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,var(--hero-start) 0%,var(--sky) 55%,var(--magenta-soft) 100%);box-shadow:0 22px 60px rgba(23,32,58,.08)}
.wellbeing-card h2{font-size:clamp(52px,6vw,88px);line-height:1.055;margin:0 0 30px}
.wellbeing-card h3{font-size:clamp(36px,4vw,56px);line-height:1;margin:0 0 20px}
.wellbeing-copy>p:not(.eyebrow):not(.lead-copy),.wellbeing-action>p{color:var(--muted);font-size:17px}
.topic-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.topic-chips span{padding:9px 14px;border-radius:999px;background:var(--panel);color:var(--green-dark);font-size:14px;font-weight:800;box-shadow:0 7px 20px rgba(23,32,58,.07)}
.wellbeing-action{align-self:center;padding:clamp(26px,4vw,45px);border-radius:24px;background:var(--magenta);color:var(--on-magenta)}
.wellbeing-action .eyebrow,.wellbeing-action>p{color:var(--on-magenta)}
.wellbeing-action .no-pressure{font-weight:800}
.wellbeing-action .button{margin-top:16px;background:var(--panel);color:var(--magenta-dark)}
.wellbeing-action .button:hover{background:var(--green);color:var(--green-ink)}
.wellbeing-signature{display:grid;gap:2px;margin-top:30px!important;padding-top:23px;border-top:1px solid var(--magenta-divider)}
.wellbeing-signature span{font-size:13px}
.questionnaire{background:var(--soft)}
.form-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,8vw,120px)}
.questionnaire .section-label p,.form-intro>.eyebrow{font-size:clamp(18px,1.5vw,23px)}
.form-intro>p:not(.eyebrow){color:var(--muted);font-size:20px;line-height:1.65;max-width:560px}
.form-invitation{display:block;max-width:500px;margin-top:28px;color:var(--magenta-dark);font:500 clamp(24px,2.3vw,34px)/1.25 var(--serif)}
.privacy-note{display:flex;flex-direction:column;margin-top:45px;padding:22px;border-left:3px solid var(--accent-ink);background:var(--sky)}
.privacy-note span{color:var(--muted);font-size:14px}
.contact-form{display:grid;gap:24px;padding:clamp(26px,4vw,48px);background:var(--panel);border:1px solid var(--line);border-radius:24px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{display:grid;gap:8px}
.contact-form label>span,.contact-form legend{font-size:16px;font-weight:700}
.contact-form small{color:var(--muted);font-weight:400}
.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;border:1px solid var(--field-border);border-radius:11px;padding:15px 16px;background:var(--panel);color:var(--ink);font-size:17px;outline-offset:3px}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-ink);box-shadow:0 0 0 3px rgba(39,75,219,.1)}
.contact-form fieldset{border:0;padding:0;margin:0}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:9px}
.choice-grid label{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--line);border-radius:10px}
.consent{grid-template-columns:auto 1fr;align-items:start}
.consent input{margin-top:6px}
.inline-link{border:0;padding:0;background:none;color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.submit-button{justify-self:start}
.form-status{display:none;margin:0;padding:12px;border-radius:10px;background:var(--sky);color:var(--accent-ink)}
.form-status.show{display:block}
.medical-note{padding:42px clamp(22px,6vw,92px);background:var(--panel)}
.medical-note>div{max-width:1020px;margin:auto;display:grid;grid-template-columns:180px 1fr;gap:30px;padding:26px 30px;border:1px solid var(--line);border-radius:16px}
.medical-note p{margin:0;color:var(--muted)}
footer{padding:34px clamp(22px,6vw,92px);background:var(--footer-bg);color:var(--footer-text);font-size:14px}
.footer-brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.12em;text-decoration:none}
.footer-brand>span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--panel);color:var(--accent-ink);font:500 18px var(--serif)}
footer p{color:var(--footer-muted)}
.footer-links{display:flex;gap:18px}
.footer-links a{color:var(--footer-text);text-decoration:underline;text-decoration-color:var(--accent-ink);text-underline-offset:4px}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--accent-ink)}
.legal-dialog{width:min(820px,calc(100% - 30px));max-height:86vh;padding:0;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:20px;box-shadow:0 30px 90px rgba(14,21,49,.3)}
.legal-dialog::backdrop{background:rgba(14,21,49,.6);backdrop-filter:blur(4px)}
.dialog-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:var(--panel);border-bottom:1px solid var(--line)}
.dialog-head h2{font-size:clamp(25px,4vw,34px);line-height:1.2;margin:0}
.dialog-close{width:40px;height:40px;border:0;border-radius:50%;background:var(--soft);font-size:26px;cursor:pointer}
.legal-copy{padding:28px}
.legal-copy h3{font:600 19px var(--sans);margin:28px 0 5px}
.legal-copy p{color:var(--muted)}
.legal-copy .legal-updated{font-size:15px;color:var(--muted);margin-top:0}
.reveal{opacity:1;transform:none}
.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{opacity:1;transform:none;transition:none}
}
@media(max-width:1150px){.site-header nav{position:fixed;inset:82px 0 auto;background:var(--panel);display:grid;gap:0;padding:20px 24px;visibility:hidden;pointer-events:none;box-shadow:var(--shadow)}
.site-header nav.open{visibility:visible;pointer-events:auto}
.site-header nav a{padding:10px}
.menu-toggle{display:block}
.hero{grid-template-columns:1fr 1fr}
.section{grid-template-columns:1fr}
.section-label{margin-bottom:-5px}
.care-grid{grid-template-columns:1fr 1fr}
.biology-content{grid-template-columns:1fr}
.biology-definition,.wellbeing-card{grid-template-columns:1fr}
.form-layout{grid-template-columns:1fr}
.health-card{grid-template-columns:auto 1fr}
.health-card .button{grid-column:2}
.treatment-line{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){html{scroll-padding-top:72px}
.site-header{height:72px;padding:0 17px}
.brand small{display:block;font-size:11px}
.site-header nav{inset:72px 0 auto}
.hero{min-height:0;grid-template-columns:1fr;padding:62px 20px 0}
.hero-copy{padding-right:0}
.hero h1{font-size:clamp(42px,10vw,60px)}
.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
.portrait-wrap{margin-top:55px}
.portrait-note{left:12px;right:12px;bottom:18px;max-width:none}
.hero-tags{flex-wrap:wrap;justify-content:flex-start;padding:18px 0;margin-top:35px}
.hero-tags span{white-space:normal}
.treatment-line{grid-template-columns:1fr}
.section{padding:78px 20px;gap:35px}
.section-heading{grid-template-columns:1fr}
.section-heading h2,.biology-title h2,.form-intro h2{font-size:clamp(38px,8vw,49px)}
.story-columns,.care-grid{grid-template-columns:1fr}
.story-columns{margin-top:42px}
.care-grid article{min-height:240px}
.biology-content{gap:20px}
.biology-definition{padding:28px 22px}
.word-meaning{grid-template-columns:1fr}
.word-meaning>p{grid-column:1}
.wellbeing-card{padding:28px 22px}
.health-card{grid-template-columns:1fr;padding:30px}
.health-card .button{grid-column:1;justify-self:start}
.health-icon{width:80px;height:80px}
.field-row,.choice-grid{grid-template-columns:1fr}
.medical-note>div{grid-template-columns:1fr}
.medical-note{padding:35px 20px}
footer{padding:32px 20px}
.footer-links{flex-direction:column;align-items:flex-start;gap:6px}
}

/* Interaction, spacing, and shared surfaces across every display mode. */
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
body{padding-bottom:var(--cookie-space)}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
p{overflow-wrap:break-word}
h1,h2,h3{overflow-wrap:break-word}
.section>*,.hero>*,.section-heading>*,.story-moment>*,.form-layout>*,.biology-definition>*,.wellbeing-card>*{min-width:0}
.button{padding:14px 25px;line-height:1.35;text-align:center}
.brand{flex-shrink:0}
.site-header nav{order:1}
.appearance-control{position:relative;order:2;margin-left:24px}
.menu-toggle{order:3;flex-shrink:0}
.appearance-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font-size:14px;font-weight:700;cursor:pointer}
.appearance-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.appearance-options{position:absolute;right:0;top:calc(100% + 12px);z-index:40;width:280px;max-width:calc(100vw - 32px);padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}
.appearance-options p{font-weight:700;font-size:14px;margin:4px 10px 10px}
.appearance-options button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-size:16px;text-align:left;cursor:pointer}
.appearance-options button:hover,.appearance-options button[aria-pressed="true"]{background:var(--sky)}
.appearance-options small{display:block;margin:12px 10px 4px;color:var(--muted);font-size:13px;line-height:1.5}
.theme-swatch{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;font-size:14px;font-weight:800}
.swatch-light{background:#f5f8f1;color:#243c2a}
.swatch-dark{background:#1c2921;color:#f2f3ed}
.swatch-contrast{background:#000;color:#ffeb80;border-color:#ffeb80}
.theme-check{margin-left:auto;visibility:hidden}
[aria-pressed="true"] .theme-check{visibility:visible}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px}
.hero-tags{flex-wrap:wrap}
.story-moment h3,.story-turn h3,.story-now h3,.biology-definition h2,.wellbeing-card h2,.wellbeing-card h3{line-height:1.12}
.story-moment p:not(.eyebrow),.story-turn>div:last-child p,.biology-copy p,.health-card p:not(.eyebrow),.wellbeing-copy>p:not(.eyebrow):not(.lead-copy),.wellbeing-action>p{font-size:18px}
.story-opening{align-items:start}
.story blockquote{margin-top:70px}
.story-age{padding-right:20px}
.story-now,.story-moment,.biology-definition,.wellbeing-card,.health-card,.care-grid article,.wellbeing-action{border:1px solid transparent}
.care-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.care-grid article{min-height:285px;padding:30px}
.care-grid h3{margin-top:55px;line-height:1.18}
.care-grid p{font-size:17px;line-height:1.65}
.biology-definition .eyebrow{color:var(--green-dark)}
.word-meaning{grid-template-columns:repeat(2,minmax(0,1fr))}
.health-card .button{grid-column:2;justify-self:start}
.biology-copy{padding-top:0}
.biology-copy .lead-copy{color:var(--on-magenta)!important}
.button-light{color:var(--ink)}
.button-light:hover{background:var(--accent);color:var(--accent-text)}
.biology-button{color:#17203a}
.biology-button:hover{background:var(--panel);color:var(--magenta-dark)}
.wellbeing-action .button{color:var(--magenta-dark)}
.form-intro h2{font-size:clamp(42px,4.4vw,64px);line-height:1.12}
.contact-form{gap:26px;align-content:start}
.contact-form input[type="checkbox"],.preference-choice input{width:22px;height:22px;flex-shrink:0;accent-color:var(--green-dark);cursor:pointer}
.contact-form .choice-grid label{min-height:52px;cursor:pointer}
.contact-form .choice-grid label:has(input:checked){background:var(--sky);border-color:var(--green-dark)}
.contact-form .consent{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px}
.contact-form .consent label{display:block;font-size:16px;font-weight:500;line-height:1.6;cursor:pointer}
.contact-form .consent input{margin:3px 0 0}
.inline-link{display:inline-block;min-height:44px;padding:8px 0;line-height:1.5;font-size:inherit;text-align:left}
.form-notice{font-size:16px;line-height:1.6;margin:0;padding:16px;border-radius:12px;background:var(--sky);color:var(--green-ink)}
.contact-form small#message-note{font-size:15px;line-height:1.5}
.form-status{font-size:17px}
.medical-note>div{grid-template-columns:180px minmax(0,1fr)}
.footer-main{display:grid;grid-template-columns:1fr auto auto auto;gap:30px;align-items:center}
.footer-main p{margin:0}
.footer-brand>span{background:var(--accent);color:var(--accent-text)}
.footer-links a{display:inline-flex;align-items:center;min-height:44px}
.footer-details{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid var(--footer-divider)}
.footer-details p{font-size:14px;margin:0;line-height:1.8}
.footer-details a,.footer-details .inline-link{color:var(--footer-text)}
.dialog-head{gap:20px;z-index:1;align-items:flex-start}
.dialog-close{flex:0 0 44px;width:44px;height:44px;color:var(--ink);line-height:1}
.legal-copy{font-size:17px;line-height:1.75}
.legal-copy p{margin:0 0 24px}
.legal-copy h3{margin:30px 0 12px;line-height:1.4}
.legal-copy a{color:var(--accent-ink);text-underline-offset:3px}
.cookie-category{display:grid;gap:16px;padding:24px 0;border-top:1px solid var(--line)}
.cookie-category h3{margin:0 0 10px}
.cookie-category p{margin:0}
.cookie-category code{font-size:.9em;overflow-wrap:anywhere}
.category-state{justify-self:start;background:var(--sky);color:var(--green-ink);padding:5px 12px;border-radius:999px;font-size:15px;font-weight:700}
.preference-choice{display:flex;align-items:center;gap:12px;min-height:48px;font-weight:700;cursor:pointer}
.cookie-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.cookie-actions .button{min-height:48px;font-size:15px}
.cookie-choice{background:var(--panel);border:1px solid var(--field-border);color:var(--ink)}
.cookie-choice:hover{background:var(--sky);color:var(--ink)}
.cookie-banner{position:fixed;z-index:50;bottom:18px;left:24px;right:24px;max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow);max-height:calc(100dvh - 100px);overflow-y:auto}
.cookie-banner h2{font:700 20px/1.4 var(--sans);letter-spacing:0;margin:0 0 8px}
.cookie-banner p{margin:0;max-width:520px;font-size:15px;line-height:1.6;color:var(--muted)}
.cookie-banner .cookie-actions{flex-shrink:0}
html:has(dialog[open]){overflow:hidden}

@media(min-width:1151px) and (max-width:1350px){
  .site-header{padding-inline:32px}
  .site-header nav{gap:18px}
  .appearance-control{margin-left:18px}
  .brand small{font-size:11px}
}
@media(max-width:1150px){
  .site-header{gap:10px}
  .appearance-control{margin-left:auto}
  .menu-toggle{margin-left:0}
  .site-header nav{max-height:calc(100dvh - 82px);overflow-y:auto}
  .site-header nav a{padding:12px}
  .hero-actions{flex-wrap:wrap;gap:20px}
  .portrait-note{left:0;bottom:20px;max-width:280px}
  .footer-main{grid-template-columns:1fr 1fr}
  .footer-main>span{justify-self:end}
  .cookie-banner{display:block}
  .cookie-banner .cookie-actions{margin-top:16px}
}
@media(max-width:900px){
  .story-opening,.story-turn{grid-template-columns:1fr;gap:28px}
  .story-moment{grid-template-columns:120px minmax(0,1fr);gap:30px;padding:35px}
  .story-now{grid-template-columns:1fr;gap:25px}
  .biology-definition,.wellbeing-card{gap:36px}
  .footer-details{align-items:flex-start}
}
@media(max-width:720px){
  .site-header{padding-inline:16px;gap:8px}
  .site-header nav{max-height:calc(100dvh - 72px)}
  .appearance-control{position:static}
  .appearance-options{right:16px;top:calc(100% + 8px)}
  .appearance-toggle{padding:10px;width:44px}
  .appearance-toggle>span{display:none}
  .brand{gap:8px;flex-shrink:1;min-width:0}
  .brand b{font-size:13px}
  .brand small{font-size:10px;letter-spacing:.02em}
  .brand-mark{width:36px;height:36px;flex-shrink:0}
  .menu-toggle{width:40px;padding:6px}
  .hero{padding-top:48px}
  .hero-copy>.eyebrow{font-size:17px;line-height:1.5}
  .hero-text{font-size:19px;line-height:1.7;margin-top:26px}
  .hero-actions{margin-top:30px}
  .hero-tags{gap:10px 20px}
  .hero-tags span{font-size:13px}
  .portrait-wrap{justify-self:center}
  .portrait-note{left:12px;right:12px;max-width:none}
  .section-label p{font-size:16px;white-space:normal;line-height:1.55}
  .section-label{align-items:center}
  .section-heading{gap:16px}
  .section-heading .eyebrow{margin-bottom:4px}
  .story .section-heading .eyebrow,.story-turn .eyebrow,.care .section-heading .eyebrow,.biology-title .eyebrow{font-size:18px;line-height:1.5}
  .story-opening{margin-top:38px}
  .story-moment{grid-template-columns:1fr;margin-top:45px;padding:30px 24px}
  .story-age{border-right:0;border-bottom:1px solid var(--story-divider);padding:0 0 24px}
  .story-age strong{font-size:88px;line-height:1}
  .story-moment .eyebrow{font-size:13px;line-height:1.6}
  .story-moment h3{font-size:40px}
  .story blockquote{margin-top:50px;padding:30px 24px}
  .story-turn{margin-top:50px;padding-top:45px}
  .story-turn h3,.story-now h3{font-size:38px}
  .story-now{margin-top:50px;padding:30px 24px}
  .care-grid{grid-template-columns:1fr}
  .care-grid article{min-height:240px}
  .care-grid h3{margin-top:38px}
  .word-meaning{grid-template-columns:1fr}
  .word-meaning>p{grid-column:1}
  .health-card{grid-template-columns:1fr}
  .health-card .button{grid-column:1}
  .health-card h2{font-size:54px;line-height:1.1}
  .wellbeing-card h2{font-size:52px}
  .wellbeing-action{padding:28px 24px}
  .form-intro h2{font-size:clamp(38px,8vw,49px)}
  .contact-form{padding:26px 20px}
  .choice-grid label span{font-size:15px}
  .medical-note>div{grid-template-columns:1fr;gap:14px;padding:24px}
  .medical-note p{font-size:17px}
  .footer-main{grid-template-columns:1fr;gap:14px}
  .footer-main>span{justify-self:start}
  .footer-links{gap:0}
  .footer-details{flex-direction:column;gap:12px}
  .footer-details p{font-size:14px}
  .cookie-banner{bottom:12px;left:12px;right:12px;padding:20px;max-height:calc(100dvh - 96px)}
  .cookie-banner h2{font-size:18px}
  .cookie-actions{gap:10px}
  .cookie-banner .cookie-actions{display:grid;grid-template-columns:1fr 1fr}
  .cookie-banner .cookie-actions .button{padding:12px;font-size:14px}
  .cookie-banner .inline-link{grid-column:1/-1;justify-self:center;padding:2px 12px;min-height:40px}
  .dialog-head{padding:20px;gap:12px}
  .legal-copy{padding:24px 20px}
  .legal-dialog{max-height:calc(100dvh - 32px);max-width:calc(100% - 24px)}
}

/* Large type, strong focus, and explicit boundaries for low-vision users. */
:root[data-theme="contrast"] body{font-size:22px;line-height:1.8}
:root[data-theme="contrast"] h1,:root[data-theme="contrast"] h2,:root[data-theme="contrast"] h3{font-family:var(--sans);font-weight:700;letter-spacing:0;line-height:1.3}
:root[data-theme="contrast"] h1{font-size:clamp(40px,5.5vw,78px)}
:root[data-theme="contrast"] h1 em{font-style:normal}
:root[data-theme="contrast"] h2,:root[data-theme="contrast"] .form-intro h2{font-size:clamp(32px,4vw,56px)}
:root[data-theme="contrast"] h3{font-size:clamp(27px,3vw,40px)}
:root[data-theme="contrast"] p,:root[data-theme="contrast"] .lead-copy,:root[data-theme="contrast"] .contact-form label,:root[data-theme="contrast"] .contact-form label>span,:root[data-theme="contrast"] .contact-form legend,:root[data-theme="contrast"] .choice-grid label span,:root[data-theme="contrast"] .legal-copy,:root[data-theme="contrast"] .appearance-options button{font-family:var(--sans)!important;font-size:20px!important;line-height:1.8!important;color:var(--ink)!important}
:root[data-theme="contrast"] small,:root[data-theme="contrast"] .cookie-actions .button,:root[data-theme="contrast"] .treatment-line span,:root[data-theme="contrast"] .hero-tags span,:root[data-theme="contrast"] .topic-chips span{font-size:18px!important;line-height:1.7}
:root[data-theme="contrast"] .brand small{font-size:11px!important}
:root[data-theme="contrast"] .section-heading,:root[data-theme="contrast"] .form-layout,:root[data-theme="contrast"] .biology-content,:root[data-theme="contrast"] .story-opening,:root[data-theme="contrast"] .story-turn,:root[data-theme="contrast"] .biology-definition,:root[data-theme="contrast"] .wellbeing-card{grid-template-columns:1fr;gap:30px}
:root[data-theme="contrast"] .section{grid-template-columns:1fr;gap:30px}
:root[data-theme="contrast"] .hero{grid-template-columns:1fr 1fr;gap:30px}
:root[data-theme="contrast"] .hero-copy{padding-right:0}
:root[data-theme="contrast"] .hero-tags{grid-column:1/-1}
:root[data-theme="contrast"] .portrait-note{position:static;max-width:none;margin-top:24px;border:1px solid var(--line)}
:root[data-theme="contrast"] .site-header{backdrop-filter:none;border-bottom:2px solid #fff}
:root[data-theme="contrast"] .site-header nav a{font-size:18px}
:root[data-theme="contrast"] .appearance-toggle{font-size:17px}
:root[data-theme="contrast"] .story-now,:root[data-theme="contrast"] .story-moment,:root[data-theme="contrast"] .biology-definition,:root[data-theme="contrast"] .wellbeing-card,:root[data-theme="contrast"] .health-card,:root[data-theme="contrast"] .care-grid article,:root[data-theme="contrast"] .wellbeing-action,:root[data-theme="contrast"] blockquote{border:2px solid #fff;box-shadow:none}
:root[data-theme="contrast"] .button{background:var(--accent);color:#000;border:2px solid var(--accent);font-size:20px}
:root[data-theme="contrast"] .button:hover{background:#fff;color:#000;border-color:#fff}
:root[data-theme="contrast"] .button.cookie-choice{background:#000;color:var(--accent);border-color:var(--accent)}
:root[data-theme="contrast"] a:not(.button):not(.brand):not(.footer-brand),:root[data-theme="contrast"] .inline-link{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
:root[data-theme="contrast"] .contact-form input:not([type="checkbox"]),:root[data-theme="contrast"] .contact-form textarea{font-size:22px;border-width:2px}
:root[data-theme="contrast"] .contact-form input[type="checkbox"],:root[data-theme="contrast"] .preference-choice input{accent-color:#ffeb80;width:26px;height:26px}
:root[data-theme="contrast"] .contact-form .consent{grid-template-columns:26px minmax(0,1fr)}
:root[data-theme="contrast"] .footer-main{grid-template-columns:1fr 1fr}
:root[data-theme="contrast"] .footer-details{flex-wrap:wrap}
:root[data-theme="contrast"] .cookie-banner{display:block}
:root[data-theme="contrast"] .cookie-banner .cookie-actions{margin-top:18px}
:root[data-theme="contrast"] .cookie-banner p{max-width:none}
:root[data-theme="contrast"] .dialog-head h2{font-size:28px}
:root[data-theme="contrast"] .appearance-options{width:330px}
:root[data-theme="contrast"] .story blockquote{font-family:var(--sans);font-size:28px;line-height:1.7}
@media(max-width:1150px){:root[data-theme="contrast"] .hero{grid-template-columns:1fr}}
@media(max-width:720px){
  :root[data-theme="contrast"] .footer-main{grid-template-columns:1fr}
  :root[data-theme="contrast"] .cookie-banner .cookie-actions{grid-template-columns:1fr}
  :root[data-theme="contrast"] .cookie-banner .inline-link{grid-column:1}
  :root[data-theme="contrast"] .cookie-banner p{font-size:18px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:root[data-theme="contrast"] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}