/* Myriad Things Co. — /places
   Self-hosted Cormorant Garamond (OFL). The other shells load it from Google
   Fonts; this page must make zero third-party requests, so the latin subset
   is served from our own origin. */
@font-face {
  font-family: 'Cormorant Garamond Local';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/cormorant-garamond-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}
@font-face {
  font-family: 'Cormorant Garamond Local';
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/cormorant-garamond-400-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215;
}

.places-main {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 20px 80px;
}

.places-header { text-align: center; margin: 36px 0 34px; }
.places-header .micro-label {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--text-dim);
}
.places-title {
  font-family: 'Cormorant Garamond Local', 'Cormorant Garamond', Georgia, serif;
  font-weight: 400;
  font-size: clamp(28px, 5vw, 42px);
  line-height: 1.15;
  color: var(--text-strong);
  margin: 8px 0 0;
}

.place-group { margin-bottom: 40px; }
.place-group-title {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #c9a86b;
  margin: 0 0 4px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-soft);
}

.place-list { list-style: none; margin: 0; padding: 0; }

.place {
  padding: 16px 0;
  border-bottom: 1px solid var(--border-soft);
}
.place:last-child { border-bottom: none; }

.place-head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 12px;
}

.place-name {
  font-family: 'Cormorant Garamond Local', 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(19px, 2vw, 23px);
  line-height: 1.3;
  color: var(--text-strong);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.place-name:hover,
.place-name:focus-visible { color: #c9a86b; border-bottom-color: #c9a86b; }

.place-city,
.place-month {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-dim);
  white-space: nowrap;
}
.place-month { color: #c9a86b; }
.place-month::before { content: '· '; color: var(--text-dim); }

.place-note {
  font-family: 'Cormorant Garamond Local', 'Cormorant Garamond', Georgia, serif;
  font-size: 17px;
  line-height: 1.5;
  color: var(--text-muted);
  margin: 6px 0 0;
  max-width: 62ch;
}

.places-foot,
.places-empty {
  text-align: center;
  margin-top: 36px;
  font-family: 'Cormorant Garamond Local', 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 15px;
  color: var(--text-dim);
}
.places-empty { padding: 48px 0; font-size: 18px; color: var(--text-muted); }

@media (max-width: 480px) {
  .place-head { gap: 2px 10px; }
  .place-note { font-size: 16px; }
}