:root{--paper:#fff8ec;--ink:#142d28;--pink:#ffd7d4;--red:#ac2542;--line:#d6d5c5;color:var(--ink);background:var(--paper);font-family:"DM Sans",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body,figure,p,h1,h2,h3{margin:0}a{color:inherit;text-underline-offset:.3em}a:focus-visible{outline:3px solid #006b70;outline-offset:4px}header,footer,.section-title,.about,.cover-inner{display:flex;align-items:center;justify-content:space-between}
header,footer,.guide,.about{padding-inline:max(6vw,calc((100vw - 1260px)/2))}header{min-height:78px;gap:16px}.brand{display:flex;gap:9px;align-items:center;font-size:28px;letter-spacing:-1.9px;font-weight:850;text-decoration:none}nav{display:flex;gap:24px}nav a,footer a{font-size:14px;font-weight:650;text-decoration:none}nav a:hover,footer a:hover{text-decoration:underline}
.skip{position:absolute;top:-5rem;left:1rem;background:white;padding:1rem;z-index:2}.skip:focus{top:.5rem}.cover{background:var(--pink);overflow:hidden;border-block:1px solid #e4bab7}.cover-inner{max-width:1430px;margin:auto;padding:clamp(3rem,6vw,6rem) max(6vw,2rem);gap:6%;position:relative}.intro{flex:1;min-width:0}.label{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;display:flex;align-items:center;gap:.6rem}.dot{border-radius:50%;width:.65rem;height:.65rem;background:var(--red)}
h1,h2,h3,.map figcaption span{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.055em;font-weight:500}h1{font-size:clamp(4rem,7.8vw,7rem);line-height:.92;margin:1.5rem 0}em{font-weight:500;color:var(--red)}.lede{max-width:32ch;font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.55}.button{display:inline-flex;align-items:center;gap:1.3rem;padding:.95em 1.25em;margin-top:2rem;background:var(--ink);color:white;text-decoration:none;border-radius:99px;font-weight:700}.button:hover{background:#29584e}.button span{font-size:1.25em}
.map{width:43%;background:#fffdf3;padding:clamp(9px,1vw,16px);border:1px solid #e4c5b7;box-shadow:5px 9px 0 #c2958966;transform:rotate(3deg)}.map-frame{aspect-ratio:1.26;overflow:hidden}.map-frame img{width:100%;height:100%;object-fit:cover}.map figcaption{display:flex;justify-content:space-between;align-items:baseline;padding:.65rem .1rem .1rem;gap:8px}.map figcaption span{font-size:clamp(1.6rem,2.8vw,2.5rem);font-style:italic}.map small{font-size:11px;font-weight:650}
.guide{padding-block:clamp(3rem,6vw,6rem)}.section-title{align-items:baseline;gap:12px;margin-bottom:2rem}h2{font-size:clamp(2.5rem,4.6vw,4.6rem);line-height:1}.section-title p{font-size:.95rem}.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,3rem)}article img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;display:block;border-radius:6px}article .label{color:var(--red);margin:1.25rem 0 .5rem}h3{font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.1}article p:last-child,.about>p{line-height:1.65;font-size:1rem;margin-top:.65rem;max-width:42ch}
.about{background:#daeee0;gap:3rem;padding-block:clamp(2.5rem,5vw,5rem)}.about .label{margin-bottom:1rem}.about>p{max-width:48ch}footer{padding-block:1.7rem}footer span{font-weight:800;letter-spacing:-.05em}
@media(max-width:720px){header{min-height:65px;padding-inline:5%}.brand{font-size:24px;gap:5px}.brand img{width:30px;height:30px}nav{gap:12px}nav a{font-size:12px}.cover-inner{display:grid;gap:2rem;padding:3rem 6% 2.5rem}.map{width:min(90%,440px);justify-self:center}.map-frame{aspect-ratio:1.8}h1{font-size:clamp(3.8rem,13vw,6rem);margin:1rem 0}.lede{max-width:36ch}.button{margin-top:1.4rem}.section-title,.about{display:block}.section-title p{margin-top:.75rem}.stories{grid-template-columns:1fr;gap:2.4rem}.about>p{margin-top:1rem}.guide{padding-block:3rem}}
