/**
 * Atlas events hub (DS-A2b), haven-events/hub.php only; after atlas-tokens.css and events.css. Colours: --atlas-*
 * tokens only. Mobile first: the month list below 1200px, the chart from 1200px, the other display:none.
 * events.css types h2, h3, h4, p and links in .haven-events-main at (0,2,2): the reset matches it in the Atlas
 * bands, and text rules use three classes.
 */

/* Page and reset */
.atlas-hub,
body.haven-events .haven-events-main.atlas-hub { max-width: none; margin: 0; padding: 0 0 clamp(40px, 5vw, 72px); background: var(--atlas-paper); color: var(--atlas-ink-2); font: 400 var(--atlas-fs-body)/1.62 var(--atlas-serif); }
body.haven-events .atlas-hub :where(.atlas-band) :is(h1, h2, h3, h4, p, dl, dd) { margin: 0; font: inherit; color: inherit; }
body.haven-events .atlas-hub :where(.atlas-band) a { color: inherit; text-underline-offset: 3px; }
.atlas-hub :where(.atlas-band) :focus-visible,
body.haven-events .atlas-hub :where(.atlas-band) :focus-visible { outline: 2px solid var(--atlas-accent-ink); outline-offset: 3px; }
.atlas-hub .atlas-band * { box-sizing: border-box; }
.atlas-hub .atlas-wrap { max-width: var(--atlas-maxw); margin-inline: auto; padding-inline: var(--atlas-pad); }
.atlas-hub .atlas-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Type roles */
.atlas-hub .atlas-band .atlas-kicker { display: flex; align-items: center; gap: 12px; font: 500 12px/1.3 var(--atlas-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--atlas-accent-ink); }
.atlas-hub .atlas-kicker::before { content: ""; flex: none; width: 28px; height: 1px; background: currentColor; }
.atlas-hub .atlas-band .atlas-h2 { margin-top: 14px; font: 400 clamp(34px, 1.2rem + 2.4vw, 58px)/1.02 var(--atlas-serif); letter-spacing: -0.025em; color: var(--atlas-ink); text-wrap: balance; }
.atlas-hub .atlas-band .atlas-head__dek { max-width: 56ch; color: var(--atlas-ink-2); }
.atlas-hub .atlas-band .atlas-head__dek a { color: var(--atlas-accent-ink); }
.atlas-hub .atlas-dot { display: inline-block; flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--atlas-key, var(--atlas-accent)); }
.atlas-hub .atlas-key-desert { --atlas-key: var(--atlas-desert); }
.atlas-hub .atlas-key-coast { --atlas-key: var(--atlas-coast); }
.atlas-hub .atlas-key-lakes { --atlas-key: var(--atlas-lakes); }
.atlas-hub .atlas-key-plains { --atlas-key: var(--atlas-plains); }
.atlas-hub .atlas-key-neutral { --atlas-key: var(--atlas-ink-3); }

/* Sections */
.atlas-hub .atlas-section { padding-block: clamp(56px, 7vw, 112px); }
.atlas-hub .atlas-section + .atlas-section { border-top: 1px solid var(--atlas-rule); }
.atlas-hub .atlas-head { display: grid; gap: 14px; margin-bottom: clamp(28px, 3.4vw, 52px); }
@media (min-width: 1000px) {
	.atlas-hub .atlas-head { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: end; gap: var(--atlas-gap); }
}

