/* GENERATED by build-plugin.py: the Domaine face, the afterglow tokens (system/dist/afterglow.css) on .ag-hd, the design rules of 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}
.ag-hd {
--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;
}
/* the menu's own ground rules, scoped so the theme's styles do not reach in */
.ag-hd { position: relative; z-index: 20; isolation: isolate; 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; }
.ag-hd *, .ag-hd *::before, .ag-hd *::after { box-sizing: border-box; }
.ag-hd a { color: inherit; text-decoration: none; transition: color .18s ease-out; }
.ag-hd :focus-visible { outline: 2px solid var(--ag-color-cream); outline-offset: 2px; border-radius: var(--ag-radius-sm); }
.ag-hd ul { list-style: none; margin: 0; padding: 0; font-family: inherit; }
.ag-hd li { margin: 0; padding: 0; }
.ag-hd button { font: inherit; }
.ag-hd img { max-width: none; }
html.ag-hd-open { overflow: hidden; }
/* a logged-in editor has the admin bar: the sheet starts under it */
.ag-hd .ag-hd__sheet { top: var(--wp-admin--admin-bar--height, 0px); }

/* ── the header ──────────────────────────────────────────────────────────────────────────────────────────────── */
/* one row on the page's own ground, no fill, no line: wordmark left, the four links right, then the one filled button */
.ag-hd__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--ag-space-lg); padding: var(--ag-space-sm) var(--ag-space-xl); }
/* the wordmark is the site's logo image (Ondra, 03-11-2026), 24 tall; the live header shows it at 22 */
.ag-hd__mark { position: relative; display: inline-block; line-height: 0; }
.ag-hd__mark img { display: block; height: var(--ag-space-md); width: auto; }
/* the wordmark never gets a box: hover and keyboard focus are the same hairline a step under it */
.ag-hd__mark::after { content: ""; position: absolute; left: 0; right: 0; bottom: calc(var(--ag-space-xs) * -1); height: 1px; background: var(--ag-color-cream); opacity: 0; transition: opacity .18s ease-out; }
.ag-hd__mark:focus-visible { outline: 0; }
.ag-hd__right { display: flex; align-items: center; gap: var(--ag-space-xl); }
.ag-hd__nav ul { display: flex; align-items: center; gap: var(--ag-space-md); }
.ag-hd__nav a { display: inline-block; padding-block: var(--ag-space-xs); font-size: var(--ag-size-small); font-weight: var(--ag-weight-medium); color: var(--ag-text-secondary); }
/* the account pair stands a step apart from the site links: these two go to the app. "a." in the selectors so the
   colours outrank the scoped `.ag-hd a { color: inherit }` reset (found live, 03-11-2026) */
.ag-hd__account { display: flex; align-items: center; gap: var(--ag-space-md); }
.ag-hd a.ag-hd__login { display: inline-block; padding-block: var(--ag-space-xs); font-size: var(--ag-size-small); font-weight: var(--ag-weight-medium); color: var(--ag-text-secondary); }
.ag-hd a.ag-hd__login:hover { color: var(--ag-color-cream); }
.ag-hd a.ag-hd__join { display: inline-flex; align-items: center; padding: var(--ag-space-xs) var(--ag-space-md); border-radius: var(--ag-radius-pill); background: var(--ag-brand-orange); color: var(--ag-color-cream); font-size: var(--ag-size-small); font-weight: var(--ag-weight-medium); letter-spacing: var(--ag-tracking-button); line-height: var(--ag-leading-normal); white-space: nowrap; transition: transform .25s cubic-bezier(.16,1,.3,1); }
.ag-hd a.ag-hd__join:hover { color: var(--ag-color-cream); transform: translateY(-1px); }
/* a plain word, so every theme button style is reset here; !important because theme button rules chain pseudo-classes
   (Twenty Twenty-One: button:not(:hover):not(:active):not(.has-background)) and outrank any class count */
.ag-hd .ag-hd__toggle { display: none; align-items: center; margin: 0; min-height: 0 !important; height: auto; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-shadow: none; text-transform: none; letter-spacing: 0; padding: var(--ag-space-xs) 0 !important; color: var(--ag-color-cream) !important; font-family: var(--ag-font-ui); font-size: var(--ag-size-small); font-weight: var(--ag-weight-medium); line-height: var(--ag-leading-normal); cursor: pointer; }
.ag-hd__toggle[aria-expanded="true"] .ag-hd__toggle-open, .ag-hd__toggle[aria-expanded="false"] .ag-hd__toggle-close { display: none; }

/* the phone menu: a sheet on the ground, the same bar on top (the toggle now reads Close), the four links in Domaine,
   the Night light at its foot so the sheet is the footer's family */
.ag-hd__sheet { position: fixed; inset: 0; z-index: 2; display: none; flex-direction: column; background: var(--ag-color-bg); overflow: hidden; }
.is-open .ag-hd__sheet { display: flex; }
.ag-hd__sheet-nav { padding: var(--ag-space-2xl) var(--ag-space-sm) var(--ag-space-xl); }
.ag-hd__sheet-nav ul { display: grid; gap: var(--ag-space-md); }
.ag-hd__sheet-nav a { font-family: var(--ag-font-display); font-weight: var(--ag-weight-regular); font-size: var(--ag-size-title); line-height: var(--ag-leading-snug); color: var(--ag-color-cream); }
.ag-hd__sheet-nav a:hover { color: var(--ag-brand-orange); }
.ag-hd__sheet-nav .is-current a { color: var(--ag-text-secondary); }
.ag-hd__sheet-sky { position: relative; margin-top: auto; height: calc(var(--ag-space-4xl) + var(--ag-space-2xl)); pointer-events: none; }
.ag-hd__sheet-sky .ag-hd-glow { left: var(--ag-space-md); right: var(--ag-space-md); top: 0; bottom: var(--ag-space-md); border-radius: var(--ag-radius-pill); }

/* the light: the open sheet is the shader's root. Its fixed canvas sits under the sheet's content, over the sheet's own
   ground, and draws only inside the sky window at the foot. Without WebGL the window falls back to the Night token. */
.ag-hd__sheet > .ag-hd-canvas { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; display: block; }
.ag-hd__sheet > :not(.ag-hd-canvas) { position: relative; z-index: 1; }
.ag-hd-glow { position: absolute; inset: 0; }
.ag-hd__sheet.ag-hd--noglow .ag-hd-glow[data-glow="night"] { background: var(--ag-gradient-preset-night); }

@media (max-width: 1024px) {
  .ag-hd__bar { padding: var(--ag-space-sm) var(--ag-space-md); }
  .ag-hd__right { gap: var(--ag-space-lg); }
}
@media (max-width: 767px) {
  .ag-hd__bar { padding: var(--ag-space-sm); gap: var(--ag-space-sm); }
  .ag-hd__nav, .ag-hd a.ag-hd__login { display: none; }
  .ag-hd__right, .ag-hd__account { gap: var(--ag-space-sm); }
  .ag-hd .ag-hd__toggle { display: inline-flex; }
}
@media (prefers-reduced-motion: reduce) {
  .ag-hd a, .ag-hd__join, .ag-hd__mark, .ag-hd__mark::after { transition: none; }
  .ag-hd__join:hover { transform: none; }
}