:root{--ink:#123e3a;--deep:#073b37;--green:#0c5b53;--mint:#dcece5;--cream:#f5f0e6;--paper:#fbfaf6;--coral:#e56e54;--line:#cdd9d2}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:"Lora",Georgia,"Times New Roman",serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}
i,em{color:var(--coral);font-weight:400}
.section{padding:110px max(6vw,30px)}

.nav{height:96px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;left:0;right:0;color:white;border-bottom:1px solid #ffffff40}
.brand{display:flex;align-items:center;gap:12px;line-height:1.05}
.brandMark{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;font-family:"Lora",Georgia,serif;font-size:20px}
.brand strong{display:block;letter-spacing:.11em;font-size:14px}
.brand small{display:block;margin-top:6px;font-size:11px;opacity:.72;letter-spacing:.05em}
.navLinks{display:flex;gap:24px;font-size:15px;font-weight:500}
.navLinks a{opacity:.8}
.navLinks a:hover{opacity:1}
.navCta,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px}
.navCta{border:1px solid #ffffff80;padding:12px 17px;font-size:13px}
.navCta span,.button span{font-size:18px}

.hero{min-height:820px;height:100vh;max-height:960px;position:relative;color:white;overflow:hidden}
.heroImage{position:absolute;inset:0;background:url('assets/hero-yhdp-v4.png') center/cover no-repeat}
.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,38,35,.94) 0%,rgba(4,47,42,.78) 34%,rgba(3,34,31,.12) 72%),linear-gradient(0deg,rgba(4,35,32,.55),transparent 45%)}
.heroContent{position:relative;z-index:2;width:min(720px,55vw);padding:165px 0 90px max(7vw,40px)}
.eyebrow,.sectionLabel{font-size:13px;font-weight:700;letter-spacing:.16em}
.eyebrow{display:flex;align-items:center;gap:12px}
.eyebrow span{width:34px;height:1px;background:var(--coral)}
.light{color:#dbe9e4}
.hero h1{font-size:clamp(62px,6.8vw,105px);margin:34px 0 30px}
.hero h1 em{display:inline-block;margin-left:70px}
.lead{max-width:660px;font-size:19px;color:#e1ebe7;line-height:1.8}
.heroActions{display:flex;align-items:center;gap:34px;margin-top:34px}
.button{padding:14px 20px;font-size:13px;letter-spacing:.05em}
.primary{background:var(--coral);color:white}
.warm{background:#f09a78;color:#123e3a}
.textLink{font-size:13px}
.play{display:inline-grid;place-items:center;border:1px solid #ffffff88;border-radius:50%;width:34px;height:34px;margin-right:8px;font-size:8px}
.heroNote{position:absolute;z-index:2;right:5vw;bottom:42px;border-left:2px solid var(--coral);padding-left:18px;display:flex;flex-direction:column;font-size:10px;letter-spacing:.12em}
.heroNote span{opacity:.7;letter-spacing:0;margin-top:4px}

.sectionLabel{color:#5e7d76;margin-bottom:65px}
.introGrid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.intro h2,.study h2,.career h2,.journey h2{font-size:clamp(48px,5.2vw,78px)}
.introCopy{padding-top:7px;max-width:620px;color:#41625d}
.introCopy p{font-family:"Lora",Georgia,serif;font-size:20px}
.dropcap:first-letter{float:left;font-family:"Lora",Georgia,serif;font-size:65px;line-height:.8;padding:8px 10px 0 0;color:var(--coral)}
blockquote{margin:42px 0 0;border-left:2px solid var(--coral);padding:5px 0 5px 22px;color:var(--ink);font-family:"Lora",Georgia,serif;font-size:20px;font-style:italic}

.numbers{background:var(--mint);padding:52px max(6vw,30px);display:grid;grid-template-columns:repeat(3,1fr) 1.7fr;gap:40px;align-items:center}
.numbers div{border-right:1px solid #a8c3b7;display:flex;align-items:center;gap:16px}
.numbers strong{font-family:Georgia;font-size:48px;font-weight:400;color:var(--coral)}
.numbers span{font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.numbers p{font-family:"Lora",Georgia,serif;margin:0;font-style:italic;color:#4c7169}
.policy{background:var(--deep);color:white}
.policy .sectionLabel{color:#9fc1b8}
.policyLead{display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.policyLead h2{font-size:clamp(48px,5.2vw,78px)}
.policyLead p{color:#c6d8d3}
.policyLead blockquote{color:white}
.preventionLevels{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}
.preventionLevels article{padding:34px 32px 34px 0;border-right:1px solid #ffffff30}
.preventionLevels article:not(:first-child){padding-left:32px}
.preventionLevels article:last-child{border-right:0}
.preventionLevels span{color:var(--coral);font-family:"Lora",Georgia,serif}
.preventionLevels h3{font-family:"Lora",Georgia,serif;font-size:23px;font-weight:400;margin:28px 0 15px}
.preventionLevels p{font-size:16px;color:#acc5bf;margin:0}
.policyCompare{margin-top:95px}
.compareHead{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:35px;align-items:start;margin-bottom:35px}
.compareHead span{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--coral);padding-top:9px}
.compareHead h3{font-family:"Lora",Georgia,serif;font-size:29px;font-weight:400;margin:0}
.compareHead p{font-size:14px;color:#9db8b1;margin:4px 0 0}
.compareTable{border-top:1px solid #ffffff38}
.compareRow{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:35px;padding:25px 0;border-bottom:1px solid #ffffff25}
.compareRow strong{font-family:"Lora",Georgia,serif;font-size:18px;font-weight:400;color:#f2a084}
.compareRow p{font-size:16px;color:#bfd1cc;margin:0}
.compareTitle{padding:13px 0}
.compareTitle b{font-size:9px;letter-spacing:.12em;color:#86aaa1}
.policyDirection{display:grid;grid-template-columns:.45fr 2fr;gap:35px;margin-top:70px;padding:38px;background:#ffffff0b;border:1px solid #ffffff25}
.policyDirection>span{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--coral)}
.policyDirection h3{font-family:"Lora",Georgia,serif;font-size:26px;font-weight:400;margin:0 0 25px;max-width:750px}
.policyDirection ul{columns:2;column-gap:55px;margin:0;padding-left:18px;color:#b9cec8;font-size:16px}
.policyDirection li{break-inside:avoid;margin:0 0 13px;padding-left:5px}
.policySources{display:flex;flex-wrap:wrap;gap:15px 28px;align-items:center;margin-top:30px;font-size:12px;letter-spacing:.06em;color:#91b1a9}
.policySources strong{color:white}
.policySources a{border-bottom:1px solid #ffffff35;padding-bottom:2px}
.policySources a:hover{color:white}
.covidCase{margin-top:110px;padding-top:65px;border-top:1px solid #ffffff38}
.caseEyebrow{display:flex;align-items:center;justify-content:space-between;color:#9fc1b8;font-size:10px;font-weight:700;letter-spacing:.18em}
.caseEyebrow b{font-family:"Lora",Georgia,serif;font-size:clamp(46px,7vw,100px);font-weight:400;letter-spacing:-.06em;color:#ffffff12;line-height:.8}
.caseIntro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end;margin-top:25px}
.caseIntro h3{font-family:"Lora",Georgia,serif;font-size:clamp(38px,4.5vw,66px);font-weight:400;line-height:1.1;margin:0}
.caseIntro p{font-size:17px;color:#c6d8d3;margin:0}
.responseFlow{display:grid;grid-template-columns:1fr 1fr;margin-top:65px;border-top:1px solid #ffffff30}
.responseFlow article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:30px 34px 30px 0;border-bottom:1px solid #ffffff25}
.responseFlow article:nth-child(odd){border-right:1px solid #ffffff25}
.responseFlow article:nth-child(even){padding-left:34px}
.responseFlow span{font-family:"Lora",Georgia,serif;color:var(--coral)}
.responseFlow h4{font-family:"Lora",Georgia,serif;font-size:20px;font-weight:400;margin:0 0 9px}
.responseFlow p{font-size:16px;color:#acc5bf;margin:0}
.covidLesson{display:grid;grid-template-columns:.65fr 1.35fr;gap:45px;margin-top:50px;padding:32px;background:var(--coral);color:white}
.covidLesson strong{font-family:"Lora",Georgia,serif;font-size:22px;font-weight:500}
.covidLesson p{font-size:16px;margin:0;color:#fff4ef}
.caseSources{display:flex;flex-wrap:wrap;gap:15px 28px;margin-top:25px;font-size:12px;color:#91b1a9}
.caseSources a{border-bottom:1px solid #ffffff35;padding-bottom:2px}
.caseSources a:hover{color:white}

.study{background:var(--cream)}
.studyHead{display:grid;grid-template-columns:1.2fr .8fr;gap:12vw;align-items:end}
.studyHead p{color:#4f6d67;font-size:18px}
.fieldGrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid #b8c8c0;border-bottom:1px solid #b8c8c0}
.field{padding:35px 25px 28px 0;border-right:1px solid #b8c8c0;min-height:280px;position:relative}
.field:not(:first-child){padding-left:25px}
.field:last-child{border-right:0}
.field>span{font-family:Georgia;color:var(--coral)}
.field h3{font-family:"Lora",Georgia,serif;font-size:24px;font-weight:400;margin-top:50px}
.field p{font-size:16px;color:#55716c}
.field b{position:absolute;bottom:20px;font-size:20px;font-weight:400}
.frontiers{background:#e7efe9}
.frontiersHead{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:end}
.frontiersHead h2{font-size:clamp(48px,5.2vw,78px)}
.frontiersHead p{font-size:18px;color:#4f6d67;margin:0}
.frontierGrid{display:grid;grid-template-columns:1fr 1fr;margin-top:75px;border-top:1px solid #afc3b9}
.frontier{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:38px 38px 38px 0;border-bottom:1px solid #afc3b9}
.frontier:nth-child(odd){border-right:1px solid #afc3b9}
.frontier:nth-child(even){padding-left:38px}
.frontierNo{font-family:"Lora",Georgia,serif;color:var(--coral);font-size:17px}
.frontier span{font-size:11px;font-weight:700;letter-spacing:.16em;color:#65837b}
.frontier h3{font-family:"Lora",Georgia,serif;font-size:25px;font-weight:400;line-height:1.25;margin:20px 0 16px}
.frontier p{font-size:16px;color:#4f6d67;margin:0}
.frontier ul{font-size:15px;color:#4f6d67;margin:22px 0 0;padding-left:18px}
.frontier li{margin:7px 0;padding-left:4px}
.frontier.featured{grid-column:1/3;background:var(--deep);color:white;padding:45px;border-right:0;grid-template-columns:65px 1fr}
.frontier.featured span{color:#95b9b0}
.frontier.featured h3{font-size:clamp(29px,3vw,44px);max-width:900px}
.frontier.featured p,.frontier.featured ul{color:#bfd1cc;max-width:1000px}
.frontier.cases{grid-column:1/3;border-right:0;padding-right:0}
.miniCases{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:28px}
.miniCases div{border-left:2px solid var(--coral);padding-left:18px}
.miniCases b{font-family:"Lora",Georgia,serif;font-size:20px;font-weight:500}
.miniCases p{font-size:15px;margin-top:8px}
.frontierSources{display:flex;flex-wrap:wrap;gap:15px 28px;align-items:center;margin-top:40px;font-size:12px;color:#58756e}
.frontierSources strong{color:var(--ink)}
.frontierSources a{border-bottom:1px solid #78958d;padding-bottom:2px}
.frontierSources a:hover{color:var(--coral)}
.pillars{background:#f6f1e7}
.pillarsHead{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:end}
.pillarsHead h2{font-size:clamp(48px,5.2vw,78px)}
.pillarsHead p{font-size:18px;color:#4f6d67;margin:0}
.pillarList{margin-top:80px;border-top:1px solid var(--line)}
.pillarList>article{display:grid;grid-template-columns:110px 1fr;padding:48px 0;border-bottom:1px solid var(--line)}
.pillarIndex{font-family:"Lora",Georgia,serif;font-size:42px;color:var(--coral)}
.pillarCopy>span{font-size:11px;font-weight:700;letter-spacing:.16em;color:#65837b}
.pillarCopy>h3{font-family:"Lora",Georgia,serif;font-size:clamp(27px,3vw,40px);font-weight:400;line-height:1.2;margin:18px 0}
.pillarCopy>p{max-width:950px;font-size:17px;color:#4f6d67}
.pillarPoints{display:grid;grid-template-columns:.42fr 1fr .42fr 1fr .42fr 1fr;gap:18px 25px;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}
.pillarPoints b{font-family:"Lora",Georgia,serif;font-size:16px;font-weight:500;color:var(--ink)}
.pillarPoints p{font-size:14px;color:#58716c;margin:0}
.pillarMessage{display:grid;grid-template-columns:.35fr 1.65fr;gap:40px;margin-top:55px;padding:35px;background:var(--deep);color:white}
.pillarMessage span{font-size:11px;font-weight:700;letter-spacing:.16em;color:#9fc1b8}
.pillarMessage strong{font-family:"Lora",Georgia,serif;font-size:25px;font-weight:400}

.career{background:var(--paper)}
.careerIntro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}
.careerIntro p{color:#4f6d67;max-width:620px;font-size:18px}
.careerGrid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.careerGrid article{padding:38px 38px 38px 0;border-right:1px solid var(--line)}
.careerGrid article:not(:first-child){padding-left:38px}
.careerGrid article:last-child{border-right:0}
.careerGrid span{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--coral)}
.careerGrid h3{font-family:"Lora",Georgia,serif;font-size:24px;font-weight:400;margin:28px 0 22px}
.careerGrid ul{margin:0;padding-left:18px;color:#55716c;font-size:16px}
.careerGrid li{margin:10px 0;padding-left:5px}
.workplaces{margin-top:75px}
.workplacesHead{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start;margin-bottom:30px}
.workplacesHead>span{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--coral);padding-top:10px}
.workplacesHead h3{font-family:"Lora",Georgia,serif;font-size:30px;font-weight:400;margin:0}
.workplaceList{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.workplaceList article{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:28px 30px 28px 0;border-bottom:1px solid var(--line)}
.workplaceList article:nth-child(odd){border-right:1px solid var(--line)}
.workplaceList article:nth-child(even){padding-left:30px}
.workplaceList b{font-family:"Lora",Georgia,serif;font-size:15px;font-weight:400;color:var(--coral)}
.workplaceList h4{font-family:"Lora",Georgia,serif;font-size:18px;font-weight:500;margin:0 0 8px}
.workplaceList p{font-size:16px;color:#55716c;margin:0}
.fitNote{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;margin-top:55px;padding:32px;background:var(--mint)}
.fitNote strong{font-family:"Lora",Georgia,serif;font-size:22px;font-weight:500}
.fitNote p{margin:0;color:#466760;font-size:17px}
.doctor{display:grid;grid-template-columns:1.05fr .95fr;background:var(--deep);color:white;min-height:760px}
.doctorVisual{min-height:650px;background:linear-gradient(0deg,#002e2877,transparent 50%),url('assets/hero-yhdp-v4.png') 72% center/cover no-repeat;position:relative}
.quoteBadge{position:absolute;right:0;bottom:0;width:250px;background:var(--coral);padding:25px 30px;font-family:Georgia;font-size:38px}
.quoteBadge small{display:block;font-size:16px;line-height:1.45}
.doctorCopy{padding:90px 7vw}
.inverse{color:#a8c7bf}
.doctor h2{font-size:clamp(52px,5.4vw,80px)}
.doctorCopy>p{color:#c8d9d4;font-family:"Lora",Georgia,serif;font-size:20px}
.silentWork{border-top:1px solid #ffffff38;margin-top:45px;padding-top:25px;display:grid;grid-template-columns:.7fr 1fr}
.silentWork span{font-size:9px;letter-spacing:.18em;color:#9bbab2}
.silentWork strong{font-family:Georgia;font-size:24px;font-weight:400;font-style:italic}

.journey{background:#f9f7f1}
.journey>h2{text-align:center;margin-bottom:80px}
.journeyGrid{max-width:1050px;margin:auto}
.journeyGrid article{display:grid;grid-template-columns:90px 1fr;border-top:1px solid var(--line);padding:30px 0}
.journeyGrid article:last-child{border-bottom:1px solid var(--line)}
.journeyGrid>article>span{font-family:Georgia;font-size:26px;color:var(--coral)}
.journeyGrid article div{display:grid;grid-template-columns:.7fr 1fr;gap:60px}
.journeyGrid h3{font-family:Georgia;font-size:23px;font-weight:400}
.journeyGrid p{font-size:17px;color:#58716c;margin:0}

.closing{background:var(--green);color:white;text-align:center;padding:110px 20px}
.closing .eyebrow{justify-content:center}
.closing h2{font-size:clamp(50px,6vw,86px);margin:45px 0}
.closing h2 i{color:#f29b7c}
.closing .button{min-width:235px}

footer{background:#062e2b;color:white;padding:55px 6vw 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start}
.footerBrand{grid-row:span 2}
footer p{font-family:"Lora",Georgia,serif;font-size:17px;color:#a8c0ba}
footer div{display:flex;gap:25px;font-size:10px;letter-spacing:.08em}
footer>small{grid-column:2/4;border-top:1px solid #ffffff25;padding-top:20px;color:#78958e}

@media(max-width:1320px){.navLinks{display:none}}
@media(max-width:900px){.navLinks{display:none}
.hero{height:auto;min-height:820px}
.heroContent{width:auto;padding-right:30px}
.hero h1 em{margin-left:0}
.heroNote{display:none}
.introGrid,.studyHead,.careerIntro,.doctor{grid-template-columns:1fr}
.careerGrid{grid-template-columns:1fr}
.careerGrid article,.careerGrid article:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:30px 0}
.careerGrid article:last-child{border-bottom:0}
.workplacesHead{grid-template-columns:1fr;gap:10px}
.workplaceList{grid-template-columns:1fr}
.workplaceList article,.workplaceList article:nth-child(even){padding:25px 0;border-right:0}
.fitNote{grid-template-columns:1fr;gap:15px}
.numbers{grid-template-columns:repeat(3,1fr)}
.numbers p{grid-column:1/4}
.policyLead{grid-template-columns:1fr}
.preventionLevels{grid-template-columns:1fr}
.preventionLevels article,.preventionLevels article:not(:first-child){border-right:0;border-bottom:1px solid #ffffff30;padding:28px 0}
.preventionLevels article:last-child{border-bottom:0}
.compareHead{grid-template-columns:1fr;gap:10px}
.compareRow{grid-template-columns:.4fr 1fr 1fr;gap:20px}
.policyDirection{grid-template-columns:1fr}
.caseIntro{grid-template-columns:1fr}
.fieldGrid{grid-template-columns:1fr 1fr}
.field:nth-child(2){border-right:0}
.frontiersHead{grid-template-columns:1fr}
.frontierGrid{grid-template-columns:1fr}
.frontier,.frontier:nth-child(even){border-right:0;padding:32px 0}
.frontier.featured,.frontier.cases{grid-column:auto;padding:35px}
.frontier.cases{padding-left:0;padding-right:0}
.miniCases{grid-template-columns:1fr}
.pillarsHead{grid-template-columns:1fr}
.pillarPoints{grid-template-columns:.35fr 1fr}
.pillarMessage{grid-template-columns:1fr}
.doctorVisual{min-height:550px}
.journeyGrid article div{grid-template-columns:1fr;gap:0}
}

@media(max-width:620px){.section{padding:75px 22px}
.nav{padding:0 20px;height:92px}
.navCta{display:none}
.heroContent{padding:150px 22px 70px}
.hero h1{font-size:53px}
.lead{font-size:18px}
.heroActions{align-items:flex-start;flex-direction:column}
.numbers{grid-template-columns:1fr;padding:35px 22px}
.numbers div{border-right:0;border-bottom:1px solid #a8c3b7;padding-bottom:14px}
.numbers p{grid-column:auto}
.compareTitle{display:none}
.compareRow{grid-template-columns:1fr;gap:8px;padding:24px 0}
.compareRow p{padding-left:18px;border-left:1px solid #ffffff25}
.policyDirection{padding:25px}
.policyDirection ul{columns:1}
.policySources{align-items:flex-start;flex-direction:column}
.covidCase{margin-top:80px;padding-top:45px}
.caseEyebrow b{font-size:42px}
.responseFlow{grid-template-columns:1fr}
.responseFlow article,.responseFlow article:nth-child(even){padding:25px 0;border-right:0}
.covidLesson{grid-template-columns:1fr;gap:15px;padding:25px}
.caseSources{align-items:flex-start;flex-direction:column}
.frontier{grid-template-columns:38px 1fr;gap:12px}
.frontier.featured{grid-template-columns:1fr;padding:28px 22px}
.frontier.featured .frontierNo{margin-bottom:4px}
.frontier h3{font-size:23px}
.frontierSources{align-items:flex-start;flex-direction:column}
.pillarList>article{grid-template-columns:55px 1fr;padding:36px 0}
.pillarIndex{font-size:30px}
.pillarPoints{grid-template-columns:1fr;gap:7px}
.pillarPoints p{margin-bottom:15px}
.pillarMessage{padding:25px;gap:15px}
.fieldGrid{grid-template-columns:1fr}
.field,.field:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding-left:0}
.doctorVisual{min-height:420px}
.doctorCopy{padding:70px 22px}
.quoteBadge{width:210px}
.journeyGrid article{grid-template-columns:55px 1fr}
.journey h2{font-size:45px}
.closing h2{font-size:44px}
footer{grid-template-columns:1fr}
footer>small{grid-column:auto}
.footerBrand{grid-row:auto}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}