:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#202720;background:#f5f3ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.layout{display:grid;grid-template-columns:minmax(260px,34%) minmax(350px,1fr) 250px;height:100vh;overflow:hidden}.map-panel,.index-panel{position:relative;min-height:0}.map-panel{background:#e2e6dc;border-right:1px solid #d7d8d0}.panel-title{position:absolute;z-index:500;top:25px;left:25px;background:#f9f8f2;padding:13px 17px;letter-spacing:.2em;font-weight:800;font-size:13px;box-shadow:0 4px 22px #0001}.panel-title span{color:#d16a49}#map{height:100%;width:100%}.map-caption{position:absolute;z-index:500;bottom:24px;left:25px;background:#f9f8f2;padding:11px 14px;font-size:12px;color:#58665b}.feed{overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y proximity;min-width:0}.intro{padding:90px clamp(28px,6vw,80px) 85px;min-height:75vh;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:800;color:#c36d4d}.intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,5.5vw,90px);line-height:1.02;letter-spacing:-.05em;margin:20px 0}.intro p{color:#6e756e;line-height:1.7;max-width:300px}.article{padding:60px clamp(28px,6vw,80px) 100px;min-height:90vh;scroll-snap-align:start;border-top:1px solid #dddcd4;display:flex;flex-direction:column;justify-content:center}.article .number{font-size:12px;letter-spacing:.18em;color:#bd6b4e;font-weight:700}.article h2{font-family:Georgia,serif;font-size:clamp(38px,4vw,66px);font-weight:400;letter-spacing:-.04em;margin:18px 0}.article img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:3px}.article p{font-size:16px;line-height:1.85;color:#59645b;max-width:580px}.article .coords{font-size:11px;letter-spacing:.12em;color:#9b9f98;margin-top:16px}footer{padding:70px;text-align:center;color:#899087}.index-panel{padding:45px 27px;border-left:1px solid #deddd5;background:#f9f8f3;display:flex;flex-direction:column}.index-panel h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:13px 0 35px}#article-nav{display:flex;flex-direction:column;gap:9px}.nav-item{border:0;background:transparent;text-align:left;padding:14px 10px;cursor:pointer;border-left:2px solid transparent;color:#697269;font-size:14px;transition:.2s}.nav-item span{font-size:11px;color:#aaafa7;margin-right:9px}.nav-item:hover,.nav-item.active{color:#202720;background:#f0ede6;border-left-color:#c86d4c}.index-foot{margin-top:auto;font-size:12px;line-height:1.6;color:#9a9f96}.pin{background:#c46e4e;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 12px #0004}.pin.active{background:#233d32;box-shadow:0 0 0 7px #c46e4e44,0 2px 12px #0004}@media(max-width:950px){.layout{grid-template-columns:35% 1fr}.index-panel{display:none}}@media(max-width:650px){.layout{display:flex;flex-direction:column;height:100dvh}.map-panel{height:32dvh;flex:none;border-right:0;border-bottom:1px solid #ddd}.feed{flex:1}.intro{min-height:55vh;padding:40px 26px}.article{min-height:70vh;padding:45px 26px}.panel-title{top:12px;left:12px;padding:8px 12px}.map-caption{bottom:10px;left:12px}}