/* GENERATED by build-plugin.py: the Domaine faces, the afterglow tokens (system/dist/afterglow.css), concept-styles.css. */
@font-face{font-family:"Domaine Display Narrow";font-weight:400;font-style:normal;src:url("https://xoafterglow.com/wp-content/uploads/2026/10/domaine-display-narrow-regular.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Domaine Display Narrow";font-weight:400;font-style:italic;src:url("https://xoafterglow.com/wp-content/uploads/2026/10/domaine-display-narrow-regular-italic.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Domaine Display Narrow";font-weight:500;font-style:italic;src:url("https://xoafterglow.com/wp-content/uploads/2026/10/domaine-display-narrow-medium-italic.woff2") format("woff2");font-display:swap}
:root {
--ag-color-bg: #0c0c0f;
  --ag-color-surface: #1a1a1e;
  --ag-color-cream: #FFFFF3;
  --ag-color-black: #000000;
  --ag-color-scrim: rgba(12,12,15,0.62);
  --ag-color-scrim-strong: rgba(12,12,15,0.86);
  --ag-text-primary: rgba(255,255,243,0.85);
  --ag-text-secondary: rgba(255,255,243,0.60);
  --ag-text-muted: rgba(255,255,243,0.30);
  --ag-text-faint: rgba(255,255,243,0.08);
  --ag-border-default: rgba(255,255,255,0.07);
  --ag-border-hover: rgba(255,255,255,0.12);
  --ag-brand-orange: #FF4C00;
  --ag-brand-magenta: #FF02CB;
  --ag-brand-violet: #9C4DE0;
  --ag-brand-indigo: #3A2E8C;
  --ag-aura-authenticity-color: #FF7A1A;
  --ag-aura-authenticity-glow: rgba(255,122,26,0.5);
  --ag-aura-authenticity-low: #B23A00;
  --ag-aura-authenticity-high: #FFB24D;
  --ag-aura-presence-color: #FF2FB0;
  --ag-aura-presence-glow: rgba(255,47,176,0.5);
  --ag-aura-presence-low: #FFB3D9;
  --ag-aura-presence-high: #E5008F;
  --ag-aura-connection-color: #8E5CE6;
  --ag-aura-connection-glow: rgba(142,92,230,0.5);
  --ag-aura-connection-low: #CDB4F5;
  --ag-aura-connection-high: #6E2FCF;
  --ag-aura-communication-color: #4FA3FF;
  --ag-aura-communication-glow: rgba(79,163,255,0.5);
  --ag-aura-communication-low: #35357A;
  --ag-aura-communication-high: #A9C7F5;
  --ag-gradient-master: linear-gradient(90deg, #FF8A2B 0%, #FF4C00 22%, #FF1E8E 48%, #B14DE0 72%, #4A3AA7 100%);
  --ag-gradient-aura-authenticity: linear-gradient(135deg, #B23A00 0%, #FF7A1A 55%, #FFB24D 100%);
  --ag-gradient-aura-presence: linear-gradient(135deg, #FFB3D9 0%, #FF2FB0 55%, #E5008F 100%);
  --ag-gradient-aura-connection: linear-gradient(135deg, #CDB4F5 0%, #8E5CE6 55%, #6E2FCF 100%);
  --ag-gradient-aura-communication: linear-gradient(135deg, #35357A 0%, #4FA3FF 55%, #A9C7F5 100%);
  --ag-gradient-spectrum-authenticity: linear-gradient(90deg, #B7BFE1 0%, #669BD2 50%, #B967A3 100%);
  --ag-gradient-spectrum-presence: linear-gradient(90deg, #EEBED9 0%, #F68F51 50%, #EE3343 100%);
  --ag-gradient-spectrum-connection: linear-gradient(90deg, #EDB7D5 0%, #ED2C7E 50%, #ED2246 100%);
  --ag-gradient-spectrum-communication: linear-gradient(90deg, #F498BC 0%, #977DB9 50%, #D34899 100%);
  --ag-gradient-preset-sunset: radial-gradient(120% 140% at 30% 120%, #FFB24D 0%, #FF6A1A 22%, #FF2E6E 46%, #B4318F 66%, #3A2E8C 100%);
  --ag-gradient-preset-dusk: linear-gradient(180deg, #2A2C6E 0%, #6E2FCF 40%, #B4318F 70%, #FF6A1A 100%);
  --ag-gradient-preset-night: radial-gradient(120% 140% at 30% 120%, #4A3AA7 0%, #2A2C6E 40%, #0E1030 100%);
  --ag-shader-sunset-stops-0: #3A2E8C;
  --ag-shader-sunset-stops-1: #B4318F;
  --ag-shader-sunset-stops-2: #FF2E7E;
  --ag-shader-sunset-stops-3: #FF6A1A;
  --ag-shader-sunset-stops-4: #FFB24D;
  --ag-shader-sunset-grain: 0.05;
  --ag-shader-sunset-warp: 1.7;
  --ag-shader-night-stops-0: #0E1030;
  --ag-shader-night-stops-1: #2A2C6E;
  --ag-shader-night-stops-2: #4A3AA7;
  --ag-shader-night-stops-3: #B4318F;
  --ag-shader-night-stops-4: #FF5A2A;
  --ag-shader-night-grain: 0.05;
  --ag-shader-night-warp: 1.9;
  --ag-shader-filmic-stops-0: #2A2C6E;
  --ag-shader-filmic-stops-1: #6E2FCF;
  --ag-shader-filmic-stops-2: #B4318F;
  --ag-shader-filmic-stops-3: #FF3D6E;
  --ag-shader-filmic-stops-4: #FF7A1A;
  --ag-shader-filmic-grain: 0.16;
  --ag-shader-filmic-warp: 1.5;
  --ag-avatar-palette-0: #FF4C00;
  --ag-avatar-palette-1: #FF02CB;
  --ag-avatar-palette-2: #9C4DE0;
  --ag-avatar-palette-3: #3A2E8C;
  --ag-avatar-pattern: mesh;
  --ag-font-display: "Domaine Display Narrow", Georgia, 'Times New Roman', serif;
  --ag-font-ui: Poppins, system-ui, -apple-system, Segoe UI, sans-serif;
  --ag-font-accent: Lacquer, system-ui, cursive;
  --ag-size-display: 72px;
  --ag-size-hero: 56px;
  --ag-size-section: 44px;
  --ag-size-title: 36px;
  --ag-size-subhead: 28px;
  --ag-size-card: 18px;
  --ag-size-body: 17px;
  --ag-size-small: 14px;
  --ag-size-caption: 13px;
  --ag-size-meta: 11px;
  --ag-weight-regular: 400;
  --ag-weight-medium: 500;
  --ag-weight-semibold: 600;
  --ag-leading-tight: 1.1;
  --ag-leading-snug: 1.15;
  --ag-leading-card: 1.3;
  --ag-leading-normal: 1.5;
  --ag-leading-body: 1.6;
  --ag-tracking-meta: 0.12em;
  --ag-tracking-button: 0.02em;
  --ag-space-xs: 8px;
  --ag-space-sm: 16px;
  --ag-space-md: 24px;
  --ag-space-lg: 32px;
  --ag-space-xl: 48px;
  --ag-space-2xl: 64px;
  --ag-space-3xl: 80px;
  --ag-space-4xl: 120px;
  --ag-space-section: 160px;
  --ag-radius-sm: 8px;
  --ag-radius-md: 12px;
  --ag-radius-lg: 20px;
  --ag-radius-pill: 999px;
  --ag-video-scale: 3;
}
/* afterglow archive pages: concept comp, step 1 (02-11-2026, quieter pass the same evening). Scoped to .ag-ar. Tokens
   only; the build fails on a raw colour, an unlisted px value or an em dash. Allowed raw numbers: 0px, 1px hairlines,
   2px focus, the 767px / 1024px breakpoints, ratios, motion. This is the stylesheet the plugin template will enqueue
   in step 2 (the comp-only switcher styles live in the generator). One accent on the page: orange. The pill for the
   light, the stills and the pills; entries are outlined by a hairline only, no fill. */

/* ── page ── */
.ag-ar { --gutter: max(var(--ag-space-sm), calc((100% - var(--ag-space-4xl) * 10) / 2)); position: relative; isolation: isolate; background: var(--ag-color-bg); color: var(--ag-text-primary); font-family: var(--ag-font-ui); font-size: var(--ag-size-body); line-height: var(--ag-leading-body); -webkit-font-smoothing: antialiased; overflow: hidden; }
.ag-ar * { box-sizing: border-box; }
.ag-ar a { color: inherit; text-decoration: none; transition: color .18s ease-out; }
.ag-ar :focus-visible { outline: 2px solid var(--ag-color-cream); outline-offset: 2px; border-radius: var(--ag-radius-sm); }
.ag-ar ::selection { background: var(--ag-brand-orange); color: var(--ag-color-cream); }
.ag-ar :is(h1, h2, h3) { font-family: var(--ag-font-display) !important; font-weight: var(--ag-weight-regular); color: var(--ag-color-cream); margin: 0; text-wrap: balance; }
.ag-ar p, .ag-ar ul { margin: 0; }
.ag-ar ul { list-style: none; padding: 0; }
.ag-ar__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ag-ar__page[hidden] { display: none; }

/* the light: one fixed canvas behind the page, drawn only inside each .ag-ar-glow window */
.ag-ar > .ag-ar-canvas { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; display: block; }
.ag-ar > .ag-ar__page, .ag-ar > .ag-ar__section { position: relative; z-index: 1; }
.ag-ar .ag-ar-glow { position: absolute; inset: 0; border-radius: var(--ag-radius-pill); }
.ag-ar.ag-ar--noglow .ag-ar-glow[data-glow="sunset"] { background: var(--ag-gradient-preset-sunset); }
.ag-ar.ag-ar--noglow .ag-ar-glow[data-glow="arc"] { background: var(--ag-gradient-preset-dusk); }
.ag-ar.ag-ar--noglow .ag-ar-glow[data-glow="night"] { background: var(--ag-gradient-preset-night); }
.ag-ar.ag-ar--noglow .ag-ar-glow[data-glow="aura:authenticity"] { background: var(--ag-gradient-aura-authenticity); }
.ag-ar.ag-ar--noglow .ag-ar-glow[data-glow="aura:presence"] { background: var(--ag-gradient-aura-presence); }
.ag-ar.ag-ar--noglow .ag-ar-glow[data-glow="aura:connection"] { background: var(--ag-gradient-aura-connection); }
.ag-ar.ag-ar--noglow .ag-ar-glow[data-glow="aura:communication"] { background: var(--ag-gradient-aura-communication); }
.ag-ar.ag-ar--noglow .ag-ar-glow[data-glow^="arch:"] { background-image: var(--field); background-size: cover; background-position: center; }

/* ── type ── */
.ag-ar .ag-ar__h1 { font-size: var(--ag-size-display); line-height: var(--ag-leading-tight); max-width: 10em; }
.ag-ar .ag-ar__h1 em { font-style: italic; }
.ag-ar .ag-ar__h2 { font-size: var(--ag-size-title); line-height: var(--ag-leading-snug); max-width: 16em; }
.ag-ar .ag-ar__h3 { font-size: var(--ag-size-subhead); line-height: var(--ag-leading-card); }
.ag-ar .ag-ar__lede { font-size: var(--ag-size-card); line-height: var(--ag-leading-normal); color: var(--ag-text-secondary); max-width: 26em; }
.ag-ar .ag-ar__body { color: var(--ag-text-secondary); max-width: 36em; }
.ag-ar .ag-ar__small { font-size: var(--ag-size-small); line-height: var(--ag-leading-normal); color: var(--ag-text-secondary); max-width: 34em; }
.ag-ar .ag-ar__kind { font-size: var(--ag-size-caption); color: var(--ag-text-muted); }
.ag-ar .ag-ar__crumbs { font-size: var(--ag-size-small); color: var(--ag-text-secondary); }
.ag-ar .ag-ar__crumbs a:hover { color: var(--ag-brand-orange); }
.ag-ar .ag-ar__link { font-size: var(--ag-size-small); color: var(--ag-color-cream); border-bottom: 1px solid var(--ag-border-hover); padding-bottom: var(--ag-space-xs); align-self: flex-start; }
.ag-ar .ag-ar__link:hover { border-color: var(--ag-brand-orange); }

/* ── frame ── */
.ag-ar .ag-ar__section { width: 100%; padding: var(--ag-space-3xl) var(--gutter); }

/* ── header: the term, its line, its light ── */
.ag-ar .ag-ar__head { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); column-gap: var(--ag-space-3xl); align-items: end; padding-top: var(--ag-space-2xl); padding-bottom: var(--ag-space-xl); }
.ag-ar .ag-ar__head-copy { display: flex; flex-direction: column; gap: var(--ag-space-md); }
.ag-ar .ag-ar__sky { position: relative; aspect-ratio: 4 / 5; max-height: calc(var(--ag-space-4xl) * 4.5); justify-self: end; width: 100%; }

/* the search form, the hub's pill */
.ag-ar .ag-ar__search { display: flex; align-items: center; gap: var(--ag-space-xs); border: 1px solid var(--ag-border-hover); border-radius: var(--ag-radius-pill); padding: var(--ag-space-xs); max-width: 30em; }
.ag-ar .ag-ar__search input { flex: 1 1 auto; min-width: 0; border: 0; background: transparent; color: var(--ag-color-cream); font-family: var(--ag-font-ui); font-size: var(--ag-size-small); padding: var(--ag-space-xs) var(--ag-space-sm); outline: none; border-radius: var(--ag-radius-pill); }
.ag-ar .ag-ar__search input::placeholder { color: var(--ag-text-muted); }
.ag-ar .ag-ar__search button { border: 0; background: transparent; color: var(--ag-color-cream); font-family: var(--ag-font-ui); font-size: var(--ag-size-small); font-weight: var(--ag-weight-medium); padding: var(--ag-space-xs) var(--ag-space-sm); border-radius: var(--ag-radius-pill); cursor: pointer; }
.ag-ar .ag-ar__search button:hover { color: var(--ag-brand-orange); }

/* ── narrow: outline pills, the pressed one is the current state ── */
.ag-ar .ag-ar__narrow { display: flex; flex-wrap: wrap; gap: var(--ag-space-xs); margin-top: var(--ag-space-sm); }
.ag-ar .ag-ar__pill { display: inline-flex; align-items: center; padding: var(--ag-space-xs) var(--ag-space-md); border-radius: var(--ag-radius-pill); border: 1px solid var(--ag-border-hover); font-size: var(--ag-size-small); color: var(--ag-text-secondary); line-height: var(--ag-leading-card); white-space: nowrap; transition: border-color .3s, color .18s; }
.ag-ar .ag-ar__pill:hover { border-color: var(--ag-color-cream); color: var(--ag-color-cream); }
.ag-ar .ag-ar__pill--on { border-color: var(--ag-color-cream); color: var(--ag-color-cream); }

/* ── the list: entries outlined by a hairline, no fill (Ondra, 02-11: an outline is subtle enough) ── */
.ag-ar .ag-ar__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ag-space-md); padding-top: var(--ag-space-md); }
.ag-ar .ag-ar__entry { position: relative; min-width: 0; padding: var(--ag-space-lg); border: 1px solid var(--ag-border-default); border-radius: var(--ag-radius-lg); transition: border-color .3s; }
.ag-ar .ag-ar__entry:hover { border-color: var(--ag-border-hover); }
.ag-ar .ag-ar__entry-text { display: flex; flex-direction: column; gap: var(--ag-space-xs); min-width: 0; }
.ag-ar .ag-ar__entry .ag-ar__h3 a::after { content: ""; position: absolute; inset: 0; }
.ag-ar .ag-ar__entry:hover .ag-ar__h3 a { color: var(--ag-brand-orange); }
/* a picture only where the post carries hub-still: a standing stadium beside the words (A), a line above them below 1024 (B) */
.ag-ar .ag-ar__entry--still { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); column-gap: var(--ag-space-lg); align-items: start; }
.ag-ar .ag-ar__still { position: relative; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--ag-radius-pill); background: var(--ag-color-surface); }
.ag-ar .ag-ar__still img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--pos, 50% 35%); display: block; transition: transform 1.2s cubic-bezier(.16,1,.3,1); }
.ag-ar .ag-ar__entry:hover .ag-ar__still img { transform: scale(1.03); }

/* ── pagination ── */
.ag-ar .ag-ar__pages { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ag-space-md); margin-top: var(--ag-space-3xl); }
.ag-ar .ag-ar__pages ul { display: flex; flex-wrap: wrap; gap: var(--ag-space-xs); }
.ag-ar .ag-ar__pages .ag-ar__pill { min-width: calc(var(--ag-space-lg) + var(--ag-space-md)); justify-content: center; }

/* ── empty state ── */
.ag-ar .ag-ar__empty { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); column-gap: var(--ag-space-3xl); align-items: end; padding-bottom: var(--ag-space-xl); }
.ag-ar .ag-ar__empty-copy { display: flex; flex-direction: column; gap: var(--ag-space-md); }
.ag-ar .ag-ar__doors { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ag-space-lg); padding-top: var(--ag-space-xl); border-top: 1px solid var(--ag-border-default); }
.ag-ar .ag-ar__door { display: flex; flex-direction: column; gap: var(--ag-space-xs); }
.ag-ar .ag-ar__door:hover .ag-ar__h3 { color: var(--ag-brand-orange); }

/* ── close: one line, the nine names, the one filled button on the page ── */
.ag-ar .ag-ar__close { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); column-gap: var(--ag-space-3xl); row-gap: var(--ag-space-xl); align-items: start; padding-top: var(--ag-space-2xl); }
.ag-ar .ag-ar__close-copy { display: flex; flex-direction: column; gap: var(--ag-space-md); align-items: flex-start; }
.ag-ar .ag-ar__arch { display: flex; flex-wrap: wrap; gap: var(--ag-space-xs) var(--ag-space-lg); padding-top: var(--ag-space-xs); }
.ag-ar .ag-ar__arch a { font-family: var(--ag-font-display); font-style: italic; font-size: var(--ag-size-subhead); line-height: var(--ag-leading-card); color: var(--ag-color-cream); }
.ag-ar .ag-ar__arch a:hover { color: var(--ag-brand-orange); }
.ag-ar .ag-ar__btn { display: inline-flex; align-items: center; border: 0; border-radius: var(--ag-radius-pill); padding: var(--ag-space-sm) var(--ag-space-lg); background: var(--ag-brand-orange); color: var(--ag-color-cream); font-family: var(--ag-font-ui); font-size: var(--ag-size-small); font-weight: var(--ag-weight-semibold); letter-spacing: var(--ag-tracking-button); line-height: 1; white-space: nowrap; transition: transform .25s cubic-bezier(.16,1,.3,1); margin-top: var(--ag-space-xs); }
.ag-ar .ag-ar__btn:hover { color: var(--ag-color-cream); }
.ag-ar .ag-ar__btn:active { transform: translateY(1px) scale(.98); }

/* ── tablet (<=1024): the site's middle breakpoint; A's stadium becomes B's line ── */
@media (max-width: 1024px) {
  .ag-ar .ag-ar__section { padding-top: var(--ag-space-2xl); padding-bottom: var(--ag-space-2xl); }
  .ag-ar .ag-ar__h1 { font-size: var(--ag-size-hero); }
  .ag-ar .ag-ar__head, .ag-ar .ag-ar__empty, .ag-ar .ag-ar__close { grid-template-columns: minmax(0, 1fr); row-gap: var(--ag-space-lg); }
  .ag-ar .ag-ar__sky { order: -1; aspect-ratio: auto; height: calc(var(--ag-space-4xl) * 1.25); max-height: none; width: 100%; }
  .ag-ar .ag-ar__doors { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ag-ar .ag-ar__entry--still { grid-template-columns: minmax(0, 1fr); row-gap: var(--ag-space-sm); }
  .ag-ar .ag-ar__still { aspect-ratio: 16 / 6; }
}

/* ── mobile (<=767) ── */
@media (max-width: 767px) {
  .ag-ar .ag-ar__section { padding-top: var(--ag-space-xl); padding-bottom: var(--ag-space-xl); }
  .ag-ar .ag-ar__h1 { font-size: var(--ag-size-section); }
  .ag-ar .ag-ar__h3 { font-size: var(--ag-size-card); }
  .ag-ar .ag-ar__sky { height: var(--ag-space-4xl); }
  .ag-ar .ag-ar__list, .ag-ar .ag-ar__doors { grid-template-columns: minmax(0, 1fr); }
  .ag-ar .ag-ar__entry { padding: var(--ag-space-md); }
  .ag-ar .ag-ar__narrow { overflow-x: auto; flex-wrap: nowrap; padding-bottom: var(--ag-space-xs); scrollbar-width: none; }
  .ag-ar .ag-ar__pages { flex-direction: column; align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .ag-ar .ag-ar__still img, .ag-ar .ag-ar__btn { transition: none; }
  .ag-ar .ag-ar__entry:hover .ag-ar__still img { transform: none; }
}