/* ============================================================
   Art Alive — Season Guide theme. Neighborhood Atlas family:
   photo-mosaic hero, numbered clusters, paper cards, and a
   run-bar "season ledger" accordion. Scoped under #art-alive-season
   (standalone page, not inside the site layout).
   ============================================================ */
#art-alive-season{
  --limestone:#F0EEE2;--limestone-dim:#E7E3D2;--line:#D9D4BE;--ink:#1B241D;--soft:#4B564C;
  --canopy:#1F3A2E;--canopy-deep:#122019;--citrus:#C97A22;--citrus-ink:#8F5416;--lake:#2E6E79;--clay:#A85436;
  /* Card surface stays light "paper" in both themes, like the Atlas. */
  --card:#FFFDF6;--card-line:#DAD5BF;--card-ink:#1B241D;--card-soft:#4B564C;--chip:#E7E3D2;--chip-ink:#1F4E57;
  --shadow:0 1px 2px rgba(27,36,29,.06),0 8px 24px -12px rgba(27,36,29,.18);
  --serif:'Fraunces',Georgia,serif;--sans:'Libre Franklin','Segoe UI',system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) #art-alive-season{--limestone:#12201A;--limestone-dim:#0D1713;--line:#274035;--ink:#EDEEE4;--soft:#A9B6AA;--canopy:#1B3327;--canopy-deep:#0C1712;--citrus:#E6A254;--citrus-ink:#F0BC80;--lake:#4F98A3;--clay:#C97456;--shadow:0 1px 4px rgba(0,0,0,.4),0 14px 32px -14px rgba(0,0,0,.7)}
}
:root[data-theme="dark"] #art-alive-season{--limestone:#12201A;--limestone-dim:#0D1713;--line:#274035;--ink:#EDEEE4;--soft:#A9B6AA;--canopy:#1B3327;--canopy-deep:#0C1712;--citrus:#E6A254;--citrus-ink:#F0BC80;--lake:#4F98A3;--clay:#C97456;--shadow:0 1px 4px rgba(0,0,0,.4),0 14px 32px -14px rgba(0,0,0,.7)}