/* Cover: split photo from 1000px */
.atlas-hub .atlas-cover { display: grid; grid-template-columns: minmax(0, 1fr); max-width: var(--atlas-maxw); margin-inline: auto; padding-inline: var(--atlas-pad); }
.atlas-hub .atlas-photo { grid-row: 1; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 6px; aspect-ratio: 4 / 3.4; margin-inline: calc(var(--atlas-pad) * -1); overflow: hidden; background: var(--atlas-paper-2); }
.atlas-hub .atlas-photo__half { position: relative; overflow: hidden; }
.atlas-hub .atlas-photo img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.atlas-hub .atlas-panel { grid-row: 2; position: relative; z-index: 1; margin: -64px -6px 0; padding: 26px 22px 4px; background: var(--atlas-paper); }
.atlas-hub .atlas-folio { grid-row: 3; padding-top: 22px; }
.atlas-hub .atlas-cover--bare .atlas-panel { grid-row: 1; margin: 0; padding: 40px 0 4px; }
.atlas-hub .atlas-cover--bare .atlas-folio { grid-row: 2; }
.atlas-hub .atlas-band .atlas-title { margin: 18px 0 22px; font: 400 clamp(44px, 1.6rem + 3.6vw, 92px)/0.98 var(--atlas-serif); font-variation-settings: "opsz" 72; letter-spacing: -0.03em; color: var(--atlas-ink); text-wrap: balance; }
.atlas-hub .atlas-band .atlas-dek { max-width: 34ch; font-size: clamp(19px, 1rem + .5vw, 24px); line-height: 1.45; color: var(--atlas-ink-2); }
.atlas-hub .atlas-band .atlas-byline { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--atlas-rule); font: 400 14px/1.5 var(--atlas-sans); color: var(--atlas-ink-3); }
.atlas-hub .atlas-band .atlas-facts { border-top: 2px solid var(--atlas-ink); }
.atlas-hub .atlas-facts div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 14px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--atlas-rule); }
.atlas-hub .atlas-facts dt { font: 400 11.5px/1.4 var(--atlas-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--atlas-ink-3); }
.atlas-hub .atlas-band .atlas-facts dd { font: 400 14.5px/1.45 var(--atlas-mono); color: var(--atlas-ink); text-align: right; }
@media (min-width: 1000px) {
	.atlas-hub .atlas-cover { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--atlas-gap); padding-right: 0; }
	.atlas-hub .atlas-photo { grid-column: 5 / -1; grid-row: 1 / 3; aspect-ratio: auto; min-height: min(88vh, 820px); margin: 0; }
	.atlas-hub .atlas-folio { grid-column: 1 / 5; grid-row: 1; align-self: start; padding: 44px 8px 0 0; }
	.atlas-hub .atlas-panel { grid-column: 1 / 8; grid-row: 2; align-self: end; margin: 0 0 -1px; padding: 40px 48px 8px 0; }
	.atlas-hub .atlas-cover--bare { padding-right: var(--atlas-pad); }
	.atlas-hub .atlas-cover--bare .atlas-panel { grid-column: 1 / 8; grid-row: 1; padding: 56px 48px 8px 0; }
	.atlas-hub .atlas-cover--bare .atlas-folio { grid-column: 9 / -1; grid-row: 1; }
}

