/* Blue and John Crow Mountains National Park — site styles */
:root{
  --ridge:#1b3a52; --ridge-2:#2b5270; --slate:#4a7390; --haze:#c9d8e0; --mist:#e4ecef; --cloud:#f5f8f7;
  --fern:#2e5e3a; --homerus:#f0b429; --homerus-d:#c98f0d; --ink:#16242c; --muted:#52636c; --line:#d3dde1; --white:#fff;
  --display:"Zilla Slab", Rockwell, "Roboto Slab", Georgia, serif;
  --body:"Public Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --wrap:1200px; --gut:clamp(1rem,4vw,2rem); --r:6px;
  --step-1:clamp(1.25rem,1.1rem + .6vw,1.5rem); --step-2:clamp(1.5rem,1.25rem + 1vw,2rem);
  --step-3:clamp(1.9rem,1.5rem + 1.8vw,2.75rem); --step-4:clamp(2.4rem,1.6rem + 3.6vw,4.4rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--cloud);color:var(--ink);font:400 1.0625rem/1.65 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--ridge-2);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--fern)}
:focus-visible{outline:3px solid var(--homerus);outline-offset:2px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;color:var(--ridge);line-height:1.15;margin:0 0 .5em;letter-spacing:-.005em}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--homerus);color:var(--ink);padding:.6rem 1rem;z-index:100;font-weight:600}
.skip:focus{left:1rem}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.4em;font:600 .98rem/1 var(--body);padding:.85em 1.3em;border-radius:999px;text-decoration:none;border:2px solid transparent;transition:background-color .15s,color .15s,border-color .15s}
.btn-accent{background:var(--homerus);color:var(--ink)}
.btn-accent:hover{background:#ffc93f;color:var(--ink)}
.btn-ghost{border-color:rgba(255,255,255,.8);color:#fff}
.btn-ghost:hover{background:#fff;color:var(--ridge)}
.text-link{font-weight:600;color:var(--ridge-2)}

/* header */
.site-header{background:#fff;position:sticky;top:0;z-index:40;box-shadow:0 1px 0 var(--line)}
.util-bar{background:var(--ridge);color:var(--haze);font-size:.84rem}
.util-inner{display:flex;justify-content:space-between;align-items:center;min-height:2.2rem;gap:1rem}
.util-tag{margin:0;font-style:italic;letter-spacing:.01em}
.util-links{display:flex;align-items:center;gap:1.1rem;list-style:none;margin:0;padding:0}
.util-links a{color:#fff;text-decoration:none}
.util-links a:hover{color:var(--homerus)}
.util-links svg{width:18px;height:18px;fill:currentColor;display:block}
.head-inner{display:flex;align-items:center;gap:1.5rem;min-height:76px}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--ridge);margin-right:auto}
.brand img{width:56px;height:56px}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-name{font:700 1.18rem/1.05 var(--display)}
.brand-sub{font:500 .95rem/1.2 var(--display);color:var(--slate)}
.nav-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:.15rem}
.nav-item{position:relative;display:flex;align-items:center}
.nav-link{display:block;padding:.6rem .7rem;font-weight:600;font-size:.95rem;color:var(--ink);text-decoration:none;border-radius:4px}
.nav-link:hover,.nav-item.is-current>.nav-link{color:var(--ridge-2)}
.nav-item.is-current>.nav-link{box-shadow:inset 0 -3px 0 var(--homerus)}
.sub-toggle{display:none}
.sub{list-style:none;margin:0;padding:.5rem;position:absolute;left:0;top:100%;min-width:240px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--ridge);border-radius:0 0 var(--r) var(--r);box-shadow:0 14px 30px -12px rgba(27,58,82,.35);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s}
.sub a{display:block;padding:.45rem .7rem;color:var(--ink);text-decoration:none;font-size:.93rem;border-radius:4px}
.sub a:hover{background:var(--mist);color:var(--ridge)}
.has-sub:hover>.sub,.has-sub:focus-within>.sub{opacity:1;visibility:visible;transform:none}
.nav-cta{margin-left:.5rem}
.nav-cta .btn{padding:.7em 1.1em}
.nav-toggle{display:none}

@media (max-width:1080px){
  .nav-toggle{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;font:600 .9rem var(--body);color:var(--ridge);cursor:pointer}
  .bars,.bars::before,.bars::after{display:block;width:18px;height:2px;background:currentColor;position:relative}
  .bars::before,.bars::after{content:"";position:absolute;left:0}
  .bars::before{top:-6px}.bars::after{top:6px}
  .main-nav{position:fixed;inset:calc(76px + 2.2rem) 0 0 0;background:#fff;overflow:auto;padding:1rem var(--gut) 3rem;display:none}
  .nav-open .main-nav{display:block}
  .nav-list{flex-direction:column;align-items:stretch}
  .nav-item{flex-wrap:wrap;border-bottom:1px solid var(--line)}
  .nav-link{flex:1;padding:.9rem 0;font-size:1.05rem}
  .nav-item.is-current>.nav-link{box-shadow:none;color:var(--ridge-2)}
  .sub-toggle{display:grid;place-items:center;width:44px;height:44px;background:none;border:0;color:var(--ridge);cursor:pointer}
  .sub-toggle svg{width:14px;height:14px;transition:transform .15s}
  .sub-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
  .sub{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 .8rem .6rem;min-width:0;width:100%}
  .has-sub:hover>.sub{display:none}
  .sub.open{display:block}
  .nav-cta{margin:1.2rem 0 0;border:0}
  .util-tag{display:none}
  .util-inner{justify-content:flex-end}
}
@media (max-width:520px){
  .brand img{width:44px;height:44px}
  .brand-name{font-size:1rem}
  .brand-sub{font-size:.85rem}
  .nav-toggle-label{display:none}
  .main-nav{inset:calc(64px + 2.2rem) 0 0 0}
  .head-inner{min-height:64px;gap:.8rem}
}

/* ridges */
.ridges{display:block;width:100%;height:clamp(40px,7vw,110px)}
.page-head .ridges .r1{fill:#a9c0cc}.page-head .ridges .r2{fill:#dde7eb}.page-head .ridges .r3{fill:var(--cloud)}
.hero .ridges{position:absolute;left:0;right:0;bottom:-1px;z-index:2}
.hero .ridges .r1{fill:rgba(201,216,224,.55)}.hero .ridges .r2{fill:rgba(228,236,239,.85)}.hero .ridges .r3{fill:var(--cloud)}
.site-footer{background:var(--cloud);margin-top:4rem}
.site-footer .ridges .r1{fill:var(--slate)}.site-footer .ridges .r2{fill:var(--ridge-2)}.site-footer .ridges .r3{fill:var(--ridge)}

/* page head */
.page-head{background:linear-gradient(180deg,#b9ccd6 0%,var(--mist) 100%);padding-top:clamp(1.8rem,4vw,3.2rem)}
.page-head h1{font-size:var(--step-4);max-width:22ch;margin:0;font-weight:700;color:var(--ridge)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.2rem .5rem;margin:0 0 .9rem;padding:0;font-size:.88rem;color:var(--ridge-2)}
.crumbs li+li::before{content:"/";margin-right:.5rem;color:var(--slate)}
.crumbs a{color:var(--ridge-2);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs [aria-current]{color:var(--muted)}

/* page body */
.page-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(2rem,5vw,4.5rem);padding-top:clamp(1.5rem,3vw,2.5rem)}
.page-body.is-wide{grid-template-columns:minmax(0,1fr)}
.page-body.is-wide .content{max-width:960px}
@media (max-width:900px){.page-body{grid-template-columns:minmax(0,1fr)}}
.lead-figure{margin:0 0 2rem}
.lead-figure img{width:100%;max-height:520px;object-fit:cover;border-radius:var(--r)}

/* prose */
.prose{max-width:72ch}
.is-wide .prose{max-width:none}
.is-wide .prose>p,.is-wide .prose>ul,.is-wide .prose>ol,.is-wide .prose>h2,.is-wide .prose>h3{max-width:72ch}
.prose>*:first-child{margin-top:0}
.prose p{margin:0 0 1.05em}
.prose h2{font-size:var(--step-2);margin:1.8em 0 .55em}
.prose h3{font-size:var(--step-1);margin:1.6em 0 .5em}
.prose h4,.prose h5{font:700 1.02rem/1.3 var(--body);color:var(--ridge);margin:1.4em 0 .4em}
.prose ul,.prose ol{padding-left:1.25em;margin:0 0 1.2em}
.prose li{margin:.3em 0}
.prose ul li::marker{color:var(--slate)}
.prose strong{font-weight:600;color:var(--ridge)}
.prose em{color:var(--muted)}
.prose blockquote{margin:1.5em 0;padding:.2em 0 .2em 1.2em;border-left:3px solid var(--homerus);font-style:italic}
.prose img{border-radius:var(--r)}
.prose hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
.prose dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;margin:0 0 1.4em}
.prose dt{font-weight:600;color:var(--ridge)}
.prose dd{margin:0}
.prose dl dt:only-of-type{grid-column:1/-1}
.inline-figure{margin:1.6em 0}
.inline-figure img{width:100%;height:auto}
.inline-figure.multi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}
.inline-figure.multi img{height:100%;object-fit:cover;aspect-ratio:4/3}
.table-wrap{overflow-x:auto;margin:1.4em 0 1.8em;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.prose table{border-collapse:collapse;width:100%;font-size:.96rem;min-width:520px}
.prose td,.prose th{padding:.7rem .9rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{background:var(--mist);font-weight:600;color:var(--ridge)}
.prose tr:last-child td{border-bottom:0}
.prose td p{margin:0 0 .3em}
.prose td h3{font-size:1.15rem;margin:.2em 0}
.prose section.entry{padding-bottom:1.6rem;margin-bottom:2rem;border-bottom:1px solid var(--line)}
.prose section.entry:last-child{border-bottom:0}
.prose section.entry>h2:first-child{margin-top:0}
.prose section.entry h2 a{text-decoration:none;color:inherit}
.prose section.entry h2 a:hover{color:var(--ridge-2)}
.prose iframe{max-width:100%;border:0}
.prose .pagination ul{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.6rem}
.chip{display:inline-block;padding:.35em .85em;border:1px solid var(--haze);background:#fff;border-radius:999px;font-size:.88rem;font-weight:500;text-decoration:none;color:var(--ridge-2)}
.chip:hover{border-color:var(--slate);color:var(--ridge)}

/* cards (category + tag listings) */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem 1.5rem;margin:1.8rem 0}
.card{display:flex;flex-direction:column}
.card-media img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);transition:filter .2s}
.card-media:hover img{filter:saturate(1.15) brightness(1.03)}
.card-body{padding-top:.9rem;display:flex;flex-direction:column;flex:1}
.card-body h2,.card-body h3{font-size:1.35rem;margin:0 0 .4rem}
.card-body h2 a,.card-body h3 a{color:var(--ridge);text-decoration:none}
.card-body h2 a:hover,.card-body h3 a:hover{color:var(--ridge-2);text-decoration:underline}
.card-body p{font-size:.97rem;color:#34454e;margin:0 0 .7em}
.card-body .table-wrap{margin:.8rem 0}
.card-body .table-wrap table{min-width:0}
.card-more{margin-top:auto;font-weight:600;font-size:.93rem}

/* gallery */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem}
.g-item img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.gallery-block h2{margin-top:0}

/* pdf grid */
.pdf-grid{list-style:none;padding:0;margin:1.6rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.5rem}
.pdf-grid li{margin:0}
.pdf-grid a{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;color:var(--ink)}
.pdf-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:4px;box-shadow:0 1px 0 var(--line),0 10px 24px -14px rgba(27,58,82,.5);border:1px solid var(--line);transition:transform .2s}
.pdf-grid a:hover img{transform:translateY(-3px)}
.pdf-name{font-weight:600;font-size:.95rem;line-height:1.3;margin-top:.5rem;color:var(--ridge)}
.pdf-size{font-size:.85rem;color:var(--muted)}

/* story map */
.storymap iframe{width:100%;height:80vh;min-height:520px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.storymap-note{margin-top:.6rem;font-size:.92rem}

/* contact */
.contact-list{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.5rem;margin:0 0 2rem;padding:1.4rem 1.6rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);max-width:640px}
.contact-list dt{font-weight:600;color:var(--ridge)}
.contact-list dd{margin:0}
.contact-form-block{max-width:640px}
.form-note{color:var(--muted);font-size:.95rem}
.mail-form .f-row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}
.mail-form label{font-weight:600;font-size:.93rem;color:var(--ridge)}
.mail-form input,.mail-form textarea{font:inherit;padding:.7rem .8rem;border:1px solid #b7c7cf;border-radius:4px;background:#fff;color:var(--ink)}
.mail-form input:focus,.mail-form textarea:focus{outline:3px solid var(--homerus);outline-offset:0;border-color:var(--ridge)}
.mail-form button{cursor:pointer}

/* sidebar */
.side{display:flex;flex-direction:column;gap:1.4rem;align-self:start;position:sticky;top:7.5rem}
@media (max-width:900px){.side{position:static}}
.side-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem 1.1rem}
.side-box h2{font-size:1.2rem;margin:0 0 .6rem;padding-bottom:.55rem;border-bottom:2px solid var(--mist)}
.side-box h2 a{color:inherit;text-decoration:none}
.side-box ul{list-style:none;margin:0;padding:0}
.side-box li{margin:0;border-bottom:1px solid var(--mist)}
.side-box li:last-child{border-bottom:0}
.side-box li a{display:block;padding:.5rem 0;text-decoration:none;color:var(--ink);font-size:.95rem}
.side-box li a:hover{color:var(--ridge-2)}
.side-box li a[aria-current]{color:var(--ridge);font-weight:600;box-shadow:inset 3px 0 0 var(--homerus);padding-left:.6rem}
.side-box li.is-sub a{padding-left:1rem;font-size:.9rem;color:var(--muted)}
.side-box li.pdf a{font-weight:600;color:var(--ridge-2);padding-bottom:.1rem}
.side-box .note{display:block;font-size:.82rem;color:var(--muted);padding-bottom:.5rem}
.side-plan{background:var(--ridge);border-color:var(--ridge);color:#dfe8ec}
.side-plan h2{color:#fff;border-bottom-color:rgba(255,255,255,.15)}
.side-plan p{font-size:.94rem;margin:0 0 .8rem}
.side-plan a:not(.btn){color:#fff}
.side-tel{font-size:.88rem!important;margin:0!important}

/* ---------------- homepage */
.hero{position:relative;min-height:min(88vh,860px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--ridge)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,32,46,.15) 0%,rgba(14,32,46,.2) 35%,rgba(14,32,46,.6) 78%,rgba(14,32,46,.7) 100%)}
.hero-inner{position:relative;z-index:3;width:100%;padding-bottom:clamp(5rem,12vw,10rem);padding-top:6rem}
.hero-tag{font-style:italic;font-size:1.05rem;margin:0 0 .6rem;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.hero h1{color:#fff;font-weight:700;font-size:clamp(2.6rem,1.4rem + 5.4vw,6rem);line-height:.98;margin:0 0 1.1rem;max-width:14ch;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero h1 span{display:block}
.hero-sub{font-weight:500;font-size:.5em;color:var(--haze);margin-top:.25em;letter-spacing:.01em}
.hero-lede{max-width:52ch;font-size:clamp(1.05rem,1rem + .3vw,1.2rem);line-height:1.55;margin:0 0 1.6rem;color:#f1f5f7}
.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:0}

.intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,5rem);align-items:center;padding-block:clamp(3rem,6vw,5rem)}
.intro h2{font-size:var(--step-3)}
.intro-areas{font-weight:600;color:var(--ridge)}
.intro-figure{margin:0;position:relative}
.intro-figure>img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.intro-figure figcaption{position:absolute;left:-1.2rem;bottom:1.4rem;background:#fff;padding:.7rem .9rem;border-radius:var(--r);box-shadow:0 12px 30px -16px rgba(27,58,82,.6)}
@media (max-width:860px){.intro{grid-template-columns:1fr}.intro-figure{order:-1}.intro-figure>img{aspect-ratio:16/10}.intro-figure figcaption{left:.8rem;bottom:.8rem}}

.heights{background:linear-gradient(180deg,var(--cloud) 0%,var(--mist) 22%,var(--mist) 100%);padding-block:clamp(3rem,6vw,5rem)}
.heights h2{font-size:var(--step-3);max-width:20ch}
.profile{margin:1.5rem 0 3rem;overflow-x:auto}
.profile svg{width:100%;min-width:640px;height:auto;display:block}
.profile .grid line{stroke:#b9cad3;stroke-width:1;stroke-dasharray:2 5}
.profile .grid text{font:500 13px var(--body);fill:var(--muted);text-anchor:end}
.profile .far{fill:#aac1cd}
.profile .near{fill:var(--ridge)}
.profile .elfin{stroke:var(--fern);stroke-width:2;stroke-dasharray:6 5}
.profile .elfin-label{font:600 14px var(--body);fill:var(--fern);text-anchor:start}
.profile .mark circle{fill:var(--homerus);stroke:#fff;stroke-width:3}
.profile .mark line{stroke:var(--ridge);stroke-width:1.5}
.profile .mark text{font:700 17px var(--display);fill:var(--ridge);text-anchor:middle}
.profile .mark.peak text{text-anchor:end}
.profile .mark text.elev{font:500 14px var(--body);fill:var(--muted)}
.areas{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.area{display:grid;grid-template-columns:160px 1fr;gap:1.2rem;align-items:start}
.area img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r)}
.area h3{font-size:1.45rem;margin-bottom:.35rem}
.area h3 a{color:var(--ridge);text-decoration:none}
.area h3 a:hover{text-decoration:underline}
.area p{margin:0 0 .6rem;font-size:.98rem}
@media (max-width:900px){.areas{grid-template-columns:1fr}}
@media (max-width:520px){.area{grid-template-columns:1fr}.area img{aspect-ratio:16/9}}

.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}
.sec-head h2{font-size:var(--step-3);margin:0}
.things{padding-block:clamp(3rem,6vw,5rem)}
.things-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem}
.thing img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.thing h3{font-size:1.3rem;margin:.9rem 0 .35rem}
.thing h3 a{color:var(--ridge);text-decoration:none}
.thing h3 a:hover{text-decoration:underline}
.thing p{margin:0;font-size:.95rem;color:#34454e;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.thing.is-feature{grid-column:span 2;grid-row:span 2}
.thing.is-feature img{aspect-ratio:4/3}
.thing.is-feature h3{font-size:1.9rem}
.thing.is-feature p{-webkit-line-clamp:unset;font-size:1.02rem}
@media (max-width:1000px){.things-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.things-grid{grid-template-columns:1fr}.thing.is-feature{grid-column:auto;grid-row:auto}}

.stay{background:var(--ridge);color:#dfe8ec;padding-block:clamp(3rem,6vw,5rem)}
.stay h2,.stay h3{color:#fff}
.stay .text-link{color:var(--homerus)}
.stay-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.stay-item img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r)}
.stay-item h3{font-size:1.6rem;margin:1.1rem 0 .4rem}
.stay-item h3 a{color:#fff;text-decoration:none}
.stay-item h3 a:hover{color:var(--homerus)}
.stay-item p{margin:0;max-width:60ch}
@media (max-width:760px){.stay-grid{grid-template-columns:1fr}}

.plan{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);padding-block:clamp(3rem,6vw,5rem)}
.plan h2{font-size:var(--step-2)}
.plan-col{border-top:3px solid var(--ridge);padding-top:1.4rem}
.plan-tel{font-weight:500}
.guides{list-style:none;padding:0;margin:0 0 1rem}
.guides li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.guides a{font-weight:600}
.guides span{color:var(--muted);font-size:.88rem;white-space:nowrap}
@media (max-width:760px){.plan{grid-template-columns:1fr}}

.involve{background:var(--mist);padding-block:clamp(3rem,6vw,5rem)}
.involve-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.involve-inner>img{width:100%;border-radius:var(--r)}
.involve h2{font-size:var(--step-3)}
@media (max-width:860px){.involve-inner{grid-template-columns:1fr}}

.news{padding-block:clamp(3rem,6vw,5rem) 1rem}
.news-intro{margin:-.8rem 0 0;color:var(--muted)}
.news .pdf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.news .pdf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.photos{padding-block:clamp(2.5rem,5vw,4rem)}
.photo-strip{display:flex;gap:.5rem;overflow-x:auto;padding:0 var(--gut) .8rem max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));scroll-padding-left:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));scroll-snap-type:x mandatory;scrollbar-width:thin}
.photo-strip a{flex:0 0 auto;scroll-snap-align:start}
.photo-strip img{height:clamp(180px,24vw,280px);width:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}

