/* Woodsrunner Youth Project — 2026 redesign */
.yp-page{background:#fff;color:#181818}
.yp-page main{overflow:hidden}
.yp-hero{background:#2A2A2D;color:#fff;border-bottom:4px solid #743F2F;padding:68px 0 74px}
.yp-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);gap:clamp(42px,6vw,92px);align-items:center}
.yp-eyebrow{font:500 13px/1.35 var(--ws-label);letter-spacing:.09em;text-transform:uppercase;color:#743F2F;margin:0 0 15px}
.yp-eyebrow--light{color:#D3D2CD}
.yp-hero h1,.yp-purpose h2,.yp-values h2,.yp-support h2,.yp-close h2{font-family:var(--ws-display);font-weight:700;letter-spacing:-.04em}
.yp-hero h1{font-size:clamp(58px,7vw,92px);line-height:.92;color:#fff;margin:0 0 19px}
.yp-tagline{font:500 13px/1.4 var(--ws-label);letter-spacing:.115em;color:#D3D2CD;margin:0 0 28px}
.yp-lead{font:600 clamp(22px,2.2vw,31px)/1.25 var(--ws-display);color:#fff;margin:0 0 18px}
.yp-hero-copy>p:not(.yp-eyebrow):not(.yp-tagline):not(.yp-lead){font-size:17px;line-height:1.72;max-width:690px;color:#fff}
.yp-logo-wrap{background:#000;border:1px solid #535040;padding:clamp(20px,2.7vw,34px);display:flex;align-items:center;justify-content:center}
.yp-logo-wrap img{display:block;width:100%;height:auto;max-width:620px}
.yp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.yp-button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:13px 22px;font:500 14px/1.25 var(--ws-label);letter-spacing:.035em;text-transform:uppercase;text-align:center}
.yp-button--primary{background:#743F2F;color:#fff;border:1px solid #743F2F}
.yp-button--primary:hover{background:#5b3024;color:#fff}
.yp-button--outline{background:transparent;color:#fff;border:1px solid #D3D2CD}
.yp-button--outline:hover{background:#fff;color:#2A2A2D}
.yp-purpose{padding:86px 0;background:#fff}
.yp-editorial{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,7vw,120px);align-items:start}
.yp-purpose h2,.yp-values h2,.yp-support h2,.yp-close h2{font-size:clamp(38px,4.2vw,58px);line-height:1.03;margin:0}
.yp-rule{width:68px;height:3px;background:#743F2F;margin-top:24px}
.yp-copy p{font-size:17px;line-height:1.72;margin:0 0 20px;max-width:760px}
.yp-values{background:#D3D2CD;padding:82px 0}
.yp-section-head{max-width:820px;margin-bottom:34px}
.yp-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #535040}
.yp-value-grid article{padding:30px 28px 32px 0;border-bottom:1px solid #535040}
.yp-value-grid article+article{padding-left:28px;border-left:1px solid #535040}
.yp-value-grid span{font:500 12px/1.3 var(--ws-label);letter-spacing:.08em;color:#743F2F}
.yp-value-grid h3{font:700 30px/1.05 var(--ws-display);margin:10px 0 14px}
.yp-value-grid p{font-size:15.5px;line-height:1.65;margin:0}
.yp-support{background:#000;color:#fff;padding:82px 0;border-top:4px solid #743F2F}
.yp-support-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(40px,7vw,110px);align-items:center}
.yp-support h2{color:#fff;margin-bottom:22px}
.yp-support-grid>div:first-child>p:not(.yp-eyebrow){font-size:17px;line-height:1.7;color:#fff;max-width:720px}
.yp-donate-panel{background:#2A2A2D;border:1px solid #535040;padding:31px}
.yp-donate-label{font:500 12px/1.35 var(--ws-label);letter-spacing:.09em;color:#D3D2CD;margin:0 0 13px}
.yp-donate-panel>p:not(.yp-donate-label):not(.yp-note){font-size:15.5px;line-height:1.65;color:#fff;margin:0 0 24px}
.yp-note{font-size:12px!important;color:#D3D2CD!important;margin:14px 0 0!important}
.yp-close{padding:72px 0;background:#fff}
.yp-close-inner{max-width:900px}
.yp-close h2{max-width:820px;margin-bottom:18px}
.yp-close-inner>p:last-child{font:500 14px/1.4 var(--ws-label);letter-spacing:.08em;text-transform:uppercase;margin:0}
@media(max-width:850px){.yp-hero-grid,.yp-editorial,.yp-support-grid{grid-template-columns:1fr}.yp-logo-wrap{max-width:600px}.yp-value-grid{grid-template-columns:1fr}.yp-value-grid article,.yp-value-grid article+article{border-left:0;padding:24px 0}}
@media(max-width:600px){.yp-hero{padding:48px 0 54px}.yp-hero h1{font-size:clamp(48px,13vw,64px)}.yp-tagline{font-size:11px}.yp-actions{flex-direction:column}.yp-button{width:100%}.yp-purpose,.yp-values,.yp-support{padding:55px 0}.yp-purpose h2,.yp-values h2,.yp-support h2,.yp-close h2{font-size:34px}.yp-donate-panel{padding:25px}.yp-logo-wrap{padding:14px}}