/* Almanac month list */
.atlas-hub .atlas-almanac { display: none; }
.atlas-hub .atlas-list { margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--atlas-ink); }
.atlas-hub .atlas-month { display: grid; gap: 10px 14px; padding: 16px 0; border-bottom: 1px solid var(--atlas-rule); }
.atlas-hub .atlas-band .atlas-month__title,
.atlas-hub .atlas-band .atlas-tba__title { font: 500 12px/1.4 var(--atlas-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--atlas-ink); }
.atlas-hub .atlas-items { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.atlas-hub .atlas-item { display: grid; grid-template-columns: 12px minmax(0, 1fr); gap: 10px; align-items: baseline; color: var(--atlas-ink); }
.atlas-hub .atlas-item b { display: block; font: 500 16px/1.3 var(--atlas-sans); }
.atlas-hub .atlas-item small { display: block; font: 400 12.5px/1.4 var(--atlas-mono); color: var(--atlas-ink-3); }
.atlas-hub .atlas-legend { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 18px; font: 400 13px/1.3 var(--atlas-sans); color: var(--atlas-ink-3); }
.atlas-hub .atlas-legend span { display: inline-flex; gap: 8px; align-items: center; }
@media (min-width: 600px) {
	.atlas-hub .atlas-month { grid-template-columns: 150px minmax(0, 1fr); }
}

/* Almanac chart, 1200px and up */
@media (min-width: 1200px) {
	.atlas-hub .atlas-almanac { display: block; }
	.atlas-hub .atlas-list { display: none; }
}
.atlas-hub .atlas-grid { position: relative; padding-top: 30px; }
.atlas-hub .atlas-scale,
.atlas-hub .atlas-row { display: grid; grid-template-columns: 200px repeat(var(--months), minmax(0, 1fr)); }
.atlas-hub .atlas-scale { border-bottom: 1px solid var(--atlas-ink); font: 400 11.5px/1 var(--atlas-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--atlas-ink-3); }
.atlas-hub .atlas-scale span { padding: 0 0 10px 8px; border-left: 1px solid var(--atlas-rule); }
.atlas-hub .atlas-scale .atlas-yr { color: var(--atlas-ink); }
.atlas-hub .atlas-row { min-height: max(86px, calc(18px + var(--lanes) * 46px)); border-bottom: 1px solid var(--atlas-rule); color: var(--atlas-ink); }
.atlas-hub .atlas-rname { grid-column: 1; display: flex; gap: 10px; align-items: center; padding-right: 12px; font: 500 15px/1.2 var(--atlas-sans); }
.atlas-hub .atlas-rname small { display: block; margin-top: 3px; font: 400 12px/1.3 var(--atlas-mono); color: var(--atlas-ink-3); }
.atlas-hub .atlas-track { grid-column: 2 / -1; grid-row: 1; position: relative; display: grid; grid-template-columns: repeat(var(--months), minmax(0, 1fr)); background-image: repeating-linear-gradient(90deg, var(--atlas-rule) 0 1px, transparent 1px calc(100% / var(--months))); }
.atlas-hub .atlas-bar { position: absolute; top: var(--top, 16px); left: calc(var(--s) / var(--months) * 100%); width: max(10px, calc(var(--d) / var(--months) * 100%)); display: block; text-decoration: none; }
.atlas-hub .atlas-line { position: relative; display: block; height: 8px; border-radius: 4px; background: var(--atlas-key); transform-origin: left; }
.atlas-hub .atlas-parts .atlas-line { background: var(--atlas-rule); }
.atlas-hub .atlas-line i { position: absolute; top: 0; bottom: 0; left: calc((var(--so) - var(--s)) / var(--d) * 100%); width: max(4px, calc(var(--sd) / var(--d) * 100%)); border-radius: 4px; background: var(--atlas-key); }
.atlas-hub .atlas-lbl { position: absolute; top: 14px; left: 0; white-space: nowrap; }
.atlas-hub .atlas-flip .atlas-lbl { right: 0; left: auto; text-align: right; }
.atlas-hub .atlas-lbl b { display: block; font: 500 12.5px/1.25 var(--atlas-sans); }
.atlas-hub .atlas-lbl em { display: block; font: 400 11px/1.4 var(--atlas-mono); color: var(--atlas-ink-3); }
.atlas-hub a.atlas-bar:hover b,
.atlas-hub a.atlas-bar:focus-visible b { text-decoration: underline; }
.atlas-hub .atlas-now { position: absolute; top: 30px; bottom: 0; left: calc(200px + (100% - 200px) * var(--n) / var(--months)); width: 0; border-left: 1px dashed var(--atlas-accent-ink); pointer-events: none; }
.atlas-hub .atlas-now span { position: absolute; top: -28px; left: -1px; transform: translateX(-50%); padding: 4px 6px; background: var(--atlas-paper); font: 500 11px/1 var(--atlas-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--atlas-accent-ink); }
.atlas-hub .atlas-tba { display: grid; gap: 12px; margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--atlas-rule); }
.atlas-hub .atlas-tba .atlas-items { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }

