@layer components{.hub-head{margin-top:calc(-1 * var(--header-h));padding-top:calc(var(--header-h) + clamp(1.5rem, 4vh, 3rem));padding-bottom:calc(var(--sheet-overlap) + clamp(2.5rem, 5vh, 4rem));background-color:var(--stage);background-image:radial-gradient(110% 85% at 50% -18%, #f3f0e91a, transparent 62%), radial-gradient(70% 55% at 88% 108%, #2b4fd712, transparent 70%), linear-gradient(var(--stage-deep), var(--stage) 26%, var(--stage) 80%, var(--stage-deep));color:var(--stage-text);position:relative;overflow:clip}.hub-head:before{content:"";background:var(--grain);opacity:.05;pointer-events:none;background-size:160px 160px;position:absolute;inset:0}.hub-head>*{position:relative}.hub-head .kicker{color:var(--stage-muted)}.hub-head :focus-visible{outline-color:var(--accent-on-dark)}.hub-head__grid{align-items:center;gap:clamp(2.5rem,5vw,4rem);display:grid}@media (width>=1000px){.hub-head__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}.hub-head h1{letter-spacing:-.038em;max-width:16ch;color:var(--stage-text);margin-top:1.2rem;font-size:clamp(2.5rem,1.2rem + 4.6vw,4.75rem);font-weight:640;line-height:.98}.hub-head .lede{max-width:50ch;color:var(--stage-muted);margin-top:1.5rem}.hub-stats{grid-template-columns:repeat(3,minmax(0,max-content));gap:.75rem;margin-top:clamp(1.75rem,3.5vh,2.5rem);display:grid}@media (width<=520px){.hub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.hub-motif-wrap{position:relative}.hub-motif-wrap:before{content:"";filter:blur(6px);pointer-events:none;background:radial-gradient(52% 48% at 32% 30%,#2b4fd747,#0000 68%),radial-gradient(46% 44% at 74% 80%,#c4681f38,#0000 70%);position:absolute;inset:-12% -8%}.hub-motif-panel{max-inline-size:33rem;margin-inline:auto}@media (width>=1000px) and (prefers-reduced-motion:no-preference){.hub-motif-panel{transition:transform .7s var(--ease);transform:perspective(1400px)rotateY(-7deg)rotateX(2deg)}.hub-motif-panel:hover{transform:perspective(1400px)rotateY(-2deg)rotateX(.5deg)}}.hub-motif{padding:clamp(1.25rem,2.5vw,1.75rem)}.hub-motif svg{width:100%;height:auto;color:var(--stage-text);display:block}.hub-motif figcaption{font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:var(--tr-meta);color:var(--stage-muted);margin-top:1rem;line-height:1.5}@media (prefers-reduced-motion:no-preference){.hub-motif svg{animation:motif-draw .9s var(--ease-out) .18s both}@keyframes motif-draw{0%{clip-path:inset(0 100% 0 0);opacity:.4}to{clip-path:inset(0);opacity:1}}}.hub-intro-band{padding-top:clamp(2.5rem,5vw,4rem)}.hub-intro{align-items:start;gap:2rem 5rem;display:grid}@media (width>=900px){.hub-intro{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr)}}.hub-intro>p{color:var(--ink-soft);max-width:52ch;font-size:clamp(1.15rem,1rem + .45vw,1.35rem)}.principles{border-top:1px solid var(--line)}.principles li{border-bottom:1px solid var(--line);gap:.35rem;padding-block:1rem;display:grid}.principles strong{font-size:1rem}.principles span{color:var(--muted);font-size:.95rem;line-height:1.55}.paths-grid{gap:clamp(1rem,2vw,1.5rem);display:grid}@media (width>=860px){.paths-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.paths-card{align-content:start;gap:.625rem;padding:clamp(1.5rem,3vw,2rem);display:grid}.paths-card strong{letter-spacing:-.016em;text-wrap:pretty;font-size:clamp(1.25rem,1.05rem + .8vw,1.625rem);font-weight:615;line-height:1.25}.paths-card p{color:var(--muted);max-width:48ch;font-size:1rem;line-height:1.55}.paths-card .paths__go{font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:var(--tr-meta);color:var(--ink-soft);transition:color var(--dur-fast) var(--ease);align-items:center;gap:.4375rem;margin-top:.25rem;display:inline-flex}.paths-card:hover .paths__go{color:var(--ember)}.article-list{background:var(--surface-bright);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);padding-inline:clamp(1.25rem,2.5vw,1.75rem);overflow:clip}.article-list li+li{border-top:1px solid var(--line)}.article-list a{gap:.55rem 2.5rem;padding-block:clamp(1.4rem,3vw,2.1rem);text-decoration:none;display:grid}.article-list a:hover{background:var(--surface)}.article-list .answers{font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:var(--tr-meta);color:var(--muted);margin-bottom:.5rem;display:block}.article-list h2{font-size:clamp(1.35rem,1.12rem + .75vw,1.9rem)}.article-list>li>a>p{color:var(--muted);max-width:58ch;font-size:1rem;line-height:1.55}.article-list .meta{align-self:start}@media (width>=900px){.article-list a{grid-template-columns:minmax(15rem,1.1fr) minmax(20rem,1.3fr) 9rem;align-items:start}.article-list .meta{text-align:right;justify-self:end}.article-list>li>a>p{padding-top:.15rem}}.hub-bench{background:var(--tint)}.bench-grid{align-items:start;gap:clamp(1.25rem,2.5vw,2rem);display:grid}@media (width>=940px){.bench-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.bench-grid>div{background:var(--surface-bright);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);padding:clamp(1.5rem,3vw,2rem)}.bench-grid h2{font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-weight:500}.bench-tools li+li{border-top:1px solid var(--line)}.bench-tools a{transition:background-color var(--dur-fast) var(--ease);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.25rem 1.5rem;padding-block:1.125rem;text-decoration:none;display:grid}.bench-tools a:hover{background:var(--surface)}.bench-tools strong{letter-spacing:-.012em;font-size:1.125rem;font-weight:615}.bench-tools .bench-tools__io{font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:var(--tr-meta);color:var(--ink-soft);white-space:nowrap}.bench-tools p{color:var(--muted);grid-column:1/-1;max-width:48ch;font-size:.95rem;line-height:1.55}.bench-terms>div{padding-block:.875rem}.bench-terms>div+div{border-top:1px solid var(--line)}.bench-terms dt a{letter-spacing:-.01em;color:var(--ink);font-size:1.0625rem;font-weight:615;text-decoration:none}.bench-terms dt a:hover{text-underline-offset:3px;text-decoration:underline}.bench-terms dd{color:var(--muted);max-width:52ch;margin-top:.25rem;font-size:.95rem;line-height:1.55}.bench-all{font-size:var(--t-ui-sm);color:var(--ink);border-bottom:1px solid var(--line-strong);transition:border-color var(--dur-fast) var(--ease);align-items:center;gap:.4375rem;margin-top:1.25rem;padding-block:.25rem;font-weight:550;text-decoration:none;display:inline-flex}.bench-all:hover{border-bottom-color:var(--ink)}.hub-note{border-left:2px solid var(--ember-bright);background:var(--tint);border-radius:0 var(--r-sm) var(--r-sm) 0;max-width:60rem;padding:1.5rem}.hub-note p{color:var(--ink-soft)}}