:root{--hue-primary: 27;--hue-secondary: 80;--hue-primary-complement: calc(var(--hue-primary) + 180);--hue-secondary-complement: calc(var(--hue-secondary) + 180);--color-primary: oklch(.56 .215 var(--hue-primary));--color-primary-light: oklch(.68 .19 var(--hue-primary));--color-primary-dark: oklch(.42 .17 var(--hue-primary));--color-primary-hover: oklch(.62 .23 var(--hue-primary));--color-primary-subtle: oklch(.24 .06 var(--hue-primary));--color-secondary: oklch(.78 .15 var(--hue-secondary));--color-secondary-dark: oklch(.6 .13 var(--hue-secondary));--color-complement-primary: oklch(.72 .1 var(--hue-primary-complement));--color-bg: oklch(.16 .012 var(--hue-primary));--color-bg-deep: oklch(.12 .01 var(--hue-primary));--color-surface: oklch(.21 .015 var(--hue-primary));--color-border: oklch(.34 .02 var(--hue-primary));--color-text: oklch(.93 .008 var(--hue-primary));--color-text-muted: oklch(.68 .015 var(--hue-primary));--color-black: oklch(.1 .01 var(--hue-primary));--color-white: oklch(.97 .005 var(--hue-primary));--font-display: "Archivo Black", Impact, "Arial Black", "Franklin Gothic Bold", sans-serif;--font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "Courier New", Courier, monospace;--text-xs: clamp(.72rem, .68rem + .2vw, .8rem);--text-sm: clamp(.85rem, .8rem + .25vw, .95rem);--text-base: clamp(1rem, .92rem + .4vw, 1.2rem);--text-lg: clamp(1.25rem, 1.1rem + .75vw, 1.7rem);--text-xl: clamp(1.7rem, 1.4rem + 1.5vw, 2.6rem);--text-2xl: clamp(2.4rem, 1.8rem + 3vw, 4.2rem);--text-mega: clamp(3rem, 2rem + 5vw, 6.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.5rem;--space-6: 4rem;--space-7: 6rem;--content-width: 72rem;--rant-width: 46rem;--nav-height: 3.5rem;--tape-angle: -1.2deg;--stamp-border: 3px solid var(--color-primary)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{line-height:1.6;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[class],ol[class]{list-style:none;padding:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.08;letter-spacing:-.01em;text-transform:uppercase;color:var(--color-white);text-wrap:balance}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4,h5,h6{font-size:var(--text-base)}p{margin-block:var(--space-3)}a{color:var(--color-primary-light);text-decoration-thickness:2px;text-underline-offset:3px;transition:color .15s ease,background-color .15s ease;&:hover{color:var(--color-white);background-color:var(--color-primary-dark)}}strong{color:var(--color-white)}em{color:var(--color-secondary);font-style:italic}blockquote{margin-block:var(--space-4);padding:var(--space-3) var(--space-4);border-left:6px solid var(--color-primary);background:var(--color-surface);font-size:var(--text-lg);font-style:italic;transform:rotate(calc(var(--tape-angle) * .5))}code{font-family:var(--font-mono);font-size:.92em;background:var(--color-bg-deep);border:1px solid var(--color-border);padding:.1em .4em;color:var(--color-secondary)}pre{overflow-x:auto;background:var(--color-bg-deep);border:1px solid var(--color-border);padding:var(--space-3);margin-block:var(--space-3);& code{border:none;background:none;padding:0}}ul:not([class]),ol:not([class]){padding-inline-start:1.4em;margin-block:var(--space-3);& li{margin-block:var(--space-1)}& li::marker{color:var(--color-primary)}}hr{border:none;border-top:3px dashed var(--color-primary);margin-block:var(--space-5)}::selection{background:var(--color-primary);color:var(--color-white)}body{min-height:100dvh;display:flex;flex-direction:column;background-image:radial-gradient(oklch(.22 .015 var(--hue-primary)) 1px,transparent 1px);background-size:14px 14px}.main-content{flex:1;width:100%}.content-section{width:min(100% - 2 * var(--space-4),var(--content-width));margin-inline:auto;padding-block:var(--space-5)}.parsys{width:min(100% - 2 * var(--space-4),var(--rant-width));margin-inline:auto;padding-block:var(--space-5)}.main-content>.hero+*{margin-top:0}.rage-nav{position:sticky;top:0;z-index:100;background:var(--color-black);border-bottom:3px solid var(--color-primary)}.rage-nav__inner{width:min(100% - 2 * var(--space-4),var(--content-width));margin-inline:auto;min-height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.rage-nav__home{font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-white);text-decoration:none;padding:var(--space-1) var(--space-2);background:var(--color-primary);transform:rotate(var(--tape-angle));transition:transform .15s ease,background-color .15s ease;&:hover{background:var(--color-primary-hover);color:var(--color-white);transform:rotate(0) scale(1.04)}}.rage-nav__burger{display:none;background:none;border:2px solid var(--color-primary);color:var(--color-white);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;padding:var(--space-1) var(--space-2);cursor:pointer}.rage-nav__list{display:flex;align-items:center;gap:var(--space-2)}.rage-nav__item{position:relative;>a{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text);text-decoration:none;padding:var(--space-2) var(--space-2);border-bottom:3px solid transparent;transition:color .15s ease,border-color .15s ease}>a:hover{color:var(--color-white);background:none;border-bottom-color:var(--color-primary)}&[aria-current=page]>a{color:var(--color-primary-light);border-bottom-color:var(--color-primary)}}.rage-nav__item--parent>a:after{content:" \25be";color:var(--color-primary)}.rage-nav__submenu{display:none;position:absolute;top:100%;left:0;min-width:14rem;background:var(--color-bg-deep);border:2px solid var(--color-primary);padding:var(--space-2);box-shadow:6px 6px #00000080;& li{margin:0}& a{display:block;font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;color:var(--color-text);text-decoration:none;padding:var(--space-1) var(--space-2)}& a:hover{background:var(--color-primary-dark);color:var(--color-white)}[aria-current=page]>a{color:var(--color-primary-light)}}@media(hover:hover){.rage-nav__item--parent:hover>.rage-nav__submenu{display:block}}.rage-nav__item--dropdown-open>.rage-nav__submenu{display:block}@media(max-width:768px){.rage-nav__burger{display:block}.rage-nav__list{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--color-bg-deep);border-bottom:3px solid var(--color-primary);padding:var(--space-2) var(--space-3)}.rage-nav--open .rage-nav__list{display:flex}.rage-nav__submenu{position:static;box-shadow:none;border:none;border-left:3px solid var(--color-primary);margin-left:var(--space-3)}}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,oklch(.28 .09 var(--hue-primary) / .55),transparent 60%),radial-gradient(oklch(.24 .03 var(--hue-primary)) 1.5px,transparent 1.5px),var(--color-bg-deep);background-size:auto,10px 10px,auto;padding:var(--space-7) var(--space-4) var(--space-6);text-align:center;border-bottom:4px solid var(--color-primary)}.hero:before{content:"";position:absolute;inset:0 0 auto;height:14px;background:repeating-linear-gradient(-45deg,var(--color-primary) 0 18px,var(--color-black) 18px 36px)}.hero__inner{width:min(100%,56rem);margin-inline:auto}.hero__eyebrow{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--color-secondary);border:2px dashed var(--color-secondary-dark);padding:var(--space-1) var(--space-3);transform:rotate(calc(var(--tape-angle) * -1));margin-bottom:var(--space-4);animation:stamp-in .5s cubic-bezier(.2,1.6,.4,1) both}.hero__title{font-size:var(--text-mega);line-height:.95;color:var(--color-white);text-shadow:3px 3px 0 var(--color-primary-dark),6px 6px 0 oklch(0 0 0 / .6);animation:glitch-in .7s steps(6) both .15s;&:hover{animation:glitch-jitter .3s steps(2) infinite}}.hero__subtitle{font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase;color:var(--color-primary-light);margin-top:var(--space-4);transform:rotate(var(--tape-angle));animation:slide-up .6s ease both .4s}.hero__description{font-size:var(--text-base);color:var(--color-text-muted);max-width:42rem;margin:var(--space-4) auto 0;animation:slide-up .6s ease both .55s}.hero__cta{display:inline-block;margin-top:var(--space-5);font-family:var(--font-display);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.05em;color:var(--color-white);background:var(--color-primary);text-decoration:none;padding:var(--space-3) var(--space-5);border:3px solid var(--color-white);box-shadow:6px 6px 0 var(--color-black);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;animation:slide-up .6s ease both .7s;&:hover{background:var(--color-primary-hover);color:var(--color-white);transform:translate(2px,2px);box-shadow:3px 3px 0 var(--color-black)}}.text-block{margin-block:var(--space-5);opacity:0;translate:0 1.5rem;transition:opacity .5s ease,translate .5s ease;&.is-visible{opacity:1;translate:0 0}& h3{position:relative;display:inline-block;padding-bottom:var(--space-1);margin-bottom:var(--space-3)}& h3:after{content:"";position:absolute;left:-.15em;right:-.3em;bottom:-2px;height:.35em;background:var(--color-primary);transform:rotate(var(--tape-angle));z-index:-1}& p:first-of-type:first-letter{font-family:var(--font-display);font-size:2.6em;line-height:.8;float:left;padding-right:.12em;color:var(--color-primary-light)}}.pull-quote{margin-block:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:var(--stamp-border);box-shadow:8px 8px 0 var(--color-black);transform:rotate(calc(var(--tape-angle) * .6));opacity:0;translate:0 1.5rem;transition:opacity .5s ease,translate .5s ease;&.is-visible{opacity:1;translate:0 0}.pull-quote__text{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.15;text-transform:uppercase;color:var(--color-white);margin:0;quotes:"\201c" "\201d"}.pull-quote__text:before{content:open-quote;color:var(--color-primary)}.pull-quote__text:after{content:close-quote;color:var(--color-primary)}.pull-quote__attribution{display:block;margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.pull-quote__attribution:before{content:"\2014  ";color:var(--color-primary)}}.btn{display:inline-block;font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;cursor:pointer;padding:var(--space-2) var(--space-4);border:2px solid var(--color-white);transition:transform .12s ease,background-color .12s ease}.btn-primary{background:var(--color-primary);color:var(--color-white);&:hover{background:var(--color-primary-hover);transform:translateY(-2px)}}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border);&:hover{border-color:var(--color-primary);color:var(--color-white)}}.rage-footer{margin-top:var(--space-6);background:var(--color-black);border-top:3px solid var(--color-primary);padding:var(--space-5) var(--space-4)}.footer-content{width:min(100%,var(--content-width));margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.footer-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.footer-link{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text);text-decoration:none;border-bottom:2px solid var(--color-primary);transition:color .15s ease;&:hover{color:var(--color-primary-light);background:none}}.styleguide{width:min(100% - 2 * var(--space-4),var(--content-width));margin-inline:auto;padding-block:var(--space-5)}.styleguide__section{margin-block:var(--space-6);>h2{border-bottom:3px solid var(--color-primary);padding-bottom:var(--space-2);margin-bottom:var(--space-4)}}.styleguide__note{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.styleguide__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--space-3)}.swatch{border:2px solid var(--color-border)}.swatch__chip{height:5rem}.swatch__label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--color-bg-deep);color:var(--color-text-muted)}.styleguide__specimen{border-left:4px solid var(--color-border);padding-left:var(--space-3);margin-block:var(--space-3)}.styleguide__spacing .spacing-bar{background:var(--color-primary);height:1rem;margin-block:var(--space-2)}.styleguide__demo{border:2px dashed var(--color-border);padding:var(--space-3);margin-block:var(--space-4)}@keyframes glitch-in{0%{opacity:0;transform:translate(-6px) skew(-8deg);clip-path:inset(40% 0 40% 0)}30%{opacity:1;transform:translate(4px) skew(4deg);clip-path:inset(10% 0 60% 0)}60%{transform:translate(-2px) skew(-2deg);clip-path:inset(60% 0 5% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}@keyframes glitch-jitter{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(0)}}@keyframes stamp-in{0%{opacity:0;transform:rotate(calc(var(--tape-angle) * -1)) scale(2.2)}to{opacity:1;transform:rotate(calc(var(--tape-angle) * -1)) scale(1)}}@keyframes slide-up{0%{opacity:0;translate:0 1.2rem}to{opacity:1;translate:0 0}}