.partners{padding-block:2rem 1rem;text-align:center}
.partners p{color:var(--muted);margin:0 0 1.2rem}
.partner-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.partner-logos img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#dfe8ec;border-radius:4px}
@media (max-width:760px){.partner-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* footer */
.foot-body{background:var(--ridge);color:#c3d3db;padding:1.5rem 0 1.5rem;margin-top:-1px}
.site-footer a{color:#fff}
.site-footer a:hover{color:var(--homerus)}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2.2rem}
.foot-jcdt{display:flex;gap:1.2rem;align-items:flex-start}
.foot-jcdt img{width:110px;height:auto;background:#fff;border-radius:var(--r);padding:.4rem}
.foot-jcdt p{margin:0 0 .5rem;font-size:.94rem;line-height:1.6}
.foot-kicker{color:var(--haze);font-style:italic}
.foot-org{font:700 1.2rem/1.2 var(--display);color:#fff}
.foot-menu h2{color:#fff;font-size:1.1rem;margin-bottom:.7rem}
.foot-menu ul{list-style:none;margin:0;padding:0}
.foot-menu li{margin:.35rem 0;font-size:.94rem}
.foot-menu a{text-decoration:none;color:#dfe8ec}
.foot-menu a:hover{text-decoration:underline}
.foot-unesco img{background:#fff;border-radius:var(--r);padding:.5rem;width:170px;height:auto;margin-bottom:1rem}
.foot-unesco p{margin:0 0 .3rem;font-size:.94rem}
.foot-social{display:flex;gap:1rem}
.foot-base{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.12);padding-top:1.2rem;font-size:.85rem}
.foot-base p{margin:0}
@media (max-width:960px){.foot-grid{grid-template-columns:1fr 1fr}.foot-jcdt{grid-column:1/-1}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}.foot-jcdt{flex-direction:column}}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:90;background:rgba(10,24,34,.94);display:flex;align-items:center;justify-content:center;padding:3rem 4rem}
.lightbox[hidden]{display:none}
.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}
.lightbox button{position:absolute;background:none;border:0;color:#fff;font-size:2.6rem;line-height:1;cursor:pointer;padding:.4rem .8rem}
.lb-close{top:.6rem;right:.8rem}.lb-prev{left:.4rem}.lb-next{right:.4rem}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

@media (min-width:1001px){
  .things-grid .thing:nth-child(6),.things-grid .thing:nth-child(7){grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:0 1.2rem;align-items:start}
  .things-grid .thing:nth-child(6) .thing-media,.things-grid .thing:nth-child(7) .thing-media{grid-row:span 2}
  .things-grid .thing:nth-child(6),.things-grid .thing:nth-child(7){grid-template-rows:auto 1fr}
  .things-grid .thing:nth-child(6) h3,.things-grid .thing:nth-child(7) h3{margin-top:0}
}
.prose td[colspan]{background:var(--mist)}
.prose>img{margin:0 0 1.2rem;width:100%}
.brand-mark{width:52px;height:52px;flex:none}
@media (max-width:520px){.brand-mark{width:42px;height:42px}}
.foot-grid{grid-template-columns:2fr 1fr 1fr}
.foot-about p{margin:0 0 .8rem;font-size:.95rem;max-width:52ch}
.foot-disclaimer{font-size:.86rem!important;color:#9fb6c2}
.foot-base p a{margin-left:1rem}
@media (max-width:960px){.foot-grid{grid-template-columns:1fr 1fr}.foot-about{grid-column:1/-1}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
.comm-links{list-style:none;padding:0;margin:0 0 1.4rem;display:flex;flex-wrap:wrap;gap:.5rem}
.comm-links a{display:inline-block;padding:.35em .85em;border:1px solid var(--haze);background:#fff;border-radius:999px;font-size:.9rem;font-weight:500;text-decoration:none}
.comm-links a:hover{border-color:var(--slate)}
@media (max-width:1080px){.main-nav{inset:76px 0 0 0}}
@media (max-width:520px){.main-nav{inset:64px 0 0 0}}