:root{--paper:#fcf8ed;--ink:#191b14;--olive:#788b46;--leaf:#d9e2b4;--line:#cdcbbf;--body:Arial,Helvetica,sans-serif;--display:'Arial Black',Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #8a651f;outline-offset:6px}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:12px 20px;z-index:100}
.skip:focus{top:10px}
.header{width:90%;max-width:1320px;min-height:96px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.wordmark{font-family:var(--display);font-size:44px;letter-spacing:-4px;line-height:1;font-weight:900;flex:none}
.header nav{display:flex;gap:32px;font-size:14px;align-items:center}
.header nav a{padding:10px 0;white-space:nowrap}
.header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.launch-label{font-size:12px;white-space:nowrap}
.launch-label>span{font-size:10px;color:#657b35;margin-right:8px}
.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:clamp(28px,4vw,60px);row-gap:24px;align-items:center;padding:46px 6% 28px}
.hero-copy,.hero-art,.panda-copy,.panda-art{min-width:0}
.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin:0 0 25px}
.hero h1{font-family:var(--display);font-size:clamp(58px,6.25vw,96px);letter-spacing:-.072em;font-weight:900;line-height:1.02;margin:0;white-space:normal}
.hero-line{font-size:23px;line-height:1.4;margin:27px 0;letter-spacing:-.6px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;min-height:54px;padding:14px 23px;border-radius:3px;font-size:14px;font-weight:700;transition:background-color .18s}
.dark{background:var(--ink);color:var(--paper)}
.dark:hover{background:#39432b}
.hero-art{width:100%;max-width:590px;justify-self:center}
.hero-art img{width:100%;height:auto;mix-blend-mode:multiply}
.hero-art figcaption{font-size:11px;text-align:center;letter-spacing:.2px;margin:12px 0 0;line-height:1.5}
.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.2px;margin-top:10px}
.ribbon{display:flex;align-items:center;justify-content:space-around;gap:30px;padding:18px 24px;background:var(--leaf);white-space:nowrap;overflow:hidden;font-size:18px;font-weight:800;letter-spacing:-.6px;border-block:1px solid var(--ink)}
.ribbon-flower{font-size:27px;line-height:1;font-weight:400;flex:none}
.pandas{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;padding:78px 7% 88px;align-items:center}
.panda-art{width:100%;max-width:570px;justify-self:center}
.panda-art img{width:100%;mix-blend-mode:multiply}
.panda-art figcaption{font-size:11px;line-height:1.5;text-align:center;margin:12px 0 0}
.panda-copy{max-width:510px}
.panda-copy h2{font-family:var(--display);font-size:clamp(37px,3.65vw,56px);font-weight:900;letter-spacing:-.063em;line-height:1.08;margin:0 0 25px}
.panda-copy .lead{font-size:19px;letter-spacing:-.4px;line-height:1.5;margin:0 0 23px}
.panda-copy>p:not(.eyebrow):not(.lead):not(.affiliation){font-size:15px;line-height:1.7;margin:18px 0}
.inline-link{text-decoration:underline;text-decoration-color:#9a9e87;text-underline-offset:3px}
.inline-link:hover{text-decoration-color:var(--ink)}
.charity-links{display:flex;flex-direction:column;align-items:start;gap:16px;margin-top:28px}
.text-link{font-size:14px;font-weight:700;border-bottom:1px solid;padding:3px 0}
.text-link>span{margin-left:20px}
.quiet-link{font-size:12px;color:#5e6253}
.quiet-link:hover{text-decoration:underline}
.affiliation{font-size:10px;margin:25px 0 0;color:#626654}
.closing{text-align:center;padding:64px 6% 67px;background:var(--leaf);border-block:1px solid var(--ink)}
.closing .eyebrow{margin-bottom:17px}
.closing h2{font-family:var(--display);font-size:clamp(52px,7.5vw,108px);font-weight:900;letter-spacing:-.07em;line-height:1.08;margin:0}
.closing>p:not(.eyebrow){font-size:15px;margin:20px 0 25px}
.status-stamp{display:inline-block;font-size:11px;letter-spacing:.5px;border:1px solid var(--ink);padding:9px 15px;border-radius:2px}
.launch-identity{max-width:610px;margin:30px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #a6ad91;border-radius:4px;text-align:left;background:#f5f3df}
.launch-identity>div{padding:18px 24px;min-width:0}
.launch-identity>div+div{border-left:1px solid #a6ad91}
.launch-identity span{display:block;font-size:11px;color:#697052}
.launch-identity strong{font-size:14px;display:block;margin-top:5px;font-weight:500;overflow-wrap:anywhere}
footer{max-width:1440px;margin:auto;padding:34px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}
footer p{margin:0}
footer>a:not(.wordmark){font-size:11px}
footer>a:not(.wordmark):hover{text-decoration:underline}
footer>span{font-size:10px;color:#606454}
.record-page{max-width:990px;padding:40px 7% 75px;margin:auto}
.back-link{display:inline-block;font-size:12px;margin-bottom:50px}
.record-page>.eyebrow{margin-bottom:22px}
.record-page h1{font-family:var(--display);font-size:clamp(45px,6.7vw,82px);font-weight:900;letter-spacing:-.065em;line-height:1.06;margin:0;overflow-wrap:break-word}
.record-intro{font-size:18px;margin:25px 0 50px;letter-spacing:-.2px}
.policy-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:34px;border-top:1px solid var(--line);padding:32px 0}
.policy-row>.eyebrow{padding-top:6px;font-size:10px;letter-spacing:1px}
.policy-row h2{font-size:25px;line-height:1.3;letter-spacing:-.7px;margin:0 0 18px}
.policy-row p{font-size:14px;line-height:1.75;margin:0 0 18px}
.policy-row .text-link{display:inline-block;font-size:12px}
.policy-row .small-note{font-size:12px;color:#5e6253;margin-bottom:0}
.policy-row p.giving-note{font-size:12px;color:#5e6253;margin:20px 0 0}
.record-page+footer{border-top:1px solid var(--line)}
@media(max-width:1000px){
.header{min-height:86px}
.hero{padding-top:36px;column-gap:30px}
.hero-line{font-size:21px}
.eyebrow{font-size:10px;letter-spacing:1px}
.pandas{padding-block:62px;gap:6%}
.panda-copy .lead{font-size:17px}
.panda-copy .lead br{display:none}
.panda-copy>p:not(.eyebrow):not(.lead):not(.affiliation){font-size:14px}
.ribbon{font-size:16px;gap:26px}
}
@media(max-width:850px){
.hero{grid-template-columns:minmax(0,1fr);padding:36px 6% 25px;text-align:center;row-gap:0}
.hero-copy{display:contents}
.hero .eyebrow{grid-row:1;margin:0 0 19px}
.hero h1{grid-row:2;font-size:clamp(54px,10vw,78px);letter-spacing:-.07em;line-height:1.02}
.hero-art{grid-row:3;width:min(100%,440px);margin-top:18px}
.hero-art figcaption{margin-top:8px}
.hero-line{grid-row:4;font-size:21px;margin:25px 0 22px}
.hero .button{grid-row:5;justify-self:center}
.hero-foot{grid-row:6;margin-top:30px;text-align:left}
.pandas{gap:5%;padding:60px 6%}
.panda-copy h2{font-size:34px;letter-spacing:-.06em}
.panda-copy .eyebrow{font-size:9px}
.panda-copy .lead{font-size:16px}
.panda-copy>p:not(.eyebrow):not(.lead):not(.affiliation){font-size:13px}
footer{flex-wrap:wrap;gap:22px}
}
@media(max-width:600px){
body{font-size:16px}
.header{width:88%;min-height:76px;gap:15px}
.wordmark{font-size:36px;letter-spacing:-3px}
.header nav{gap:17px;font-size:12px}
.launch-label{font-size:10px}
.launch-label>span{margin-right:5px;font-size:8px}
.hero{padding-top:31px}
.hero .eyebrow{font-size:9px;margin-bottom:19px}
.hero h1{font-size:clamp(43px,12.7vw,70px);line-height:1.03}
.hero-art{width:min(100%,385px);margin-top:20px}
.hero-art figcaption{font-size:10px;margin-top:8px}
.hero-line{font-size:20px;margin:24px 0 22px}
.hero .button{font-size:13px;min-height:51px;padding:13px 21px}
.hero-foot{font-size:9px;gap:15px;margin-top:29px}
.ribbon{justify-content:flex-start;gap:25px;padding:16px 22px;font-size:16px}
.ribbon-flower{font-size:24px}
.pandas{grid-template-columns:minmax(0,1fr);gap:33px;padding:40px 7% 52px}
.panda-art{width:min(100%,400px)}
.panda-art figcaption{font-size:10px;margin-top:10px}
.panda-copy{width:100%;max-width:none}
.panda-copy .eyebrow{font-size:10px;margin-bottom:20px}
.panda-copy h2{font-size:clamp(33px,9.2vw,50px);letter-spacing:-.06em;line-height:1.08;margin-bottom:23px}
.panda-copy .lead{font-size:18px}
.panda-copy>p:not(.eyebrow):not(.lead):not(.affiliation){font-size:15px}
.charity-links{margin-top:25px}
.affiliation{font-size:10px;margin-top:23px}
.closing{padding:48px 7%}
.closing h2{font-size:clamp(42px,12.6vw,68px);letter-spacing:-.07em}
.closing .eyebrow{font-size:10px}
.closing>p:not(.eyebrow){font-size:14px;line-height:1.65}
.closing>p br{display:none}
.status-stamp{font-size:10px}
.launch-identity{margin-top:25px}
.launch-identity>div{padding:15px}
.launch-identity span{font-size:10px}
.launch-identity strong{font-size:12px;line-height:1.5}
footer{padding:29px 7%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px}
footer .wordmark{grid-row:1}
footer p{grid-column:2;grid-row:1;font-size:11px;text-align:right}
footer>a:not(.wordmark){grid-column:1;grid-row:2;font-size:10px}
footer>span{grid-column:2;grid-row:2;font-size:10px}
.record-page{padding:29px 7% 43px}
.back-link{margin-bottom:34px}
.record-page h1{font-size:clamp(40px,11.5vw,61px)}
.record-page>.eyebrow{font-size:10px}
.record-intro{font-size:16px;margin-bottom:32px}
.record-intro br{display:none}
.policy-row{display:block;padding:27px 0}
.policy-row>.eyebrow{padding:0;margin-bottom:16px}
.policy-row h2{font-size:23px}
.policy-row p{font-size:14px}
.policy-row .small-note{font-size:12px}
}
@media(max-width:420px){
.header{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;padding:18px 0 14px}
.header .wordmark{grid-column:1;grid-row:1}
.header .launch-label{grid-column:2;grid-row:1;justify-self:end}
.header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;font-size:12px;gap:20px}
.header nav a{padding:4px 0}
.hero-foot{font-size:8px}
.hero h1{font-size:12.7vw}
.launch-identity>div{padding:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}