#art-alive-season,#art-alive-season *{box-sizing:border-box}
#art-alive-season{margin:0;background:var(--limestone);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
#art-alive-season a{color:inherit}
#art-alive-season a:focus-visible,#art-alive-season button:focus-visible,#art-alive-season summary:focus-visible,#art-alive-season input:focus-visible{outline:2px solid var(--lake);outline-offset:3px;border-radius:2px}
#art-alive-season h1,#art-alive-season h2,#art-alive-season h3{font-family:var(--serif);text-wrap:balance;margin:0;color:inherit}
#art-alive-season img{max-width:100%}
.as-page{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.as-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media (prefers-reduced-motion: reduce){#art-alive-season *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

#art-alive-season .as-way{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0;font-size:13px;color:var(--soft)}
#art-alive-season .as-way a{text-decoration:none}#art-alive-season .as-way a:hover{color:var(--ink)}
#art-alive-season .as-cur{color:var(--ink);font-weight:600}
#art-alive-season .as-eyebrow{font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:8px}

/* hero */
.as-hero{position:relative;border-radius:10px;overflow:hidden;background:var(--canopy-deep);color:#F3F1E4;isolation:isolate}
.as-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);z-index:-2}
.as-mosaic div{background-size:cover;background-position:center}
.as-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,32,25,.78),rgba(18,32,25,.93))}
.as-hero-in{padding:clamp(28px,6vw,64px) clamp(20px,4vw,48px) 0;max-width:820px}
.as-hero .as-eyebrow{color:#F0BC80}
.as-dot{width:8px;height:8px;border-radius:50%;background:#F0BC80;box-shadow:0 0 0 4px rgba(240,188,128,.25)}
#art-alive-season .as-hero h1{font-size:clamp(32px,6vw,58px);line-height:1.04;font-weight:900;letter-spacing:-.02em;margin:14px 0 16px;color:#fff}
.as-hero-sub{font-size:17px;line-height:1.55;color:#D8DDD0;max-width:62ch}
.as-hero-sub p{margin:0 0 .7em}
.as-rail{display:flex;flex-wrap:wrap;margin-top:34px;border-top:1px solid rgba(255,255,255,.18)}
.as-stat{flex:1 1 140px;padding:18px clamp(20px,4vw,48px) 20px;border-right:1px solid rgba(255,255,255,.12)}
.as-stat:last-child{border-right:0}
.as-num{font:900 34px/1 var(--serif);color:#fff}
.as-lab{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#B9C4B8;margin-top:6px}
.as-by{padding:14px 0;font-size:13px;color:var(--soft)}.as-by b{color:var(--ink)}
.as-jump{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:8px}
.as-jump a{font-size:13px;font-weight:600;text-decoration:none;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--limestone-dim)}
.as-jump a:hover{border-color:var(--canopy)}

/* clusters */
.as-cluster{padding:44px 0}
.as-cluster.as-tint{background:var(--limestone-dim);margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}
.as-tint>.as-inner{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.as-chead{display:flex;gap:20px;align-items:flex-start;margin-bottom:26px}
.as-idx{font:900 56px/.9 var(--serif);color:var(--c)}
#art-alive-season .as-chead h2{font-size:clamp(24px,3.6vw,34px);line-height:1.1}
.as-lead{margin-top:8px;max-width:64ch;color:var(--soft)}.as-lead p{margin:0}
.as-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:22px}
.as-card{background:var(--card);color:var(--card-ink);border:1px solid var(--card-line);border-top:3px solid var(--c);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.as-photo{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--p1),var(--p2))}
.as-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.as-pill{position:absolute;left:12px;top:12px;background:rgba(18,32,25,.88);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:999px}
.as-pill.as-hot{background:var(--clay)}
.as-card-in{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
#art-alive-season .as-card h3{font-size:19px;line-height:1.2;color:var(--card-ink)}
#art-alive-season .as-card h3 a{text-decoration:none}#art-alive-season .as-card h3 a:hover{text-decoration:underline}
.as-where{font-size:12.5px;font-weight:700;color:var(--c);letter-spacing:.02em}
.as-body{font-size:14.5px;color:var(--card-soft)}.as-body p{margin:0 0 .6em}.as-body p:last-child{margin:0}
.as-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.as-tag{font-size:11.5px;font-weight:600;background:var(--chip);color:var(--chip-ink);padding:3px 9px;border-radius:4px}
.as-tag.as-free{background:#DDEBD6;color:#2E5A25}
.as-links{display:flex;flex-wrap:wrap;gap:6px 18px}
#art-alive-season .as-go{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:700;color:var(--c,var(--lake));text-decoration:none}
#art-alive-season .as-go:hover{text-decoration:underline}
#art-alive-season .as-go svg{width:14px;height:14px}
#art-alive-season .as-ext{color:var(--card-soft)}
.as-note{margin-top:22px;padding:14px 18px;border-left:3px solid var(--citrus);background:var(--card);color:var(--card-ink);border-radius:0 6px 6px 0;font-size:14.5px}
.as-note p{margin:0 0 .5em}.as-note p:last-child{margin:0}

.as-nights{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:14px}
.as-night{display:grid;grid-template-columns:60px minmax(0,1fr);gap:14px;background:var(--card);color:var(--card-ink);border:1px solid var(--card-line);border-radius:8px;padding:14px;box-shadow:var(--shadow)}
.as-date{text-align:center;border-right:1px solid var(--card-line);padding-right:12px}
.as-date b{display:block;font:900 26px/1 var(--serif);color:var(--c)}
.as-date span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--card-soft)}
#art-alive-season .as-night h3{font-size:15.5px;line-height:1.25;color:var(--card-ink)}
#art-alive-season .as-night h3 a{text-decoration:none}#art-alive-season .as-night h3 a:hover{text-decoration:underline}
.as-night-body{margin-top:4px;font-size:13px;color:var(--card-soft)}.as-night-body p{margin:0}
.as-cards+.as-nights,.as-nights+.as-cards{margin-top:22px}

/* ledger */
.as-ledger{padding:48px 0;border-top:1px solid var(--line)}
.as-dhead{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end;margin-bottom:18px}
#art-alive-season .as-dhead h2{font-size:clamp(24px,3.4vw,32px)}
.as-dhead p{margin:6px 0 0;color:var(--soft);font-size:14px;max-width:60ch}
.as-search{width:min(100%,300px);padding:11px 14px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--card-ink);font:inherit;font-size:14px}
.as-dscroll{overflow-x:auto}.as-dscroll>div{min-width:640px}
.as-axis,.as-ex summary{display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,1.5fr) 92px 22px;gap:14px;align-items:center}
.as-axis{padding:0 4px 6px;border-bottom:2px solid var(--ink);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.as-right{text-align:right}
.as-ticks{position:relative;height:14px}.as-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.as-ticks span:first-child{transform:none}.as-ticks span:last-child{transform:translateX(-100%)}
.as-ex{border-bottom:1px solid var(--line)}
.as-ex summary{padding:10px 4px;cursor:pointer;list-style:none}
.as-ex summary::-webkit-details-marker{display:none}
.as-ex summary:hover{background:var(--limestone-dim)}
.as-th{width:56px;height:56px;border-radius:6px;background:linear-gradient(135deg,var(--p1),var(--p2));background-size:cover;background-position:center}
.as-nm{font-weight:700;line-height:1.25}.as-nm small{display:block;font-weight:500;color:var(--soft);font-size:12.5px;margin-top:2px}
.as-track{position:relative;height:26px;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px);background-size:25% 100%;border-right:1px solid var(--line)}
.as-bar{position:absolute;top:7px;height:12px;border-radius:0 3px 3px 0;background:var(--p1)}
.as-bar.as-cont::after{content:"";position:absolute;right:-1px;top:-3px;border-left:9px solid var(--p1);border-top:9px solid transparent;border-bottom:9px solid transparent}
.as-fd{position:absolute;top:9px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--citrus);box-shadow:0 0 0 2px var(--limestone)}
.as-cl{font-size:13px;font-weight:700;text-align:right;color:var(--citrus-ink)}.as-cl.as-soon{color:var(--clay)}
.as-chev{width:14px;height:14px;transition:transform .2s;color:var(--soft)}
.as-ex[open] .as-chev{transform:rotate(180deg)}
.as-panel{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:22px;padding:6px 4px 22px 74px}
.as-img{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--p1),var(--p2))}
.as-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.as-panel .as-body{color:var(--soft);margin-bottom:10px}
.as-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:12px;color:var(--soft)}
.as-legend i{display:inline-block;margin-right:6px;vertical-align:middle}
.as-key-bar{width:14px;height:8px;border-radius:2px;background:var(--lake)}
.as-key-dot{width:8px;height:8px;border-radius:50%;background:var(--citrus)}
.as-empty{padding:20px 4px;color:var(--soft)}

