.story-cover{display:grid;grid-template-columns:1fr 1fr;background:#e6eadf}.story-cover>div{padding:75px 10% 75px 14%;align-self:center}.story-cover h1{font:clamp(34px,3.8vw,58px)/1.65 var(--serif);margin:26px 0}.story-cover p:not(.eyebrow){font-size:13px;line-height:2.3}.story-cover .text-link{margin-top:27px;font-size:11px}.story-cover figure{position:relative;min-height:650px}.story-cover img{position:absolute;inset:0;object-position:50% 65%}.story-cover figcaption{position:absolute;bottom:22px;left:25px;color:white;font-size:8px;letter-spacing:.08em;text-shadow:0 1px 5px #263e34}
.mission-editorial{display:grid;grid-template-columns:1fr 2fr;gap:6%;max-width:1250px;margin:auto}.mission-editorial>.eyebrow{padding-top:14px;font-size:9px;color:var(--muted)}.mission-editorial h2{font-size:clamp(29px,3.2vw,44px);line-height:1.7;margin-bottom:32px}.mission-editorial>div>p{font-size:13px;line-height:2.4;max-width:44em;margin-top:25px}.mission-wide{position:relative;height:440px}.mission-wide img{object-position:center 65%}.mission-wide figcaption{position:absolute;bottom:0;left:0;right:0;padding:80px 7% 30px;color:white;background:linear-gradient(transparent,#183a2c99);font:23px/1.8 var(--serif)}
.mission-ja{border-top:1px solid var(--line);margin-top:32px;padding-top:27px}.mission-ja img{width:175px;height:auto;margin-bottom:18px}.mission-ja h3{font:21px/1.8 var(--serif)}.mission-ja p{font-size:11px;line-height:2.1;margin-top:10px}
.mission-connections{background:#e6eadf}.mission-connections h2,.mission-future h2,.mission-window h2{font-size:clamp(30px,3.6vw,48px);line-height:1.7;margin:24px 0}.connection-intro{font-size:12px;line-height:2.2}.mission-connections ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin:40px 0}.mission-connections li{border-top:1px solid #acb9a5;padding-top:23px}.mission-connections li>span{font-size:9px;letter-spacing:.1em}.mission-connections h3{font:28px/1.7 var(--serif);margin:19px 0 12px}.mission-connections li p{font-size:12px}.connection-note{font-size:11px;color:var(--muted)}
.mission-future{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;max-width:1400px;margin:auto}.mission-future>.eyebrow{grid-column:1/-1}.mission-future>div{padding-top:26px}.mission-future>div p{font-size:13px;line-height:2.4;margin-bottom:25px}.mission-window{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:#eeeade;align-items:center}.mission-window figure img{height:auto}.mission-window h2{font-size:clamp(29px,3vw,42px)}.mission-window p:not(.eyebrow){font-size:12px}.mission-window .text-link{font-size:11px;margin-top:22px;margin-right:22px}
@media(max-width:680px){.story-cover{display:flex;flex-direction:column}.story-cover>div{padding:40px 6% 32px;align-self:stretch}.story-cover h1{font-size:33px;margin:20px 0}.story-cover p:not(.eyebrow){font-size:12px}.story-cover .text-link{margin-top:20px}.story-cover figure{min-height:0;height:290px}.story-cover img{object-position:center 72%}.story-cover figcaption{font-size:6px;left:6%;bottom:15px}.mission-editorial{display:block}.mission-editorial>.eyebrow{padding:0;font-size:8px}.mission-editorial h2{font-size:28px;margin:21px 0 24px}.mission-editorial>div>p{font-size:12px;line-height:2.2;margin-top:22px}.mission-editorial>div>p br{display:none}.mission-wide{height:280px}.mission-wide figcaption{font-size:17px;padding:55px 6% 23px}.mission-ja{margin-top:26px;padding-top:23px}.mission-ja img{width:155px}.mission-ja h3{font-size:20px}.mission-connections h2,.mission-future h2,.mission-window h2{font-size:29px;margin:19px 0 23px}.connection-intro{font-size:12px}.connection-intro br{display:none}.mission-connections ol{display:block;margin:28px 0}.mission-connections li{padding:20px 0}.mission-connections h3{font-size:25px;margin:9px 0}.mission-connections li p{font-size:11px}.connection-note{font-size:10px}.mission-future{display:block}.mission-future>div{padding-top:0}.mission-future>div p{font-size:12px;line-height:2.2;margin-bottom:22px}.mission-future>div p br{display:none}.mission-window{display:flex;flex-direction:column;gap:30px;align-items:stretch}.mission-window p:not(.eyebrow){font-size:11px}.mission-window .text-link{font-size:10px;margin-right:15px}footer{padding-bottom:45px}}
.mission-explore{background:#e6eadf}.mission-explore>h2{font-size:clamp(30px,3.6vw,48px);margin:22px 0}.explore-lead{font-size:12px;line-height:2.2}.region-guide{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0;margin:32px 0;border-block:1px solid #acb9a5}.region-guide .eyebrow{font-size:9px;color:var(--muted)}.region-guide h3{font:29px/1.7 var(--serif);margin:10px 0}.region-guide p{font-size:12px;max-width:46em}.region-guide small{display:block;font-size:9px;color:var(--muted);margin-top:12px}.region-guide>span{font-size:30px}.explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.explore-grid article{background:var(--paper);padding:30px}.explore-number{font-size:9px;letter-spacing:.1em;color:var(--muted)}.explore-grid h3{font:28px/1.7 var(--serif);margin:13px 0}.explore-grid article>p{font-size:12px;line-height:2.1;max-width:35em}.explore-grid a{display:block;width:fit-content;border-bottom:1px solid #b8c1af;font-size:12px;padding:9px 0 5px;margin-top:15px;line-height:1.9}.explore-grid small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.explore-grid .explore-secondary{font-size:11px}.explore-support{border-top:1px solid var(--line);margin-top:22px;padding-top:5px}.explore-support a{font-size:11px}.explore-donation{display:flex;align-items:center;justify-content:space-between;gap:25px;border-block:1px solid #acb9a5;margin-top:35px;padding:25px 0}.explore-donation h3{font:23px/1.8 var(--serif)}.explore-donation p{font-size:11px;margin-top:8px}.explore-donation .text-link{font-size:11px;flex-shrink:0}.explore-notice{font-size:9px;color:var(--muted);margin-top:18px;line-height:2}
@media(max-width:680px){.mission-explore>h2{font-size:29px}.explore-lead{font-size:12px}.region-guide{padding:24px 0;margin:26px 0;gap:16px}.region-guide h3{font-size:24px}.region-guide p{font-size:11px}.region-guide>span{font-size:24px}.explore-grid{grid-template-columns:1fr;gap:16px}.explore-grid article{padding:24px}.explore-grid h3{font-size:25px;margin:10px 0}.explore-grid article>p{font-size:11px}.explore-grid a{min-height:44px;display:flex;align-items:center;font-size:11px}.explore-support a{font-size:10px}.explore-donation{display:block;margin-top:27px;padding:23px 0}.explore-donation h3{font-size:21px}.explore-donation .text-link{margin-top:13px;min-height:44px}.explore-notice{font-size:9px}}
/* Original line illustrations: pasture green, milk paper and warm orange. */
.story-symbols{position:absolute;width:0;height:0;overflow:hidden}
.story-drawing{display:block;width:96px;height:96px;color:#263e34;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.story-drawing .wash{fill:#e2e7d9}.story-drawing .accent{stroke:#bf692f}.story-drawing .solid{fill:#263e34;stroke:none}
.milk-journey{margin:0;padding:45px 7% 40px;background:#eeeade;border-block:1px solid var(--line)}
.milk-journey figcaption{font:27px/1.7 var(--serif);text-align:center}.milk-journey figcaption>span{display:block;font:8px/1.7 var(--sans);letter-spacing:.16em;color:var(--muted);margin-bottom:12px}
.milk-journey ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;list-style:none;padding:0;margin:30px 0}
.milk-journey li{text-align:center;position:relative}.milk-journey .story-drawing{width:115px;height:115px;margin:0 auto 10px}
.milk-journey li:not(:last-child)::after{content:'→';position:absolute;top:45px;right:-23px;color:#bf692f;font-size:23px}
.milk-journey h3{font:22px/1.7 var(--serif)}.milk-journey li p{font-size:10px;margin-top:5px}.journey-note{text-align:center;font:16px/1.9 var(--serif);color:#98603c}
.connection-map{margin:36px 0 30px}.connection-center{width:230px;margin:auto;text-align:center;border:1px solid #9aa88d;border-radius:48% 52% 46% 50%;background:var(--paper);padding:16px 20px 24px;position:relative}.connection-center .story-drawing{margin:auto;width:80px;height:80px}.connection-center span{display:block;font-size:10px}.connection-center strong{display:block;font:22px/1.8 var(--serif);margin-top:6px}
.connection-map ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;list-style:none;padding:30px 0 0;margin:30px 0 0;border-top:1px solid #9aa88d;position:relative}
.connection-map ul::before{content:'';position:absolute;height:30px;width:1px;top:-31px;left:50%;background:#9aa88d}
.connection-map li{background:var(--paper);text-align:center;padding:15px 8px 20px;position:relative}.connection-map li::before{content:'';position:absolute;top:-31px;height:30px;width:1px;left:50%;background:#9aa88d}.connection-map li .story-drawing{margin:auto;width:88px;height:88px}.connection-map h3{font:21px/1.8 var(--serif);margin:5px 0}.connection-map li p{font-size:9px;line-height:1.8}
.explore-grid article{position:relative;display:flow-root}.explore-grid article>.story-drawing{float:right;width:100px;height:100px;margin:0 0 10px 14px}.explore-grid article>p{clear:both}.region-guide>.story-drawing{width:100px;height:100px}.region-guide>div{flex:1}.region-guide:hover h3,.explore-grid a:hover{color:#a45229}
@media(max-width:680px){
.milk-journey{padding:32px 6%}.milk-journey figcaption{font-size:21px}.milk-journey ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin:25px 0}.milk-journey .story-drawing{width:95px;height:95px}.milk-journey h3{font-size:20px}.milk-journey li p{font-size:10px}.milk-journey li:not(:last-child)::after{display:none}.milk-journey li:nth-child(odd):not(:last-child)::after{display:block;right:-25px;top:36px}.milk-journey li:last-child{grid-column:1/-1;border-top:1px dashed #b4bcaa;padding-top:18px}.milk-journey li:last-child::before{content:'↓';display:block;color:#bf692f;font-size:23px;line-height:1;margin-bottom:8px}.journey-note{font-size:14px}
.connection-map{margin-top:28px}.connection-center{width:210px;padding:12px 20px 20px}.connection-center strong{font-size:21px}.connection-map ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:23px;margin-top:24px}.connection-map ul::before{height:24px;top:-25px}.connection-map li{padding:13px 8px 17px}.connection-map li::before{display:none}.connection-map li:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}.connection-map li .story-drawing{width:78px;height:78px}.connection-map h3{font-size:20px}.connection-map li p{font-size:9px}
.explore-grid article>.story-drawing{width:88px;height:88px}.region-guide>.story-drawing{width:65px;height:65px}.region-guide{flex-wrap:wrap;gap:12px}.region-guide>div{flex-basis:calc(100% - 80px)}.region-guide>span:last-child{margin-left:auto}.region-guide h3{font-size:22px}
}
.story-symbols .wash{fill:#e2e7d9}.story-symbols .accent{stroke:#bf692f}.story-symbols .solid{fill:#263e34;stroke:none}
.connection-map li{border-top:0}
.connection-map li p{font-size:11px;line-height:1.95;margin:8px auto 0;max-width:19em;text-wrap:pretty}
.milk-journey li p{font-size:11px;line-height:1.95;max-width:18em;margin:8px auto 0;text-wrap:pretty}
@media(max-width:1000px){.milk-journey li p br{display:none}}
@media(max-width:680px){.milk-journey li p{font-size:11px;line-height:1.9;text-align:left;max-width:16em}.milk-journey li:last-child p{text-align:center;max-width:25em}}
@media(max-width:1000px){.connection-map li p br{display:none}}
@media(max-width:680px){.connection-map li{padding:13px 12px 20px}.connection-map li p{font-size:11px;line-height:1.9;text-align:left;max-width:17em}}