@font-face{font-family:Funnel Display;src:url(../../../fonts/funnel-display-latin.woff2)format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Funnel Display;src:url(../../../fonts/funnel-display-latin-ext.woff2)format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Funnel Sans;src:url(../../../fonts/funnel-sans-latin.woff2)format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Funnel Sans;src:url(../../../fonts/funnel-sans-latin-ext.woff2)format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;src:url(../../../fonts/martian-mono-latin.woff2)format("woff2");font-weight:100 800;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono;src:url(../../../fonts/martian-mono-latin-ext.woff2)format("woff2");font-weight:100 800;font-display:swap;unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--canvas:#1d33b5;--canvas-deep:#16288f;--canvas-dot:#ffffff29;--on-canvas:#f5f7ff;--on-canvas-soft:#c3ccff;--node:#f6f7fb;--node-sunk:#e9ebf4;--node-ink:#121633;--node-muted:#4b5175;--app:#ff6a4d;--pkg:#ffd43b;--skill:#5fe3a1;--tpl:#ff9ecb;--site:#8ed0ff;--wire:#ffe58a;--live:#1fbf6a;--focus:#ffd43b;--shadow:0 14px 28px -12px #060c4099, 0 2px 5px #060c4047;--shadow-lift:0 26px 44px -14px #060c40b3, 0 4px 10px #060c404d;--r:14px;--gutter:clamp(1rem, 3vw, 2.75rem);--sans:"Funnel Sans", system-ui, sans-serif;--display:"Funnel Display", "Funnel Sans", system-ui, sans-serif;--mono:"Martian Mono", ui-monospace, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:#4a5fe0 var(--canvas-deep)}*,:before,:after{box-sizing:border-box}*{margin:0}html{background:var(--canvas);-webkit-text-size-adjust:100%;scroll-padding-top:6rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background-color:var(--canvas);background-image:radial-gradient(var(--canvas-dot) 1.1px, transparent 1.3px);min-height:100vh;color:var(--on-canvas);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-size:22px 22px;font-size:1rem;line-height:1.5}::selection{background:var(--pkg);color:var(--node-ink)}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1.5px}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.86em}mark{background:var(--pkg);color:var(--node-ink);box-shadow:0 0 0 2px var(--pkg);border-radius:3px}.n{font-variant-numeric:tabular-nums;opacity:.8;font-size:.78em;font-weight:600}.bar{z-index:20;padding:.85rem var(--gutter);background:var(--canvas);grid-template-columns:auto minmax(0,1fr) minmax(16rem,30rem) auto;align-items:center;gap:1.5rem;display:grid;position:sticky;top:0;box-shadow:0 1px #ffffff1f,0 12px 24px -18px #060c40e6}.logo{background:var(--node);color:var(--node-ink);font-family:var(--display);letter-spacing:.02em;box-shadow:var(--shadow);border-radius:9px;padding:.35rem .7rem .3rem;font-size:1.25rem;font-weight:800;line-height:1;text-decoration:none}.bar__nav{scrollbar-width:none;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.bar__nav a{color:var(--on-canvas);border-radius:999px;flex:none;padding:.4rem .7rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .12s ease-out}.bar__nav a:hover{background:#ffffff1f}.bar__nav a.empty{color:var(--on-canvas-soft)}.finder{background:var(--node);height:3rem;color:var(--node-ink);box-shadow:var(--shadow);--focus:var(--canvas);border-radius:12px;align-items:center;gap:.6rem;padding:0 .6rem 0 1rem;display:flex;position:relative}.finder:focus-within{outline:3px solid var(--pkg);outline-offset:2px}.finder input{min-width:0;height:100%;color:var(--node-ink);caret-color:var(--canvas);background:0 0;border:0;outline:none;flex:1;font-size:1rem}.finder input::placeholder{color:var(--node-muted)}.finder kbd{background:var(--node-sunk);font-family:var(--mono);color:var(--node-muted);border-radius:6px;padding:.1rem .45rem;font-size:.75rem}.bar__mail{color:var(--on-canvas);font-size:.9375rem;font-weight:600}.canvas{max-width:94rem;padding:0 var(--gutter) 4rem;margin:0 auto}.hello{max-width:62rem;padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(2rem,4vw,3rem)}.hello__intro{min-width:0}@media (width>=1101px){.hello--feature{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:3.5rem;max-width:none;display:grid}.hello--feature h1{font-size:clamp(2.75rem,5vw,4.75rem)}}@media (width<=1100px){.hello--feature .node--feature{margin-top:2.5rem}}.hello h1{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.75rem,6.2vw,5.25rem);font-weight:700;line-height:.98}.hello__lede{max-width:46rem;color:var(--on-canvas-soft);text-wrap:pretty;margin-top:1.25rem;font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.5}.hello__meta{color:var(--on-canvas-soft);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:1.5rem;font-size:.9375rem;display:flex}.hello__meta .count{background:var(--canvas-deep);color:var(--on-canvas);font-variant-numeric:tabular-nums;border-radius:999px;padding:.2rem .7rem;font-size:.875rem;font-weight:600}.link{color:var(--pkg);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.nothing{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-bottom:3rem;font-size:1.125rem;display:flex}.graph{align-items:start;gap:1.25rem 4rem;display:grid;position:relative}.wires{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wires path{fill:none;stroke:var(--wire);stroke-width:2px;stroke-linecap:round;opacity:.7;transition:opacity .16s ease-out,stroke-width .16s ease-out}@media (prefers-reduced-motion:no-preference){.wires path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s cubic-bezier(.16,1,.3,1) forwards wire;animation-delay:calc(.25s + var(--i) * 45ms)}}@keyframes wire{to{stroke-dashoffset:0}}.ports{pointer-events:none;z-index:6;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ports circle{fill:var(--node);stroke:var(--wire);stroke-width:3px}.tracing .ports{opacity:.5}.tracing .wires path{opacity:.14}.tracing .wires path.lit{opacity:1;stroke:var(--pkg);stroke-width:3px}.col{z-index:1;align-content:start;gap:1.25rem;display:grid;position:relative}.graph{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.1fr) minmax(0,1.9fr) minmax(0,1fr)}.col--apps{display:contents}.col--apps>.frame-label{grid-area:1/1}.stack--lead{grid-area:2/1}.col--apps>.stack:not(.stack--lead){grid-area:2/3}.col--pkgs{grid-area:1/2/span 2;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;column-gap:2.25rem}.col--pkgs>.node--pkg,.col--pkgs>.node--skill{flex-direction:column;display:flex}.col--pkgs>.node>.node__body{flex:1}.col--pkgs .links,.col--pkgs .node--skill .actions{margin-top:auto}.col--apps>.frame-label--more{grid-area:1/3}.col--pkgs>.node--app{grid-column:1/-1}.node--feature .peek{aspect-ratio:16/10;border-bottom:1px solid var(--node-sunk)}.node--feature .node__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:.75rem 1.5rem;padding:1rem 1.25rem 1.15rem;display:grid}.node--feature .node__desc{grid-row:span 2}.node--feature .facts{grid-column:1}.node--feature .cmd,.node--feature .links{grid-area:1/2}.node--feature .links{grid-row:2}@media (width<=860px){.node--feature .node__body{display:flex}}.frame-label{font-family:var(--display);letter-spacing:-.01em;color:var(--on-canvas);flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:.3rem .6rem;font-size:1.375rem;font-weight:700;display:flex}.frame-note{font-family:var(--sans);color:var(--on-canvas-soft);letter-spacing:0;font-size:.875rem;font-weight:500}.stack{align-content:start;gap:1.25rem;display:grid}.node{--head:var(--app);--focus:var(--canvas);border-radius:var(--r);background:var(--node);color:var(--node-ink);box-shadow:var(--shadow);transition:opacity .16s ease-out,box-shadow .16s ease-out;position:relative}.node--pkg{--head:var(--pkg)}.node--skill{--head:var(--skill)}.node.dim{opacity:.4;filter:grayscale()}.node.held{z-index:5;box-shadow:var(--shadow-lift)}.node__head{border-radius:var(--r) var(--r) 0 0;background:var(--head);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.1rem .6rem;padding:.7rem 1rem .65rem;display:grid}@media (width>=861px){.node--app .node__head,.node--pkg .node__head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.held .node__head{cursor:grabbing}}.part{font-family:var(--mono);font-variant-numeric:tabular-nums;background:#1216331f;border-radius:5px;align-self:center;padding:.15rem .4rem;font-size:.72rem;font-weight:600}.node__head h3{font-family:var(--display);letter-spacing:-.015em;overflow-wrap:anywhere;min-width:0;font-size:1.375rem;font-weight:700;line-height:1.1}.node--lead .node__head h3{font-size:clamp(1.75rem,2.6vw,2.25rem)}.node__head .host{color:#121633b8;grid-column:2;font-size:.8125rem;font-weight:500}.node__body{flex-direction:column;align-items:flex-start;gap:.85rem;padding:1rem 1rem 1.1rem;display:flex}.node--lead .node__body{padding:1.15rem 1.25rem 1.3rem}.tag{background:var(--node-sunk);color:var(--node-muted);border-radius:999px;padding:.15rem .55rem;font-size:.8125rem;font-weight:600}.node__desc{text-wrap:pretty;max-width:46ch;font-size:.9688rem;line-height:1.5}.node--lead .node__desc{font-size:1.0625rem}.node__note{color:var(--node-muted);font-size:.875rem}.node__link{color:var(--node-ink);font-size:.875rem;font-weight:600}.readout{background:var(--node-ink);width:100%;color:var(--node);border-radius:10px;align-items:flex-start;gap:.7rem;padding:.8rem .9rem;font-size:.9375rem;line-height:1.4;display:flex}.readout strong{font-variant-numeric:tabular-nums;color:#fff;margin-right:.15rem;font-size:1.5rem;font-weight:700}.readout small{color:#aeb4d6;margin-top:.2rem;font-size:.78rem;display:block}.dot{background:var(--live);border-radius:50%;flex:none;width:.6rem;height:.6rem;margin-top:.55rem;box-shadow:0 0 0 4px #1fbf6a40}.dot--off{box-shadow:none;background:#6b7199}.props{gap:.45rem;width:100%;font-size:.875rem;display:grid}.props div{grid-template-columns:6rem minmax(0,1fr);gap:.75rem;display:grid}.props dt{color:var(--node-muted);font-weight:500}.props dd{font-weight:600}.imports{color:var(--node-muted);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8125rem;display:flex}.imports>span{margin-right:.2rem;font-weight:600}.port-chip{color:var(--node-ink);background:#fff3c4;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;text-decoration:none;box-shadow:inset 0 0 0 1px #e8c94a}.port-chip:hover{background:var(--pkg)}.actions{flex-wrap:wrap;align-items:center;gap:.6rem .9rem;margin-top:.15rem;display:flex}.btn{background:var(--node-ink);color:#fff;white-space:nowrap;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:.5rem;min-height:2.5rem;padding:.5rem .95rem;font-size:.9375rem;font-weight:650;text-decoration:none;transition:background-color .12s ease-out,transform .12s ease-out;display:inline-flex}.btn:hover{background:var(--canvas)}.btn:active{transform:translateY(1px)}.btn--quiet{color:var(--node-ink);box-shadow:inset 0 0 0 1.5px var(--node-ink);background:0 0}.btn--quiet:hover{background:var(--node-sunk)}.btn--light{background:var(--node);color:var(--node-ink);--focus:var(--pkg)}.btn--light:hover{background:#fff}.node--pkg .node__head h3{font-size:1.125rem}.node--pkg .node__head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.ver{background:var(--node-ink);color:#fff;border-radius:6px;padding:.2rem .45rem;font-size:.68rem;font-weight:600}.ver--off{color:var(--node-ink);background:#12163333}.node--pkg .node__body{gap:.7rem;padding:.85rem .9rem .95rem}.node--pkg .node__desc{font-size:.9063rem}.facts{font-variant-numeric:tabular-nums;gap:.4rem;font-size:.78rem;font-weight:600;display:flex}.facts span{background:var(--node-sunk);color:var(--node-muted);border-radius:5px;padding:.15rem .45rem}.facts .zero{color:#0d5a32;background:#d4f5e2}.cmd{background:var(--node-ink);color:#e3e6ff;text-align:left;cursor:pointer;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:.6rem;width:100%;padding:.5rem .6rem;display:flex}.cmd code{overflow-wrap:anywhere;min-width:0;font-family:var(--mono);font-size:.7rem}.cmd__state{color:var(--pkg);flex:none;align-items:center;gap:.3rem;font-size:.75rem;font-weight:650;display:inline-flex}.cmd:hover{background:var(--canvas-deep)}.links{gap:.9rem;font-size:.875rem;font-weight:600;display:flex}.frame{margin-top:clamp(4rem,8vw,6.5rem)}.frame__top{grid-template-columns:auto minmax(0,44rem);justify-content:space-between;align-items:end;gap:.75rem 3rem;margin-bottom:1rem;display:grid}.frame__top p{color:var(--on-canvas-soft);font-size:.9375rem}.frame__top a{color:var(--on-canvas);font-weight:600}.tpl-groups{columns:3 22rem;column-gap:1.25rem}.node--tpl{--head:var(--tpl);break-inside:avoid;margin-bottom:1.25rem}.node--tpl .node__head{grid-template-columns:minmax(0,1fr)}.node--tpl .node__head h3{font-size:1.125rem}.tpl-list{padding:.35rem 0;list-style:none}.tpl{grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.5rem .9rem;display:grid}.tpl+.tpl{box-shadow:inset 0 1px 0 var(--node-sunk)}.tpl .part{justify-self:start}.tpl:target{background:#fff0f7}.tpl__text{min-width:0;font-size:.875rem;line-height:1.35;display:grid}.tpl__name{font-size:.9375rem;font-weight:700}.tpl__desc{text-overflow:ellipsis;white-space:nowrap;color:var(--node-muted);overflow:hidden}.searching .tpl__desc{white-space:normal}.tpl__act{align-items:center;gap:.6rem;font-size:.8125rem;font-weight:600;display:flex}.deploy{background:var(--node-ink);color:#fff;border-radius:7px;padding:.3rem .65rem;text-decoration:none;transition:background-color .12s ease-out}.deploy:hover{background:var(--canvas)}.tpl__src{color:var(--node-muted)}.tpl__src:hover{color:var(--node-ink)}.sites{margin-top:clamp(4rem,8vw,6.5rem)}@media (width<=1280px){.graph{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:3.5rem}.col--apps{grid-area:1/1;display:grid}.col--apps>.frame-label,.stack--lead,.col--apps>.stack:not(.stack--lead){grid-area:auto/1}.col--apps>.stack{display:contents}.frame-label--more{display:none}.col--pkgs{grid-area:1/2;grid-template-columns:minmax(0,1fr)}}@media (width<=1100px){.bar{grid-template-columns:auto auto minmax(10rem,1fr);gap:1rem}.bar__nav a{padding-inline:.5rem}.bar__mail{display:none}}@media (width<=860px){.bar{grid-template-columns:auto minmax(0,1fr);gap:.75rem;position:static}.bar__nav{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);grid-area:2/1/auto/-1}.graph{grid-template-columns:minmax(0,1fr);gap:3rem}.wires,.ports{display:none}.col--apps,.col--pkgs{grid-area:auto/1}.frame__top{grid-template-columns:minmax(0,1fr)}.tpl{grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:.3rem .6rem;padding-block:.6rem}.tpl__text{display:contents}.tpl__act{grid-area:1/3}.tpl__desc{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;grid-column:2/-1;font-size:.875rem;line-height:1.35;display:-webkit-box}.deploy{padding-block:.45rem}}.close{margin-top:clamp(4rem,9vw,7rem);padding-top:2.5rem;box-shadow:0 -1px #ffffff29}.close__line{max-width:52rem;font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.75rem,3.6vw,2.75rem);font-weight:700;line-height:1.1}.close__line a{color:var(--pkg);text-underline-offset:.15em;text-decoration-thickness:3px}.close__small{color:var(--on-canvas-soft);margin-top:1.5rem;font-size:.875rem}.peek{aspect-ratio:16/10;background:var(--node-sunk);border-bottom:1px solid var(--node-sunk);position:relative;overflow:hidden}.peek__film{height:100%;translate:calc(var(--i) * -100%) 0;display:flex}@media (prefers-reduced-motion:no-preference){.peek__film{transition:translate .26s cubic-bezier(.2,.8,.2,1)}}.peek__frame{flex:none;width:100%;height:100%;position:relative;overflow:hidden}.peek__film img{object-fit:cover;object-position:top;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.peek__dots{pointer-events:none;background:#121633b8;border-radius:999px;gap:.3rem;padding:.32rem .45rem;display:flex;position:absolute;bottom:.6rem;left:.65rem}.peek__dots i{background:#ffffff73;border-radius:50%;width:.4rem;height:.4rem;transition:background .12s ease-out,scale .12s ease-out}.peek__dots i.on{background:var(--pkg);scale:1.25}.peek__open{color:#fff;cursor:zoom-in;background:0 0;border:0;justify-content:flex-end;align-items:flex-end;padding:.6rem;display:flex;position:absolute;inset:0}.peek__open:focus-visible{outline-offset:-3px}.peek__cta{background:var(--node-ink);border-radius:7px;padding:.32rem .65rem;font-size:.8125rem;font-weight:600;line-height:1.2;transition:background .12s ease-out;box-shadow:0 2px 6px #060c404d}.peek__open:hover .peek__cta,.peek__open:focus-visible .peek__cta{background:var(--canvas)}@media (hover:none){.peek__film{scroll-snap-type:x mandatory;scrollbar-width:none;transition:none;overflow-x:auto;translate:none}.peek__film::-webkit-scrollbar{display:none}.peek__frame{scroll-snap-align:start}.peek__open{padding:0;inset:auto .6rem .6rem auto}}@media (prefers-reduced-motion:no-preference){.tracing .wires path.flow{stroke:var(--pkg);stroke-width:3px;opacity:1;stroke-dasharray:.03 .07;stroke-dashoffset:0;transition:none;animation:1.2s linear infinite flow}@keyframes flow{to{stroke-dashoffset:.2px}}}.sites__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5rem;display:grid}.node--site{flex-direction:column;grid-column:span 2;display:flex}.node--site-feature{grid-column:span 3}.node--site>.node__body{flex:1}.node--site{--head:var(--site)}.node--site .node__head h3{font-size:1.375rem}.node--site-feature .node__body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-content:start;justify-items:start;gap:.75rem 1.5rem;padding:1.1rem 1.25rem 1.25rem;display:grid}.node--site-feature .node__body>:not(.props){grid-column:1}.node--site-feature .props{grid-area:1/2/span 3}.node--site .node__desc{font-size:1rem}.node--site:not(.node--site-lead,.node--site-feature) .actions{margin-top:auto}.node--site:not(.node--site-lead,.node--site-feature) .props{font-size:.8125rem}@media (width<=1100px){.sites__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.node--site,.node--site-feature{grid-column:span 1}}.plates{--focus:var(--canvas);--head:var(--app);border-radius:var(--r);background:var(--node);width:min(76rem,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--node-ink);box-shadow:var(--shadow-lift);border:0;margin:auto;padding:0;overflow:auto}.plates--site{--head:var(--site)}.plates::backdrop{background:#0a1250b3}.plates__head{grid-template-columns:auto minmax(0,1fr) auto;padding-right:.85rem}.plates__head h2{font-family:var(--display);letter-spacing:-.015em;overflow-wrap:anywhere;min-width:0;font-size:1.5rem;font-weight:700;line-height:1.1}.plates__head .btn{grid-area:1/3/span 2;align-self:center}.plates__stage{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;padding:1rem 1.25rem 0;display:grid}.plates__stage--phone{grid-template-columns:minmax(0,1fr) auto}.plates__main{gap:.5rem;min-width:0;display:grid}.plates__main img,.plates__phone{height:auto;box-shadow:0 0 0 1px var(--node-sunk), var(--shadow);border-radius:8px;display:block}.plates__main img{width:auto;max-width:100%;max-height:min(62dvh,46rem);margin-inline:auto}.plates__main figcaption{color:var(--node-muted);font-size:.875rem}.plates__phone{width:min(13rem,22vw)}.plates__thumbs{scrollbar-width:thin;gap:.6rem;padding:.9rem 1.25rem 0;display:flex;overflow-x:auto}.plates__thumb{background:var(--node-sunk);width:7.5rem;box-shadow:0 0 0 1px var(--node-sunk);opacity:.6;cursor:pointer;border:0;border-radius:6px;flex:none;padding:0;transition:opacity .12s ease-out,box-shadow .12s ease-out;overflow:hidden}.plates__thumb:hover{opacity:.85}.plates__thumb[aria-selected=true]{opacity:1;box-shadow:0 0 0 2px var(--pkg)}.plates__thumb img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.plates__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:1rem 1.25rem 1.25rem;display:flex}.plates__note{color:var(--node-muted);font-size:.875rem}::view-transition-group(plate){animation-duration:.44s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(plate){mix-blend-mode:normal;object-fit:cover;object-position:top;width:100%;height:100%;animation:none;overflow:clip}::view-transition-new(plate){mix-blend-mode:normal;object-fit:cover;object-position:top;width:100%;height:100%;animation:none;overflow:clip}::view-transition-old(root){animation-duration:.24s}::view-transition-new(root){animation-duration:.24s}@media (width<=860px){.plates__stage--phone{grid-template-columns:minmax(0,1fr)}.plates__phone{justify-self:center;width:min(13rem,100%)}.plates__head .btn{grid-row:1;align-self:start}}.peek--live canvas{width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=860px){.peek--live canvas{transform-origin:0 0;width:200%;height:200%;transform:scale(.5)}}.live-tag{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#121633b8;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .65rem .3rem .55rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;top:.6rem;left:.65rem}.scenes{background:#121633b8;border-radius:999px;gap:.1rem;padding:.1rem .25rem;display:flex;position:absolute;bottom:.6rem;left:.65rem}.scenes button{color:#ffffff73;cursor:pointer;background:radial-gradient(circle,currentColor .2rem,#0000 calc(.2rem + 1px));border:0;border-radius:50%;width:1.1rem;height:1.1rem;padding:0;transition:color .12s ease-out,background-size .12s ease-out}.scenes button:hover{color:#fffc}.scenes button.on{color:var(--pkg);background:radial-gradient(circle,currentColor .25rem,#0000 calc(.25rem + 1px))}.scenes button:focus-visible{outline-offset:0;border-radius:50%}.peek__badge{background:var(--node-ink);color:#fff;pointer-events:none;border-radius:7px;padding:.32rem .65rem;font-size:.8125rem;font-weight:600;line-height:1.2;position:absolute;bottom:.6rem;right:.6rem;box-shadow:0 2px 6px #060c404d}.live-tag .dot{width:.5rem;height:.5rem;margin-top:0;box-shadow:0 0 0 3px #1fbf6a4d}.live-tag .dot--off{box-shadow:none}.peek__badge--btn{font:inherit;cursor:pointer;pointer-events:auto;border:0;font-size:.8125rem;font-weight:600;transition:background .12s ease-out}.peek__badge--btn:hover,.peek__badge--btn:focus-visible{background:var(--canvas)}.node--site-lead{grid-column:1/-1;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);display:grid}.node--site-lead .node__head{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:baseline;padding:.85rem 1.25rem .8rem}.node--site-lead .node__head h3{font-size:clamp(1.75rem,2.6vw,2.25rem)}.node--site-lead .peek{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--node-sunk);border-radius:0 0 0 var(--r);grid-area:2/1;min-height:100%}.node--site-lead .peek__frame{border-radius:0 0 0 var(--r)}.node--site-lead .node__body{grid-area:2/2;gap:.95rem;padding:1.15rem 1.25rem 1.3rem}.node--site-lead .node__desc{font-size:1.0625rem}@media (width<=860px){.sites__grid{grid-template-columns:minmax(0,1fr)}.node--site,.node--site-feature{grid-column:1}.node--site-feature .node__body{display:flex}.node--site-lead{display:block}.node--site-lead .peek{aspect-ratio:16/10;border-right:0;border-bottom:1px solid var(--node-sunk);border-radius:0;min-height:0}.node--site-lead .peek__frame{border-radius:0}}.cluster{gap:var(--node-gap,1.25rem);border-radius:calc(var(--r) + .85rem);border:1px solid #ffffff47;margin:3rem -.85rem 0;padding:.85rem;display:grid}.cluster__label{color:var(--on-canvas);flex-wrap:wrap;align-items:baseline;gap:.15rem .6rem;margin:-3.55rem 0 0 .15rem;font-size:.9375rem;font-weight:600;display:flex}.cluster__label span{color:var(--on-canvas-soft);font-size:.8125rem;font-weight:500}@media (width<=860px){.cluster{margin-inline:0}}
