:root{--paper: #efece2;--ink: #0e0f15;--ultramarine: #4353ff;--ink-soft: #5b574b;--paper-soft: rgba(242, 241, 236, .72);--rule-ink: rgba(14, 15, 21, .24);--rule-paper: rgba(242, 241, 236, .28)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Mono,monospace;background-color:var(--ink);overflow-x:hidden}::selection{background-color:var(--ultramarine);color:var(--paper)}section{position:relative;width:100vw;height:100vh;padding:2em;overflow:hidden}.intro,.outro{display:flex;justify-content:center;align-items:center}.intro{background-color:var(--paper);color:var(--ink)}.intro-center,.outro-center{text-align:center;max-width:52em}.kicker{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ultramarine);margin-bottom:1.75em}.intro h1{font-size:clamp(3rem,10vw,8.25rem);font-weight:700;line-height:.92;letter-spacing:-.03em}.intro .sub{margin-top:1.75em;font-size:1rem;font-style:italic;line-height:1.65;color:var(--ink-soft);max-width:34em;margin-left:auto;margin-right:auto}.intro .styles{margin-top:2.5em;padding:1em .5em;border-top:1px solid var(--rule-ink);border-bottom:1px solid var(--rule-ink);font-size:.8125rem;line-height:1.9;color:var(--ink)}.intro .styles span{color:var(--ultramarine);font-weight:700;margin:0 .5em}.scroll-hint{position:absolute;bottom:2em;left:50%;transform:translate(-50%);font-size:.75rem;font-style:italic;color:var(--ink-soft);white-space:nowrap}nav{position:absolute;top:0;left:0;width:100vw;padding:2em;display:flex;justify-content:space-between;align-items:center}nav p{font-size:.8125rem;line-height:1;padding:.5em .9em}nav p:first-child{background-color:var(--ink);color:var(--paper);font-weight:700}nav p:last-child{background-color:transparent;color:var(--ink);border:1px solid var(--rule-ink)}.sticky{background-color:var(--ink);padding:3.5em 3em}.sticky:before{content:"";position:absolute;left:0;right:0;bottom:4px;border-top:1px solid var(--rule-paper)}.sticky p{color:var(--paper-soft);font-size:clamp(1.0625rem,1.9vw,1.4375rem);line-height:1.75;max-width:56em}.outro{background-color:var(--ultramarine);color:var(--paper)}.outro h1{font-size:clamp(2.5rem,6.5vw,5.75rem);font-weight:700;line-height:1.02;letter-spacing:-.03em}.outro .sub{margin-top:1.75em;font-size:.9375rem;line-height:1.7;color:#f2f1eccc;max-width:36em;margin-left:auto;margin-right:auto}.outro .cta{display:inline-block;margin-top:2.75em;font-size:.875rem;font-weight:700;padding:.85em 1.7em;background-color:var(--paper);color:var(--ultramarine);box-shadow:.3em .3em #0a0a1066}.char{display:inline-block;position:absolute;pointer-events:none;opacity:0}@media(max-width:768px){section{padding:1.25em}nav{padding:1.25em}nav p{font-size:.6875rem;padding:.45em .7em}.kicker{font-size:.6875rem}.intro h1{letter-spacing:-.02em}.intro .sub{font-size:.875rem;margin-top:1.5em;padding:0 .5em}.intro .styles{margin-top:2em;padding:.85em .25em;font-size:.6875rem}.intro .styles span{margin:0 .25em}.scroll-hint{bottom:1.25em;font-size:.6875rem}.sticky{padding:1.5em 1.25em}.sticky p{font-size:.9375rem;line-height:1.7}.outro .sub{font-size:.875rem}.outro .cta{margin-top:2.25em;font-size:.8125rem;padding:.75em 1.4em}}@media(prefers-reduced-motion:reduce){.sticky{height:auto;min-height:100vh;overflow:visible;display:flex;align-items:center}.sticky p{color:var(--paper)}.char{display:none}.scroll-hint{opacity:.5}}