@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#172321;--sand:#f3f1e7;--paper:#fffcf4;--cream:#e9e7d8;--line:#c4c6b9;--blue:#1a4e6c;--blue2:#316d86;--lime:#def084;--muted:#56615d;--accent:#f0b779;--mono:'DM Mono',monospace;--sans:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--sand);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a35b27;outline-offset:3px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1370px,calc(100% - 92px));margin-inline:auto}.smallcap{font:500 11px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--muted)}.skip-link{position:fixed;top:-100px;left:10px;z-index:999;background:var(--lime);padding:10px 18px}.skip-link:focus{top:10px}
.topline{background:var(--blue);color:#e9f5ec;font:400 10px var(--mono);letter-spacing:.08em;padding:8px 0}.topline .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.header{background:var(--sand);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--ink)}.nav{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:flex;align-items:center;gap:11px;font:700 26px var(--display);letter-spacing:-.075em}.logo-symbol{width:39px;height:39px;background:var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--lime);font:700 24px var(--display)}.logo span:last-child{display:flex;flex-direction:column;line-height:.9}.logo small{font:500 9px var(--mono);letter-spacing:.12em;line-height:1.7;margin-top:7px;text-transform:uppercase}.nav-menu{display:flex;align-items:center;gap:32px}.nav-menu a{font:700 12px var(--sans)}.nav-menu a:hover{text-decoration:underline;text-underline-offset:6px}.nav-cta{border-radius:30px;background:var(--ink);padding:13px 18px;color:white!important;font-size:11px!important}.nav-cta:hover{background:var(--blue)}.menu-button{display:none;border:1px solid var(--ink);background:transparent;border-radius:30px;padding:9px 14px}
.hero{background:var(--blue);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;min-height:640px}.hero-copy{padding:87px 30px 76px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy .smallcap{color:var(--lime)}h1,h2,h3,p{overflow-wrap:break-word}.hero h1{font:700 clamp(69px,7.5vw,126px)/.94 var(--display);letter-spacing:-.085em;margin:27px 0 28px;max-width:950px;position:relative;z-index:2}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:16px;max-width:515px;color:#e0eaf0;line-height:1.85;margin:0 0 34px}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:40px;background:var(--lime);color:var(--ink);font:700 12px var(--sans);padding:17px 20px 17px 24px;transition:transform .2s,background .2s}.action:hover{transform:translateY(-3px);background:#edf7b4}.action.white{background:white}.hero-graphic{position:relative;display:grid;place-items:center;padding:48px 0 45px 20px}.hero-graphic svg{width:100%;max-height:520px;filter:drop-shadow(0 22px 30px #092f3936)}.hero-sticker{position:absolute;right:0;top:58px;border-radius:50%;width:115px;height:115px;background:var(--lime);color:var(--ink);display:grid;place-items:center;text-align:center;transform:rotate(11deg);font:700 13px/1.2 var(--display)}
.marquee{background:var(--lime);padding:13px 0;border-bottom:1px solid var(--ink);overflow:hidden}.marquee-in{display:flex;gap:38px;white-space:nowrap;font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.07em}.marquee i{font-style:normal;color:var(--blue)}
.section{padding:105px 0}.section-kicker{display:flex;gap:15px;align-items:center;color:var(--blue)}.section-kicker::before{content:'';width:30px;height:1px;background:currentColor}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:34px;margin:20px 0 38px}.heading-row h2,.title-large{font:700 clamp(46px,5.4vw,87px)/1.02 var(--display);letter-spacing:-.075em;margin:0;max-width:800px}.heading-row>p{max-width:380px;line-height:1.8;margin:0;color:var(--muted)}.introline{display:grid;grid-template-columns:1.2fr .8fr;border-bottom:1px solid var(--ink);padding-bottom:47px;gap:60px}.introline h2{font:700 clamp(39px,4.5vw,74px)/1.1 var(--display);letter-spacing:-.075em;margin:0}.introline p{font-size:16px;line-height:1.9;max-width:500px;margin:7px 0 0}
.filterbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #89948d;border-radius:30px;background:transparent;color:var(--ink);font-size:11px;font-weight:700;padding:10px 15px}.chip[aria-pressed=true],.chip:hover{background:var(--blue);border-color:var(--blue);color:white}.search{border:1px solid #a2aaa1;border-radius:32px;display:flex;align-items:center;padding:8px 15px;gap:10px;min-width:260px;background:var(--paper)}.search input{border:0;outline:none;background:transparent;min-width:0;width:100%;font-size:12px}.count{font:400 11px var(--mono);color:var(--muted);margin:0 0 18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.destination{display:block;background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:transform .25s,box-shadow .25s}.destination:hover{transform:translateY(-6px);box-shadow:0 20px 50px #142e2522}.destination[hidden]{display:none}.illustration{height:245px;background:#dfe8db;overflow:hidden}.illustration img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.destination:hover img{transform:scale(1.04)}.card-content{padding:23px 25px 25px}.card-meta{display:flex;justify-content:space-between;gap:15px;color:var(--blue);font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.04em}.card-content h3{font:700 clamp(32px,3.1vw,48px)/1.04 var(--display);letter-spacing:-.065em;margin:17px 0 12px}.card-content p{color:var(--muted);font-size:13px;line-height:1.8;margin:0;min-height:72px}.card-foot{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;display:flex;justify-content:space-between;align-items:center;font:700 11px var(--sans)}.card-foot b{font-size:20px}.empty{display:none;border:1px dashed #87958d;padding:45px;text-align:center}.empty.visible{display:block}
.method{background:var(--ink);color:white}.method .section-kicker{color:var(--lime)}.method .heading-row>p{color:#b5c5bd}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #6c8176}.step{padding:29px 42px 10px 0}.step:not(:first-child){border-left:1px solid #6c8176;padding-left:35px}.step-num{font:500 11px var(--mono);color:var(--lime)}.step h3{font:600 33px/1.15 var(--display);letter-spacing:-.05em;margin:25px 0 15px}.step p{font-size:14px;color:#c0cdc6;line-height:1.9}
.planner{background:#e8eadc}.planner-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.planner-head h2{font:700 clamp(45px,5.2vw,82px)/1 var(--display);letter-spacing:-.07em;margin:22px 0}.planner-head p{max-width:350px;color:var(--muted)}.planner-panel{padding:33px;background:var(--paper);border:1px solid var(--line);box-shadow:13px 13px 0 #d0d8ba}.planner-panel fieldset{border:0;padding:0;margin:0 0 27px}.planner-panel legend{font:700 14px var(--display);margin-bottom:13px}.choices{display:flex;flex-wrap:wrap;gap:9px}.choice{display:inline-flex;align-items:center;gap:7px;background:#f6f5ec;border:1px solid #bfc9b9;border-radius:28px;padding:10px 13px;font-size:12px;cursor:pointer}.choice input{accent-color:var(--blue)}.planner-result{border-top:1px solid var(--line);padding-top:22px;min-height:115px}.planner-result h3{font:700 25px var(--display);margin:0 0 6px}.planner-result p{margin:0 0 15px;color:var(--muted);font-size:13px;line-height:1.7}.planner-result a{font-weight:700;color:var(--blue);font-size:12px;text-decoration:underline;text-underline-offset:4px}
.fieldnotes{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.note-art{background:#c3d7db;border-radius:100% 100% 14px 14px;min-height:410px;display:grid;place-items:center;position:relative;overflow:hidden}.note-art svg{max-width:100%;width:90%;height:360px}.note-copy h2{font:700 clamp(43px,5vw,79px)/1.05 var(--display);letter-spacing:-.075em;margin:22px 0}.note-copy p{max-width:480px;line-height:1.95;color:var(--muted)}.note-list{margin:25px 0 0;padding-left:20px}.note-list li{margin:10px 0}
.footer{background:#102c35;color:#fff;padding:64px 0 22px}.footer-layout{display:grid;grid-template-columns:1.45fr .65fr .65fr;gap:55px;padding-bottom:58px}.footer h2{font:700 36px var(--display);letter-spacing:-.07em;margin:0}.footer p{font-size:13px;max-width:460px;color:#c3d0d1;line-height:1.8}.footer h4{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--lime);margin:6px 0 17px}.footer a:not(.logo){display:block;font-size:13px;padding:5px 0;color:#e4ebec}.footer a:hover{text-decoration:underline}.footbottom{border-top:1px solid #52707a;padding-top:22px;color:#a6bec0;display:flex;justify-content:space-between;gap:30px;font:400 10px/1.8 var(--mono)}
/* reading pages */
.crumbs{padding-top:22px;font:500 10px var(--mono);text-transform:uppercase;color:var(--muted)}.crumbs a{text-decoration:underline}.article-hero{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center;padding:50px 0 75px}.article-hero .smallcap{color:var(--blue)}.article-hero h1{font:700 clamp(60px,6.9vw,116px)/.98 var(--display);letter-spacing:-.085em;margin:20px 0}.article-deck{font:400 clamp(18px,2vw,24px)/1.6 var(--sans);color:var(--muted);max-width:600px}.article-art{height:460px;border:1px solid var(--line);overflow:hidden;background:#d6e7df}.article-art img{height:100%;width:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:90px;align-items:start;padding:0 0 110px}.article-aside{position:sticky;top:120px;border-top:2px solid var(--ink);padding-top:22px}.article-aside p{font:400 12px/1.8 var(--mono);color:var(--muted)}.article-aside a{display:block;padding:8px 0;font-size:12px;border-bottom:1px solid var(--line)}.reading{max-width:890px}.reading>p{font-size:17px;line-height:1.95;margin:0 0 30px}.reading h2{font:700 clamp(36px,4vw,58px)/1.12 var(--display);letter-spacing:-.07em;margin:62px 0 22px}.reading h3{font:700 25px var(--display);letter-spacing:-.04em;margin:27px 0 8px}.reading .district p{font-size:15px;line-height:1.9;color:#485650;margin:0}.district{border-top:1px solid var(--line);padding:25px 0}.district small{font:500 11px var(--mono);color:var(--blue);text-transform:uppercase}.reading ul{padding-left:24px;line-height:1.9}.reading li{margin:10px 0}.pullquote{background:#e0e9d3;padding:30px 35px;border-left:5px solid var(--blue);font:600 25px/1.45 var(--display);letter-spacing:-.03em;margin:40px 0}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.time-item{background:var(--paper);padding:22px;border:1px solid var(--line)}.time-item b{font:600 11px var(--mono);color:var(--blue);text-transform:uppercase}.time-item p{font-size:13px;line-height:1.8;color:var(--muted)}.article-next{padding:42px 0;border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:20px}.article-next a{font-weight:700;color:var(--blue)}
.policy-hero{padding:90px 0 45px}.policy-hero h1{font:700 clamp(51px,7vw,100px)/1 var(--display);letter-spacing:-.08em;margin:14px 0}.policy-content{max-width:850px;margin-bottom:110px;font-size:15px;line-height:2}.policy-content h2{font:700 28px var(--display);letter-spacing:-.04em;margin-top:33px}.policy-content a{text-decoration:underline}
@media(max-width:1030px){.wrap{width:calc(100% - 56px)}.hero-grid{grid-template-columns:1fr .85fr}.hero h1{font-size:clamp(64px,8.6vw,105px)}.cards{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:180px 1fr;gap:45px}.planner-grid{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topline span:last-child{display:none}.nav{min-height:72px}.logo{font-size:23px}.menu-button{display:block}.nav-menu{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:22px;background:var(--sand);border-bottom:1px solid var(--ink);padding:24px 18px 30px}.nav-menu.open{display:flex}.nav-menu a{font-size:17px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:70px 0 25px}.hero h1{font-size:clamp(65px,13vw,100px)}.hero-graphic{padding:0 0 15px;height:310px}.hero-graphic svg{height:310px}.hero-sticker{right:20px;top:15px;width:86px;height:86px;font-size:10px}.marquee-in{font-size:10px}.section{padding:75px 0}.heading-row,.introline{display:block}.heading-row>p{margin-top:19px}.introline p{margin-top:25px}.cards{grid-template-columns:repeat(2,1fr)}.illustration{height:210px}.steps{grid-template-columns:1fr}.step,.step:not(:first-child){border:0;border-bottom:1px solid #6c8176;padding:25px 0}.planner-grid,.fieldnotes{grid-template-columns:1fr}.note-art{min-height:290px}.note-art svg{height:260px}.footer-layout{grid-template-columns:1fr 1fr;gap:30px}.footer-layout>div:first-child{grid-column:1/-1}.article-hero{grid-template-columns:1fr;gap:25px;padding:42px 0}.article-art{height:330px}.article-layout{grid-template-columns:1fr;gap:22px;padding-bottom:70px}.article-aside{position:static;display:none}.timeline{grid-template-columns:1fr}.article-next{flex-direction:column}.footbottom{flex-direction:column;gap:5px}}
@media(max-width:490px){.hero h1{font-size:clamp(62px,15vw,84px)}.hero-copy>p{font-size:14px}.cards{grid-template-columns:1fr}.illustration{height:250px}.filterbar{align-items:stretch}.search{width:100%}.chips{gap:6px}.chip{font-size:10px;padding:8px 11px}.heading-row h2,.title-large{font-size:clamp(46px,12vw,68px)}.planner-panel{padding:22px}.article-hero h1{font-size:clamp(62px,15vw,84px)}.article-art{height:260px}.reading>p{font-size:15px}.reading h2{margin-top:42px}.pullquote{font-size:21px;padding:22px}.footer-layout{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}