:root{--ink: #111014;--paper: #faf6ef;--muted: #6b6a73;--pink: #ff5d8f;--orange: #ff8a3d;--yellow: #ffd93d;--lime: #b8f24d;--sky: #6bcfff;--violet: #9b7cff;--radius: 18px;--radius-sm: 10px;--font-display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.35'/></svg>")}@media (prefers-color-scheme: dark){:root{--ink: #f7f3ea;--paper: #0e0d11;--muted: #9996a3}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}img,svg{max-width:100%;display:block}body:before{content:"";position:fixed;inset:0;background-image:var(--noise);opacity:.35;mix-blend-mode:overlay;pointer-events:none;z-index:1}.page{position:relative;z-index:2;max-width:1200px;padding:0 28px;margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:28px 0 20px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;font-size:20px}.logo .chip{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--pink),var(--yellow) 55%,var(--sky));box-shadow:0 6px 20px #ff5d8f40;display:inline-block}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14px;border:1.5px solid transparent;transition:background .15s,border-color .15s,transform .15s}.nav a:hover{background:var(--ink);color:var(--paper);transform:translateY(-1px)}.site-footer{margin-top:80px;padding:32px 0 48px;border-top:1.5px solid rgba(107,106,115,.25);display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:14px;flex-wrap:wrap}.site-footer a{color:var(--ink);text-decoration:none;border-bottom:1.5px dashed var(--muted)}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:.98;font-size:clamp(56px,10vw,128px);margin:0}.display .word{display:inline-block;background:linear-gradient(110deg,var(--pink) 0%,var(--orange) 45%,var(--yellow) 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.display .squiggle{display:inline-block;transform:rotate(-6deg);color:var(--violet)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:20px}.eyebrow:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px color-mix(in srgb,var(--lime) 30%,transparent)}.tag{display:inline-block;font-size:12px;padding:3px 9px;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:600;letter-spacing:.02em}.tag.outline{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:22px 22px 20px;min-height:220px;border-radius:var(--radius);border:1.5px solid var(--ink);background:var(--paper);text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:before{content:"";position:absolute;inset:auto -30% -40% auto;width:80%;height:80%;background:radial-gradient(circle at center,var(--card-glow, var(--yellow)),transparent 60%);opacity:.55;pointer-events:none;transition:transform .4s ease}.card:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:6px 8px 0 var(--ink)}.card:hover:before{transform:scale(1.15) translate(-6%,-6%)}.card .meta{display:flex;gap:6px;flex-wrap:wrap}.card h3{margin:0;font-family:var(--font-display);font-size:26px;line-height:1.05;letter-spacing:-.02em}.card p{margin:0;font-size:15px;color:var(--muted);line-height:1.5}.card .footer-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.card .arrow{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:var(--ink);color:var(--paper);transition:transform .2s ease}.card:hover .arrow{transform:translate(2px,-2px) rotate(-12deg)}.card.is-pink{--card-glow: var(--pink)}.card.is-orange{--card-glow: var(--orange)}.card.is-yellow{--card-glow: var(--yellow)}.card.is-lime{--card-glow: var(--lime)}.card.is-sky{--card-glow: var(--sky)}.card.is-violet{--card-glow: var(--violet)}.hero{padding:44px 0 64px}.hero .lede{margin:28px 0 0;max-width:720px;font-size:clamp(18px,2.2vw,22px);line-height:1.45;color:color-mix(in srgb,var(--ink) 80%,transparent)}.hero .marquee{margin:48px -28px 0;padding:14px 0;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.01em;overflow:hidden;white-space:nowrap}.hero .marquee-inner{display:inline-block;padding-left:100%;animation:slide 24s linear infinite}.hero .marquee-inner span{margin:0 20px}.hero .marquee-inner .dot{display:inline-block;color:var(--pink)}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.experiment-header{padding:32px 0 22px;display:flex;flex-direction:column;gap:8px}.experiment-header h1{font-family:var(--font-display);font-size:clamp(34px,5vw,56px);letter-spacing:-.02em;margin:0}.experiment-header .back{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;color:var(--muted)}.experiment-header .back:hover{color:var(--ink)}.experiment-body{margin-top:8px;background:var(--ink);color:var(--paper);border-radius:var(--radius);overflow:hidden;min-height:70vh}.prose{max-width:680px;font-size:17px;line-height:1.65}.prose p{margin:0 0 1em;color:color-mix(in srgb,var(--ink) 80%,transparent)}.prose code{font-family:var(--font-mono);font-size:14px;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,var(--ink) 10%,transparent)}.stack-sm>*+*{margin-top:8px}.stack-md>*+*{margin-top:16px}.stack-lg>*+*{margin-top:32px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1}@media (max-width: 640px){.page{padding:0 18px}.hero{padding:28px 0 40px}.hero .marquee{margin:36px -18px 0}}