/* Regions */
.atlas-hub .atlas-plates { display: grid; gap: var(--atlas-gap); color: var(--atlas-ink); }
@media (min-width: 900px) {
	.atlas-hub .atlas-plates { grid-template-columns: 7fr 5fr; }
	.atlas-hub .atlas-plates--single { grid-template-columns: minmax(0, 1fr); }
}
.atlas-hub .atlas-plate { position: relative; display: grid; align-content: start; background: var(--atlas-paper-3); border: 1px solid var(--atlas-rule); text-decoration: none; }
.atlas-hub .atlas-plate__img { position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: var(--atlas-paper-2); }
.atlas-hub .atlas-plate__img img,
.atlas-hub .atlas-gcard__img img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform 1.2s var(--atlas-ease); }
.atlas-hub .atlas-plate:hover img,
.atlas-hub .atlas-gcard a:hover img { transform: scale(1.03); }
.atlas-hub .atlas-plate__num { position: absolute; top: 16px; left: 16px; padding: 8px 10px; background: var(--atlas-paper); font: 500 11.5px/1 var(--atlas-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--atlas-ink); }
.atlas-hub .atlas-plate__body { display: grid; gap: 10px; padding: 22px 24px 26px; }
.atlas-hub .atlas-band .atlas-plate__name { display: flex; gap: 12px; align-items: center; font: 400 clamp(28px, 1.1rem + 1.4vw, 40px)/1.05 var(--atlas-serif); letter-spacing: -0.015em; color: var(--atlas-ink); }
.atlas-hub .atlas-band .atlas-plate__line { font-size: 17px; color: var(--atlas-ink-2); }
.atlas-hub .atlas-counts { display: flex; flex-wrap: wrap; gap: 6px 22px; padding-top: 12px; border-top: 1px solid var(--atlas-rule); font: 400 13px/1.3 var(--atlas-mono); color: var(--atlas-ink-3); }
.atlas-hub .atlas-counts b { font-size: 15px; font-weight: 500; color: var(--atlas-ink); }
.atlas-hub .atlas-band .atlas-also__title { margin-top: var(--atlas-gap); padding-bottom: 10px; font: 500 12px/1.3 var(--atlas-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--atlas-ink-3); }
.atlas-hub .atlas-also { display: grid; margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--atlas-ink); color: var(--atlas-ink); }
@media (min-width: 900px) {
	.atlas-hub .atlas-also { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--atlas-gap); }
}
.atlas-hub .atlas-also__item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 56px; padding: 18px 0; border-bottom: 1px solid var(--atlas-rule); font: 500 16px/1.3 var(--atlas-sans); text-decoration: none; }
.atlas-hub .atlas-also__item small { display: block; font: 400 12.5px/1.4 var(--atlas-mono); color: var(--atlas-ink-3); }
.atlas-hub a.atlas-also__item::after { content: "\2192"; color: var(--atlas-ink-3); }

/* Guides: lead and stack */
.atlas-hub .atlas-spreads { display: grid; gap: var(--atlas-gap); color: var(--atlas-ink); }
.atlas-hub .atlas-stack { display: grid; gap: var(--atlas-gap); align-content: start; }
.atlas-hub .atlas-gcard a { display: grid; gap: 16px; align-content: start; text-decoration: none; }
.atlas-hub .atlas-gcard__img { overflow: hidden; aspect-ratio: 16 / 9; background: var(--atlas-paper-2); }
.atlas-hub .atlas-gcard__body { display: grid; gap: 10px; align-content: start; }
.atlas-hub .atlas-band .atlas-gcard__title { font: 400 clamp(24px, 1rem + 1vw, 32px)/1.1 var(--atlas-serif); letter-spacing: -0.015em; color: var(--atlas-ink); }
.atlas-hub .atlas-band .atlas-lead .atlas-gcard__title { font-size: clamp(30px, 1.1rem + 1.8vw, 46px); }
.atlas-hub .atlas-gcard a:hover .atlas-gcard__title { text-decoration: underline; }
.atlas-hub .atlas-band .atlas-gcard__dek { max-width: 52ch; font-size: 17px; color: var(--atlas-ink-2); }
.atlas-hub .atlas-band .atlas-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; font: 400 13px/1.3 var(--atlas-mono); color: var(--atlas-ink-3); }
.atlas-hub .atlas-when { color: var(--atlas-accent-ink); }
.atlas-hub .atlas-chip { display: inline-flex; align-items: center; padding: 6px 8px; border: 1px solid var(--atlas-rule-strong); font: 500 11px/1 var(--atlas-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--atlas-ink-3); }
@media (min-width: 1000px) {
	.atlas-hub .atlas-spreads { grid-template-columns: 7fr 5fr; }
	.atlas-hub .atlas-spreads > :only-child { grid-column: 1 / -1; }
	.atlas-hub .atlas-stack .atlas-gcard a { grid-template-columns: 1fr 1fr; align-items: start; }
}

