/* Google Fonts substitutes — no font files were supplied. Verdana/Tahoma are system fonts. See readme.md > Typography. */


:root{
/* PAPER — white page, the default ground */
--paper:#ffffff;--bone-100:#f4f2ef;--bone-200:#e4e4e4;--bone-300:#d6d6d6;
/* EMBER — exploding vector shards */
--salmon-300:#eab09c;--salmon-400:#e08a70;--ember-500:#d04a22;--orange-500:#ff6600;--blood-600:#c41e2a;--rust-700:#a8313a;
/* CRIMSON NIGHT */
--oxblood-600:#6e1230;--oxblood-800:#3d0a1c;--crimson-900:#1c0612;--crimson-950:#0e030a;
/* NEUTRALS */
--smoke-300:#b9b3ae;--smoke-500:#7d7169;--grey-800:#333333;--asphalt:#17130f;--ink:#0a0708;
/* WIN2000 CHROME — classic OS buttons + windows */
--win-face:#d4d0c8;--win-light:#ffffff;--win-shadow:#808080;--win-dark:#404040;

/* SEMANTIC */
--bg-page:var(--paper);--bg-muted:var(--bone-200);--bg-dark:var(--crimson-950);--bg-block:var(--orange-500);
--surface-card:var(--paper);--surface-dark:var(--ink);
--fg-1:var(--ink);--fg-2:#3a3a3a;--fg-muted:var(--smoke-500);--fg-on-dark:var(--bone-100);--fg-on-dark-muted:var(--smoke-300);
--accent-primary:var(--blood-600);--accent-secondary:var(--ember-500);--accent-block:var(--orange-500);
--line-hair:rgba(10,7,8,.4);--line-ember:rgba(196,30,42,.7);--line-on-dark:rgba(244,242,239,.35);
--state-success:#2e9e4f;--state-warning:var(--orange-500);--state-danger:var(--blood-600);--state-info:var(--grey-800);
--focus-ring:var(--orange-500);

/* GRADIENTS — surfaces only */
--grad-crimson-flare:radial-gradient(ellipse at 38% 30%,rgba(255,250,248,.95) 0%,rgba(224,138,112,.6) 12%,rgba(196,30,42,.5) 30%,rgba(61,10,28,.5) 50%,rgba(14,3,10,0) 72%);/* @kind color */
--grad-floor:linear-gradient(180deg,var(--paper) 0%,var(--paper) 55%,#dcdedf 56%,#eef0f0 72%,var(--paper) 100%);/* @kind color */
--grad-win-title:linear-gradient(90deg,var(--oxblood-800) 0%,var(--blood-600) 55%,var(--ember-500) 100%);/* @kind color */
--grad-smoke:radial-gradient(ellipse at 50% 60%,rgba(240,179,90,.5) 0%,rgba(122,15,36,.25) 40%,rgba(10,7,8,0) 72%);/* @kind color */
}

:root{
--font-display:'Archivo',Helvetica,Arial,sans-serif;       /* heavy tight grotesk; italic + wdth 62 for "typo dESIGN" */
--font-impact:'Anton','Impact',sans-serif;                   /* compressed caps + giant index numbers */
--font-tall:'Six Caps','Anton',sans-serif;                   /* ultra-tall caps, tracked wide */
--font-geo:'Jost','Futura',sans-serif;                       /* lowercase geometric labels — bauhaus nav, TV wordmark */
--font-script:'Pinyon Script',cursive;                       /* giant calligraphic swash letters, red, used as ornament */
--font-web:Verdana,Tahoma,sans-serif;                 /* 2000-web body copy + news columns */
--font-os:Tahoma,Verdana,sans-serif;                         /* Win2000 buttons, fields, window titles */
--font-mono:'JetBrains Mono',ui-monospace,monospace;         /* times, sizes, file names */
--font-condensed:var(--font-impact);

--fs-mega:clamp(80px,14vw,220px);/* @kind font */--fs-display:96px;/* @kind font */--fs-h1:56px;/* @kind font */--fs-h2:36px;/* @kind font */--fs-h3:22px;/* @kind font */--fs-body:12px;/* @kind font */--fs-small:11px;/* @kind font */--fs-micro:9px;/* @kind font */
--lh-tight:.82;/* @kind font */--lh-snug:1;/* @kind font */--lh-body:1.5;/* @kind font */
--tr-mega:-.07em;/* @kind font */--tr-display:-.05em;/* @kind font */--tr-caps:.01em;/* @kind font */--tr-micro:.06em;/* @kind font */--tr-tall:.42em;/* @kind font */

--text-mega:900 var(--fs-mega)/var(--lh-tight) var(--font-display);/* @kind font */
--text-display:900 var(--fs-display)/var(--lh-tight) var(--font-display);/* @kind font */
--text-slant:italic 900 72px/.8 var(--font-display);/* @kind font */
--text-h1:400 var(--fs-h1)/var(--lh-snug) var(--font-impact);/* @kind font */
--text-h2:400 var(--fs-h2)/var(--lh-snug) var(--font-impact);/* @kind font */
--text-h3:400 var(--fs-h3)/var(--lh-snug) var(--font-impact);/* @kind font */
--text-tall:400 64px/1 var(--font-tall);/* @kind font */
--text-geo:600 13px/1 var(--font-geo);/* @kind font */
--text-body:400 var(--fs-body)/var(--lh-body) var(--font-web);/* @kind font */
--text-os:400 11px/1 var(--font-os);/* @kind font */
--text-label:800 var(--fs-small)/1.1 var(--font-display);/* @kind font */
--text-micro:800 var(--fs-micro)/1.2 var(--font-display);/* @kind font */
}

:root{
--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:10px;--space-5:14px;--space-6:20px;--space-7:28px;--space-8:40px;--space-9:64px;--space-10:96px;
--radius-0:0;--radius-tv:26px;
--border-hair:1px;--border-rule:2px;--border-heavy:4px;
--crop-overhang:16px;
--gutter-page:var(--space-6);--max-content:1280px;
}

:root{
--shadow-none:none;
--shadow-hard-ink:5px 5px 0 var(--ink);
--shadow-hard-blood:5px 5px 0 var(--blood-600);
--shadow-bevel-out:inset -1px -1px 0 var(--win-dark),inset 1px 1px 0 var(--win-light),inset -2px -2px 0 var(--win-shadow),inset 2px 2px 0 var(--win-face);
--shadow-bevel-in:inset 1px 1px 0 var(--win-dark),inset -1px -1px 0 var(--win-light),inset 2px 2px 0 var(--win-shadow),inset -2px -2px 0 var(--win-face);
--shadow-glow-blood:0 0 0 1px var(--blood-600),0 0 22px rgba(196,30,42,.55);
--shadow-object:0 30px 40px -24px rgba(0,0,0,.45);

--pattern-scanline:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px);/* @kind other */
--pattern-grille:repeating-linear-gradient(0deg,#1a1a1a 0 2px,#3a3a3a 2px 4px);/* @kind other */
--pattern-dash-h:repeating-linear-gradient(90deg,currentColor 0 4px,transparent 4px 7px);/* @kind other */
--filter-mono:grayscale(1) contrast(1.15);/* @kind other */
--filter-duotone-red:grayscale(1) contrast(1.3) sepia(1) saturate(6) hue-rotate(-38deg);/* @kind other */
--filter-flash:saturate(1.2) contrast(1.08);/* @kind other */

--ease-snap:cubic-bezier(.2,1.6,.4,1);/* @kind other */--ease-glitch:steps(3,end);/* @kind other */--ease-out:cubic-bezier(.16,1,.3,1);/* @kind other */--ease-in:cubic-bezier(.7,0,.84,0);/* @kind other */
--dur-fast:90ms;/* @kind other */--dur-base:180ms;/* @kind other */--dur-slow:420ms;/* @kind other */--dur-explode:1100ms;/* @kind other */
}
@keyframes y2k-glitch{0%{transform:translate(0)}33%{transform:translate(-3px,1px)}66%{transform:translate(3px,-1px)}100%{transform:translate(0)}}
@keyframes y2k-blink{50%{opacity:0}}
@keyframes y2k-shard-in{0%{transform:scale(0) rotate(-35deg);opacity:0}60%{opacity:1}100%{transform:none;opacity:1}}
@keyframes y2k-drift{0%{transform:rotate(-1.2deg) scale(1)}100%{transform:rotate(1.6deg) scale(1.04)}}
@keyframes y2k-flicker{0%,100%{opacity:1}41%{opacity:1}42%{opacity:.1}43%{opacity:1}77%{opacity:.4}78%{opacity:1}}
@keyframes y2k-slice-a{0%,82%,100%{clip-path:inset(0 0 100% 0);transform:none}83%{clip-path:inset(12% 0 64% 0);transform:translate(-8px,0)}86%{clip-path:inset(58% 0 20% 0);transform:translate(10px,0)}89%{clip-path:inset(30% 0 48% 0);transform:translate(-4px,0)}92%{clip-path:inset(80% 0 4% 0);transform:translate(6px,0)}95%{clip-path:inset(0 0 100% 0)}}
@keyframes y2k-slice-b{0%,84%,100%{clip-path:inset(0 0 100% 0);transform:none}85%{clip-path:inset(40% 0 38% 0);transform:translate(9px,2px)}88%{clip-path:inset(6% 0 80% 0);transform:translate(-11px,0)}91%{clip-path:inset(66% 0 10% 0);transform:translate(5px,-1px)}94%{clip-path:inset(0 0 100% 0)}}
@keyframes y2k-shake{0%,86%,100%{transform:none}87%{transform:translate(-2px,1px) skewX(-4deg)}90%{transform:translate(3px,-1px) skewX(6deg)}93%{transform:none}}
@keyframes y2k-tv-off{0%{transform:none;filter:none}55%{transform:scale(1,.006);filter:brightness(4)}100%{transform:scale(0,.006);filter:brightness(6)}}
@keyframes y2k-tv-on{0%{transform:scale(0,.006);filter:brightness(6)}45%{transform:scale(1,.006);filter:brightness(4)}100%{transform:none;filter:none}}
@keyframes y2k-strobe{0%,20%,40%{opacity:1}10%,30%,50%,100%{opacity:0}}
@keyframes y2k-spin{to{transform:rotate(360deg)}}
@keyframes y2k-jolt{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(2px)}100%{transform:translateY(0)}}
@keyframes y2k-roll{from{transform:translateY(-120%)}to{transform:translateY(520%)}}
@keyframes y2k-led{0%,60%{opacity:1}61%,100%{opacity:.25}}


body{margin:0;background:var(--ink)}a{color:var(--blood-600)}a:hover{color:var(--ember-500)}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{background:#0a0708}