:root{--bg: #f3f4f6;--surface: #ffffff;--surface-2: #fafafb;--ink: #15171c;--ink-2: #494d56;--muted: #8a8f99;--line: #e4e5ea;--line-strong: #15171c;--hair: #eceef1;--swiss-red: #ff2b2b;--style-accent: #ff2b2b;--style-accent-2: #ff2b2b;--maxw: 1180px;--pad: clamp(20px, 5vw, 64px);--ease: cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #0c0d10;--surface: #16181d;--surface-2: #1b1e24;--ink: #f3f4f6;--ink-2: #b9bdc6;--muted: #777c86;--line: #292c33;--line-strong: #f3f4f6;--hair: #23262d}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;transition:background .3s var(--ease),color .3s var(--ease)}.style-root{background:var(--bg);min-height:100vh;transition:background .3s var(--ease)}a{color:inherit}.topnav{position:sticky;top:0;z-index:50;background:color-mix(in srgb, var(--surface) 86%, transparent);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}.topnav-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);height:62px;display:flex;align-items:center;gap:20px}.back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2);transition:color .2s var(--ease)}.back:hover{color:var(--ink)}.back .arrow{transition:transform .2s var(--ease)}.back:hover .arrow{transform:translateX(-4px)}.next{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2);transition:color .2s var(--ease);white-space:nowrap}.next:hover{color:var(--ink)}.next .arrow{transition:transform .2s var(--ease)}.next:hover .arrow{transform:translateX(4px)}.topnav .crumb{margin-left:auto;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.22em}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:15px;display:grid;place-items:center;transition:transform .25s var(--ease),border-color .2s}.theme-toggle:hover{transform:rotate(18deg);border-color:var(--line-strong)}.wrap{max-width:var(--maxw);margin:0 auto 16px;padding:0 var(--pad)}section{padding-block:clamp(48px,7vw,96px);border-top:1px solid var(--hair)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:5px}.eyebrow::before{content:"";width:26px;height:3px;background:var(--style-accent)}.sec-title{font-size:clamp(24px,3.4vw,34px);font-weight:700;letter-spacing:-0.02em;line-height:1.05;margin-bottom:10px;text-wrap:balance}.sec-lead{font-size:17px;color:var(--ink-2);max-width:64ch;text-wrap:pretty}.hero{border-top:none;padding-top:clamp(40px,6vw,72px)}.hero-grid{display:grid;grid-template-columns:1fr 36%;gap:clamp(28px,4vw,56px);align-items:start}.hero-kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--style-accent);margin-bottom:18px}.hero-kicker::before{content:"";width:30px;height:3px;background:var(--style-accent)}.hero h1{font-size:clamp(46px,9vw,104px);font-weight:800;line-height:.9;letter-spacing:-0.04em;text-transform:uppercase;overflow-wrap:break-word}.hero h2 .alt{font-size:clamp(23px,5vw,48px);display:block;color:var(--style-accent)}.hero-sub{margin-top:22px;font-size:clamp(17px,2vw,20px);color:var(--ink-2);max-width:48ch;text-wrap:pretty}.meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.meta{display:inline-flex;align-items:baseline;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:13px;background:var(--surface)}.meta b{font-weight:700}.meta span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.hero-figure{aspect-ratio:4/5;border:1px solid var(--line);border-radius:4px;overflow:hidden;position:relative;display:block;width:100%;object-fit:cover}.ph{--c: color-mix(in srgb, var(--style-accent) 16%, transparent);background:repeating-linear-gradient(45deg, var(--c) 0 10px, transparent 10px 20px),var(--surface-2);display:grid;place-items:center;text-align:center;color:var(--muted);font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:16px}.ph small{display:block;opacity:.7;margin-top:4px;font-size:11px;text-transform:none;letter-spacing:0}.timeline{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;margin-top:8px}.tnode{padding:22px 22px 0 0;border-top:2px solid var(--line);position:relative}.tnode::before{content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;border-radius:50%;background:var(--style-accent)}.tnode .yr{font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-0.02em}.tnode h4{font-size:14px;font-weight:700;margin-top:6px}.tnode p{font-size:14px;color:var(--ink-2);margin-top:4px}.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px)}.cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:18px;margin-top:8px}.card{border:1px solid var(--line);border-radius:4px;padding:24px;background:var(--surface);transition:border-color .2s var(--ease),transform .2s var(--ease)}.card:hover{border-color:var(--line-strong);transform:translateY(-3px)}.card .num{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--style-accent);font-weight:700}.card h3{font-size:18px;font-weight:700;margin:12px 0 8px;letter-spacing:-0.01em}.card p{font-size:14.5px;color:var(--ink-2);text-wrap:pretty}.uses{list-style:none;display:grid;gap:2px;margin-top:4px}.uses li{display:flex;align-items:baseline;gap:14px;padding:16px 4px;border-bottom:1px solid var(--hair)}.uses li .k{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--muted);min-width:28px}.uses li b{font-weight:700;font-size:16px}.uses li span{color:var(--ink-2);font-size:14.5px}.uses li .txt{display:flex;flex-direction:column;gap:2px}.examples{display:grid;grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));gap:18px;margin-top:8px}.ex{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--surface);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:border-color .2s var(--ease),transform .2s var(--ease)}.ex:hover{border-color:var(--line-strong);transform:translateY(-3px)}.ex .shot{aspect-ratio:16/10;border-bottom:1px solid var(--line)}.ex .cap{padding:14px 16px}.ex .cap b{font-weight:700;font-size:15px}.ex .cap p{font-size:13px;color:var(--muted);margin-top:2px}.judge{display:grid;gap:8px}.judge h3{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.judge .mark{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:#fff;font-weight:700}.mark.up{background:var(--style-accent)}.mark.down{background:var(--muted)}.judge ul{list-style:none;display:grid;gap:14px}.judge li{font-size:15.5px;color:var(--ink-2);padding-left:18px;position:relative;text-wrap:pretty}.judge li::before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.4}.showcase{background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.showcase-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:36px}.count-badge{display:inline-flex;align-items:center;gap:8px;flex:none;white-space:nowrap;border:1px solid var(--style-accent);color:var(--style-accent);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.builds{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:20px}.build{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}.build:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 14px 30px -18px rgba(0,0,0,.4)}.build .thumb{aspect-ratio:16/10;border-bottom:1px solid var(--line);position:relative}.build .thumb .open-hint{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb, var(--ink) 70%, transparent);color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;opacity:0;transition:opacity .2s var(--ease)}.build:hover .thumb .open-hint{opacity:1}.build .by{display:flex;align-items:center;gap:11px;padding:14px 16px}.avatar{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:13px;font-weight:700;flex:none;background:var(--surface-2)}.by .name{font-weight:700;font-size:15px;line-height:1.1}.by .role{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.by .tag{margin-left:auto;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 7px}.by .tag.human{color:var(--style-accent);border-color:var(--style-accent)}.build.add{border-style:dashed;align-items:center;justify-content:center;min-height:220px;color:var(--muted);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;gap:8px}.build.add:hover{transform:none;box-shadow:none;color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.chip{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:11px 20px;font-size:15px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:10px;transition:border-color .2s var(--ease),background .2s var(--ease),color .2s}.chip:hover{border-color:var(--line-strong);background:var(--ink);color:var(--surface)}.chip .ar{color:var(--style-accent);transition:transform .2s var(--ease)}.chip:hover .ar{color:inherit;transform:translateX(3px)}.site-foot{border-top:1px solid var(--line);background:var(--surface)}.site-foot .wrap{padding-block:40px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.site-foot a{color:var(--ink-2);text-decoration:none}.site-foot a:hover{color:var(--ink)}@media(max-width: 860px){.hero-grid{grid-template-columns:1fr;align-items:start}.hero-figure{aspect-ratio:16/10;order:-1}.cols-2{grid-template-columns:1fr}.timeline{grid-auto-flow:row;grid-auto-columns:auto}.tnode{padding:18px 0 0 22px;border-top:none;border-left:2px solid var(--line)}.tnode::before{top:0;left:-6px}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:.01ms !important;scroll-behavior:auto !important}}/*# sourceMappingURL=article.css.map */