/* STYLE C: "Bold Marquee". Dark ink, hot pink and electric violet, huge condensed headlines, hard outlines and offset shadows, a scrolling ticker. Loud, like a title card.
   Fonts (local library): Anton + Manrope + Space Mono. Edit ONLY this file to change the look. */
@font-face{font-family:'Anton';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/Anton-400.ttf) format('truetype')}
@font-face{font-family:'Manrope';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/Manrope-400.ttf) format('truetype')}
@font-face{font-family:'Manrope';font-weight:800;font-style:normal;font-display:swap;src:url(../fonts/Manrope-800.ttf) format('truetype')}
@font-face{font-family:'Space Mono';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/SpaceMono-400.ttf) format('truetype')}
@font-face{font-family:'Space Mono';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/SpaceMono-700.ttf) format('truetype')}
:root{
  --bg:#0a0714; --bg-alt:#150f26; --fg:#fff6ff; --muted:#bdb0d4;
  --surface:#1b1230; --surface-2:#251a40; --border:#4a3870;
  --brand:#ff3d81; --brand-ink:#14061a;
  --accent:#00d4ff; --accent-ink:#06121a; --accent-2:#7c5cff; --accent-2-ink:#ffffff;
  --link:#7fe3ff; --focus:#00d4ff;
  --warn:#ffb020; --ok:#34e0a1; --ok-ink:#06150f; --danger:#ff7a8a; --danger-text:#ff9aa6; --danger-bg:#3a1224;
  --header-bg:#0a0714; --header-blur:none;
  --footer-bg:#ff3d81; --footer-fg:#14061a; --footer-muted:#4a1030;
  --hero-bg:radial-gradient(40rem 26rem at 90% 10%,rgba(124,92,255,.45),transparent 70%),radial-gradient(34rem 20rem at 0% 100%,rgba(255,61,129,.28),transparent 70%),var(--bg);
  --texture:none; --underline:linear-gradient(transparent 60%,rgba(255,61,129,.65) 60%);
  --font-display:'Anton',Impact,sans-serif; --font-body:'Manrope',system-ui,sans-serif; --font-mono:'Space Mono',ui-monospace,monospace; --font-btn:var(--font-display);
  --display-weight:400; --display-case:uppercase; --display-track:.01em; --display-lh:1;
  --fs-hero:clamp(3rem,9vw,5.8rem); --fs-h2:clamp(2.2rem,6vw,3.8rem); --fs-h3:1.7rem; --fs-body:1.0625rem; --fs-lead:1.2rem; --fs-small:.85rem; --fs-btn:1.15rem;
  --body-lh:1.6; --eyebrow-case:uppercase; --eyebrow-track:.12em;
  --btn-weight:400; --btn-case:uppercase; --btn-track:.06em;
  --radius:.5rem; --radius-btn:.4rem; --border-w:2.5px; --btn-border:#fff6ff; --card-border:2.5px solid #fff6ff;
  --shadow:6px 6px 0 var(--accent-2); --shadow-hover:8px 8px 0 var(--brand);
  --btn-shadow:5px 5px 0 var(--accent); --btn-shadow-hover:8px 8px 0 var(--accent); --btn-lift:translate(-3px,-3px);
  --space-1:.25rem; --space-2:.75rem; --space-3:1.25rem; --space-4:1.75rem; --space-5:3rem; --space-6:4.5rem;
  --gutter:1.25rem; --maxw:74rem; --section-pad:clamp(3.5rem,8vw,6rem); --hero-pad:clamp(3rem,8vw,6rem); --flow-shift:2rem;
  --dur:.15s; --ease:cubic-bezier(.34,1.56,.64,1);
  --ticker-display:block;
}
.hero h1{line-height:1.02;margin-bottom:var(--space-4)}
.brand__mark{transform:rotate(-6deg)}
.menu__panel,.menu__btn{--shadow:5px 5px 0 var(--brand)}
.tag{border-color:var(--fg)}
.swatch{border-bottom-width:2.5px}
.site-footer .btn{--btn-border:var(--footer-fg);background:var(--footer-fg);color:var(--footer-bg)}
.site-footer .brand__mark{background:var(--footer-fg);color:var(--footer-bg)}
.ticker__track span::after{color:var(--footer-fg)}
.hero .btn--ghost{box-shadow:5px 5px 0 var(--accent-2)}