@font-face{font-family:Big Shoulders Display;src:url(/fonts/big-shoulders-display.woff) format("woff");font-weight:100 900;font-display:swap}@font-face{font-family:Familjen Grotesk;src:url(/fonts/familjen-grotesk.woff) format("woff");font-weight:400 700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono.woff) format("woff");font-weight:100 800;font-display:swap}:root{color-scheme:dark;--bg:#050605;--panel:#0A0C09;--panel-2:#11140F;--line:#262A21;--line-2:#3A3F33;--fg:#EDEFE6;--muted:#A0A696;--lime:#E6F35A;--lime-ink:#141900;--lime-dim:rgba(230,243,90,.1);--warn:#FFA06B;--warn-dim:rgba(255,160,107,.12);--display:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;--body:"Familjen Grotesk",ui-sans-serif,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}*{box-sizing:border-box}html{background:var(--bg);scroll-padding-top:120px}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--fg);font:16px/1.55 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,dl,dd{margin:0}h1,h2,h3{text-wrap:balance;font-weight:500}a{color:var(--lime);text-underline-offset:3px}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.skip{position:absolute;left:12px;top:-60px;background:var(--lime);color:var(--lime-ink);padding:10px 16px;z-index:100;text-decoration:none;font-weight:500}.skip:focus{top:calc(env(safe-area-inset-top,0px) + 8px)}.wrap{max-width:1120px;margin:0 auto;padding-inline:16px}.mono{font-family:var(--mono)}.lbl{font:400 12px var(--mono);color:var(--muted);letter-spacing:.02em}.tag{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:4px;padding:2px 8px;font:400 11px var(--mono);color:var(--muted);white-space:nowrap}.tag.on{border-color:var(--lime);color:var(--lime)}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:#050605c7;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border-bottom:1px solid var(--line)}.bar1{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--lime);font:900 24px/1 var(--display);letter-spacing:.01em;text-decoration:none}.logo img{width:40px;height:auto;filter:drop-shadow(0 0 8px rgba(230,243,90,.35))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border-radius:2px;border:1px solid var(--line-2);background:#ffffff09;font:500 15px var(--body);color:var(--fg);text-decoration:none;transition:border-color .2s,background .2s}.btn:hover{border-color:var(--lime)}.btn-lime{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}.btn-lime:hover{background:#f1fb78}.rnav{display:flex;gap:2px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.rnav a{flex:none;min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid transparent;border-radius:2px;color:var(--muted);font:400 13px var(--mono);text-decoration:none;transition:color .2s,border-color .2s}.rnav a:hover{color:var(--fg)}.rnav a[aria-current=page]{color:var(--lime);border-color:var(--lime);background:var(--lime-dim)}.hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;margin-top:20px;padding:clamp(28px,6vw,72px);background:radial-gradient(120% 140% at 85% -20%,#e6f35a33,#e6f35a00 55%),var(--panel)}.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 48px);-webkit-mask:linear-gradient(100deg,transparent 30%,#000);mask:linear-gradient(100deg,transparent 30%,#000);pointer-events:none}.hero>*{position:relative;z-index:1}.hero .tag{margin-bottom:20px}h1{font:800 clamp(52px,10vw,128px)/.88 var(--display);text-transform:uppercase;letter-spacing:.005em}h1 em{font-style:normal;color:var(--lime)}.lede{margin-top:24px;max-width:62ch;font-size:clamp(17px,2vw,20px);color:var(--muted)}.grid{display:grid;gap:28px;margin-top:28px;grid-template-columns:1fr}@media(min-width:900px){.grid{grid-template-columns:220px minmax(0,1fr);gap:48px}}.toc{align-self:start}@media(min-width:900px){.toc{position:sticky;top:130px}}.toc h2{font:400 11px var(--mono);color:var(--lime);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.toc ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0 16px}@media(min-width:900px){.toc ol{flex-direction:column;flex-wrap:nowrap;gap:0}}.toc a{display:flex;min-height:36px;align-items:center;color:var(--muted);text-decoration:none;font-size:14px}.toc a:hover{color:var(--fg)}.prose{display:flex;flex-direction:column;gap:56px;min-width:0}.sec{display:flex;flex-direction:column;gap:16px;max-width:74ch}.sec h2{font:800 clamp(34px,5vw,56px)/.95 var(--display);text-transform:uppercase}.sec h3{font-size:20px;margin-top:8px}.sec p,.sec li{color:#cbd0c0}.sec ul,.sec ol.n{padding-left:20px;display:flex;flex-direction:column;gap:8px}.sec strong{color:var(--fg);font-weight:600}code,.k{font:400 .88em var(--mono);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:1px 6px;overflow-wrap:anywhere}.note{border:1px solid var(--line-2);border-radius:14px;padding:14px 18px;background:var(--panel-2);font-size:15px;color:var(--fg)!important}.note.ok{border-color:#e6f35a59;background:var(--lime-dim)}.note.warn{border-color:#ffa06b66;background:var(--warn-dim);color:#ffd2b8!important}.slab{border:1px solid var(--line);border-radius:28px;background:var(--panel);padding:clamp(20px,3vw,32px)}.steps{list-style:none;padding:0!important;counter-reset:s;display:grid;gap:12px}.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:4px 16px;border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--panel)}.steps li:before{content:counter(s,decimal-leading-zero);grid-row:span 2;font:800 36px/1 var(--display);color:var(--lime)}.steps b{font-weight:500;color:var(--fg);font-size:18px}.tw{overflow-x:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}th,td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}th{font:400 11px var(--mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:var(--panel)}td:first-child{color:var(--fg);font-weight:500}.split{display:grid;gap:12px}@media(min-width:700px){.split{grid-template-columns:1fr 1fr}}.split>div{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--panel);display:flex;flex-direction:column;gap:10px}.split h3{margin:0;font:400 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lime)}.split .no h3{color:var(--warn)}.split ul{padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:15px;color:#cbd0c0}.faq{display:flex;flex-direction:column;border-top:1px solid var(--line)}.faq h2{font:400 11px var(--mono);color:var(--lime);letter-spacing:.06em;text-transform:uppercase;padding:28px 0 12px}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:14px 4px;font:500 clamp(18px,2.4vw,24px)/1.2 var(--body)}summary::-webkit-details-marker{display:none}summary:after{content:"+";flex:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line-2);font:400 18px var(--mono);color:var(--lime);transition:transform .25s}details[open] summary:after{content:"−";background:var(--lime-dim);border-color:var(--lime)}summary:hover{color:var(--lime)}details .ans{padding:0 4px 24px;max-width:72ch;display:flex;flex-direction:column;gap:12px;color:#cbd0c0}.posts{display:flex;flex-direction:column;margin-top:28px;border-top:1px solid var(--line)}.post{position:relative;display:grid;gap:10px 40px;padding:28px 18px;border-bottom:1px solid var(--line);color:var(--fg);text-decoration:none;transition:background .3s}@media(min-width:800px){.post{grid-template-columns:120px 1fr 120px;align-items:start}}.post:hover{background:linear-gradient(100deg,#e6f35a1a,#e6f35a00 70%)}.post h2{font:500 clamp(26px,3.6vw,44px)/1.05 var(--body);letter-spacing:-.02em;transition:transform .4s,color .3s}.post:hover h2{transform:translate(10px);color:var(--lime)}.post p{color:var(--muted);margin-top:10px;max-width:60ch}.post .go{font:400 13px var(--mono);color:var(--lime)}.art{max-width:72ch;margin:28px auto 0;display:flex;flex-direction:column;gap:20px}.art h2{font:800 clamp(30px,4.4vw,44px)/1 var(--display);text-transform:uppercase;margin-top:24px}.art p,.art li{color:#cbd0c0;font-size:18px;line-height:1.65}.art ul,.art ol{padding-left:22px;display:flex;flex-direction:column;gap:8px}.art strong{color:var(--fg)}.crumb{display:inline-flex;min-height:44px;align-items:center;font:400 13px var(--mono);color:var(--muted);text-decoration:none}.crumb:hover{color:var(--lime)}.more{display:grid;gap:12px;margin-top:48px}@media(min-width:700px){.more{grid-template-columns:1fr 1fr}}.more a{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--panel);color:var(--fg);text-decoration:none;transition:border-color .2s}.more a:hover{border-color:var(--lime)}.assets{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.asset{border:1px solid var(--line);border-radius:22px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column}.asset .pv{display:grid;place-items:center;min-height:200px;padding:24px;background:radial-gradient(circle at 50% 120%,rgba(230,243,90,.18),transparent 60%),var(--bg);border-bottom:1px solid var(--line)}.asset .pv img{max-width:100%;max-height:170px;height:auto;width:auto}.asset .pv.wide img{max-height:none;width:100%;border-radius:8px}.asset .meta{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.asset .meta p{font-size:14px;color:var(--muted)}.asset .btn{margin-top:auto;align-self:flex-start}.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.sw{border:1px solid var(--line-2);border-radius:14px;overflow:hidden;background:var(--panel)}.sw i{display:block;height:64px;border-bottom:1px solid var(--line-2)}.sw span{display:block;padding:10px 12px;font:400 12px var(--mono);color:var(--muted)}.sw b{display:block;font:500 15px var(--body);color:var(--fg)}.specimen{display:grid;gap:12px}@media(min-width:700px){.specimen{grid-template-columns:repeat(3,1fr)}}.specimen div{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--panel)}.foot{margin-top:72px;padding-block:36px 40px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:20px}.foot p{font-size:13px;color:var(--muted);max-width:90ch;line-height:1.6}.foot nav{display:flex;flex-wrap:wrap;gap:0 20px;font:400 12px var(--mono)}.foot nav a{color:var(--muted);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.foot nav a:hover{color:var(--fg)}.cta{margin-top:56px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between}.cta h2{font:800 clamp(34px,5vw,60px)/.95 var(--display);text-transform:uppercase}@media(prefers-reduced-motion:no-preference){.hero,.sec,.post{animation:rise .6s both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}}body.article h1{font-size:clamp(40px,6.5vw,84px)}