/* Dated note */
.atlas-hub .atlas-note-grid { display: grid; gap: var(--atlas-gap); align-items: center; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.atlas-hub .atlas-band .atlas-note-grid .atlas-h2 { font-size: clamp(32px, 1.1rem + 2vw, 50px); line-height: 1.04; }
.atlas-hub .atlas-note { position: relative; max-width: 720px; margin-top: 40px; padding: 64px clamp(26px, 3vw, 44px) clamp(26px, 3vw, 44px); background: var(--atlas-paper-3); border: 1px solid var(--atlas-rule); box-shadow: var(--atlas-shadow); }
.atlas-hub .atlas-band .atlas-note__text { font-size: clamp(18px, 1rem + .3vw, 21px); line-height: 1.55; color: var(--atlas-ink); }
.atlas-hub .atlas-band .atlas-sig { margin-top: 18px; font: italic 400 22px/1.2 var(--atlas-serif); color: var(--atlas-ink); }
.atlas-hub .atlas-band .atlas-stamp { position: absolute; top: -58px; right: clamp(16px, 3vw, 36px); display: grid; place-items: center; width: 112px; height: 112px; border: 1.5px solid var(--atlas-accent-ink); border-radius: 50%; background: var(--atlas-paper); transform: rotate(-8deg); text-align: center; font: 500 10px/1.35 var(--atlas-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--atlas-accent-ink); }
.atlas-hub .atlas-stamp::before { content: ""; position: absolute; inset: 6px; border: 1px dashed var(--atlas-accent); border-radius: 50%; }
.atlas-hub .atlas-stamp b { display: block; margin-top: 4px; font: 500 13px/1.2 var(--atlas-mono); letter-spacing: .04em; }

/* Night band */
.atlas-hub .atlas-night { background: radial-gradient(120% 140% at 85% 0%, var(--atlas-night-2) 0%, var(--atlas-night) 70%); color: var(--atlas-on-night); }
.atlas-hub .atlas-night .atlas-wrap { display: grid; gap: clamp(28px, 4vw, 64px); padding-block: clamp(56px, 7vw, 104px); }
.atlas-hub .atlas-band.atlas-night .atlas-kicker { color: var(--atlas-accent-night); }
.atlas-hub .atlas-band.atlas-night .atlas-h2 { color: var(--atlas-on-night); }
.atlas-hub .atlas-band .atlas-night__dek { max-width: 52ch; margin-top: 18px; color: var(--atlas-on-night-2); }
.atlas-hub .atlas-night :focus-visible,
body.haven-events .atlas-hub .atlas-night :focus-visible { outline-color: var(--atlas-accent-night); }
@media (min-width: 1000px) {
	.atlas-hub .atlas-night .atlas-wrap { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: center; }
}


/* Motion: bars hide only once atlas-hub.js arms them */
.atlas-hub.atlas-js .atlas-bar.atlas-pre .atlas-line { transform: scaleX(0); }
.atlas-hub.atlas-js .atlas-bar.atlas-pre.atlas-go .atlas-line { transform: scaleX(1); transition: transform 1s var(--atlas-ease) var(--delay, 0s); }
@media (prefers-reduced-motion: reduce) {
	.atlas-hub *,
	.atlas-hub *::before,
	.atlas-hub *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
	.atlas-hub .atlas-bar .atlas-line { transform: none !important; }
}

/* Photo credits on the photos (owner 2026-11-11): bottom left, small, readable on any photo. */
body.haven-events .atlas-hub .atlas-gcard__img { position: relative; }
body.haven-events .atlas-credit { position: absolute; left: 8px; bottom: 8px; z-index: 2; max-width: calc(100% - 16px); padding: 3px 7px; border-radius: 2px; background: var(--atlas-scrim); color: var(--atlas-on-night); font: 400 10.5px/1.35 var(--atlas-sans, system-ui, sans-serif); letter-spacing: .01em; text-align: left; }
body.haven-events .atlas-hub .atlas-photo .atlas-credit a, body.haven-events .atlas-hub .atlas-credit a { color: var(--atlas-on-night); text-decoration: underline; text-underline-offset: 2px; }

/* Guides (owner 2026-11-11): the lead and the next two, then a three-column grid with region filters and Show all. */
.atlas-hub .atlas-guide-filters { display: flex; flex-wrap: wrap; gap: 10px; margin: clamp(36px, 4vw, 56px) 0 24px; }
.atlas-hub .atlas-guide-filters[hidden] { display: none; }
.atlas-hub .atlas-filter { padding: 9px 16px; border: 1px solid var(--atlas-rule-strong, var(--atlas-ink-3)); border-radius: 999px; background: transparent; color: var(--atlas-ink); font: 500 12px/1 var(--atlas-mono); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.atlas-hub .atlas-filter[aria-pressed="true"] { background: var(--atlas-ink); border-color: var(--atlas-ink); color: var(--atlas-paper); }
.atlas-hub .atlas-guide-grid { display: grid; gap: var(--atlas-gap); grid-template-columns: minmax(0, 1fr); margin: clamp(28px, 3vw, 40px) 0 0; padding: 0; list-style: none; }
.atlas-hub .atlas-guide-filters:not([hidden]) + .atlas-guide-grid { margin-top: 0; }
.atlas-hub .atlas-guide-grid > li { margin: 0; min-width: 0; }
.atlas-hub .atlas-guide-grid > li[hidden] { display: none; }
.atlas-hub .atlas-guide-grid .atlas-gcard a { display: grid; gap: 14px; color: inherit; text-decoration: none; }
.atlas-hub .atlas-guide-grid .atlas-gcard__title { font-size: clamp(20px, 1rem + .6vw, 26px); }
.atlas-hub .atlas-guide-more { margin: 32px 0 0; text-align: center; }
.atlas-hub .atlas-guide-more[hidden] { display: none; }
.atlas-hub .atlas-guide-more__btn { padding: 14px 26px; border: 1px solid var(--atlas-ink); background: transparent; color: var(--atlas-ink); font: 500 13px/1 var(--atlas-mono); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
.atlas-hub .atlas-guide-more__btn:hover { background: var(--atlas-ink); color: var(--atlas-paper); }
@media (min-width: 640px) { .atlas-hub .atlas-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .atlas-hub .atlas-guide-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Image-led, compact ending (owner 2026-11-11): the message on top, the region forms two by two over the cover photo. */
.atlas-hub .atlas-night--image { position: relative; isolation: isolate; overflow: hidden; }
.atlas-hub .atlas-night--image .atlas-wrap { position: relative; z-index: 1; }
.atlas-hub .atlas-night__image { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.atlas-hub .atlas-night__image img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; opacity: .38; }
.atlas-hub .atlas-night__image::after { content: ""; position: absolute; inset: 0; background: var(--atlas-scrim); }
.atlas-hub .atlas-night--stack .atlas-night__copy { max-width: 62ch; }
@media (min-width: 1000px) {
	.atlas-hub .atlas-night--stack .atlas-wrap { grid-template-columns: minmax(0, 1fr); align-items: start; }
}
@media (min-width: 760px) {
	.atlas-band.atlas-night.atlas-night--stack .atlas-notify-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}