@layer theme,base;@layer components{.place-card{border:1px solid var(--color-light-grey);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1;transition:opacity .22s var(--smooth-ease), translate .22s var(--smooth-ease);background:#ffffffeb;border-radius:14px;flex-direction:column;gap:12px;margin-top:16px;padding:14px;display:flex;position:relative;translate:0;box-shadow:0 18px 40px -18px #1d1d1f47}@starting-style{.place-card{opacity:0;translate:0 10px}}.place-card.is-closing{opacity:0;pointer-events:none;translate:0 10px}.dark .place-card{border-color:var(--color-soft-charcoal);background:#161616eb;box-shadow:0 18px 40px -18px #0009}@media (min-width:1024px){.place-card{inset-inline-start:0;width:min(340px,100%);margin-top:0;position:absolute;bottom:0}}.place-card__body{flex-direction:column;gap:6px;min-width:0;padding-right:26px;display:flex}.place-card__head{align-items:baseline;gap:10px;min-width:0;display:flex}.place-card__city{font-size:var(--text-l);color:var(--color-midnight-slate);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;line-height:1.2;overflow:hidden}.dark .place-card__city{color:var(--color-surface-light)}.place-card__coords{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-slate-steel);flex:none}.place-card__meta{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.place-card__country{font-size:var(--text-xs);color:var(--color-slate-steel)}.place-card__kind{font-family:var(--font-mono);font-size:var(--text-3xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-slate-steel);background:#6e6e7324;border-radius:9999px;flex:none;padding:2px 8px;font-weight:600}.place-card__kind--home{color:var(--color-brand-purple);background:#9403fd29}.place-card__kind--work{color:var(--color-brand-blue);background:#00adfe29}.dark .place-card__kind--home{color:var(--color-soft-violet);background:#9403fd47}.dark .place-card__kind--work{color:var(--color-frost-blue);background:#00adfe42}.place-card__year{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-slate-steel)}.place-card__note{font-size:var(--text-xs);color:var(--color-slate-steel);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.dark .place-card__note{color:var(--color-light-grey)}.place-card__close{border:1px solid var(--color-light-grey);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:24px;height:24px;color:var(--color-slate-steel);background:#ffffffe0;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s ease-out,color .2s ease-out;display:flex;position:absolute;top:10px;right:10px}.place-card__close:hover{background:var(--color-white);color:var(--color-midnight-slate)}.dark .place-card__close{border-color:var(--color-soft-charcoal);background:#161616e0}.dark .place-card__close:hover{background:var(--color-deep-charcoal);color:var(--color-surface-light)}.place-photos{flex-direction:column;gap:6px;min-width:0;display:flex}.place-photos__viewport{aspect-ratio:4/5;background:var(--color-off-white);touch-action:pan-y;border-radius:10px;max-height:52svh;position:relative;overflow:hidden}.dark .place-photos__viewport{background:var(--color-soft-charcoal)}.place-photos__viewport:focus-visible{outline:2px solid var(--color-brand-blue);outline-offset:2px}.place-photos__track{width:100%;height:100%;transition:transform .28s var(--smooth-ease);display:flex}.place-photos__viewport.is-transitioning .place-photos__nav,.place-photos__viewport.is-transitioning .place-photos__track{pointer-events:none}.place-photos__slide{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:0 0 100%;width:100%;height:100%}.place-photos__nav{width:24px;height:24px;color:var(--color-midnight-slate);opacity:0;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s ease-out,background-color .2s ease-out;display:flex;position:absolute;top:50%;translate:0 -50%}.place-photos__nav--prev{left:6px}.place-photos__nav--next{right:6px}.place-photos__viewport:hover .place-photos__nav,.place-photos__viewport:focus-within .place-photos__nav{opacity:1}@media (hover:none){.place-photos__nav{opacity:1}}.place-photos__nav:hover{background:var(--color-white)}.place-photos__counter,.place-photos__caption{font-family:var(--font-mono);font-size:var(--text-3xs);color:var(--color-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d1d1f8c;border-radius:6px;padding:2px 7px;line-height:1.4;position:absolute}.place-photos__counter{bottom:6px;right:6px}.place-photos__caption{max-width:calc(100% - 60px);font-family:var(--font-sans);text-overflow:ellipsis;white-space:nowrap;bottom:6px;left:6px;overflow:hidden}.place-photos__thumbs{gap:5px;display:flex}.place-photos__thumb{opacity:.55;border-radius:6px;flex:1 1 0;min-width:0;height:44px;transition:opacity .2s ease-out,box-shadow .2s ease-out;position:relative;overflow:hidden}.place-photos__thumb img{object-fit:cover;width:100%;height:100%}.place-photos__thumb:hover{opacity:.85}.place-photos__thumb.is-current{opacity:1;box-shadow:inset 0 0 0 2px var(--color-brand-blue)}@media (prefers-reduced-motion:reduce){.place-photos__track,.place-card{transition:none}}}@layer utilities;
@layer theme,base;@layer components{.atlas{grid-template-columns:1fr;gap:40px;width:100%;display:grid}.atlas>*{min-width:0}.atlas__narrative{order:1}.atlas__globe{order:2}.atlas__stats{order:3}.atlas__places{order:4}@media (min-width:1024px){.atlas{grid-template-columns:6fr 6fr;align-items:start;gap:20px 32px}.atlas__narrative{grid-area:1/1}.atlas__stats{grid-area:2/1}.atlas__places{grid-area:3/1}.atlas__globe{grid-area:1/2/span 3;justify-content:center;align-items:center;height:calc(100svh - 64px);margin-top:-48px;display:flex;position:sticky;top:64px}}.atlas__globe-inner{width:100%;min-width:0;max-width:620px;margin-inline:auto;position:relative}.atlas-stage{aspect-ratio:1;width:100%;max-width:620px;margin-inline:auto;position:relative}.atlas-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.atlas-labels{pointer-events:none;position:absolute;inset:0;overflow:visible}.atlas-label{white-space:nowrap;opacity:0;will-change:transform;flex-direction:column;gap:1px;transition:opacity .2s ease-out;display:flex;position:absolute;top:0;left:0}.atlas-label__city{font-size:var(--text-xs);color:var(--color-midnight-slate);font-weight:600;line-height:1.15}.atlas-label__country{font-family:var(--font-mono);font-size:var(--text-3xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-slate-steel);line-height:1.15}.atlas-label__city,.atlas-label__country{transition:font-size .2s ease-out,color .2s ease-out}.atlas-label.is-active .atlas-label__city{font-size:var(--text-m);color:var(--color-brand-blue)}.atlas-label.is-active .atlas-label__country{font-size:var(--text-2xs);color:var(--color-brand-blue);opacity:.75}.dark .atlas-label__city{color:var(--color-surface-light)}.atlas-fallback{aspect-ratio:1;width:100%;max-width:620px;margin-inline:auto;position:relative}.atlas-fallback__ring{border:1px solid var(--color-light-grey);opacity:.6;border-radius:50%;position:absolute}.dark .atlas-fallback__ring{border-color:var(--color-soft-charcoal)}.atlas-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.atlas-stat{border-top:1px solid var(--color-light-grey);flex-direction:column;gap:2px;padding-top:12px;display:flex}.dark .atlas-stat{border-top-color:var(--color-soft-charcoal)}.atlas-stat__value{font-family:var(--font-mono);font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-midnight-slate);margin:0;font-weight:600;line-height:1.1}.dark .atlas-stat__value{color:var(--color-surface-light)}.atlas-stat__label{font-family:var(--font-mono);font-size:var(--text-3xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-slate-steel)}.atlas-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.atlas-group__header{border-bottom:1px solid var(--color-light-grey);text-align:left;background:0 0;border-radius:8px 8px 0 0;align-items:center;gap:10px;width:100%;padding:6px 12px 8px;transition:background-color .2s ease-out;display:flex}.dark .atlas-group__header{border-bottom-color:var(--color-soft-charcoal)}.atlas-group__header:hover{background:var(--color-off-white)}.dark .atlas-group__header:hover{background:var(--color-deep-charcoal)}.atlas-group__header.is-touring{background:var(--color-off-white);box-shadow:inset 2px 0 0 var(--color-brand-blue)}.dark .atlas-group__header.is-touring{background:var(--color-deep-charcoal)}.atlas-group__header.is-touring .atlas-group__country,.atlas-group__header.is-touring .atlas-group__chev{color:var(--color-brand-blue)}.atlas-group__flag{width:24px;font-size:var(--text-l);text-align:center;flex:none;line-height:1}.atlas-group__country{min-width:0;font-size:var(--text-m);color:var(--color-midnight-slate);flex:1;font-weight:600}.dark .atlas-group__country{color:var(--color-surface-light)}.atlas-group__chev{width:14px;height:14px;color:var(--color-slate-steel);transition:transform .32s var(--smooth-ease);flex:none;transform:rotate(180deg)}.atlas-group.is-collapsed .atlas-group__chev{transform:rotate(0)}.atlas-group__panel{transition:grid-template-rows .32s var(--smooth-ease);grid-template-rows:1fr;display:grid}.atlas-group.is-collapsed .atlas-group__panel{grid-template-rows:0fr}.atlas-group__cities{min-height:0;transition:padding-top .32s var(--smooth-ease);flex-direction:column;gap:2px;margin:0;padding:6px 0 0;list-style:none;display:flex;overflow:hidden}.atlas-group.is-collapsed .atlas-group__cities{padding-top:0}.atlas-row{text-align:left;background:0 0;border-radius:10px;align-items:flex-start;gap:12px;width:100%;padding:10px 12px;transition:background-color .2s ease-out;display:flex}.atlas-row:hover,.atlas-row.is-hovered{background:var(--color-off-white)}.dark .atlas-row:hover,.dark .atlas-row.is-hovered{background:var(--color-deep-charcoal)}.atlas-row.is-touring{background:var(--color-off-white);box-shadow:inset 2px 0 0 var(--color-brand-blue)}.dark .atlas-row.is-touring{background:var(--color-deep-charcoal)}.atlas-row.is-selected{background:var(--color-frost-blue)}.dark .atlas-row.is-selected{background:var(--color-soft-charcoal)}.atlas-row__pin{background:var(--color-brand-blue);border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.atlas-row--personal .atlas-row__pin{margin-top:8px;width:6px;height:6px;margin-inline:1px}.atlas-row--home .atlas-row__pin{background:var(--color-brand-purple);box-shadow:0 0 0 3px #9403fd2e}.atlas-row--work .atlas-row__pin{box-shadow:0 0 0 3px #00adfe2e}.atlas-row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.atlas-row__head{align-items:center;gap:8px;min-width:0;display:flex}.atlas-row__city{font-size:var(--text-s);color:var(--color-midnight-slate);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.dark .atlas-row__city{color:var(--color-surface-light)}.atlas-row__kind{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-slate-steel);background:#6e6e7324;border-radius:9999px;flex:none;padding:2px 8px;font-weight:600}.atlas-row__kind--home{color:var(--color-brand-purple);background:#9403fd29}.atlas-row__kind--work{color:var(--color-brand-blue);background:#00adfe29}.dark .atlas-row__kind{color:var(--color-light-grey);background:#f3f3f31f}.dark .atlas-row__kind--home{color:var(--color-soft-violet);background:#9403fd47}.dark .atlas-row__kind--work{color:var(--color-frost-blue);background:#00adfe42}.atlas-row.is-touring .atlas-row__city,.atlas-row.is-selected .atlas-row__city{color:var(--color-brand-blue)}.atlas-row__note{-webkit-line-clamp:2;line-clamp:2;font-size:var(--text-xs);color:var(--color-slate-steel);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.atlas-row__note+.atlas-row__note{margin-top:5px}.atlas-row__coords{font-family:var(--font-mono);font-size:var(--text-3xs);letter-spacing:.04em;color:var(--color-slate-steel);flex-direction:column;flex:none;align-items:flex-end;gap:2px;padding-top:2px;display:flex}.atlas-row__year{opacity:.65}@media (max-width:480px){.atlas-row__coords{display:none}}@media (prefers-reduced-motion:reduce){.atlas-label{transition:none}.atlas-row.is-touring{box-shadow:none}}}@layer utilities;