/* subscribe / series / faq */
.as-sub{margin:48px 0 0;background:var(--canopy);color:#F3F1E4;border-radius:10px;padding:clamp(24px,4vw,40px);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
#art-alive-season .as-sub h2{color:#fff;font-size:26px}
.as-sub p{margin:6px 0 0;color:#C9D3C6;max-width:46ch}
.as-sub-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.as-sub-form input{padding:11px 14px;border-radius:6px;border:0;font:inherit;font-size:14px;min-width:230px;color:#1B241D}
#art-alive-season .as-sub-form button,#art-alive-season .as-sub-cta{padding:11px 20px;border:0;border-radius:6px;background:var(--citrus);color:#1B241D;font:700 14px var(--sans);text-decoration:none;cursor:pointer}
.as-sub-form .as-sub-msg{flex-basis:100%;margin:0;font-size:13px}
.as-issues,.as-faq{padding-top:44px}
#art-alive-season .as-issues h2,#art-alive-season .as-faq h2{font-size:22px;margin-bottom:14px}
.as-issue-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
#art-alive-season .as-issue{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--card);color:var(--card-ink);border:1px solid var(--card-line);border-radius:8px;text-decoration:none;box-shadow:var(--shadow)}
#art-alive-season .as-issue:hover{border-color:var(--canopy)}
.as-issue-tag{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--citrus-ink)}
.as-issue-title{font:700 16px/1.25 var(--serif)}
.as-faq-item{border-bottom:1px solid var(--line)}
.as-faq-item summary{cursor:pointer;font-weight:600;padding:14px 0}
.as-faq-item p{margin:0 0 14px;color:var(--soft);max-width:70ch}
.as-colophon{padding:36px 0 48px;font-size:12px;color:var(--soft)}

/* shared "More Local Guides" strip */
#art-alive-season .more-guides{margin-top:44px;padding:clamp(24px,4vw,40px) 0 0;border-top:1px solid var(--line)}
#art-alive-season .more-guides-weekend-line{font-size:13.5px;color:var(--soft);margin:0 0 16px}
#art-alive-season .more-guides-weekend-line a{color:var(--lake)}
#art-alive-season .more-guides-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:14px;display:flex;align-items:center;gap:12px}
#art-alive-season .more-guides-label::after{content:'';flex:1;height:1px;background:var(--line)}
#art-alive-season .more-guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
#art-alive-season .more-guide-card{display:flex;align-items:center;gap:12px;background:var(--card);color:var(--card-ink);border:1px solid var(--card-line);border-radius:4px;padding:14px;text-decoration:none}
#art-alive-season .more-guide-card:hover{border-color:var(--lake)}
#art-alive-season .more-guide-icon{flex-shrink:0;font-size:22px}
#art-alive-season .more-guide-text{flex:1;min-width:0}
#art-alive-season .more-guide-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--chip-ink);margin-bottom:3px}
#art-alive-season .more-guide-title{display:block;font:700 14.5px var(--serif);color:var(--card-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#art-alive-season .more-guide-arrow{flex-shrink:0;color:var(--chip-ink);font-weight:800;font-size:16px}

@media (max-width:640px){
  .as-idx{font-size:40px}.as-chead{gap:14px}.as-stat{flex-basis:45%;border-right:0}
  .as-panel{grid-template-columns:1fr;padding-left:4px}
}

/* Free this season quick-answer panel (above the first section) */
.as-freebox-band{padding:32px 0 0}
.as-freebox{padding:22px 26px;background:var(--card);color:var(--card-ink);border-left:4px solid var(--citrus);border-radius:0 8px 8px 0}
.as-freebox h2{margin:0 0 12px;font-size:22px}
.as-freebox ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 28px}
.as-freebox li b{display:block;font-size:15px}
.as-freebox li span{font-size:14px;opacity:.85}

/* The season ledger always sits on a light band, even when the page is in dark mode */
#art-alive-season .as-ledger{
  --limestone:#F0EEE2;--limestone-dim:#E7E3D2;--line:#D9D4BE;--ink:#1B241D;--soft:#4B564C;
  --citrus:#C97A22;--citrus-ink:#8F5416;--lake:#2E6E79;--clay:#A85436;
  background:var(--limestone);color:var(--ink);
  margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);
}

/* Wide card: full-row, image on the left (block meta "wide") */
.as-card.as-card-wide{grid-column:1/-1;flex-direction:row}
.as-card-wide .as-photo{flex:0 0 38%;aspect-ratio:auto;min-height:220px}
.as-card-wide .as-card-in{justify-content:center;padding:22px 26px}
@media (max-width:640px){.as-card.as-card-wide{flex-direction:column}.as-card-wide .as-photo{flex:none;aspect-ratio:16/9;min-height:0}}