:root {
  --atlas-ink: #242620;
  --atlas-muted: #6c6d64;
  --atlas-paper: #f3efe7;
  --atlas-surface: #faf8f2;
  --atlas-accent: #9f3925;
  --atlas-olive: #526148;
  --atlas-rule: #d7d1c5;
  --travel-ink: var(--atlas-ink);
  --travel-muted: var(--atlas-muted);
  --travel-accent: var(--atlas-accent);
  --travel-bg: var(--atlas-paper);
  --travel-surface: var(--atlas-surface);
  --travel-rule: var(--atlas-rule);
  --travel-font: "DM Sans", sans-serif;
  --travel-serif: "Source Serif 4", Georgia, serif;
  color: var(--atlas-ink);
  background: var(--atlas-paper);
  font-family: "DM Sans", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--atlas-paper); }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--atlas-paper); color: var(--atlas-ink); -webkit-font-smoothing: antialiased; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-underline-offset: 4px; }
:focus-visible { outline: 2px solid var(--atlas-accent); outline-offset: 4px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 20; padding: 11px 14px; color: white; background: var(--atlas-ink); }
.skip-link:focus { top: 12px; }
.icon-library { position: absolute; width: 0; height: 0; overflow: hidden; }
.atlas-header { position: relative; z-index: 5; height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 clamp(22px, 5vw, 74px); border-bottom: 1px solid var(--atlas-rule); background: color-mix(in srgb, var(--atlas-paper) 94%, transparent); }
.wordmark { display: flex; align-items: baseline; gap: 0; text-decoration: none; font: 600 24px/1 "Source Serif 4", Georgia, serif; letter-spacing: -.9px; white-space: nowrap; }
.wordmark b { color: var(--atlas-accent); font-weight: 600; }
.wordmark small { margin-left: 9px; color: var(--atlas-muted); font: 500 9px/1 "DM Sans", sans-serif; letter-spacing: 1.2px; }
.primary-nav { display: flex; align-items: center; gap: clamp(18px, 3vw, 42px); margin-left: auto; }
.primary-nav a, .primary-nav button, .header-link { min-height: 44px; display: inline-flex; align-items: center; border: 0; border-bottom: 1px solid transparent; background: transparent; color: var(--atlas-muted); font-size: 12px; text-decoration: none; }
.primary-nav a[aria-current] { color: var(--atlas-ink); border-bottom-color: var(--atlas-accent); }
.primary-nav button:hover, .primary-nav a:hover, .header-link:hover { color: var(--atlas-accent); }
.header-actions { display: flex; align-items: center; gap: 8px; }
.header-link { gap: 8px; padding: 0 8px; }
.header-link svg, .shortlist-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.shortlist-button { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border: 1px solid var(--atlas-ink); border-radius: 2px; background: var(--atlas-ink); color: white; font-size: 12px; }
.shortlist-button:hover { background: var(--atlas-accent); border-color: var(--atlas-accent); }
.shortlist-button b { min-width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; background: #ffffff2c; font-size: 10px; }
.kicker { margin: 0; color: var(--atlas-accent); font-size: 10px; font-weight: 600; letter-spacing: 1.55px; line-height: 1.5; }
.kicker i { display: inline-block; width: 32px; height: 1px; margin: 0 10px 3px; background: currentColor; }
.atlas-hero { width: min(1310px, calc(100% - 64px)); display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 24px 64px; align-items: center; margin: 0 auto; padding: 64px 0 76px; }
.hero-copy { align-self: end; padding-top: 8px; }
.hero-copy h1 { margin: 22px 0 24px; font: 400 clamp(52px, 5.7vw, 82px)/1.02 "Source Serif 4", Georgia, serif; letter-spacing: -3.8px; }
.hero-copy h1 em, .section-intro h2 em, .atlas-footer h2 em { color: var(--atlas-accent); font-style: italic; }
.hero-deck { max-width: 410px; margin: 0 0 24px; color: var(--atlas-muted); font-size: 16px; line-height: 1.65; }
.text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--atlas-ink); font-size: 14px; font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--atlas-ink); }
.text-link:hover { color: var(--atlas-accent); border-color: var(--atlas-accent); }
.text-link span { color: var(--atlas-accent); font-size: 18px; }
.hero-image { position: relative; grid-column: 2; grid-row: 1 / 3; margin: 0; }
.hero-image img { display: block; width: 100%; height: 560px; object-fit: cover; object-position: center; }
.hero-image figcaption { display: flex; align-items: center; gap: 10px; padding-top: 14px; color: var(--atlas-muted); font-size: 11px; }
.hero-image figcaption span { color: var(--atlas-accent); font: 11px "DM Sans", sans-serif; }
.hero-image figcaption small { margin-left: auto; color: var(--atlas-muted); font-size: 10px; }
.hero-image figcaption button { min-height: 44px; padding: 0; border: 0; background: none; color: var(--atlas-ink); font-size: 13px; text-align: left; }
.hero-note { grid-column: 1; max-width: 410px; align-self: start; margin: 16px 0 0; padding-top: 18px; border-top: 1px solid var(--atlas-rule); color: var(--atlas-muted); }
.note-mark { float: right; color: var(--atlas-accent); font-size: 22px; }
.hero-note p { margin: 0 0 9px; font-size: 13px; line-height: 1.6; }
.hero-note strong { color: var(--atlas-ink); font-weight: 600; }
.hero-note a { display: inline-flex; align-items: center; min-height: 44px; color: var(--atlas-ink); font-size: 13px; font-weight: 600; text-decoration: none; }
.hero-note a:hover { color: var(--atlas-accent); }
.discovery { width: min(1310px, calc(100% - 44px)); margin: 0 auto; padding: 35px 0 120px; border-top: 1px solid var(--atlas-rule); }
.section-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; margin-bottom: 45px; }
.section-intro h2 { margin: 15px 0 0; font: 400 clamp(42px, 5vw, 68px)/.96 "Source Serif 4", Georgia, serif; letter-spacing: -2.8px; }
.intro-copy { max-width: 420px; justify-self: end; margin: 0 5% 4px 0; color: var(--atlas-muted); font-size: 15px; line-height: 1.7; }
.chip-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding-bottom: 16px; border-bottom: 1px solid var(--atlas-rule); }
.chip { min-height: 44px; padding: 8px 16px; border: 1px solid var(--atlas-rule); border-radius: 30px; background: transparent; color: var(--atlas-muted); font-size: 13px; }
.chip:hover, .chip.is-active { border-color: var(--atlas-ink); background: var(--atlas-ink); color: white; }
.search-field { width: min(270px, 100%); min-height: 42px; display: flex; align-items: center; gap: 8px; margin-left: auto; padding: 0 12px; border-bottom: 1px solid var(--atlas-ink); color: var(--atlas-muted); }
.search-field svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.search-field input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--atlas-ink); font-size: 14px; }
.search-field input::placeholder { color: #929188; }
.filter-line { display: flex; align-items: center; gap: 16px; min-height: 68px; border-bottom: 1px solid var(--atlas-rule); }
.select-group { display: flex; align-items: center; gap: 9px; color: var(--atlas-muted); font-size: 13px; }
.select-group select { min-height: 44px; padding: 0 27px 0 7px; border: 0; border-bottom: 1px solid var(--atlas-rule); border-radius: 0; background: var(--atlas-paper); color: var(--atlas-ink); font-size: 13px; }
.select-group select:focus { border-color: var(--atlas-accent); }
.quiet-filter, .reset-filter { min-height: 44px; padding: 7px 10px; border: 1px solid transparent; background: transparent; color: var(--atlas-muted); font-size: 13px; }
.quiet-filter:hover, .quiet-filter[aria-pressed=true] { color: var(--atlas-accent); border-color: var(--atlas-accent); }
.reset-filter { margin-left: auto; text-decoration: underline; text-underline-offset: 4px; }
.reset-filter:hover { color: var(--atlas-accent); }
.results-label { margin: 0 0 0 4px; color: var(--atlas-muted); font-size: 13px; }
.place-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(18px, 2.5vw, 36px); row-gap: 58px; padding-top: 48px; }
.place-card { min-width: 0; }
.place-card:nth-child(3n + 2) { padding-top: 44px; }
.place-photo-wrap { position: relative; overflow: hidden; }
.place-photo-wrap > .place-open { display: block; width: 100%; }
.place-photo { display: block; width: 100%; height: clamp(250px, 27vw, 375px); object-fit: cover; transition: transform .45s ease; }
.place-card:hover .place-photo { transform: scale(1.035); }
.place-index { position: absolute; top: 12px; left: 12px; padding: 5px 7px; background: var(--atlas-surface); color: var(--atlas-ink); font: 10px "DM Sans", sans-serif; }
.save-button { position: absolute; right: 10px; top: 9px; width: 44px; height: 44px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--atlas-surface); color: var(--atlas-ink); }
.save-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.save-button[aria-pressed=true] { background: var(--atlas-accent); color: white; }
.place-copy { padding-top: 16px; }
.place-region { margin: 0 0 6px; color: var(--atlas-accent); font-size: 10px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.place-title { margin: 0 0 9px; font: 500 clamp(24px, 2.1vw, 31px)/1.05 "Source Serif 4", Georgia, serif; letter-spacing: -.8px; }
.place-open { display: inline; padding: 0; border: 0; background: transparent; color: inherit; text-align: left; }
.place-open:hover, .place-title .place-open:hover { color: var(--atlas-accent); }
.place-summary { max-width: 380px; min-height: 43px; margin: 0 0 14px; color: var(--atlas-muted); font-size: 14px; line-height: 1.6; }
.place-meta { display: flex; flex-wrap: wrap; gap: 6px 10px; padding-top: 12px; border-top: 1px solid var(--atlas-rule); color: var(--atlas-muted); font-size: 12px; line-height: 1.5; }
.place-meta span:not(:last-child)::after { content: "·"; margin-left: 13px; color: var(--atlas-accent); }
.place-meta .effort { color: var(--atlas-ink); }
.empty-state { max-width: 460px; margin: 75px auto; text-align: center; }
.empty-state h3 { margin: 13px 0 8px; font: 400 40px "Source Serif 4", Georgia, serif; }
.empty-state p:not(.kicker) { color: var(--atlas-muted); font-size: 13px; line-height: 1.7; }
.button-dark { min-height: 44px; margin-top: 12px; padding: 10px 17px; border: 1px solid var(--atlas-ink); background: var(--atlas-ink); color: white; font-size: 12px; }
.atlas-footer { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 35px; align-items: end; width: min(1310px, calc(100% - 44px)); margin: 0 auto; padding: 45px 0 75px; border-top: 1px solid var(--atlas-rule); }
.atlas-footer h2 { margin: 15px 0 0; font: 400 clamp(32px, 3.7vw, 53px)/.98 "Source Serif 4", Georgia, serif; letter-spacing: -1.8px; }
.planner-link { display: flex; flex-direction: column; gap: 10px; align-self: center; justify-self: center; min-width: 220px; padding: 20px 0; border-block: 1px solid var(--atlas-ink); text-decoration: none; }
.planner-link span { color: var(--atlas-accent); font-size: 10px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.planner-link b { font: 500 18px "Source Serif 4", Georgia, serif; }
.planner-link i { color: var(--atlas-accent); font: normal 18px "DM Sans", sans-serif; }
.footer-note { max-width: 260px; justify-self: end; margin: 0; color: var(--atlas-muted); font-size: 11px; line-height: 1.7; }
.map-dialog { width: min(980px, calc(100% - 30px)); max-width: 980px; padding: 0; border: 0; background: var(--atlas-paper); color: var(--atlas-ink); box-shadow: 0 20px 80px #17191333; }
.map-dialog::backdrop { background: #17191399; }
.map-dialog-inner { padding: clamp(20px, 4vw, 38px); }
.map-dialog header { display: flex; align-items: start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.map-dialog h2 { margin: 10px 0 0; font: 400 39px/1 "Source Serif 4", Georgia, serif; letter-spacing: -1.4px; }
.close-control { width: 44px; height: 44px; border: 1px solid var(--atlas-rule); background: transparent; color: var(--atlas-ink); font-size: 25px; font-weight: 300; line-height: 1; }
.close-control:hover { border-color: var(--atlas-accent); color: var(--atlas-accent); }
.atlas-map { height: min(65vh, 570px); min-height: 340px; background: #dfe5d9; }
.map-caption { margin: 12px 0 0; color: var(--atlas-muted); font-size: 10px; }
.map-caption span { float: right; }
.place-photo-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 14px; color: white; background: #17221cce; font-size: 12px; }
@media (max-width: 980px) {
  .atlas-header { height: auto; min-height: 76px; flex-wrap: wrap; padding-block: 10px; gap: 6px 16px; }
  .wordmark { margin-right: auto; }
  .primary-nav { display: flex; flex: 1 1 100%; order: 3; justify-content: space-between; gap: 12px; border-top: 1px solid var(--atlas-rule); }
  .atlas-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 32px; }
  .hero-copy h1 { font-size: clamp(44px, 6vw, 64px); letter-spacing: -2.5px; }
  .hero-image img { height: 520px; }
  .filter-line { flex-wrap: wrap; padding-block: 12px; gap: 10px; }
  .place-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .place-card:nth-child(3n + 2) { padding-top: 0; }
  .place-card:nth-child(4n + 2) { padding-top: 36px; }
  .place-card:nth-child(4n + 3) { padding-top: 18px; }
  .atlas-footer { grid-template-columns: 1fr 1fr; }
  .footer-note { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 640px) {
  .atlas-header { padding-inline: 16px; }
  .wordmark { font-size: 21px; }
  .wordmark small { display: none; }
  .header-link { padding-inline: 4px; }
  .header-link span { display: none; }
  .shortlist-button { padding-inline: 9px; }
  .shortlist-button span { display: none; }
  .atlas-hero, .discovery, .atlas-footer { width: calc(100% - 32px); }
  .atlas-hero { display: flex; flex-direction: column; align-items: stretch; gap: 28px; padding: 34px 0 52px; }
  .hero-copy { align-self: stretch; }
  .hero-copy h1 { margin-top: 17px; font-size: clamp(48px, 12.5vw, 70px); letter-spacing: -2.5px; }
  .hero-deck { max-width: 300px; }
  .hero-image img { height: 360px; }
  .hero-image figcaption { flex-wrap: wrap; }
  .hero-image figcaption small { width: 100%; margin-left: 20px; }
  .hero-note { margin-left: 9px; }
  .discovery { padding-bottom: 83px; }
  .section-intro { display: block; margin-bottom: 31px; }
  .section-intro h2 { font-size: 52px; }
  .intro-copy { margin: 24px 0 0; }
  .chip-row { align-items: stretch; }
  .search-field { width: 100%; margin: 6px 0 0; }
  .filter-line { align-items: stretch; flex-wrap: wrap; gap: 7px 13px; padding: 12px 0; }
  .select-group { flex: 1 1 140px; justify-content: space-between; }
  .quiet-filter { padding-inline: 0; }
  .reset-filter { margin-left: 0; }
  .results-label { width: 100%; margin: 1px 0 0; }
  .place-grid { display: block; padding-top: 37px; }
  .place-card, .place-card:nth-child(4n + 2), .place-card:nth-child(4n + 3) { padding: 0; margin-bottom: 48px; }
  .place-photo { height: 330px; }
  .place-summary { min-height: 0; }
  .atlas-footer { display: block; padding-bottom: 53px; }
  .planner-link { margin: 36px 0; }
  .footer-note { max-width: 100%; }
  .map-dialog { width: calc(100% - 18px); }
  .map-dialog h2 { font-size: 32px; }
  .atlas-map { min-height: 330px; height: 60vh; }
  .map-caption span { float: none; display: block; margin-top: 5px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }