*{box-sizing:border-box}
html{background:#fff;color:#24322c}
body{margin:0;min-height:100svh;font-family:"Thmanyah Sans",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.site-header{position:relative;display:grid;place-items:center;width:100%;height:156px;margin-top:48px;overflow:hidden}
.header-ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.site-name{position:relative;margin:0;padding:0 24px 8px;color:#963c36;font-size:58px;line-height:1.3;font-weight:700}
main{width:min(1080px,calc(100% - 64px));margin:0 auto;padding:80px 0 96px}
#maps-title{font-size:30px;line-height:1.5;font-weight:700;margin:0 0 32px}
.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,420px));gap:28px}
.map-card{display:block;min-width:0;padding:24px 20px 20px;color:inherit;text-decoration:none;background:#fff;border:1px solid #e6ebe7;border-radius:16px;transition:border-color .2s,box-shadow .2s}
.map-card h3{font-size:21px;font-weight:500;line-height:1.65;margin:0 2px 22px;text-wrap:balance}
.map-picture{overflow:hidden;border-radius:10px;background:#f7f9f7;aspect-ratio:4/3}
.map-picture img{display:block;width:100%;height:100%;object-fit:contain}
.map-card:focus-visible{outline:3px solid #568171;outline-offset:5px}
@media(hover:hover){.map-card:hover{border-color:#bdcfc3;box-shadow:0 8px 28px #17332208}}
@media(max-width:600px){.site-header{height:124px;margin-top:24px}.site-name{font-size:46px;padding-bottom:6px}main{width:calc(100% - 40px);padding-top:56px;padding-bottom:64px}#maps-title{font-size:26px;margin-bottom:26px}.map-grid{grid-template-columns:1fr}.map-card{padding:21px 17px 17px;border-radius:14px}.map-card h3{font-size:20px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.map-card{transition:none}}