:root { --ink:#101718; --navy:#13283f; --gold:#f4c430; --paper:#fffdf8; --cream:#f2eadc; --muted:#616a69; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
main,section { max-width:100%; }
.hero>*,.mandate-layout>*,.about-grid>*,.section-heading-row>*,.principles-grid>*,.method-section>*,.support-grid>* { min-width:0; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.section { padding:clamp(78px,10vw,150px) clamp(22px,6vw,96px); }
.section-kicker { display:flex; align-items:center; gap:13px; margin-bottom:48px; color:var(--muted); font-size:11px; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
.section-kicker span { display:grid; width:30px; height:30px; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:9px; }
.section-kicker.light { color:rgba(255,255,255,.65); }
.eyebrow { margin:0 0 25px; color:var(--navy); font-size:11px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.eyebrow.gold { color:var(--gold); }

.site-header { position:relative; z-index:20; min-height:88px; display:flex; align-items:center; justify-content:space-between; padding:18px clamp(22px,5vw,80px); border-bottom:1px solid rgba(17,23,24,.12); background:rgba(255,253,248,.96); }
.affiliate-topline { min-height:40px; display:flex; align-items:center; justify-content:center; gap:7px; padding:7px 18px; border-bottom:3px solid var(--gold); background:var(--navy); color:rgba(255,255,255,.82); font-size:12px; line-height:1.35; text-align:center; }
.affiliate-topline strong { color:#fff; font-weight:950; letter-spacing:.045em; text-transform:uppercase; }
.affiliate-topline-long { font-weight:700; }
.affiliate-topline-short { display:none; }
.affiliate-topline a { display:inline-flex; min-height:26px; align-items:center; padding:0 10px; background:var(--gold); color:var(--navy); font-size:11px; font-weight:950; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; }
.wordmark { display:flex; flex-direction:column; line-height:.9; }
.wordmark-name { font-weight:950; font-size:24px; letter-spacing:-.05em; }
.wordmark-name::after { content:''; display:inline-block; width:12px; height:12px; margin-left:7px; background:var(--gold); transform:rotate(45deg); }
.wordmark-office { margin-top:8px; font-size:10px; font-weight:800; letter-spacing:.24em; }
.desktop-nav { display:flex; align-items:center; gap:clamp(18px,3vw,42px); font-size:13px; font-weight:700; }
.desktop-nav a:not(.nav-donate) { padding:12px 0; border-bottom:2px solid transparent; }
.desktop-nav a:not(.nav-donate):hover { border-color:var(--gold); }
.nav-join { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.nav-donate { display:inline-flex; min-height:50px; align-items:center; padding:0 26px; background:var(--gold); color:var(--ink); font-size:12px; font-weight:950; letter-spacing:.06em; text-transform:uppercase; box-shadow:5px 5px 0 var(--navy); }
.mobile-nav { display:none; }
.mobile-menu { position:relative; }
.mobile-menu summary { display:flex; min-height:44px; align-items:center; justify-content:center; padding:0 14px; border:1px solid rgba(17,23,24,.3); background:var(--paper); font-size:10px; font-weight:900; letter-spacing:.08em; list-style:none; text-transform:uppercase; cursor:pointer; }
.mobile-menu summary::-webkit-details-marker { display:none; }
.mobile-menu[open] summary { background:var(--navy); color:#fff; }
.mobile-menu-panel { position:absolute; z-index:50; right:0; top:calc(100% + 10px); width:min(260px,calc(100vw - 36px)); display:grid; padding:8px 16px; border:1px solid rgba(17,23,24,.18); background:var(--paper); box-shadow:8px 8px 0 var(--navy); }
.mobile-menu-panel a { min-height:48px; display:flex; align-items:center; border-bottom:1px solid rgba(17,23,24,.13); font-size:12px; font-weight:800; }
.mobile-menu-panel a:last-child { border-bottom:0; }

.hero { min-height:calc(100vh - 88px); display:grid; grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr); gap:clamp(40px,7vw,110px); align-items:center; padding:clamp(54px,8vw,110px) clamp(22px,6vw,96px); background:linear-gradient(90deg,rgba(244,196,48,.12) 1px,transparent 1px) 0 0/72px 72px,linear-gradient(rgba(244,196,48,.12) 1px,transparent 1px) 0 0/72px 72px,var(--paper); overflow:hidden; }
.hero h1 { max-width:760px; margin:0; font-size:clamp(58px,7.25vw,116px); line-height:.86; letter-spacing:-.075em; text-transform:uppercase; }
.hero h1 em { color:var(--navy); font-family:Georgia,'Times New Roman',serif; font-weight:400; text-transform:none; }
.hero-lede { max-width:640px; margin:32px 0 0; color:var(--muted); font-size:clamp(17px,1.5vw,21px); line-height:1.55; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px 18px; align-items:center; margin-top:35px; }
.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:0 22px; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; transition:transform .2s,box-shadow .2s; }
.button:hover { transform:translate(-2px,-2px); box-shadow:5px 5px 0 var(--navy); }
.button-primary { background:var(--gold); }
.button-secondary { border:1px solid rgba(17,23,24,.28); background:var(--paper); }
.button-dark { background:var(--navy); color:#fff; }
.button-donate { min-height:62px; padding:0 34px; font-size:14px; box-shadow:7px 7px 0 var(--navy); }
.hero-join-link { padding:10px 0 6px; border-bottom:1px solid currentColor; color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.hero-join-link span { margin-left:7px; color:var(--navy); }

.hero-signup { max-width:710px; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:16px; margin-top:34px; padding:15px; border:1px solid rgba(17,23,24,.15); background:#fff; box-shadow:8px 8px 0 var(--navy); }
.hero-signup>div { padding-left:5px; }
.hero-signup strong,.hero-signup span { display:block; }
.hero-signup strong { font-size:14px; }
.hero-signup span { margin-top:4px; color:var(--muted); font-size:11px; }
.email-form { display:grid; grid-template-columns:1fr auto; gap:0; }
.email-form input { width:100%; min-height:48px; border:1px solid #c9cdca; padding:0 14px; background:var(--paper); border-radius:0; }
.email-form input:focus { outline:3px solid rgba(244,196,48,.5); outline-offset:1px; }
.email-form button { min-height:48px; border:0; padding:0 18px; background:var(--ink); color:#fff; font-size:11px; font-weight:900; text-transform:uppercase; cursor:pointer; }
.email-form.dark { width:min(100%,650px); margin:38px auto 0; }
.email-form.dark input { min-height:58px; background:#fff; }
.email-form.dark button { min-height:58px; background:var(--gold); color:var(--ink); }
.signup-success { margin:0; padding:13px; font-weight:800; border:1px solid rgba(17,23,24,.2); }
.signup-success.dark { width:min(100%,650px); margin:38px auto 0; border-color:rgba(255,255,255,.4); }

.hero-portrait { position:relative; width:min(100%,600px); margin:0 auto; }
.hero-portrait::before { content:''; position:absolute; inset:-24px 35px 45px -24px; background:var(--gold); transform:rotate(-2.5deg); }
.portrait-frame { position:relative; min-height:min(66vw,690px); overflow:hidden; background:#d8dfdd; }
.portrait-frame img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 32%; }
.mandate-card { position:absolute; right:-30px; bottom:-38px; width:235px; padding:18px 20px; background:var(--navy); color:#fff; box-shadow:10px 10px 0 var(--gold); }
.mandate-card span { display:block; font-size:66px; font-weight:950; line-height:.88; letter-spacing:-.07em; }
.mandate-card p { margin:10px 0 0; font-size:11px; line-height:1.4; text-transform:uppercase; letter-spacing:.04em; }
.mandate-card.executive-callout { width:280px; padding:22px 24px; }
.mandate-card.executive-callout span { color:var(--gold); font-size:9px; line-height:1; letter-spacing:.16em; text-transform:uppercase; }
.mandate-card.executive-callout p { margin-top:13px; font-size:21px; line-height:1.05; letter-spacing:-.025em; }
.mandate-card.executive-callout strong { display:block; color:var(--gold); font-size:27px; }

.value-strip { min-height:68px; display:flex; align-items:center; justify-content:center; gap:clamp(18px,3vw,50px); padding:18px 25px; background:var(--ink); color:#fff; font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.value-strip i { width:7px; height:7px; background:var(--gold); transform:rotate(45deg); }

.mandate-section { background:var(--cream); }
.mandate-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:clamp(45px,8vw,120px); align-items:center; }
.small-label { margin:0 0 12px; color:var(--navy); font-size:11px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.mandate-copy h2,.agenda-section h2,.principles-intro h2,.method-copy h2,.join-section h2 { margin:0; font-size:clamp(43px,5.4vw,82px); line-height:.97; letter-spacing:-.055em; }
.mandate-copy>p:not(.small-label,.fine-print) { max-width:650px; margin:28px 0; color:#454d4d; font-size:18px; line-height:1.7; }
.text-link { display:inline-block; padding-bottom:5px; border-bottom:2px solid var(--ink); font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.fine-print { max-width:650px; margin-top:35px; color:#737978; font-size:10px; line-height:1.6; }
.mandate-stat { display:flex; min-width:0; flex-direction:column; padding:clamp(28px,4vw,54px); border:1px solid rgba(17,23,24,.2); background:var(--navy); color:#fff; box-shadow:12px 12px 0 var(--gold); }
.mandate-stat strong { color:var(--gold); font-size:clamp(78px,11vw,170px); line-height:.78; letter-spacing:-.09em; }
.mandate-stat span { max-width:330px; margin-top:30px; font-size:clamp(19px,2vw,27px); font-weight:800; line-height:1.15; }
.mandate-stat small { margin-top:28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.22); color:rgba(255,255,255,.6); font-size:10px; line-height:1.55; }
.principle-callout strong { font-size:clamp(48px,6.5vw,90px); line-height:.88; letter-spacing:-.06em; }

.about-section { background:var(--navy); color:#fff; }
.about-grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(50px,8vw,130px); }
.about-grid h2 { max-width:100%; margin:0; font-size:clamp(58px,4.65vw,84px); line-height:.86; letter-spacing:-.07em; text-transform:uppercase; }
.about-body { width:100%; max-width:760px; min-width:0; }
.lead-quote { margin:0 0 35px; color:var(--gold); font-family:Georgia,'Times New Roman',serif; font-size:clamp(28px,3vw,46px); line-height:1.18; }
.about-body>p:not(.lead-quote) { color:rgba(255,255,255,.75); font-size:17px; line-height:1.75; }
.about-body p,.credential-row span { overflow-wrap:anywhere; }
.credential-row { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:45px; padding-top:35px; border-top:1px solid rgba(255,255,255,.2); }
.credential-row div { display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center; }
.credential-row strong { color:var(--gold); font-size:50px; letter-spacing:-.06em; }
.credential-row span { max-width:170px; color:rgba(255,255,255,.7); font-size:11px; line-height:1.4; text-transform:uppercase; }

.agenda-section { background:var(--paper); }
.section-heading-row { display:grid; grid-template-columns:1.4fr .6fr; gap:60px; align-items:end; margin-bottom:65px; }
.section-heading-row .section-kicker { margin-bottom:24px; }
.section-heading-row>p { max-width:480px; margin:0; color:var(--muted); font-size:16px; line-height:1.7; }
.priority-grid { display:grid; grid-template-columns:repeat(3,1fr); border-left:1px solid rgba(17,23,24,.2); border-top:1px solid rgba(17,23,24,.2); }
.priority-card { position:relative; min-height:390px; padding:30px 30px 70px; border-right:1px solid rgba(17,23,24,.2); border-bottom:1px solid rgba(17,23,24,.2); transition:background .2s,color .2s; }
.priority-card:hover { background:var(--navy); color:#fff; }
.card-top { display:flex; justify-content:space-between; align-items:center; }
.card-top>span { display:grid; width:35px; height:35px; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:10px; font-weight:800; }
.card-top small { color:var(--muted); font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.priority-card:hover .card-top small { color:var(--gold); }
.priority-card h3 { margin:85px 0 18px; font-size:29px; letter-spacing:-.04em; }
.priority-card p { max-width:370px; margin:0; color:var(--muted); font-size:14px; line-height:1.65; }
.priority-card:hover p { color:rgba(255,255,255,.7); }
.card-arrow { position:absolute; right:28px; bottom:25px; color:var(--gold); font-size:25px; }

.principles-section { background:var(--gold); }
.principles-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(55px,10vw,160px); }
.principles-intro>p:last-child { max-width:650px; margin-top:30px; font-size:17px; line-height:1.7; }
.principle-list { margin:0; padding:0; list-style:none; border-top:1px solid rgba(17,23,24,.35); }
.principle-list li { display:grid; grid-template-columns:50px 1fr; gap:22px; padding:27px 0; border-bottom:1px solid rgba(17,23,24,.35); }
.principle-list>li>span { font-size:11px; font-weight:900; }
.principle-list strong { font-size:22px; }
.principle-list p { margin:7px 0 0; font-size:13px; line-height:1.55; }

.method-section { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:clamp(50px,8vw,130px); align-items:center; background:var(--ink); color:#fff; }
.method-mark { max-width:100%; color:var(--gold); font-size:clamp(66px,5.5vw,98px); font-weight:950; line-height:.78; letter-spacing:-.08em; transform:rotate(-2deg); transform-origin:left center; }
.method-copy>p { max-width:750px; color:rgba(255,255,255,.7); font-size:17px; line-height:1.7; }
.method-copy ul { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; margin:38px 0 0; padding:0; list-style:none; }
.method-copy li { padding:16px 0; border-top:1px solid rgba(255,255,255,.25); font-size:11px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.method-copy li::before { content:'✓'; margin-right:10px; color:var(--gold); }

.support-section { background:var(--cream); }
.support-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(55px,10vw,160px); align-items:start; }
.support-heading { position:sticky; top:45px; }
.support-heading h2 { max-width:760px; margin:0; font-size:clamp(48px,6.4vw,96px); line-height:.92; letter-spacing:-.065em; }
.support-action { display:inline-flex; min-height:56px; align-items:center; gap:35px; margin-top:38px; padding:0 22px; background:var(--navy); color:#fff; font-size:11px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; box-shadow:7px 7px 0 var(--gold); }
.support-action span { color:var(--gold); font-size:18px; }
.support-copy { max-width:740px; }
.support-copy>p { color:#525b5a; font-size:16px; line-height:1.75; }
.support-copy .support-lead { margin-top:0; color:var(--ink); font-family:Georgia,'Times New Roman',serif; font-size:clamp(25px,2.6vw,40px); line-height:1.3; }
.affiliate-banner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:clamp(28px,5vw,72px); align-items:center; padding:clamp(38px,5vw,68px) clamp(22px,6vw,96px); border-top:7px solid var(--gold); background:var(--navy); color:#fff; }
.affiliate-banner-copy { max-width:980px; }
.affiliate-banner .affiliate-support-label { margin:0 0 12px; color:var(--gold); font-size:12px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.affiliate-banner h2 { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(38px,5vw,72px); line-height:.98; letter-spacing:-.035em; }
.affiliate-banner-copy>p:not(.affiliate-support-label) { max-width:850px; margin:18px 0 0; color:rgba(255,255,255,.82); font-size:16px; line-height:1.65; }
.affiliate-support-link { display:inline-flex; align-items:center; gap:18px; min-height:52px; padding:0 20px; border:1px solid var(--gold); color:#fff; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; transition:background .18s ease,color .18s ease,border-color .18s ease; }
.affiliate-support-link span { color:var(--gold); font-size:17px; }
.affiliate-support-link:hover,.affiliate-support-link:focus-visible { border-color:var(--gold); background:var(--gold); color:var(--navy); }
.affiliate-support-link:hover span,.affiliate-support-link:focus-visible span { color:var(--navy); }
.contribution-note { margin:42px 0; padding:30px; border-left:7px solid var(--gold); background:#fff; box-shadow:8px 8px 0 var(--navy); }
.contribution-note strong { font-size:20px; }
.contribution-note p { margin:12px 0 0; color:var(--muted); font-size:14px; line-height:1.65; }
.support-copy .signature { color:var(--ink); font-family:Georgia,'Times New Roman',serif; font-size:17px; font-style:italic; }
.support-copy .signature strong { display:inline-block; margin-top:8px; color:var(--navy); font-size:22px; }

.join-section { text-align:center; background:var(--navy); color:#fff; }
.join-section .eyebrow { color:var(--gold); }
.join-section h2 { max-width:1000px; margin:0 auto; }
.join-section>p:not(.eyebrow) { max-width:670px; margin:26px auto 0; color:rgba(255,255,255,.7); font-size:17px; line-height:1.6; }
.join-section>small { display:block; margin:16px auto 0; color:rgba(255,255,255,.55); font-size:9px; }

footer { display:grid; grid-template-columns:1fr auto auto; gap:30px; align-items:center; padding:42px clamp(22px,6vw,96px); border-top:1px solid rgba(255,255,255,.15); background:var(--navy); color:#fff; }
.footer-mark { width:max-content; }
footer>p { margin:0; color:rgba(255,255,255,.65); font-family:Georgia,'Times New Roman',serif; font-style:italic; }
.footer-actions { display:flex; gap:18px; font-size:11px; font-weight:900; text-transform:uppercase; }
.footer-actions a:first-child { color:var(--gold); }
.footer-actions span { color:rgba(255,255,255,.45); }
footer>small { grid-column:1/-1; color:rgba(255,255,255,.4); font-size:9px; }

.message-page { min-height:100vh; display:grid; place-items:center; padding:24px; background:linear-gradient(90deg,rgba(244,196,48,.14) 1px,transparent 1px) 0 0/72px 72px,linear-gradient(rgba(244,196,48,.14) 1px,transparent 1px) 0 0/72px 72px,var(--paper); }
.message-card { width:min(100%,760px); padding:clamp(35px,7vw,80px); background:#fff; border:1px solid rgba(17,23,24,.16); box-shadow:14px 14px 0 var(--navy); }
.message-card h1 { margin:0; font-size:clamp(48px,8vw,88px); line-height:.92; letter-spacing:-.065em; }
.message-card>p:not(.eyebrow) { margin:26px 0; color:var(--muted); font-size:17px; line-height:1.65; }

@media (max-width:1050px) {
  .priority-grid { grid-template-columns:repeat(2,1fr); }
  .about-grid,.principles-grid,.method-section,.support-grid { grid-template-columns:1fr; }
  .about-grid h2 { font-size:clamp(58px,9vw,92px); }
  .method-mark { font-size:clamp(85px,18vw,150px); }
  .support-heading { position:static; }
}
@media (max-width:900px) {
  .desktop-nav { display:none; }
  .mobile-nav { display:flex; align-items:center; gap:12px; }
  .hero { grid-template-columns:1fr; padding-bottom:110px; }
  .hero-copy { order:1; }
  .hero-portrait { order:2; width:min(88%,560px); }
  .portrait-frame { min-height:630px; }
  .mandate-layout,.section-heading-row { grid-template-columns:1fr; }
  .mandate-stat { width:min(100%,560px); }
  .value-strip { flex-wrap:wrap; }
  .affiliate-banner { grid-template-columns:1fr; }
  .affiliate-support-link { justify-self:start; }
  footer { grid-template-columns:1fr; text-align:center; }
  .footer-mark,.footer-actions { margin:0 auto; }
}
@media (max-width:620px) {
  .section { padding:68px 20px; }
  .section-kicker { margin-bottom:34px; }
  .site-header { min-height:76px; padding:14px 18px; }
  .affiliate-topline { flex-wrap:nowrap; gap:6px; padding:7px 10px; font-size:11px; }
  .affiliate-topline-long { display:none; }
  .affiliate-topline-short { display:block; }
  .affiliate-topline a { min-height:24px; padding:0 8px; font-size:10px; }
  .wordmark-name { font-size:19px; }
  .wordmark-office { letter-spacing:.18em; }
  .nav-donate { min-height:40px; padding:0 16px; font-size:10px; box-shadow:4px 4px 0 var(--navy); }
  .mobile-nav { gap:9px; }
  .hero { gap:62px; padding:42px 20px 88px; }
  .hero h1 { font-size:clamp(48px,15vw,66px); line-height:.9; }
  .hero-lede { margin-top:25px; font-size:16px; }
  .hero-actions { display:grid; grid-template-columns:1fr; gap:12px; }
  .button-donate,.hero-actions .button-secondary { width:100%; }
  .button-donate { min-height:58px; padding:0 20px; font-size:13px; }
  .hero-join-link { width:max-content; margin:0 auto; }
  .hero-signup { margin-top:28px; box-shadow:5px 5px 0 var(--navy); }
  .hero-portrait { width:calc(100% - 16px); }
  .portrait-frame { min-height:min(112vw,560px); }
  .mandate-card { right:-8px; width:190px; }
  .mandate-card span { font-size:54px; }
  .mandate-card.executive-callout { width:235px; }
  .mandate-card.executive-callout span { font-size:8px; }
  .mandate-card.executive-callout p { font-size:18px; }
  .mandate-card.executive-callout strong { font-size:22px; }
  .hero-signup { grid-template-columns:1fr; }
  .email-form { grid-template-columns:1fr; gap:8px; }
  .priority-grid { grid-template-columns:1fr; }
  .priority-card { min-height:0; padding:25px 22px 70px; }
  .priority-card h3 { margin-top:56px; }
  .credential-row,.method-copy ul { grid-template-columns:1fr; }
  .credential-row div { grid-template-columns:80px 1fr; }
  .about-grid { gap:42px; }
  .about-grid h2 { max-width:100%; font-size:clamp(44px,11.5vw,58px); line-height:.88; letter-spacing:-.065em; overflow-wrap:normal; word-break:normal; }
  .lead-quote { font-size:clamp(29px,8.5vw,39px); line-height:1.15; }
  .about-body>p:not(.lead-quote) { font-size:16px; line-height:1.7; }
  .mandate-stat { padding:30px 24px; box-shadow:8px 8px 0 var(--gold); }
  .mandate-stat strong { font-size:clamp(78px,25vw,112px); }
  .principle-callout strong { font-size:clamp(44px,14vw,64px); }
  .method-section { gap:42px; }
  .method-mark { font-size:clamp(64px,16vw,80px); }
  .principle-list li { grid-template-columns:34px 1fr; gap:14px; }
  .principle-list strong { font-size:19px; }
  .contribution-note { padding:24px 20px; box-shadow:6px 6px 0 var(--navy); }
  .value-strip i { display:none; }
  .value-strip { display:grid; grid-template-columns:1fr 1fr; align-items:start; justify-content:stretch; gap:12px 18px; font-size:9px; }
  footer { padding:38px 20px; }
  .footer-actions { flex-wrap:wrap; justify-content:center; }
}
@media (max-width:380px) {
  .wordmark-name { font-size:17px; }
  .wordmark-name::after { width:9px; height:9px; margin-left:5px; }
  .nav-donate { padding:0 12px; }
  .mobile-menu summary { padding:0 11px; }
  .hero h1 { font-size:clamp(45px,14.5vw,55px); }
  .value-strip { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .button { transition:none; } }