
.maps-home{padding-top:clamp(54px,7vw,100px);padding-bottom:clamp(44px,6vw,90px)}
.maps-home .section-heading{margin-bottom:32px}.maps-all-link{display:inline-flex;align-items:center;gap:24px;color:#dedede;font-size:13px;white-space:nowrap}.maps-all-link>span:last-child{font-size:24px;color:var(--accent)}.maps-all-link:hover{color:var(--accent)}
.maps-coming{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:64px;min-height:300px;padding:clamp(28px,4vw,58px);border:1px solid #2a2a2a;border-radius:20px;background:linear-gradient(115deg,#191919,#111 70%);overflow:hidden}.maps-status{display:inline-block;color:var(--accent);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;line-height:1.6}.maps-coming h3{max-width:650px;margin:22px 0 16px;font-size:clamp(25px,3.2vw,44px);font-weight:600;letter-spacing:-.04em;line-height:1.2}.maps-coming p{color:#9d9d9d;max-width:49ch;font-size:14px;line-height:1.8}.maps-coming-logo{display:flex;flex-direction:column;align-items:center;gap:23px;justify-self:center;opacity:.85}.maps-coming-logo img{width:180px;height:auto}.maps-coming-logo span{font-size:9px;letter-spacing:.22em;color:#8e8e8e}
.maps-catalog{padding-top:clamp(50px,6vw,92px);padding-bottom:100px;min-height:calc(100svh - 220px)}.catalog-heading{max-width:1000px}.catalog-heading>.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.16em}.catalog-heading h1{margin:20px 0 26px;font-size:clamp(40px,5.4vw,78px);font-weight:700;line-height:1.12;letter-spacing:-.045em}.catalog-muted{color:#737373}.catalog-heading p{font-size:clamp(14px,1.3vw,18px);line-height:1.75;color:#a5a5a5}.catalog-browser{margin-top:48px}.maps-search{display:flex;align-items:center;gap:15px;max-width:880px;border:1px solid #303030;background:#161616;padding:17px 22px;border-radius:14px;color:#777}.maps-search:focus-within{border-color:var(--accent)}.maps-search svg{flex:none}.maps-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:#fff;font:inherit;font-size:15px}.maps-search input::placeholder{color:#777}.maps-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.maps-filters button{padding:10px 20px;border-radius:10px;background:#171717;border:1px solid #303030;color:#aaa;font-size:12px}.maps-filters button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
#maps-catalog-results{margin-top:56px}.maps-catalog .maps-coming{min-height:320px}.maps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.map-card{min-width:0;border:1px solid #2a2a2a;background:#141414;border-radius:16px;overflow:hidden;transition:border-color .2s,transform .2s}.map-card:hover{border-color:#666;transform:translateY(-3px)}.map-card:focus-within{outline:2px solid var(--accent);outline-offset:4px}.map-card-link{display:block;width:100%;height:100%;padding:0;text-align:left}.map-card-image{aspect-ratio:16/9;overflow:hidden;background:#1a1a1a}.map-card-image img{display:block;width:100%;height:100%;object-fit:cover}.map-card-image.map-card-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#252117,#151515)}.map-card-placeholder img{width:34%;height:auto;object-fit:contain;opacity:.8}.map-card-copy{padding:22px}.map-card h3{font-size:20px;letter-spacing:-.025em;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.map-card .maps-status{margin-bottom:10px;font-size:9px}.map-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:12px;font-size:13px;color:#999;line-height:1.7}.map-card-action{display:block;margin-top:24px;font-size:11px;color:var(--accent)}.maps-no-results{padding:70px 0;border-top:1px solid #292929;color:#aaa;text-align:center}.maps-reset{margin-top:18px;color:var(--accent);font-size:13px;text-decoration:underline;text-underline-offset:5px}.maps-error{color:#e6a795;font-size:13px;margin-top:14px}.maps-error:empty{display:none}.maps-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.map-detail{position:fixed;max-width:760px;width:calc(100% - 32px);max-height:88svh;margin:auto;padding:0;border:1px solid #393939;border-radius:18px;background:#141414;color:#fff;overflow:auto}.map-detail::backdrop{background:#000b;backdrop-filter:blur(5px)}.map-detail-close{position:absolute;right:14px;top:14px;z-index:1;width:40px;height:40px;border-radius:50%;background:#111d;font-size:27px;line-height:1}.map-detail-copy{padding:32px}.map-detail h2{font-size:clamp(26px,4vw,40px);line-height:1.2;letter-spacing:-.035em;font-weight:600;margin:12px 0 20px}.map-detail p{color:#aaa;white-space:pre-line;line-height:1.8;margin:12px 0;overflow-wrap:anywhere}.map-island-code{font-variant-numeric:tabular-nums}.maps-play{display:inline-flex;margin-top:15px;background:var(--accent);color:#111;padding:11px 20px;border-radius:9px;font-weight:600;font-size:13px}
@media(min-width:1600px){.maps-catalog{padding-top:90px}.catalog-browser{margin-top:52px}}
@media(max-width:1023px){.maps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.maps-coming{grid-template-columns:minmax(0,1fr) 190px;gap:32px}.maps-coming-logo img{width:145px}}
@media(max-width:639px){.maps-catalog{padding-top:44px;padding-bottom:70px}.catalog-heading h1{font-size:clamp(34px,8.7vw,51px);margin:18px 0 22px}.catalog-heading h1 br{display:none}.catalog-muted{margin-right:.2em}.catalog-browser{margin-top:32px}.maps-search{padding:14px 16px;border-radius:11px;gap:11px}.maps-search input{font-size:13px}#maps-catalog-results{margin-top:32px}.maps-coming,.maps-catalog .maps-coming{grid-template-columns:1fr;gap:32px;min-height:0;padding:28px;border-radius:15px}.maps-coming-logo{display:none}.maps-coming h3{font-size:27px;margin-top:18px}.maps-coming p{font-size:13px}.maps-home .section-heading{gap:14px;margin-bottom:24px}.maps-home .section-heading h2{font-size:42px}.maps-all-link{font-size:11px;gap:10px}.maps-grid{grid-template-columns:1fr;gap:22px}.map-card-copy{padding:20px}.map-detail-copy{padding:25px}.maps-filters button{padding:9px 15px}.maps-no-results{padding:44px 15px}}
@media(prefers-reduced-motion:reduce){.map-card{transition:none}.map-card:hover{transform:none}}

/* Moving map preview on the homepage. The standalone catalogue stays still. */
.maps-home{overflow:hidden;padding-top:clamp(65px,8vw,110px)}.maps-preview-heading{display:flex;align-items:center;gap:28px;margin-bottom:48px}.maps-preview-heading:before,.maps-preview-heading:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#4b4b4b)}.maps-preview-heading:after{transform:scaleX(-1)}.maps-preview-heading h2{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.4;text-align:center;white-space:nowrap}.maps-carousel{position:relative}.maps-carousel-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);padding:8px 0 14px;direction:ltr}.maps-carousel-viewport::-webkit-scrollbar{display:none}.maps-carousel-track,.maps-carousel-group{display:flex;align-items:stretch;gap:24px;width:max-content}.maps-carousel-track{position:relative}.maps-carousel-group{flex:none}.maps-carousel .map-card,.map-teaser{flex:none;width:clamp(270px,31vw,420px)}.maps-carousel .map-card:hover{transform:none}.maps-carousel .map-card-link:focus-visible{outline-offset:-5px}.map-teaser{overflow:hidden;border:1px solid #303030;border-radius:15px;background:#151515}.map-teaser-art{height:clamp(180px,18vw,245px);display:flex;align-items:center;justify-content:center;position:relative;background:#ffc21c}.map-teaser-art>img{width:46%;height:auto;filter:brightness(0);transform:rotate(-7deg);position:relative;z-index:1}.map-teaser-signature{position:absolute;bottom:18px;font-size:9px;font-weight:600;letter-spacing:.28em;color:#5b470b}.teaser-1 .map-teaser-art,.teaser-3 .map-teaser-art{background:radial-gradient(ellipse at 50% 100%,#332b16,#171717 75%)}.teaser-1 .map-teaser-art>img{filter:none;transform:rotate(5deg)}.teaser-1 .map-teaser-signature,.teaser-3 .map-teaser-signature{color:#88794b}.teaser-2 .map-teaser-art{background:#f2f0e9}.teaser-2 .map-teaser-art>img{filter:brightness(0);transform:rotate(-4deg)}.teaser-2 .map-teaser-signature{color:#8b897f}.teaser-3 .map-teaser-art>img{filter:brightness(0) saturate(100%) invert(78%) sepia(71%) saturate(1414%) hue-rotate(346deg) brightness(103%) contrast(101%);transform:rotate(7deg)}.map-teaser-copy{padding:25px 25px 28px}.map-teaser-copy h3{margin:13px 0 17px;font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.035em;line-height:1.35}.map-teaser-copy p{font-size:11px;color:#8d8d8d;letter-spacing:.04em}.map-teaser-copy .maps-status{font-size:9px}.maps-preview-footer{display:flex;justify-content:center;margin-top:28px}.maps-preview-footer .maps-all-link{border:1px solid #3a3a3a;border-radius:11px;padding:13px 25px;font-size:13px;gap:22px;transition:border-color .2s}.maps-preview-footer .maps-all-link:hover{border-color:var(--accent)}.maps-carousel-fallback{padding:60px 0;text-align:center;color:var(--accent)}
@media(max-width:639px){.maps-preview-heading{gap:18px;margin-bottom:30px}.maps-carousel .map-card,.map-teaser{width:270px}.maps-carousel-track,.maps-carousel-group{gap:16px}.maps-carousel-viewport{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.map-teaser-art{height:180px}.map-teaser-copy{padding:22px}.maps-preview-footer{margin-top:24px}.maps-preview-footer .maps-all-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.maps-preview-footer .maps-all-link{transition:none}}
