.sl-specimen{--accent:#a388ee;--accent-ink:#000;--glass-blur:14px;--glass-tint:255 255 255;--glass-alpha:.72;--border-w:2px;--hard-x:5px;--hard-y:5px;--radius:0px;--shell-w:1280px;--content-w:var(--shell-w);--viewport-gutter:4vw;--body-surface:var(--bg);--floating-ui-clearance:96px;--text-display-xl:clamp(4.2rem, 10.5vw, 9.5rem);--text-display-lg:clamp(2.6rem, 5.5vw, 5.25rem);--measure-reading:62ch;--measure-caption:48ch;--grid-gutter:clamp(1rem, 2.5vw, 2.5rem);--section-space:clamp(4rem, 9vw, 9rem);--clarity-gap:clamp(1.25rem, 3vw, 3rem);--rule-hairline:1px;--diagram-line:color-mix(in srgb, var(--ink) 72%, transparent);--diagram-muted:color-mix(in srgb, var(--ink) 42%, transparent);--grid-line:#1111;--bg:#f2f0ea;--bg-2:#fff;--ink:#111;--ink-dim:#5d5d59;--edge:0 0 0;--hard-shadow:#000;--neg:#242424;--neg-ink:#fff}.sl-specimen[data-mode=light]{--bg:#f2f0ea;--bg-2:#fff;--ink:#111;--ink-dim:#5d5d59;--edge:0 0 0;--hard-shadow:#000;--neg:#16171c;--neg-ink:#fff;--glass-tint:255 255 255;--glass-alpha:.72;--grid-line:#1111}.sl-specimen[data-mode=dark]{--bg:color-mix(in srgb, var(--accent) 18%, #100b16);--bg-2:color-mix(in srgb, var(--accent) 27%, #15101c);--ink:#f6f2f8;--ink-dim:#b9b0bf;--edge:0 0 0;--hard-shadow:#000;--neg:#343434;--neg-ink:#fff;--glass-tint:255 255 255;--glass-alpha:.08;--grid-line:#f6f2f812}.sl-specimen *{box-sizing:border-box}.sl-specimen{scroll-behavior:auto;background:var(--bg);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;background:0 0;margin:0;font-weight:440;line-height:1.45;position:relative;overflow-x:hidden}.sl-specimen ::selection{background:var(--accent);color:var(--accent-ink)}.sl-specimen .field{z-index:-2;pointer-events:none;background:var(--bg);height:100%;position:absolute;top:0;left:0;right:0;overflow:hidden}.sl-specimen[data-mode=light] .field,.sl-specimen[data-mode=dark] .field{opacity:1}.sl-specimen .field .grid{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);opacity:1;background-size:40px 40px;position:absolute;inset:0}.sl-specimen .grain{z-index:-1;pointer-events:none;height:100%;display:none;position:absolute;top:0;left:0;right:0}.sl-specimen .glass{background:var(--bg-2);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:none;position:relative}.sl-specimen .glass:before,.sl-specimen .glass:after{content:none}.sl-specimen .flat{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow)}.sl-specimen .eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:.6em;font-size:.72rem;display:inline-flex}.sl-specimen .eyebrow:before{content:"";background:var(--accent);width:9px;height:9px;display:inline-block}.sl-specimen h1,.sl-specimen h2,.sl-specimen h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800;line-height:.98}.sl-specimen .section-title{letter-spacing:-.045em;margin:.25em 0 .3em;font-size:clamp(2rem,4.2vw,4.25rem);line-height:.93}.sl-specimen .lead{color:var(--ink-dim);text-wrap:pretty;max-width:60ch;font-size:clamp(1rem,1.3vw,1.18rem)}.sl-specimen .accent{color:var(--accent)}.sl-specimen .mono{font-family:var(--mono)}.sl-specimen .wrap,.sl-specimen .shell{width:min(var(--shell-w), calc(100vw - var(--viewport-gutter)));margin-inline:auto}.sl-specimen .sl-site-content,.sl-specimen .sl-site-shell{width:min(100%, var(--shell-w));max-width:calc(100vw - var(--viewport-gutter));margin-inline:auto}.sl-specimen .sl-site-body{background:var(--body-surface)}.sl-specimen section{border-top:1px solid color-mix(in srgb, var(--ink) 22%, transparent);padding:clamp(3.5rem,8vw,7.5rem) 0;position:relative}.sl-specimen .section-head{column-gap:var(--grid-gutter);grid-template-rows:auto auto;grid-template-columns:minmax(0,5fr) minmax(280px,4fr);max-width:none;margin-bottom:clamp(2rem,4vw,4rem);display:grid}.sl-specimen .section-head .eyebrow{grid-area:1/1;align-self:start;margin-bottom:.8rem}.sl-specimen .section-head .section-title{grid-area:2/1}.sl-specimen .section-head .lead{grid-area:1/2/span 2;align-self:end;margin:0}@media (max-width:720px){.sl-specimen .section-head{grid-template-columns:1fr}.sl-specimen .section-head .eyebrow,.sl-specimen .section-head .section-title,.sl-specimen .section-head .lead{grid-area:auto/1}.sl-specimen .section-head .lead{margin-top:1rem}}.sl-specimen .reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.sl-specimen .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sl-specimen .reveal{opacity:1;transition:none;transform:none}.sl-specimen{scroll-behavior:auto}}@media print{.sl-specimen .reveal{opacity:1!important;transform:none!important}}.sl-specimen .nav{z-index:50;-webkit-backdrop-filter:blur(10px)saturate(150%);background:color-mix(in srgb, var(--bg-2) 96%, transparent);border:var(--border-w) solid rgb(var(--edge));width:min(1200px,94vw);box-shadow:none;justify-content:space-between;align-items:center;padding:.55rem .6rem .55rem clamp(.9rem,2vw,1.3rem);display:flex;position:fixed;top:clamp(.6rem,1.6vw,1rem);left:50%;transform:translate(-50%)translateZ(0)}.sl-specimen .nav .links{align-items:center;gap:1.3rem;display:flex}.sl-specimen .nav .links a{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-size:.78rem;text-decoration:none;transition:color .2s;position:relative}.sl-specimen .nav .links a:not(.nav-cta):after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .22s;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.sl-specimen .nav .links a.active{color:var(--ink)}.sl-specimen .nav .links a.active:not(.nav-cta):after{transform:scaleX(1)}.sl-specimen .nav .links a:hover{color:var(--ink)}.sl-specimen .nav .links a.nav-cta{color:var(--accent-ink);font-family:var(--display);text-transform:none;letter-spacing:-.01em;font-size:.82rem;font-weight:800}.sl-specimen .nav .links a.nav-cta:hover{color:var(--accent-ink)}@media (max-width:700px){.sl-specimen .nav .links a:not(.nav-cta){display:none}}.sl-specimen .dotnav{z-index:60;flex-direction:column;gap:.85rem;display:flex;position:fixed;top:50%;right:clamp(.7rem,2vw,1.4rem);transform:translateY(-50%)}.sl-specimen .dotnav a{justify-content:flex-end;align-items:center;gap:.6rem;text-decoration:none;display:flex}.sl-specimen .dotnav .dd{border:2px solid rgb(var(--edge));background:rgba(var(--glass-tint),.12);width:11px;height:11px;box-shadow:2px 2px 0 0 var(--hard-shadow);flex:none;transition:background .2s,transform .15s}.sl-specimen .dotnav a:hover .dd{transform:translate(-1px,-1px)}.sl-specimen .dotnav a.active .dd{background:var(--accent)}.sl-specimen .dotnav .dl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border:1.5px solid rgb(var(--edge));background:var(--bg-2);box-shadow:2px 2px 0 0 var(--hard-shadow);opacity:0;pointer-events:none;padding:.18rem .45rem;font-size:.64rem;transition:opacity .15s,transform .15s;transform:translate(6px)}.sl-specimen .dotnav a:hover .dl,.sl-specimen .dotnav a.active .dl{opacity:1;transform:none}@media (max-width:820px){.sl-specimen .dotnav{display:none}}.sl-specimen .glyph{--s:34px;width:var(--s);height:var(--s);border:2.5px solid rgb(var(--edge));background:var(--bg-2);-webkit-backdrop-filter:blur(8px)saturate(180%);box-shadow:3px 3px 0 0 var(--hard-shadow);border-radius:0;flex:none;position:relative;overflow:hidden}.sl-specimen .glyph:before{content:"";background:var(--accent);border-radius:46% 46% 0 0/70% 70% 0 0;height:58%;position:absolute;bottom:-8%;left:-10%;right:-10%;box-shadow:inset 0 2px #ffffff73}.sl-specimen .glyph:after{content:none}.sl-specimen .glyph.lg{--s:60px;box-shadow:5px 5px 0 0 var(--hard-shadow);border-width:3px}.sl-specimen .brand{color:var(--ink);align-items:center;gap:.7rem;text-decoration:none;display:flex}.sl-specimen .brand .name{letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.sl-specimen .btn{font-family:var(--display);cursor:pointer;border:var(--border-w) solid rgb(var(--edge));color:var(--ink);border-radius:0;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s;display:inline-flex;position:relative}.sl-specimen .btn.glassy{background:var(--bg-2);box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow)}.sl-specimen .btn.solid{background:var(--accent);color:var(--accent-ink);box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow)}.sl-specimen .btn:active,.sl-specimen .btn:hover{transform:translate(var(--hard-x), var(--hard-y));box-shadow:0 0 0 0 var(--hard-shadow)}.sl-specimen .btn .arrow{transition:transform .2s}.sl-specimen .btn:hover .arrow{transform:translate(4px)}.sl-specimen .hero{align-items:center;min-height:auto;padding-top:clamp(5rem,10vh,6.5rem);padding-bottom:clamp(2rem,5vh,3.5rem);display:flex}.sl-specimen .hero-grid{width:100%;max-width:980px;display:block}@media (max-width:940px){.sl-specimen .hero-grid{max-width:none}}.sl-specimen .wordmark{font-weight:900;font-stretch:125%;font-size:var(--text-display-xl);letter-spacing:-.03em;text-wrap:balance;margin:.25em 0 .3em;line-height:.84}.sl-specimen .wordmark .glas{color:var(--accent);-webkit-text-stroke:0;text-shadow:none}.sl-specimen .wordmark .brutal{color:var(--accent);-webkit-text-stroke:4px rgb(var(--edge));paint-order:stroke fill;text-shadow:var(--hard-x) var(--hard-y) 0 rgb(var(--edge));position:relative}.sl-specimen .umlaut-note{font-family:var(--mono)}.sl-specimen .wordmark .glas[data-liquid].is-liquid{color:#0000;-webkit-text-stroke:0;text-shadow:none;background:0 0;display:inline-block;position:relative}.sl-specimen .liquid-svg{pointer-events:none;width:100%;height:100%;filter:drop-shadow(var(--hard-x) var(--hard-y) 0 rgba(var(--edge), .3));position:absolute;inset:0;overflow:visible}.sl-specimen .lw-glass{fill:color-mix(in srgb, var(--accent) 20%, transparent)}.sl-specimen .lw-wave-back{fill:color-mix(in srgb, var(--accent) 62%, white 18%);opacity:.74}.sl-specimen .lw-wave-front{fill:var(--accent)}.sl-specimen .lw-shine{fill:none;stroke:color-mix(in srgb, white 82%, var(--accent));stroke-width:2.5px;opacity:.72;vector-effect:non-scaling-stroke}.sl-specimen .lw-meniscus{fill:none;stroke:color-mix(in srgb, white 54%, var(--accent));stroke-width:5px;opacity:.28;vector-effect:non-scaling-stroke}.sl-specimen .lw-caustic{fill:none;stroke:color-mix(in srgb, white 68%, var(--accent));stroke-width:1.25px;opacity:.18;vector-effect:non-scaling-stroke}.sl-specimen .lw-caustic-a{animation:13s linear infinite reverse sls-lw-flow}.sl-specimen .lw-caustic-b{animation:19s linear infinite sls-lw-flow}.sl-specimen .lw-ripple{fill:none;stroke:color-mix(in srgb, white 55%, var(--accent));stroke-width:1.6px;vector-effect:non-scaling-stroke}.sl-specimen .lw-ripple-a{opacity:.32;animation:11s linear infinite sls-lw-flow}.sl-specimen .lw-ripple-b{opacity:.22;animation:17s linear infinite reverse sls-lw-flow}.sl-specimen .lw-outline{fill:none;stroke:color-mix(in srgb, rgb(var(--edge)) 82%, var(--ink));stroke-width:2.6px;paint-order:stroke;vector-effect:non-scaling-stroke}.sl-specimen .lw-slosh{transform-box:fill-box;transform-origin:50%;will-change:transform}.sl-specimen .lw-bob{animation:10s ease-in-out infinite sls-lw-bob}.sl-specimen .lw-wave-front{animation:9s linear infinite sls-lw-flow}.sl-specimen .lw-wave-back{animation:15s linear infinite reverse sls-lw-flow}.sl-specimen .lw-shine{animation:9s linear infinite sls-lw-flow}@keyframes sls-lw-flow{0%{transform:translate(0)}to{transform:translateX(calc(var(--w) * -1))}}@keyframes sls-lw-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--amp,6px) * -1))}}@media (prefers-reduced-motion:reduce){.sl-specimen .lw-bob,.sl-specimen .lw-wave-front,.sl-specimen .lw-wave-back,.sl-specimen .lw-shine,.sl-specimen .lw-ripple,.sl-specimen .lw-meniscus,.sl-specimen .lw-caustic{animation:none}.sl-specimen .lw-slosh{transform:none!important}}.sl-specimen .glyph.is-cube:before{content:none}.sl-specimen .liquid-cube{width:100%;height:100%;display:block;position:absolute;inset:0}.sl-specimen .lw-cube-innerglass{fill:color-mix(in srgb, var(--accent) 10%, transparent)}.sl-specimen .lw-cube-edge{fill:none;stroke:rgb(var(--edge));stroke-width:1.4px;stroke-linejoin:miter;stroke-linecap:butt;vector-effect:non-scaling-stroke}.sl-specimen .lw-cube-shell{fill:none;stroke:rgb(var(--edge));stroke-width:2.4px;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.sl-specimen .hero-tags{flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.4rem;display:flex}.sl-specimen .tag{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1.5px solid rgba(var(--edge),.6);color:var(--ink-dim);border-radius:0;padding:.4rem .8rem;font-size:.72rem}.sl-specimen .hero-cta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sl-specimen .specimen{height:440px;position:relative}.sl-specimen .specimen .card{will-change:transform;width:240px;padding:1.3rem 1.4rem;position:absolute}.sl-specimen .specimen .c1{z-index:1;top:0;left:0}.sl-specimen .specimen .c2{z-index:2;top:122px;left:74px}.sl-specimen .specimen .c3{z-index:3;top:252px;left:22px}.sl-specimen .chip-row{gap:.5rem;margin-top:.8rem;display:flex}.sl-specimen .dot{border:2px solid rgb(var(--edge));border-radius:0;width:22px;height:22px}.sl-specimen .draggable{cursor:grab}.sl-specimen .draggable:active{cursor:grabbing}.sl-specimen .tenets{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1rem;display:grid}@media (max-width:640px){.sl-specimen .tenets{grid-template-columns:1fr}}.sl-specimen .tenet{flex-direction:column;padding:1.15rem 1.2rem;display:flex}.sl-specimen .tenet .pnum{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.7rem}.sl-specimen .tenet .psub{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-top:.15rem;font-size:.7rem}.sl-specimen .tenet h3{margin:.6rem 0 .4rem;font-size:1.25rem}.sl-specimen .tenet>p{color:var(--ink-dim);margin:0;font-size:.9rem}.sl-specimen .tenet ul{margin:.9rem 0 0;padding:0;list-style:none}.sl-specimen .tenet li{font-family:var(--mono);border-top:1px solid rgba(var(--edge),.15);color:var(--ink-dim);gap:.5rem;padding:.4rem 0;font-size:.76rem;display:flex}.sl-specimen .tenet li:before{content:"";background:var(--accent);flex:none;width:8px;height:8px;margin-top:.35em}.sl-specimen .principles{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (max-width:700px){.sl-specimen .principles{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.sl-specimen .principles{grid-template-columns:1fr}}.sl-specimen .principle{flex-direction:column;min-height:132px;padding:1.1rem;display:flex}.sl-specimen .principle .num{font-family:var(--mono);color:var(--accent);margin-bottom:auto;font-size:.76rem}.sl-specimen .principle h3{margin:1rem 0 .35rem;font-size:1.18rem}.sl-specimen .principle p{color:var(--ink-dim);margin:0;font-size:.88rem}.sl-specimen .specimens{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (max-width:640px){.sl-specimen .specimens{grid-template-columns:1fr}}.sl-specimen .spec-panel{padding:1.4rem}.sl-specimen .spec-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:1rem;font-size:.72rem}.sl-specimen .spec-stage{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sl-specimen .toggle{border:var(--border-w) solid rgb(var(--edge));cursor:pointer;background:var(--bg-2);width:64px;height:36px;box-shadow:3px 3px 0 0 var(--hard-shadow);border-radius:0;transition:background .25s;position:relative}.sl-specimen .toggle .knob{background:rgb(var(--edge));border-radius:0;width:26px;height:26px;transition:transform .22s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px}.sl-specimen .toggle.on{background:var(--accent)}.sl-specimen .toggle.on .knob{background:var(--accent-ink);transform:translate(28px)}.sl-specimen .field-input{border:var(--border-w) solid rgb(var(--edge));background:var(--bg-2);border-radius:0;align-items:center;gap:.6rem;min-width:220px;padding:.7rem 1rem;display:flex}.sl-specimen .field-input input{color:var(--ink);font-family:var(--mono);background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.sl-specimen .field-input input::placeholder{color:var(--ink-dim)}.sl-specimen .field-input:focus-within{box-shadow:4px 4px 0 0 var(--accent)}.sl-specimen .seg{border:var(--border-w) solid rgb(var(--edge));box-shadow:3px 3px 0 0 var(--hard-shadow);-webkit-backdrop-filter:blur(10px);background:rgba(var(--glass-tint),.05);border-radius:0;display:inline-flex;overflow:hidden}.sl-specimen .seg button{font-family:var(--mono);color:var(--ink-dim);cursor:pointer;border:none;border-left:1px solid rgba(var(--edge),.3);background:0 0;padding:.55rem .9rem;font-size:.78rem}.sl-specimen .seg button:first-child{border-left:none}.sl-specimen .seg button.sel{background:var(--accent);color:var(--accent-ink)}.sl-specimen .gslider{align-items:center;width:220px;height:36px;display:flex}.sl-specimen .gslider .track{border:2px solid rgb(var(--edge));background:rgba(var(--glass-tint),.06);border-radius:0;flex:1;height:8px;position:relative}.sl-specimen .gslider .fill{background:var(--accent);border-radius:0;width:55%;position:absolute;top:0;bottom:0;left:0}.sl-specimen .gslider .thumb{background:rgb(var(--edge));border:2px solid rgb(var(--edge));width:22px;height:22px;box-shadow:2px 2px 0 var(--hard-shadow);border-radius:0;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.sl-specimen .rules{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:760px){.sl-specimen .rules{grid-template-columns:1fr}}.sl-specimen .rule{padding:1.4rem}.sl-specimen .rule .badge{font-family:var(--mono);letter-spacing:.1em;border-radius:0;margin-bottom:1.2rem;padding:.3rem .7rem;font-size:.8rem;font-weight:700;display:inline-block}.sl-specimen .rule.do .badge{background:var(--accent);color:var(--accent-ink)}.sl-specimen .rule.dont .badge{border:2px solid rgb(var(--edge));color:var(--ink);background:0 0}.sl-specimen .rule ul{margin:0;padding:0;list-style:none}.sl-specimen .rule li{border-top:1px solid rgba(var(--edge),.15);padding:.7rem 0;font-size:.95rem}.sl-specimen .rule.dont li{color:var(--ink-dim);text-decoration:line-through;-webkit-text-decoration-color:rgba(var(--edge),.3);text-decoration-color:rgba(var(--edge),.3)}.sl-specimen .tokens{grid-template-columns:1.2fr 1fr;gap:1rem;display:grid}@media (max-width:820px){.sl-specimen .tokens{grid-template-columns:1fr}}.sl-specimen .swatches{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1.2rem;display:grid}.sl-specimen .swatch{aspect-ratio:1;border:2px solid rgb(var(--edge));font-family:var(--mono);box-shadow:3px 3px 0 var(--hard-shadow);border-radius:0;align-items:flex-end;padding:.5rem;font-size:.6rem;display:flex}.sl-specimen .type-row{border-top:1px solid rgba(var(--edge),.15);align-items:baseline;gap:1rem;padding:.9rem 0;display:flex}.sl-specimen .type-row .k{font-family:var(--mono);color:var(--ink-dim);flex:none;width:90px;font-size:.7rem}.sl-specimen .cta-panel{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:clamp(1.6rem,3.2vw,2.4rem);display:flex}.sl-specimen .cta-panel h2{font-size:clamp(1.8rem,3.5vw,3rem)}.sl-specimen footer{padding:2rem 0 2.5rem}.sl-specimen .foot{border-top:var(--border-w) solid rgba(var(--edge),.4);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}.sl-specimen .foot .mono{color:var(--ink-dim);font-size:.78rem}.sl-specimen .foot .foot-legal{color:var(--ink-dim);text-align:right;max-width:52ch;font-size:.76rem}.sl-specimen .foot .foot-legal a{color:var(--ink);border-bottom:1px solid var(--accent);text-decoration:none;transition:color .2s}.sl-specimen .foot .foot-legal a:hover{color:var(--accent)}@media (max-width:640px){.sl-specimen .foot .foot-legal{text-align:left}}.sl-specimen .kit-groups{flex-direction:column;gap:2.2rem;display:flex}.sl-specimen .kit-group>.kit-group-head{align-items:baseline;gap:.8rem;margin-bottom:1rem;display:flex}.sl-specimen .kit-group-head .kg-name{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font-size:.78rem}.sl-specimen .kit-group-head .kg-rule{background:rgba(var(--edge),.25);flex:1;height:2px}.sl-specimen .kit-group-head .kg-count{font-family:var(--mono);color:var(--ink-dim);font-size:.72rem}.sl-specimen .kit-grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.sl-specimen .kit-cell{flex-direction:column;grid-column:span 4;gap:.95rem;min-width:0;padding:1.2rem 1.25rem;display:flex}.sl-specimen .kit-cell.w6{grid-column:span 6}.sl-specimen .kit-cell.w8{grid-column:span 8}.sl-specimen .kit-cell.w12{grid-column:span 12}@media (max-width:900px){.sl-specimen .kit-cell,.sl-specimen .kit-cell.w6,.sl-specimen .kit-cell.w8{grid-column:span 6}.sl-specimen .kit-cell.w12{grid-column:span 12}}@media (max-width:600px){.sl-specimen .kit-cell,.sl-specimen .kit-cell.w6,.sl-specimen .kit-cell.w8,.sl-specimen .kit-cell.w12{grid-column:span 12}}.sl-specimen .kit-cap{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:.5rem;font-size:.68rem;display:flex}.sl-specimen .kit-cap:before{content:"";background:var(--accent);flex:none;width:7px;height:7px}.sl-specimen .kit-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.sl-specimen .kit-col{flex-direction:column;gap:.7rem;display:flex}.sl-specimen .kit-demo{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.sl-specimen .sl-glass-fill{background:var(--bg-2)}.sl-specimen .sl-btn{font-family:var(--display);border-radius:var(--radius);cursor:pointer;border:var(--border-w) solid rgb(var(--edge));color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.85rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s;display:inline-flex}.sl-specimen .sl-btn.default{background:var(--accent);color:var(--accent-ink);box-shadow:4px 4px 0 0 var(--hard-shadow)}.sl-specimen .sl-btn.secondary{background:var(--bg-2);box-shadow:4px 4px 0 0 var(--hard-shadow)}.sl-specimen .sl-btn.outline{box-shadow:4px 4px 0 0 var(--hard-shadow);background:0 0}.sl-specimen .sl-btn.ghost{box-shadow:none;color:var(--ink-dim);background:0 0;border-color:#0000}.sl-specimen .sl-btn.ghost:hover{color:var(--ink);background:rgba(var(--glass-tint),.08);transform:none}.sl-specimen .sl-btn.destructive{background:var(--neg);color:var(--neg-ink);box-shadow:4px 4px 0 0 var(--hard-shadow)}.sl-specimen .sl-btn.link{box-shadow:none;color:var(--accent);text-underline-offset:3px;background:0 0;border-color:#0000;padding:.6rem .2rem;text-decoration:underline}.sl-specimen .sl-btn.link:hover{transform:none}.sl-specimen .sl-btn.icon{width:38px;height:38px;padding:.55rem}.sl-specimen .sl-btn.sm{padding:.4rem .7rem;font-size:.76rem}.sl-specimen .sl-btn.lg{padding:.8rem 1.3rem;font-size:.95rem}.sl-specimen .sl-btn:not(.ghost):not(.link):hover,.sl-specimen .sl-btn:not(.ghost):not(.link):active{box-shadow:0 0 0 0 var(--hard-shadow);transform:translate(4px,4px)}.sl-specimen .sl-btn[disabled]{opacity:.4;pointer-events:none}.sl-specimen .sl-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite sls-sl-spin}@keyframes sls-sl-spin{to{transform:rotate(360deg)}}.sl-specimen .sl-badge{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius);border:1.5px solid rgb(var(--edge));align-items:center;gap:.35rem;padding:.28rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.sl-specimen .sl-badge.default{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-badge.secondary{background:rgba(var(--glass-tint),.1);color:var(--ink)}.sl-specimen .sl-badge.outline{color:var(--ink-dim);background:0 0}.sl-specimen .sl-badge.destructive{background:var(--neg);color:var(--neg-ink);border-color:rgb(var(--edge))}.sl-specimen .sl-badge .ico{background:currentColor;border-radius:50%;width:6px;height:6px}.sl-specimen .sl-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-size:.7rem}.sl-specimen .sl-input,.sl-specimen .sl-textarea{font-family:var(--mono);color:var(--ink);border-radius:var(--radius);border:var(--border-w) solid rgb(var(--edge));background:var(--bg-2);width:100%;box-shadow:none;outline:none;padding:.6rem .8rem;font-size:.82rem}.sl-specimen .sl-textarea{resize:vertical;min-height:76px;line-height:1.5}.sl-specimen .sl-input::placeholder,.sl-specimen .sl-textarea::placeholder{color:var(--ink-dim)}.sl-specimen .sl-input:focus,.sl-specimen .sl-textarea:focus{box-shadow:3px 3px 0 0 var(--accent)}.sl-specimen .sl-otp{gap:.5rem;display:flex}.sl-specimen .sl-otp input{text-align:center;width:42px;height:48px;font-family:var(--mono);color:var(--ink);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.06);box-shadow:2px 2px 0 0 var(--hard-shadow);outline:none;font-size:1.1rem;font-weight:700}.sl-specimen .sl-otp input:focus{box-shadow:2px 2px 0 0 var(--accent)}.sl-specimen .sl-check,.sl-specimen .sl-radio-item{cursor:pointer;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.sl-specimen .sl-box{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.06);width:20px;height:20px;box-shadow:2px 2px 0 0 var(--hard-shadow);flex:none;place-items:center;transition:background .15s;display:grid}.sl-specimen .sl-check[aria-checked=true] .sl-box{background:var(--accent)}.sl-specimen .sl-box .tick{width:11px;height:11px;color:var(--accent-ink);opacity:0}.sl-specimen .sl-check[aria-checked=true] .sl-box .tick{opacity:1}.sl-specimen .sl-radio{border:var(--border-w) solid rgb(var(--edge));background:var(--bg-2);width:20px;height:20px;box-shadow:2px 2px 0 0 var(--hard-shadow);transition:background var(--motion-fast) var(--ease-liquid);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.sl-specimen .sl-radio .dot{border-radius:inherit;background:var(--accent);opacity:0;width:100%;height:100%}.sl-specimen .sl-radio-item[aria-checked=true] .sl-radio .dot{opacity:1}.sl-specimen .sl-switch{border-radius:var(--radius);border:var(--border-w) solid rgb(var(--edge));cursor:pointer;background:rgba(var(--glass-tint),.1);width:46px;height:26px;box-shadow:2px 2px 0 0 var(--hard-shadow);flex:none;transition:background .2s;position:relative}.sl-specimen .sl-switch .knob{border-radius:calc(var(--radius) * .6);background:rgb(var(--edge));width:18px;height:18px;transition:transform .2s cubic-bezier(.3,1.4,.5,1);position:absolute;top:2px;left:2px}.sl-specimen .sl-switch[aria-checked=true]{background:var(--accent)}.sl-specimen .sl-switch[aria-checked=true] .knob{background:var(--accent-ink);transform:translate(20px)}.sl-specimen .sl-toggle{font-family:var(--mono);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.06);color:var(--ink-dim);cursor:pointer;box-shadow:2px 2px 0 0 var(--hard-shadow);padding:.45rem .7rem;font-size:.8rem}.sl-specimen .sl-toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-toggle-group{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);gap:0;display:inline-flex;overflow:hidden}.sl-specimen .sl-toggle-group button{font-family:var(--mono);border:none;border-left:1px solid rgba(var(--edge),.3);background:rgba(var(--glass-tint),.05);color:var(--ink-dim);cursor:pointer;place-items:center;padding:.45rem .7rem;font-size:.8rem;display:grid}.sl-specimen .sl-toggle-group button:first-child{border-left:none}.sl-specimen .sl-toggle-group button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-toggle-group.is-liquid{isolation:isolate;position:relative}.sl-specimen .sl-toggle-group.is-liquid .sl-toggle-marker{inset-block:0;z-index:0;width:calc(100% / var(--toggle-count));transform:translateX(calc(var(--toggle-index) * 100%));background:var(--accent);transition:transform var(--motion) var(--ease-liquid-over), width var(--motion) var(--ease-liquid);pointer-events:none;position:absolute;left:0}.sl-specimen .sl-toggle-group.is-liquid button{z-index:1;transition:color var(--motion-fast) var(--ease-liquid);background:0 0;position:relative}.sl-specimen .sl-toggle-group.is-liquid button[aria-pressed=true]{color:var(--accent-ink);background:0 0}.sl-specimen .sl-slider{align-items:center;width:100%;height:26px;display:flex}.sl-specimen .sl-slider .trk{border-radius:var(--radius);border:2px solid rgb(var(--edge));background:rgba(var(--glass-tint),.06);cursor:pointer;flex:1;height:8px;position:relative}.sl-specimen .sl-slider .fl{background:var(--accent);position:absolute;top:0;bottom:0;left:0}.sl-specimen .sl-slider .th{border-radius:var(--radius);background:rgb(var(--edge));width:18px;height:18px;box-shadow:2px 2px 0 var(--hard-shadow);position:absolute;top:50%;transform:translate(-50%,-50%)}.sl-specimen .sl-progress{border:2px solid rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.06);width:100%;height:14px;overflow:hidden;box-shadow:inset 0 1px #fff3}.sl-specimen .sl-progress>span{background:var(--accent);background-image:linear-gradient(135deg,#ffffff40 25%,#0000 25% 50%,#ffffff40 50% 75%,#0000 75%);background-size:16px 16px;height:100%;transition:width .4s;display:block}.sl-specimen .sl-pop-wrap{position:relative}.sl-specimen .sl-trigger{font-family:var(--mono);color:var(--ink);cursor:pointer;border-radius:var(--radius);border:var(--border-w) solid rgb(var(--edge));background:var(--bg-2);box-shadow:2px 2px 0 0 var(--hard-shadow);justify-content:space-between;align-items:center;gap:.7rem;min-width:160px;padding:.55rem .8rem;font-size:.82rem;display:inline-flex}.sl-specimen .sl-trigger .chev{color:var(--ink-dim);transition:transform .2s}.sl-specimen .sl-trigger[aria-expanded=true] .chev{transform:rotate(180deg)}.sl-specimen .sl-menu{z-index:30;border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:var(--bg-2);-webkit-backdrop-filter:blur(18px)saturate(180%);min-width:200px;box-shadow:6px 6px 0 0 var(--hard-shadow);opacity:0;transform-origin:0 0;pointer-events:none;padding:.35rem;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-6px)scale(.98)}.sl-specimen .sl-menu.open{opacity:1;pointer-events:auto;transform:none}:is(.sl-specimen .kit-cell:has(.sl-menu.open),.sl-specimen .kit-cell:has(.sl-trigger[aria-expanded=true]),.sl-specimen .kit-cell:has([data-pop][aria-expanded=true])){z-index:40}.sl-specimen .sl-menu .item{font-family:var(--mono);border-radius:calc(var(--radius) * .6);color:var(--ink);cursor:pointer;align-items:center;gap:.55rem;padding:.5rem .6rem;font-size:.8rem;display:flex}.sl-specimen .sl-menu .item:hover,.sl-specimen .sl-menu .item.active{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-menu .item .k{opacity:.6;margin-left:auto;font-size:.7rem}.sl-specimen .sl-menu .sep{background:rgba(var(--edge),.2);height:1px;margin:.3rem 0}.sl-specimen .sl-menu .lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);padding:.4rem .6rem .2rem;font-size:.64rem}.sl-specimen .sl-cmd-search{font-family:var(--mono);color:var(--ink);border:none;border-bottom:1.5px solid rgba(var(--edge),.3);background:0 0;outline:none;width:100%;margin-bottom:.3rem;padding:.5rem .6rem;font-size:.8rem}.sl-specimen .sl-cmd-search::placeholder{color:var(--ink-dim)}.sl-specimen .sl-tabs .tablist{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);isolation:isolate;display:inline-flex;position:relative;overflow:hidden}.sl-specimen .sl-tabs .tablist button{z-index:1;font-family:var(--body);border:none;border-left:1px solid rgba(var(--edge),.3);color:var(--ink-dim);cursor:pointer;transition:color var(--motion-fast) var(--ease-liquid);background:0 0;flex:1;padding:.5rem .9rem;font-size:.78rem;font-weight:650;position:relative}.sl-specimen .sl-tabs .tablist button:first-child{border-left:none}.sl-specimen .sl-tabs .tablist button[aria-selected=true]{color:var(--accent-ink);background:0 0}.sl-specimen .sl-tabs .sl-tab-marker{inset-block:0;z-index:0;width:calc(100% / var(--tab-count));transform:translateX(calc(var(--tab-index) * 100%));background:var(--accent);transition:transform var(--motion) var(--ease-liquid-over), width var(--motion) var(--ease-liquid);pointer-events:none;position:absolute;left:0}.sl-specimen .sl-tabs .panel{color:var(--ink-dim);padding-top:.9rem;font-size:.88rem;display:none}.sl-specimen .sl-tabs .panel.show{display:block}.sl-specimen .sl-acc-item{border-bottom:1px solid rgba(var(--edge),.18)}.sl-specimen .sl-acc-head{cursor:pointer;font-size:.92rem;font-weight:700;font-family:var(--display);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.sl-specimen .sl-acc-head .pm{flex:none;width:16px;height:16px;position:relative}.sl-specimen .sl-acc-head .pm:before,.sl-specimen .sl-acc-head .pm:after{content:"";background:var(--accent);transition:transform .2s;position:absolute}.sl-specimen .sl-acc-head .pm:before{height:2px;top:7px;left:0;right:0}.sl-specimen .sl-acc-head .pm:after{width:2px;top:0;bottom:0;left:7px}.sl-specimen .sl-acc-item.open .pm:after{transform:scaleY(0)}.sl-specimen .sl-acc-body{max-height:0;transition:max-height .25s;overflow:hidden}.sl-specimen .sl-acc-body>p{color:var(--ink-dim);margin:0;padding:0 0 .9rem;font-size:.85rem}.sl-specimen .sl-ava{border-radius:var(--radius);border:var(--border-w) solid rgb(var(--edge));width:40px;height:40px;font-family:var(--mono);box-shadow:2px 2px 0 0 var(--hard-shadow);background:var(--accent);color:var(--accent-ink);flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid;overflow:hidden}.sl-specimen .sl-ava img{object-fit:cover;width:100%;height:100%}.sl-specimen .sl-ava-group{display:flex}.sl-specimen .sl-ava-group .sl-ava{box-shadow:2px 2px 0 0 var(--hard-shadow);margin-left:-10px}.sl-specimen .sl-ava-group .sl-ava:first-child{margin-left:0}.sl-specimen .sl-alert{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.06);border-left-width:6px;gap:.8rem;padding:.9rem 1rem;display:flex}.sl-specimen .sl-alert.destructive{border-left-color:var(--neg)}.sl-specimen .sl-alert .ai{width:20px;height:20px;color:var(--accent);flex:none}.sl-specimen .sl-alert.destructive .ai{color:var(--ink)}.sl-specimen .sl-alert .at{margin:0 0 .2rem;font-size:.9rem;font-weight:700}.sl-specimen .sl-alert .ad{color:var(--ink-dim);margin:0;font-size:.82rem}.sl-specimen .sl-table{border-collapse:collapse;width:100%;font-size:.82rem}.sl-specimen .sl-table th{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);text-align:left;border-bottom:2px solid rgb(var(--edge));padding:.55rem .7rem;font-size:.66rem}.sl-specimen .sl-table td{border-bottom:1px solid rgba(var(--edge),.15);padding:.6rem .7rem}.sl-specimen .sl-table tr:last-child td{border-bottom:none}.sl-specimen .sl-table tbody tr:hover{background:rgba(var(--glass-tint),.05)}.sl-specimen .sl-skel{background:linear-gradient(90deg, rgba(var(--glass-tint),.06) 25%, rgba(var(--glass-tint),.16) 37%, rgba(var(--glass-tint),.06) 63%);border-radius:var(--radius);border:1px solid rgba(var(--edge),.18);background-size:400% 100%;animation:1.4s infinite sls-sl-shimmer}@keyframes sls-sl-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.sl-specimen .sl-skel{animation:none}}.sl-specimen .sl-tip-wrap{display:inline-flex;position:relative}.sl-specimen .sl-tip{white-space:nowrap;font-family:var(--mono);background:var(--bg-2);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:3px 3px 0 0 var(--hard-shadow);opacity:0;pointer-events:none;z-index:20;padding:.4rem .6rem;font-size:.72rem;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.sl-specimen .sl-tip-wrap:hover .sl-tip{opacity:1;transform:translate(-50%)}.sl-specimen .sl-hover-card{background:var(--bg-2);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);width:240px;box-shadow:6px 6px 0 0 var(--hard-shadow);opacity:0;pointer-events:none;z-index:20;padding:1rem;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(6px)}.sl-specimen .sl-tip-wrap:hover .sl-hover-card{opacity:1;transform:none}.sl-specimen .sl-sep{background:rgba(var(--edge),.25);border:none;width:100%;height:2px}.sl-specimen .sl-sep.v{width:2px;height:28px}.sl-specimen .sl-crumb{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.sl-specimen .sl-crumb a{color:var(--ink-dim);text-decoration:none}.sl-specimen .sl-crumb a:hover{color:var(--ink)}.sl-specimen .sl-crumb .sl-cur{color:var(--accent)}.sl-specimen .sl-crumb .sl-sl{color:var(--ink-dim);opacity:.5}.sl-specimen .sl-page{gap:.4rem;display:flex}.sl-specimen .sl-page button{width:36px;height:36px;font-family:var(--mono);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.06);color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 0 var(--hard-shadow);font-size:.8rem}.sl-specimen .sl-page button.cur{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-page button[disabled]{opacity:.35;pointer-events:none}.sl-specimen .sl-menubar{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);display:inline-flex;overflow:hidden}.sl-specimen .sl-menubar>button{font-family:var(--mono);border:none;border-left:1px solid rgba(var(--edge),.25);background:rgba(var(--glass-tint),.05);color:var(--ink-dim);cursor:pointer;padding:.45rem .8rem;font-size:.78rem}.sl-specimen .sl-menubar>button:first-child{border-left:none}.sl-specimen .sl-menubar>button:hover{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-cal{width:100%}.sl-specimen .sl-cal-head{font-family:var(--mono);justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.82rem;display:flex}.sl-specimen .sl-cal-head button{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.06);width:28px;height:28px;color:var(--ink);cursor:pointer}.sl-specimen .sl-cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.sl-specimen .sl-cal-grid .dow{font-family:var(--mono);color:var(--ink-dim);text-align:center;text-transform:uppercase;padding-bottom:.3rem;font-size:.6rem}.sl-specimen .sl-cal-grid .day{aspect-ratio:1;font-family:var(--mono);border-radius:var(--radius);cursor:pointer;color:var(--ink);place-items:center;font-size:.74rem;display:grid}.sl-specimen .sl-cal-grid .day:hover{background:rgba(var(--glass-tint),.12)}.sl-specimen .sl-cal-grid .day.muted{color:var(--ink-dim);opacity:.4}.sl-specimen .sl-cal-grid .day.sel{background:var(--accent);color:var(--accent-ink);border:2px solid rgb(var(--edge))}.sl-specimen .sl-ratio{aspect-ratio:16/9;border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 30%, var(--bg-2));width:100%;font-family:var(--mono);color:var(--ink);place-items:center;font-size:.68rem;display:grid}.sl-specimen .sl-card-demo{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:4px 4px 0 0 var(--hard-shadow);background:rgba(var(--glass-tint),.05);overflow:hidden}.sl-specimen .sl-card-demo .cd-media{aspect-ratio:16/8;background:color-mix(in srgb, var(--accent) 34%, var(--bg-2));border-bottom:var(--border-w) solid rgb(var(--edge))}.sl-specimen .sl-card-demo .cd-body{padding:.9rem 1rem}.sl-specimen .sl-card-demo .cd-body h4{margin:0 0 .3rem;font-size:1rem}.sl-specimen .sl-card-demo .cd-body p{color:var(--ink-dim);margin:0 0 .8rem;font-size:.82rem}.sl-specimen .sl-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#0000008c;place-items:center;transition:opacity .2s;display:grid;position:fixed;inset:0}.sl-specimen .sl-overlay.open{opacity:1;pointer-events:auto}.sl-specimen .sl-dialog{background:var(--bg-2);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);width:min(440px,92vw);box-shadow:10px 10px 0 0 var(--hard-shadow);padding:1.6rem;transition:transform .22s cubic-bezier(.2,.9,.2,1);transform:translateY(10px)scale(.97)}.sl-specimen .sl-overlay.open .sl-dialog{transform:none}.sl-specimen .sl-dialog h3{margin:0 0 .5rem;font-size:1.3rem}.sl-specimen .sl-dialog p{color:var(--ink-dim);margin:0 0 1.3rem;font-size:.9rem}.sl-specimen .sl-dialog .actions{justify-content:flex-end;gap:.7rem;display:flex}.sl-specimen .sl-sheet-overlay{place-items:stretch stretch}.sl-specimen .sl-sheet{background:var(--bg-2);border-left:var(--border-w) solid rgb(var(--edge));width:min(380px,90vw);padding:1.6rem;transition:transform .28s cubic-bezier(.2,.9,.2,1);position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 #0003}.sl-specimen .sl-sheet-overlay.open .sl-sheet{transform:none}.sl-specimen .sl-sheet h3{margin:0 0 .4rem;font-size:1.2rem}.sl-specimen .sl-sheet p{color:var(--ink-dim);font-size:.86rem}.sl-specimen .sl-toast-stack{z-index:300;width:300px;height:0;position:fixed;bottom:1.4rem;right:1.4rem}.sl-specimen .sl-toast{box-sizing:border-box;background:var(--bg-2);border:var(--border-w) solid rgb(var(--edge));border-left:6px solid var(--accent);border-radius:var(--radius);width:100%;box-shadow:5px 5px 0 0 var(--hard-shadow);--y:0px;--s:1;transform-origin:100% 100%;align-items:flex-start;gap:.7rem;padding:.85rem 1rem;transition:transform .4s cubic-bezier(.2,.9,.2,1),opacity .3s;display:flex;position:absolute;bottom:0;right:0;transform:translate(125%)}.sl-specimen .sl-toast.show{transform:translateY(var(--y)) scale(var(--s))}.sl-specimen .sl-toast .tt{margin:0 0 .15rem;font-size:.86rem;font-weight:700}.sl-specimen .sl-toast .td{color:var(--ink-dim);margin:0;font-size:.78rem}.sl-specimen .show-feature{grid-template-columns:1.5fr 1fr;align-items:center;gap:1.4rem;padding:1.4rem;display:grid}@media (max-width:760px){.sl-specimen .show-feature{grid-template-columns:1fr}}.sl-specimen .show-browser{border:var(--border-w) solid rgb(var(--edge));box-shadow:6px 6px 0 0 var(--hard-shadow);background:var(--bg-2);overflow:hidden}.sl-specimen .browser-bar{border-bottom:var(--border-w) solid rgb(var(--edge));background:rgba(var(--glass-tint),.06);align-items:center;gap:.5rem;padding:.55rem .7rem;display:flex}.sl-specimen .browser-bar .tl{border:1.5px solid rgb(var(--edge));background:rgba(var(--glass-tint),.15);flex:none;width:11px;height:11px}.sl-specimen .browser-bar .url{font-family:var(--mono);color:var(--ink-dim);border:1.5px solid rgba(var(--edge),.4);background:rgba(var(--glass-tint),.04);flex:1;margin-left:.6rem;padding:.2rem .7rem;font-size:.72rem}.sl-specimen .browser-shot{aspect-ratio:16/10;width:100%;display:block}.sl-specimen .show-meta{flex-direction:column;gap:1rem;display:flex}.sl-specimen .show-name{font-weight:700}.sl-specimen .sl-attribution{font-family:var(--mono);color:var(--ink-dim);font-size:.72rem}.sl-specimen .sl-attribution a{color:var(--ink);border-bottom:1px solid var(--accent);text-decoration:none}.sl-specimen .sl-attribution a:hover{color:var(--accent)}.sl-specimen .sl-timeline{margin:0;padding:0;list-style:none}.sl-specimen .sl-timeline-item{grid-template-columns:18px minmax(0,1fr);gap:.85rem;padding:0 0 1.15rem;display:grid;position:relative}.sl-specimen .sl-timeline-item:not(:last-child):before{content:"";background:rgb(var(--edge));width:2px;position:absolute;top:16px;bottom:0;left:7px}.sl-specimen .sl-timeline-marker{z-index:1;border:var(--border-w) solid rgb(var(--edge));background:var(--accent);width:16px;height:16px;box-shadow:2px 2px 0 0 var(--hard-shadow);position:relative}.sl-specimen .sl-timeline-copy{min-width:0}.sl-specimen .sl-timeline-date{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:.2rem;font-size:.68rem;display:block}.sl-specimen .sl-timeline-title{margin:0;font-size:1rem}.sl-specimen .sl-timeline-body{color:var(--ink-dim);margin-top:.25rem;font-size:.86rem;line-height:1.45}.sl-specimen .sl-stepper{grid-template-columns:repeat(var(--step-count,3), minmax(0, 1fr));margin:0;padding:0;list-style:none;display:grid}.sl-specimen .sl-step{align-items:flex-start;gap:.55rem;min-width:0;display:flex;position:relative}.sl-specimen .sl-step:not(:last-child):after{content:"";background:rgb(var(--edge));height:2px;position:absolute;top:13px;left:30px;right:6px}.sl-specimen .sl-step-marker{z-index:1;border:var(--border-w) solid rgb(var(--edge));background:var(--bg-2);width:28px;height:28px;color:var(--ink);font-family:var(--mono);box-shadow:2px 2px 0 0 var(--hard-shadow);flex:none;place-items:center;font-size:.68rem;display:grid;position:relative}.sl-specimen .sl-step-marker svg{width:14px;height:14px}.sl-specimen .sl-step[data-status=complete] .sl-step-marker,.sl-specimen .sl-step[data-status=current] .sl-step-marker{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-step-copy{z-index:1;background:var(--bg-2);flex-direction:column;min-width:0;padding:.1rem .35rem 0 0;display:flex;position:relative}.sl-specimen .sl-step-copy strong{font-size:.78rem}.sl-specimen .sl-step-copy>span{font-family:var(--mono);color:var(--ink-dim);font-size:.62rem}@media (max-width:640px){.sl-specimen .sl-stepper{grid-template-columns:1fr;gap:.75rem}.sl-specimen .sl-step:not(:last-child):after{width:2px;height:auto;inset:29px auto -12px 13px}}.sl-specimen .sl-filter-toolbar{border:var(--border-w) solid rgb(var(--edge));background:rgba(var(--glass-tint), var(--glass-alpha));box-shadow:4px 4px 0 0 var(--hard-shadow);flex-wrap:wrap;align-items:end;gap:.7rem;padding:.8rem;display:flex}.sl-specimen .sl-filter-group{flex-wrap:wrap;align-items:end;gap:.55rem;min-width:0;display:flex}.sl-specimen .sl-filter-summary{font-family:var(--mono);color:var(--ink-dim);white-space:nowrap;margin-left:auto;font-size:.68rem}@media (max-width:640px){.sl-specimen .sl-filter-summary{width:100%;margin-left:0}}.sl-specimen .sl-omnibar{border:var(--border-w) solid rgb(var(--edge));background:rgba(var(--glass-tint), var(--glass-alpha));width:100%;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);box-shadow:5px 5px 0 0 var(--hard-shadow);gap:.45rem;padding:.5rem;display:grid}.sl-specimen .sl-omnibar-attachments{flex-wrap:wrap;gap:.35rem;display:flex}.sl-specimen .sl-omnibar-attachment{border:1.5px solid rgb(var(--edge));background:rgb(var(--glass-tint) / .08);font-family:var(--mono);color:var(--ink-dim);align-items:center;gap:.35rem;padding:.25rem .4rem;font-size:.62rem;display:inline-flex}.sl-specimen .sl-omnibar-attachment button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.sl-specimen .sl-omnibar-attachment svg{width:12px;height:12px}.sl-specimen .sl-omnibar-row{align-items:center;gap:.35rem;min-width:0;display:flex}.sl-specimen .sl-omnibar-input{min-width:0;color:var(--ink);font:.84rem var(--body);background:0 0;border:0;outline:0;flex:1}.sl-specimen .sl-omnibar-input::placeholder{color:var(--ink-dim)}.sl-specimen .sl-omnibar-icon,.sl-specimen .sl-omnibar-submit{border:var(--border-w) solid rgb(var(--edge));width:34px;height:34px;color:var(--ink);background:rgb(var(--glass-tint) / .06);cursor:pointer;flex:none;place-items:center;display:grid}.sl-specimen .sl-omnibar-icon svg,.sl-specimen .sl-omnibar-submit svg{width:15px;height:15px}.sl-specimen .sl-omnibar-submit{background:var(--accent);color:var(--accent-ink);box-shadow:2px 2px 0 0 var(--hard-shadow)}.sl-specimen .sl-omnibar-submit:active{box-shadow:none;transform:translate(2px,2px)}.sl-specimen .sl-omnibar-status{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.58rem}@media (max-width:560px){.sl-specimen .sl-omnibar-status{display:none}}.sl-specimen .sl-detail-panel{border:var(--border-w) solid rgb(var(--edge));background:rgba(var(--glass-tint), var(--glass-alpha));width:100%;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);box-shadow:5px 5px 0 0 var(--hard-shadow);flex-direction:column;display:flex}.sl-specimen .sl-detail-panel-header{border-bottom:var(--border-w) solid rgb(var(--edge));justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem .85rem;display:flex}.sl-specimen .sl-detail-panel-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.15rem;font-size:.58rem;display:block}.sl-specimen .sl-detail-panel-title{font-family:var(--display);margin:0;font-size:1rem;line-height:1.1}.sl-specimen .sl-detail-panel-body{color:var(--ink-dim);padding:.85rem;font-size:.82rem;line-height:1.45}.sl-specimen .sl-detail-panel-footer{border-top:var(--border-w) solid rgb(var(--edge));flex-wrap:wrap;gap:.5rem;padding:.7rem .85rem;display:flex}.sl-specimen .sl-template{flex-direction:column;gap:1rem;min-height:100%;display:flex}.sl-specimen .sl-template>.sl-site-content{flex-direction:column;flex:1;gap:1rem;display:flex}.sl-specimen .sl-template-footer{border-top:var(--border-w) solid rgb(var(--edge));margin-top:auto;padding-block:1rem}.sl-specimen .sl-template-guided>.sl-site-content{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:start;display:grid}.sl-specimen .sl-template-immersive{min-height:100dvh}.sl-specimen .sl-template-immersive>main{flex:1;position:relative;overflow:hidden}@media (max-width:760px){.sl-specimen .sl-template-guided>.sl-site-content{grid-template-columns:1fr}}.sl-specimen .sl-testimonial{border:var(--border-w) solid rgb(var(--edge));background:rgb(var(--glass-tint) / .08);box-shadow:4px 4px 0 0 var(--hard-shadow);flex-direction:column;gap:.75rem;margin:0;padding:1rem;display:flex}.sl-specimen .sl-testimonial-source{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-size:.62rem;font-weight:700}.sl-specimen .sl-testimonial-quote{font-family:var(--body);color:var(--ink);margin:0;font-size:.9rem;line-height:1.55}.sl-specimen .sl-testimonial-author{border-top:1px solid rgb(var(--edge) / .3);font-family:var(--display);padding-top:.65rem;font-size:.78rem;font-weight:700}.sl-specimen .sl-testimonial-meta{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin-top:.15rem;font-size:.6rem;font-weight:400;display:block}.sl-specimen .sl-logo-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.55rem;display:grid}.sl-specimen .sl-logo-tile{border:var(--border-w) solid rgb(var(--edge));background:rgb(var(--glass-tint) / .08);min-height:86px;box-shadow:3px 3px 0 0 var(--hard-shadow);align-content:center;place-items:center;gap:.45rem;padding:.65rem;display:grid}.sl-specimen .sl-logo-mark{background:var(--accent);width:2.5rem;height:2.5rem;color:var(--accent-ink);font-family:var(--display);place-items:center;font-weight:800;display:grid}.sl-specimen .sl-logo-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-size:.58rem}.sl-specimen .sl-portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem;display:grid}.sl-specimen .sl-portfolio-card{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:var(--bg-2);min-height:290px;color:var(--ink);box-shadow:4px 4px 0 0 var(--hard-shadow);transition:transform var(--motion-fast) var(--ease-liquid), box-shadow var(--motion-fast) var(--ease-liquid);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.sl-specimen .sl-portfolio-card[href]{cursor:pointer}.sl-specimen .sl-portfolio-card[href]:hover,.sl-specimen .sl-portfolio-card[href]:focus-visible{box-shadow:6px 6px 0 0 var(--hard-shadow);transform:translate(-1px,-1px)}.sl-specimen .sl-portfolio-card[href]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sl-specimen .sl-portfolio-card-media{border-bottom:var(--border-w) solid rgb(var(--edge));background:var(--bg-2);flex:0 0 9.5rem;place-items:center;min-height:9.5rem;padding:1.25rem;display:grid;position:relative}.sl-specimen .sl-portfolio-card-logo{min-width:4.25rem;min-height:4.25rem;color:var(--ink);font-family:var(--display);letter-spacing:-.04em;place-items:center;font-size:clamp(1.35rem,3vw,2rem);font-weight:900;display:grid}.sl-specimen .sl-portfolio-card-logo>img,.sl-specimen .sl-portfolio-card-logo>svg{object-fit:contain;width:min(100%,11rem);max-height:5.5rem;display:block}.sl-specimen .sl-portfolio-card-body{background:var(--neg);min-height:9.5rem;color:var(--neg-ink);flex-direction:column;flex:1;padding:1rem;display:flex}.sl-specimen .sl-portfolio-card-tags{flex-wrap:wrap;gap:.35rem;display:flex}.sl-specimen .sl-portfolio-card-media>.sl-portfolio-card-tags{z-index:1;position:absolute;inset:.65rem .65rem auto}.sl-specimen .sl-portfolio-card-body>.sl-portfolio-card-tags{margin-bottom:.7rem}.sl-specimen .sl-portfolio-card-tag{border:1px solid rgb(var(--edge));background:color-mix(in srgb, var(--neg) 80%, #000);color:var(--neg-ink);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:2px 2px 0 0 var(--hard-shadow);padding:.28rem .45rem;font-size:.56rem;font-weight:700;line-height:1}.sl-specimen .sl-portfolio-card-title{color:var(--neg-ink);font-family:var(--display);margin:0;font-size:1rem;font-weight:800;line-height:1.15}.sl-specimen .sl-portfolio-card-description{-webkit-line-clamp:3;color:color-mix(in srgb, var(--neg-ink) 72%, transparent);font-family:var(--body);-webkit-box-orient:vertical;margin:.55rem 0 0;font-size:.78rem;line-height:1.5;display:-webkit-box;overflow:hidden}.sl-specimen .sl-portfolio-card-action{width:fit-content;color:var(--neg-ink);font-family:var(--mono);letter-spacing:.09em;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--neg-ink) 58%, transparent);text-decoration-color:color-mix(in srgb, var(--neg-ink) 58%, transparent);text-underline-offset:.35rem;text-transform:uppercase;align-items:center;gap:.28rem;margin-top:auto;padding-top:1rem;font-size:.62rem;font-weight:800;display:inline-flex}.sl-specimen .sl-portfolio-card-action svg{width:.75rem;height:.75rem}@media (max-width:560px){.sl-specimen .sl-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.sl-specimen .sl-portfolio-card{min-height:270px}.sl-specimen .sl-portfolio-card-media{flex-basis:8rem;min-height:8rem;padding:.8rem}.sl-specimen .sl-portfolio-card-body{padding:.8rem}.sl-specimen .sl-portfolio-card-description{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.sl-specimen .sl-portfolio-card{transition:none}}.sl-specimen .sl-activity-feed{gap:0;margin:0;padding:0;list-style:none;display:grid}.sl-specimen .sl-activity-item{grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem;padding-bottom:.9rem;display:grid;position:relative}.sl-specimen .sl-activity-item:not(:last-child):before{content:"";background:rgb(var(--edge));width:2px;position:absolute;top:2.1rem;bottom:0;left:calc(1.125rem - 1px)}.sl-specimen .sl-activity-marker{z-index:1;border:var(--border-w) solid rgb(var(--edge));background:var(--accent);width:2.25rem;height:2.25rem;color:var(--accent-ink);font-family:var(--mono);box-shadow:2px 2px 0 0 var(--hard-shadow);place-items:center;font-size:.6rem;font-weight:700;display:grid;position:relative}.sl-specimen .sl-activity-content{border:var(--border-w) solid rgb(var(--edge));background:rgb(var(--glass-tint) / .07);min-width:0;padding:.7rem}.sl-specimen .sl-activity-header{justify-content:space-between;align-items:baseline;gap:.7rem;display:flex}.sl-specimen .sl-activity-title{font:700 .82rem/1.25 var(--display);margin:0}.sl-specimen .sl-activity-meta{font-family:var(--mono);color:var(--ink-dim);text-transform:uppercase;flex:none;font-size:.58rem}.sl-specimen .sl-activity-description{color:var(--ink-dim);margin:.35rem 0 0;font-size:.76rem;line-height:1.45}@media (max-width:520px){.sl-specimen .sl-activity-header{flex-direction:column;align-items:flex-start;gap:.2rem}}.sl-specimen .sl-dropzone{border:var(--border-w) dashed rgb(var(--edge));background:rgb(var(--glass-tint) / .06);text-align:center;cursor:pointer;min-height:190px;box-shadow:4px 4px 0 0 var(--hard-shadow);align-content:center;place-items:center;gap:.45rem;padding:1.25rem;transition:transform .14s,box-shadow .14s,background .14s;display:grid}.sl-specimen .sl-dropzone:hover,.sl-specimen .sl-dropzone:focus-within,.sl-specimen .sl-dropzone[data-active]{background:rgb(var(--glass-tint) / .11);box-shadow:6px 6px 0 0 var(--hard-shadow);transform:translate(1px,1px)}.sl-specimen .sl-dropzone-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sl-specimen .sl-dropzone-icon{border:var(--border-w) solid rgb(var(--edge));background:var(--accent);width:2.6rem;height:2.6rem;color:var(--accent-ink);box-shadow:2px 2px 0 0 var(--hard-shadow);place-items:center;display:grid}.sl-specimen .sl-dropzone-icon svg{width:1.1rem;height:1.1rem}.sl-specimen .sl-dropzone-title{font-family:var(--display);font-size:.9rem;font-weight:800}.sl-specimen .sl-dropzone-description{max-width:32rem;color:var(--ink-dim);font-size:.76rem;line-height:1.45}.sl-specimen .sl-dropzone-meta{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.58rem}.sl-specimen .sl-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;display:grid}.sl-specimen .sl-pricing-card{border:var(--border-w) solid rgb(var(--edge));background:rgb(var(--glass-tint) / .07);box-shadow:5px 5px 0 0 var(--hard-shadow);flex-direction:column;gap:.8rem;padding:1rem;display:flex}.sl-specimen .sl-pricing-card[data-featured]{border-top:.45rem solid var(--accent);padding-top:.7rem}.sl-specimen .sl-pricing-header{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.sl-specimen .sl-pricing-name{font:800 1.05rem/1.15 var(--display);margin:0}.sl-specimen .sl-pricing-price{align-items:baseline;gap:.35rem;display:flex}.sl-specimen .sl-pricing-amount{font:800 clamp(1.8rem, 4vw, 2.55rem)/1 var(--display);letter-spacing:-.04em}.sl-specimen .sl-pricing-cadence{font-family:var(--mono);color:var(--ink-dim);text-transform:uppercase;font-size:.62rem}.sl-specimen .sl-pricing-description{color:var(--ink-dim);margin:0;font-size:.78rem;line-height:1.5}.sl-specimen .sl-pricing-features{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.sl-specimen .sl-pricing-feature{align-items:flex-start;gap:.45rem;font-size:.76rem;line-height:1.4;display:flex}.sl-specimen .sl-pricing-feature svg{width:.9rem;height:.9rem;color:var(--accent);flex:none;margin-top:.08rem}.sl-specimen .sl-pricing-footer{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.2rem;display:flex}.sl-specimen .sl-unit-economics{width:100%;margin:0}.sl-specimen .sl-unit-economics-head{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.7rem;font-size:.66rem;display:flex}.sl-specimen .sl-unit-economics-head strong{color:var(--accent);font-size:.82rem}.sl-specimen .sl-unit-economics-chart{border:var(--border-w) solid rgb(var(--edge));background:var(--bg-2);width:100%;height:58px;box-shadow:5px 5px 0 0 var(--hard-shadow);display:flex;overflow:hidden}.sl-specimen .sl-unit-economics-chart>span{border-right:var(--border-w) solid rgb(var(--edge));background:color-mix(in srgb, var(--accent) var(--allocation-strength), var(--bg-2));min-width:3px;height:100%;display:block}.sl-specimen .sl-unit-economics-chart>span:last-child{background:linear-gradient(135deg, rgb(var(--glass-tint) / .16) 25%, transparent 25%) -6px 0 / 12px 12px, linear-gradient(225deg, rgb(var(--glass-tint) / .1) 25%, transparent 25%) -6px 0 / 12px 12px, var(--accent);border-right:0}.sl-specimen .sl-unit-economics-legend{border-top:var(--border-w) solid rgb(var(--edge));margin-top:1rem;display:grid}.sl-specimen .sl-unit-economics-legend>div{border-bottom:1px solid rgb(var(--edge) / .45);grid-template-columns:13px minmax(0,1fr) auto;align-items:center;gap:.6rem;min-height:54px;display:grid}.sl-specimen .sl-unit-economics-legend i{border:1px solid rgb(var(--edge));background:color-mix(in srgb, var(--accent) var(--allocation-strength), var(--bg-2));width:11px;height:11px}.sl-specimen .sl-unit-economics-legend span{gap:.2rem;min-width:0;display:grid}.sl-specimen .sl-unit-economics-legend strong,.sl-specimen .sl-unit-economics-legend b{font:400 .64rem/1.2 var(--mono)}.sl-specimen .sl-unit-economics-legend strong{letter-spacing:.06em;text-transform:uppercase}.sl-specimen .sl-unit-economics-legend small{color:var(--ink-dim);font-size:.7rem;line-height:1.4}.sl-specimen .sl-unit-economics-note{color:var(--ink-dim);font:.62rem/1.55 var(--mono);margin:.8rem 0 0}.sl-specimen .sl-profile-card{border:var(--border-w) solid rgb(var(--edge));background:var(--bg-2);width:min(100%,420px);box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);overflow:hidden}.sl-specimen .sl-profile-card-head{border-bottom:var(--border-w) solid rgb(var(--edge));font:650 .68rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .75rem;display:flex}.sl-specimen .sl-profile-card-status:before{background:var(--accent);border:1px solid rgb(var(--edge));content:"";width:.48rem;height:.48rem;margin-right:.45rem;display:inline-block}.sl-specimen .sl-profile-card-image{aspect-ratio:1.55;border-bottom:var(--border-w) solid rgb(var(--edge));background:color-mix(in srgb, var(--accent) 24%, var(--bg-2));place-items:center;display:grid;overflow:hidden}.sl-specimen .sl-profile-card-image img{object-fit:cover;object-position:center 24%;filter:grayscale()contrast(1.04);width:100%;height:100%;display:block}.sl-specimen .sl-profile-card-initials{aspect-ratio:1;border:var(--border-w) solid rgb(var(--edge));background:var(--accent);width:clamp(5rem,24%,7rem);color:var(--accent-ink);box-shadow:5px 5px 0 var(--hard-shadow);font:750 clamp(1.5rem, 4vw, 2.4rem)/1 var(--display);letter-spacing:-.05em;place-items:center;display:grid}.sl-specimen .sl-profile-card-summary{border-bottom:var(--border-w) solid rgb(var(--edge));background:var(--accent);color:var(--accent-ink);font:720 .94rem/1.4 var(--body);margin:0;padding:.9rem .8rem}.sl-specimen .sl-profile-card-facts{margin:0}.sl-specimen .sl-profile-card-facts>div{border-bottom:1px solid rgb(var(--edge) / .45);grid-template-columns:minmax(5rem,.7fr) minmax(0,1.3fr);gap:.75rem;padding:.68rem .8rem;display:grid}.sl-specimen .sl-profile-card-facts>div:last-child{border-bottom:0}.sl-specimen .sl-profile-card-facts dt{font:400 .62rem/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.sl-specimen .sl-profile-card-facts dd{text-align:right;font:650 .76rem/1.35 var(--body);margin:0}@media (prefers-reduced-motion:reduce){.sl-specimen .sl-toggle-group.is-liquid .sl-toggle-marker,.sl-specimen .sl-tabs .sl-tab-marker{transition:none}}.sl-specimen .sl-navbar{border:var(--border-w) solid rgb(var(--edge));background:var(--bg-2);box-shadow:2px 2px 0 0 var(--hard-shadow);flex-wrap:wrap;align-items:center;gap:.7rem;padding:.55rem .7rem;display:flex}.sl-specimen .sl-navbar .nb-brand{font:750 1rem/1 var(--display);letter-spacing:-.02em;align-items:center;gap:.5rem;display:flex}.sl-specimen .sl-navbar .nb-links{isolation:isolate;border:1px solid rgb(var(--edge));grid-template-columns:repeat(3,1fr);display:grid;position:relative}.sl-specimen .sl-navbar .nb-link{z-index:1;border:0;border-left:1px solid rgb(var(--edge) / .35);color:var(--ink-dim);font:650 .76rem/1 var(--body);cursor:pointer;transition:color var(--motion-fast) var(--ease-liquid);background:0 0;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .7rem;display:inline-flex;position:relative}.sl-specimen .sl-navbar .nb-links{margin-left:auto}.sl-specimen .sl-navmenu{border:var(--border-w) solid rgb(var(--edge));box-shadow:2px 2px 0 0 var(--hard-shadow);display:inline-flex}.sl-specimen .sl-navmenu .nm-item>button{border:0;border-left:1px solid rgb(var(--edge) / .25);background:var(--bg-2);color:var(--ink-dim);font:650 .78rem/1 var(--body);cursor:pointer;align-items:center;gap:.3rem;padding:.5rem .8rem;display:inline-flex}.sl-specimen .sl-navmenu .nm-item:hover>button,.sl-specimen .sl-navmenu .nm-item:focus-within>button{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-navmenu .nm-panel{border:var(--border-w) solid rgb(var(--edge));background:var(--bg-2);min-width:210px;box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-liquid), transform var(--motion) var(--ease-liquid-over);z-index:50;padding:.35rem;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-4px)}.sl-specimen .sl-navmenu .nm-item:hover .nm-panel,.sl-specimen .sl-navmenu .nm-item:focus-within .nm-panel{opacity:1;pointer-events:auto;transform:none}.sl-specimen .sl-navmenu .nm-panel a{color:var(--ink);font:.78rem/1.3 var(--body);padding:.5rem .6rem;text-decoration:none;display:block}.sl-specimen .sl-navmenu .nm-panel a:hover,.sl-specimen .sl-navmenu .nm-panel a:focus-visible{background:var(--accent);color:var(--accent-ink)}@media (max-width:600px){.sl-specimen .sl-navbar .nb-right{flex-wrap:wrap;width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.sl-specimen .sl-navbar .nb-liquid-marker,.sl-specimen .sl-navmenu .nm-panel{transition:none}}.sl-specimen .glyph:not(.is-cube):before,.sl-specimen .glyph:not(.is-cube):after{content:none}.sl-specimen .nav{width:min(var(--shell-w),calc(100vw - var(--viewport-gutter)))}.sl-specimen .show-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.2rem;display:grid}.sl-specimen .show-card{width:100%;color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:transform .25s;display:flex;overflow:hidden}.sl-specimen .show-card.is-static{cursor:default}.sl-specimen .show-card.is-static:hover{transform:none}.sl-specimen .show-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sl-specimen .show-card.glass:after{opacity:.4}.sl-specimen .show-card-shot{aspect-ratio:16/10;border-bottom:var(--border-w) solid rgb(var(--edge));position:relative;overflow:hidden}.sl-specimen .show-card-shot img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .5s;display:block}.sl-specimen .show-card-veil{-webkit-backdrop-filter:blur(calc(var(--glass-blur) * .5));opacity:0;background:#272933d1;flex-direction:column;justify-content:flex-end;padding:clamp(.65rem,1.1vw,1rem);transition:opacity .3s;display:flex;position:absolute;inset:0}.sl-specimen[data-mode=light] .show-card-veil{background:#dfe5f2db}.sl-specimen .show-card:hover .show-card-veil,.sl-specimen .show-card:focus-visible .show-card-veil{opacity:1}.sl-specimen .show-card-veil .vbody{transition:transform .3s;transform:translateY(8px)}.sl-specimen .show-card:hover .vbody,.sl-specimen .show-card:focus-visible .vbody{transform:translateY(0)}.sl-specimen .show-card-desc{color:var(--ink);margin:0 0 .5rem;font-size:clamp(.7rem,.75vw,.82rem);line-height:1.35}.sl-specimen .show-card-cta{font-family:var(--display);color:var(--accent);align-items:center;gap:.4rem;font-size:clamp(.7rem,.72vw,.78rem);font-weight:700;display:inline-flex}.sl-specimen .show-card-foot{align-items:center;gap:.6rem;padding:.8rem .9rem;display:flex}.sl-specimen .show-card-foot .show-id{flex-direction:column;min-width:0;line-height:1.25;display:flex}.sl-specimen .show-card-foot .sl-ava{background:rgba(var(--glass-tint),.12);padding:0}.sl-specimen .show-card-foot .sl-ava img{object-fit:cover;width:100%;height:100%;display:block}.sl-specimen .show-card-foot .sl-ava.emoji-ava{font-size:1.35rem;line-height:1}.sl-specimen .show-card-foot .show-id .show-name{font-size:.95rem}.sl-specimen .show-card-foot .show-id .mono{color:var(--ink-dim);font-size:.68rem}.sl-specimen .show-card-foot .sl-badge{flex:none;margin-left:auto}.sl-specimen .browser-bar .sl-badge{flex:none;margin-left:auto;padding:.18rem .4rem;font-size:.56rem}.sl-specimen .show-project-mark{color:var(--accent-ink);font-family:var(--mono);place-items:center;font-size:.62rem;font-weight:700;display:grid;background:var(--accent)!important}.sl-specimen .show-registry-meta{flex-wrap:wrap;gap:.55rem;margin:-1.2rem 0 1.2rem;display:flex}.sl-specimen .show-registry-meta span{border:1.5px solid rgb(var(--edge));background:rgb(var(--glass-tint)/.05);font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-dim);padding:.28rem .52rem;font-size:.62rem}.sl-specimen .show-stage-head{max-width:720px;margin:4.5rem 0 1.4rem}.sl-specimen .show-stage-head h3{margin:.55rem 0 .65rem;font-size:clamp(1.8rem,4vw,3.2rem);line-height:.95}.sl-specimen .show-stage-head p{color:var(--ink-dim);margin:0;line-height:1.55}.sl-specimen .show-grid-staging .show-card{opacity:.82}.sl-specimen .show-stage-placeholder{background:color-mix(in srgb,var(--accent) 10%,var(--bg-2));flex-direction:column;justify-content:center;align-items:center;gap:.45rem;width:100%;height:100%;padding:1.2rem;display:flex}.sl-specimen .show-stage-placeholder:before{content:"";border:var(--border-w) solid rgb(var(--edge));width:54px;height:54px;box-shadow:5px 5px 0 var(--hard-shadow);background:var(--accent)}.sl-specimen .show-stage-placeholder span{font-family:var(--display);text-transform:uppercase;margin-top:.65rem;font-size:1rem;font-weight:800}.sl-specimen .show-stage-placeholder small{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-size:.62rem}@media (hover:none){.sl-specimen .show-card-veil{opacity:1;-webkit-backdrop-filter:none;background:linear-gradient(#0000,#272933e6 42%);padding-top:2.2rem;inset:auto 0 0}.sl-specimen[data-mode=light] .show-card-veil{background:linear-gradient(#0000,#dfe5f2eb 42%)}.sl-specimen .show-card-veil .vbody{transform:none}}@media (min-width:1440px){.sl-specimen .show-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.sl-specimen .show-grid{grid-template-columns:1fr}}.sl-specimen .showcase-projects{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1.5rem}.sl-specimen .showcase-project{min-width:0}.sl-specimen .showcase-project-media{aspect-ratio:16/9;flex:none;min-height:0;padding:0;overflow:hidden}.sl-specimen .showcase-project-media>img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.sl-specimen .showcase-project .sl-portfolio-card-body{padding:1.25rem}.sl-specimen .showcase-project-domain{font-family:var(--mono);color:color-mix(in srgb,var(--neg-ink) 72%,transparent);margin-bottom:.65rem;font-size:.65rem}.sl-specimen .showcase-project .sl-portfolio-card-title{font-size:1.35rem}.sl-specimen .showcase-project .sl-portfolio-card-description{-webkit-line-clamp:unset;font-size:.9rem;display:block;overflow:visible}.sl-specimen .showcase-project .sl-portfolio-card-action{min-height:44px}@media (min-width:1440px){.sl-specimen .showcase-projects{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.sl-specimen .showcase-projects{grid-template-columns:1fr}}.sl-specimen .kit-cap:has(.kit-copy){padding-right:0}.sl-specimen .kit-copy{cursor:pointer;width:26px;height:26px;color:var(--ink-dim);background:rgba(var(--glass-tint),.06);border:var(--border-w) solid rgb(var(--edge));box-shadow:none;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:color .18s,background .18s,transform .12s;display:inline-flex}.sl-specimen .kit-copy:hover{color:var(--accent);background:rgba(var(--glass-tint),.12)}.sl-specimen .kit-copy:active{transform:translate(1px,1px)}.sl-specimen .kit-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sl-specimen .kit-copy svg{width:14px;height:14px;display:block}.sl-specimen .kit-copy .kit-copy-ico{display:inline-flex}.sl-specimen .kit-copy .kit-copy-ico[data-ico=check]{display:none}.sl-specimen .kit-copy.is-copied{color:var(--accent)}.sl-specimen .kit-copy.is-copied .kit-copy-ico[data-ico=download]{display:none}.sl-specimen .kit-copy.is-copied .kit-copy-ico[data-ico=check]{display:inline-flex}@media (prefers-reduced-motion:reduce){.sl-specimen .kit-copy:active{transform:none}}.sl-specimen .sl-tweaks-fab{z-index:2147483645;cursor:pointer;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:rgba(var(--glass-tint),.1);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);border:var(--border-w) solid rgb(var(--edge));box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);align-items:center;gap:.5rem;padding:.6rem .9rem;font-size:.72rem;display:inline-flex;position:fixed;bottom:18px;right:18px}.sl-specimen .sl-tweaks-fab:hover{box-shadow:calc(var(--hard-x) + 1px) calc(var(--hard-y) + 1px) 0 0 var(--hard-shadow);transform:translate(-1px,-1px)}.sl-specimen .sl-tweaks-fab .knob-ic{border:2px solid;border-radius:50%;width:13px;height:13px}@media (prefers-reduced-motion:reduce){.sl-specimen .sl-tweaks-fab:hover{transform:none}}.sl-specimen .sl-fab-dock{width:min(var(--shell-w),calc(100vw - var(--viewport-gutter)));z-index:2147483645;pointer-events:none;justify-content:flex-end;align-items:stretch;gap:10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.sl-specimen .sl-fab-dock>*{pointer-events:auto}.sl-specimen .sl-fab-dock .sl-tweaks-fab{position:static}.sl-specimen .sl-mode-fab svg{width:14px;height:14px}.sl-specimen .sl-mode-lbl{text-align:left;min-width:5.5ch;display:inline-block}.sl-specimen .glyph.is-cube .lw-cube-shell{stroke:rgb(var(--edge));stroke-width:2.6px}.sl-specimen .glyph.is-cube .lw-cube-edge{stroke:color-mix(in srgb,rgb(var(--edge)) 80%,transparent);stroke-width:1.7px}.sl-specimen .glyph.is-cube .lw-cube-innerglass{fill:color-mix(in srgb,var(--accent) 22%,transparent)}.sl-specimen .nav .brand,.sl-specimen .foot .brand{gap:.32rem}.sl-specimen .nav .brand .glyph,.sl-specimen .foot .brand .glyph{--s:52px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;overflow:visible}.sl-specimen .nav .brand .glyph:after,.sl-specimen .foot .brand .glyph:after{content:none}.sl-specimen .nav .brand .glyph.is-cube .lw-cube-innerglass,.sl-specimen .foot .brand .glyph.is-cube .lw-cube-innerglass{fill:color-mix(in srgb,var(--accent) 50%,transparent)}.sl-specimen footer.shell{padding-bottom:calc(2.5rem + env(safe-area-inset-bottom))}.sl-specimen .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.sl-specimen .template-card{flex-direction:column;align-items:flex-start;min-height:220px;padding:clamp(1.25rem,2.5vw,2rem);display:flex}.sl-specimen .template-card>svg{width:2rem;height:2rem;color:var(--accent);margin-bottom:auto}.sl-specimen .template-card h3{font-family:var(--display);margin:.6rem 0 .4rem;font-size:clamp(1.35rem,2vw,2rem)}.sl-specimen .template-card p{color:var(--ink-dim);margin:0;line-height:1.55}.sl-specimen .template-source{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-top:2rem;font-size:.68rem}.sl-specimen .template-install{justify-content:center;margin-top:1.5rem;display:flex}.sl-specimen .sl-shell-demo{width:100%;min-width:0;font-family:var(--mono);text-align:center;gap:.65rem;font-size:.72rem;display:grid}.sl-specimen .sl-shell-demo .sl-site-shell,.sl-specimen .sl-shell-demo .sl-site-content{border:1px solid rgb(var(--edge));padding:.75rem}.sl-specimen .sl-shell-demo .sl-site-shell{background:rgb(var(--glass-tint)/.08)}.sl-specimen .sl-shell-demo .sl-site-content{color:var(--ink-dim)}@media (max-width:720px){.sl-specimen .template-grid{grid-template-columns:1fr}}.sl-specimen .hero{position:relative;overflow:hidden}.sl-specimen .hero-grid{max-width:1100px;display:block}.sl-specimen .hero-grid>div:first-child{z-index:1;max-width:640px;position:relative}.sl-specimen .hero-cube-wrap{z-index:0;pointer-events:none;display:block;position:absolute;top:50%;right:clamp(-120px,-6vw,-40px);transform:translateY(-50%)}.sl-specimen .hero-cube{--s:clamp(300px,42vw,560px);box-shadow:none;-webkit-backdrop-filter:none;opacity:.7;background:0 0;border:0;display:block;overflow:visible}.sl-specimen .hero-cube:after{content:none}.sl-specimen .hero-cube.is-cube .lw-cube-shell,.sl-specimen .hero-cube.is-cube .lw-cube-edge{vector-effect:none}.sl-specimen .hero-cube .lw-cube-face-index{fill:var(--accent-ink);stroke:rgb(var(--edge));stroke-width:.28px;paint-order:stroke fill;font-family:var(--mono);letter-spacing:.03em;font-size:5.5px;font-weight:700}@media (max-width:680px){.sl-specimen .hero-grid>div:first-child{max-width:none}.sl-specimen .hero-cube{--s:clamp(220px,58vw,360px);opacity:.28}}.sl-specimen .kit-cell:has(.sl-tip-wrap:hover){z-index:40}.sl-specimen .wordmark{line-height:.96}.sl-specimen .tenet li>div{flex:1;min-width:0}.sl-specimen .tenet .rule-h{color:var(--ink);font-weight:700}.sl-specimen .tenet li{color:color-mix(in srgb, var(--ink) 55%, var(--ink-dim));font-size:.9rem;line-height:1.55}.sl-specimen .eyebrow{letter-spacing:.15em;color:color-mix(in srgb, var(--ink) 78%, var(--ink-dim));font-size:.84rem}.sl-specimen .sl-navbar{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgba(var(--glass-tint),.05);flex-wrap:wrap;align-items:center;gap:.7rem;padding:.55rem .7rem;display:flex}.sl-specimen .sl-navbar .nb-brand{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1rem;font-weight:800;display:flex}.sl-specimen .sl-navbar .nb-links{isolation:isolate;border:1px solid rgb(var(--edge));grid-template-columns:repeat(3,1fr);gap:0;display:grid;position:relative}.sl-specimen .sl-navbar .nb-liquid-marker{inset-block:0;z-index:0;width:33.333%;transform:translateX(calc(var(--nb-index,0) * 100%));background:var(--accent);transition:transform var(--motion) var(--ease-liquid-over);pointer-events:none;position:absolute;left:0}.sl-specimen .sl-navbar .nb-link{z-index:1;font-family:var(--body);color:var(--ink-dim);border:0;border-left:1px solid color-mix(in srgb,rgb(var(--edge)) 35%,transparent);cursor:pointer;transition:color var(--motion-fast) var(--ease-liquid);background:0 0;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.76rem;font-weight:650;display:inline-flex;position:relative}.sl-specimen .sl-navbar .nb-link:first-of-type{border-left:0}.sl-specimen .sl-navbar .nb-link:hover{color:var(--ink)}.sl-specimen .sl-navbar .nb-link[aria-current=page]{color:var(--accent-ink)}.sl-specimen .sl-navbar .nb-link svg{stroke-width:1.8px;width:15px;height:15px}.sl-specimen .sl-navbar .nb-right{align-items:center;gap:.55rem;margin-left:auto;display:flex}@media (max-width:600px){.sl-specimen .sl-navbar .nb-right{flex-wrap:wrap;width:100%;margin-left:0}}.sl-specimen .sl-marquee{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);background:var(--accent);color:var(--accent-ink);font-family:var(--display),"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Noto Sans CJK JP","Noto Sans JP","Microsoft YaHei","PingFang SC","Noto Sans Devanagari",sans-serif;letter-spacing:-.01em;align-items:center;font-weight:700;display:flex;overflow:hidden}.sl-specimen .sl-marquee-track{flex-wrap:wrap;align-items:center;display:flex}.sl-specimen .sl-marquee-track>span{white-space:nowrap;padding:.5rem .7rem}.sl-specimen .sl-marquee .di{opacity:.55;padding:.5rem .1rem}.sl-specimen .sl-marquee.is-streaming{flex-wrap:nowrap}.sl-specimen .sl-marquee.is-streaming .sl-marquee-track{flex-wrap:nowrap;width:max-content;animation:24s linear infinite sls-sl-marquee-scroll}.sl-specimen .sl-marquee.is-streaming:hover .sl-marquee-track{animation-play-state:paused}@keyframes sls-sl-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.sl-specimen .sl-marquee.is-streaming .sl-marquee-track{animation:none}}.sl-specimen .sl-mnav{justify-content:center;display:flex}.sl-specimen .mn-phone{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:var(--bg-2);width:100%;max-width:300px;min-height:330px;box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.sl-specimen .mn-top{border-bottom:var(--border-w) solid rgb(var(--edge));background:rgb(var(--glass-tint) / .1);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);align-items:center;gap:.6rem;padding:.55rem .6rem;display:flex}.sl-specimen .mn-brand{font-family:var(--display);letter-spacing:-.02em;flex:1;align-items:center;gap:.4rem;font-size:.92rem;font-weight:800;display:flex}.sl-specimen .mn-burger,.sl-specimen .mn-icon{width:30px;height:30px;color:var(--ink);background:rgb(var(--glass-tint) / .1);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.sl-specimen .mn-burger svg,.sl-specimen .mn-icon svg{width:16px;height:16px}.sl-specimen .mn-burger .mn-ic-close,.sl-specimen .mn-burger[aria-expanded=true] .mn-ic-open{display:none}.sl-specimen .mn-burger[aria-expanded=true] .mn-ic-close{display:inline-flex}.sl-specimen .mn-drawer{border-bottom:0 solid rgb(var(--edge));background:rgb(var(--glass-tint) / .09);transition:grid-template-rows var(--motion) var(--ease-liquid);grid-template-rows:0fr;display:grid;overflow:hidden}.sl-specimen .mn-drawer[data-open=true]{border-bottom-width:var(--border-w);grid-template-rows:1fr}.sl-specimen .mn-drawer>div{flex-direction:column;min-height:0;display:flex}.sl-specimen .mn-d-item{width:100%;font-family:var(--body);color:var(--ink-dim);text-align:left;border:0;border-top:1px solid color-mix(in srgb, rgb(var(--edge)) 40%, transparent);cursor:pointer;background:0 0;align-items:center;gap:.6rem;padding:.6rem .85rem;font-size:.78rem;text-decoration:none;display:flex}.sl-specimen .mn-d-item:first-child{border-top:0}.sl-specimen .mn-d-item svg{width:15px;height:15px}.sl-specimen .mn-d-item:hover{color:var(--ink);background:rgb(var(--glass-tint) / .12)}.sl-specimen .mn-screen{flex-direction:column;flex:1;gap:.55rem;padding:.9rem .8rem 5.2rem;display:flex}.sl-specimen .mn-sk{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgb(var(--glass-tint) / .05)}.sl-specimen .mn-sk.tall{flex:1;min-height:60px}.sl-specimen .mn-sk.line{height:11px}.sl-specimen .mn-sk.line.short{width:55%}.sl-specimen .mn-tabs{isolation:isolate;border-top:var(--border-w) solid rgb(var(--edge));background:rgb(var(--glass-tint) / .1);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);display:flex;position:relative}.sl-specimen .mn-tab-marker{inset-block:0;z-index:0;width:20%;transform:translateX(calc(var(--mn-tab-index,0) * 100%));background:var(--accent);transition:transform var(--motion) var(--ease-liquid-over);pointer-events:none;position:absolute;left:0}.sl-specimen .mn-tab{z-index:1;cursor:pointer;color:var(--ink-dim);border:0;border-right:1px solid color-mix(in srgb, rgb(var(--edge)) 40%, transparent);font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;background:0 0;flex-direction:column;flex:1;align-items:center;gap:.18rem;padding:.5rem .2rem .45rem;font-size:.58rem;display:flex;position:relative}.sl-specimen .mn-tab:last-child{border-right:0}.sl-specimen .mn-tab svg{width:17px;height:17px}.sl-specimen .mn-tab:hover{color:var(--ink)}.sl-specimen .mn-tab.is-active{color:var(--accent-ink);background:0 0}@media (prefers-reduced-motion:reduce){.sl-specimen .mn-drawer,.sl-specimen .mn-tab-marker{transition:none}}.sl-specimen .sl-gnav,.sl-specimen .sl-snav{justify-content:center;display:flex}.sl-specimen .gnav-bar{z-index:5;border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgb(var(--glass-tint) / calc(var(--glass-alpha) + .08));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);gap:.15rem;padding:.3rem;display:flex;position:absolute;bottom:.7rem;left:.7rem;right:.7rem}.sl-specimen .gnav-marker{z-index:0;width:calc(100% / var(--gnav-count,4));transform:translateX(calc(var(--gnav-index,0) * 100%));background:var(--accent);border-radius:calc(var(--radius) * .7);box-shadow:inset 0 0 0 var(--border-w) rgb(var(--glass-tint) / .5);transition:transform var(--motion) var(--ease-liquid-over),width var(--motion) var(--ease-liquid);position:absolute;top:.3rem;bottom:.3rem;left:0}.sl-specimen .gnav-tab{z-index:1;color:var(--ink-dim);cursor:pointer;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:calc(var(--radius) * .7);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:.16rem;padding:.42rem .2rem;font-size:.56rem;transition:color .18s;display:flex;position:relative}.sl-specimen .gnav-tab svg{width:18px;height:18px}.sl-specimen .gnav-tab:hover{color:var(--ink)}.sl-specimen .gnav-tab.is-active{color:var(--accent-ink)}.sl-specimen .gnav-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sl-specimen .snav-head{border-bottom:var(--border-w) solid rgb(var(--edge));align-items:center;gap:.5rem;padding:.55rem .6rem;display:flex}.sl-specimen .snav-back,.sl-specimen .snav-act{width:28px;height:28px;color:var(--ink);background:rgb(var(--glass-tint) / var(--glass-alpha));border:var(--border-w) solid rgb(var(--edge));border-radius:calc(var(--radius) * .7);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.sl-specimen .snav-back svg,.sl-specimen .snav-act svg{width:15px;height:15px}.sl-specimen .snav-title{font-family:var(--display);letter-spacing:-.02em;flex:1;font-size:.9rem;font-weight:800}.sl-specimen .snav-seg{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgb(var(--glass-tint) / var(--glass-alpha));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);gap:.1rem;margin:.6rem;padding:.22rem;display:flex;position:relative}.sl-specimen .snav-marker{z-index:0;width:50%;transform:translateX(calc(var(--seg-index,0) * 100%));background:rgb(var(--glass-tint) / .07);border-radius:calc(var(--radius) * .7);box-shadow:inset 0 0 0 var(--border-w) rgb(var(--glass-tint) / .7);transition:transform var(--motion) var(--ease-liquid-over),width var(--motion) var(--ease-liquid);position:absolute;top:.22rem;bottom:.22rem;left:0}.sl-specimen .snav-seg-btn{z-index:1;cursor:pointer;white-space:nowrap;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);border-radius:calc(var(--radius) * .7);background:0 0;border:0;flex:1;padding:.4rem .3rem;font-size:.6rem;transition:color .18s;position:relative}.sl-specimen .snav-seg-btn:hover,.sl-specimen .snav-seg-btn[aria-selected=true]{color:var(--ink)}.sl-specimen .snav-seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sl-specimen .snav-marker,.sl-specimen .gnav-marker{transition:none}}.sl-specimen .sl-chat{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.05);min-height:340px;box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);flex-direction:column;display:flex;overflow:hidden}.sl-specimen .ch-head{border-bottom:var(--border-w) solid rgb(var(--edge));background:rgba(var(--glass-tint),.1);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);align-items:center;gap:.55rem;padding:.55rem .65rem;display:flex}.sl-specimen .ch-ava{width:30px;height:30px;color:var(--accent-ink);background:var(--accent);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);justify-content:center;align-items:center;display:inline-flex}.sl-specimen .ch-ava svg{width:16px;height:16px}.sl-specimen .ch-id{flex-direction:column;flex:1;line-height:1.1;display:flex}.sl-specimen .ch-id strong{font-family:var(--display);letter-spacing:-.01em;font-size:.9rem;font-weight:800}.sl-specimen .ch-id span{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);font-size:.6rem}.sl-specimen .ch-dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.sl-specimen .ch-log{flex-direction:column;flex:1;gap:.55rem;max-height:230px;padding:.8rem .7rem;display:flex;overflow-y:auto}.sl-specimen .ch-msg{align-items:flex-end;gap:.4rem;max-width:88%;display:flex}.sl-specimen .ch-msg.me{flex-direction:row-reverse;align-self:flex-end}.sl-specimen .ch-b-ava{width:22px;height:22px;color:var(--accent-ink);background:var(--accent);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);flex:none;justify-content:center;align-items:center;display:inline-flex}.sl-specimen .ch-b-ava svg{width:12px;height:12px}.sl-specimen .ch-bubble{font-family:var(--body);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);padding:.5rem .65rem;font-size:.82rem;line-height:1.4}.sl-specimen .ch-msg.bot .ch-bubble{background:rgba(var(--glass-tint),.1);color:var(--ink);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%)}.sl-specimen .ch-msg.me .ch-bubble{background:var(--accent);color:var(--accent-ink)}.sl-specimen .ch-typing{align-items:center;gap:4px;display:inline-flex}.sl-specimen .ch-typing i{background:var(--ink-dim);border-radius:50%;width:6px;height:6px;display:inline-block}.sl-specimen .ch-suggest{flex-wrap:wrap;gap:.35rem;padding:0 .7rem .6rem;display:flex}.sl-specimen .ch-chip{font-family:var(--mono);cursor:pointer;color:var(--ink);background:rgba(var(--glass-tint),.08);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);padding:.32rem .55rem;font-size:.68rem}.sl-specimen .ch-chip:hover{background:var(--accent);color:var(--accent-ink)}.sl-specimen .ch-form{border-top:var(--border-w) solid rgb(var(--edge));background:rgba(var(--glass-tint),.08);align-items:center;gap:.4rem;padding:.55rem .6rem;display:flex}.sl-specimen .ch-attach,.sl-specimen .ch-mic,.sl-specimen .ch-send{box-sizing:border-box;cursor:pointer;width:32px;height:32px;color:var(--ink);background:rgba(var(--glass-tint),.1);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);flex:none;justify-content:center;align-items:center;display:inline-flex}.sl-specimen .ch-attach svg,.sl-specimen .ch-mic svg,.sl-specimen .ch-send svg{width:15px;height:15px}.sl-specimen .ch-send{color:var(--accent-ink);background:var(--accent)}.sl-specimen .ch-input{box-sizing:border-box;min-width:0;height:32px;font-family:var(--body);color:var(--ink);background:rgba(var(--glass-tint),.06);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);flex:1;padding:0 .6rem;font-size:.82rem;line-height:1}.sl-specimen .ch-input::placeholder{color:var(--ink-dim)}.sl-specimen .ch-input:focus{border-color:var(--accent);outline:none}.sl-specimen .mn-tab:focus-visible,.sl-specimen .mn-burger:focus-visible,.sl-specimen .ch-chip:focus-visible,.sl-specimen .ch-send:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.sl-specimen .ch-typing i{animation:sls-ch-bounce 1s var(--ease-liquid) infinite}.sl-specimen .ch-typing i:nth-child(2){animation-delay:.15s}.sl-specimen .ch-typing i:nth-child(3){animation-delay:.3s}@keyframes sls-ch-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}}.sl-specimen .kit-grid{align-items:start;gap:0}.sl-specimen .kit-cell{gap:.7rem;padding:1rem 1.1rem}.sl-specimen #components .kit-cell.w6,.sl-specimen #components .kit-cell.w8,.sl-specimen #components .kit-cell.w12{grid-column:span 4}@media (max-width:900px){.sl-specimen #components .kit-cell,.sl-specimen #components .kit-cell.w6,.sl-specimen #components .kit-cell.w8,.sl-specimen #components .kit-cell.w12{grid-column:span 6}}@media (max-width:600px){.sl-specimen #components .kit-cell,.sl-specimen #components .kit-cell.w6,.sl-specimen #components .kit-cell.w8,.sl-specimen #components .kit-cell.w12{grid-column:span 12}}.sl-specimen .kit-filters{flex-wrap:wrap;gap:.5rem;margin:.2rem 0 1.5rem;display:flex}.sl-specimen .kit-filter{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.05);box-shadow:3px 3px 0 0 var(--hard-shadow);cursor:pointer;padding:.5rem .9rem;font-size:.72rem;transition:transform .12s,background .2s,color .2s,box-shadow .12s}.sl-specimen .kit-filter:hover{color:var(--ink);box-shadow:4px 4px 0 0 var(--hard-shadow);transform:translate(-1px,-1px)}.sl-specimen .kit-filter.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sl-specimen .kit-filter.active:hover{color:var(--accent-ink)}.sl-specimen .kit-grid.gallery{column-count:2;column-gap:1.4rem;display:block}.sl-specimen .kit-grid.gallery .kit-cell{-webkit-column-break-inside:avoid;break-inside:avoid;width:100%;margin:0 0 1.4rem;padding:1.5rem 1.6rem}@media (min-width:1440px){.sl-specimen .kit-grid.gallery{column-count:3}}@media (max-width:600px){.sl-specimen .kit-grid.gallery{column-count:1}}.sl-specimen .kit-cell.is-hidden{display:none}.sl-specimen .kit-filterbars{flex-direction:column;gap:.6rem;margin:.2rem 0 1.5rem;display:flex}.sl-specimen .kit-filter-row{flex-wrap:wrap;align-items:baseline;gap:.7rem;display:flex}.sl-specimen .kit-filter-axis{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);flex:none;align-items:center;gap:.45rem;min-width:3rem;padding-top:.55rem;font-size:.62rem;display:flex}.sl-specimen .kit-filter-axis:before{content:"";background:var(--accent);flex:none;width:.5rem;height:.5rem}.sl-specimen .kit-filterbars .kit-filters{flex:auto;margin:0}.sl-specimen .kit-filter-row.is-secondary{padding-left:.1rem}.sl-specimen .kit-filter-row.is-secondary .kit-filter-axis{color:var(--ink-dim)}.sl-specimen .kit-filter-row.is-secondary .kit-filter-axis:before{box-shadow:inset 0 0 0 2px var(--accent);background:0 0}.sl-specimen .kit-filters[data-axis=kind]{gap:.4rem}.sl-specimen .kit-filters[data-axis=kind] .kit-filter{box-shadow:none;border-color:color-mix(in srgb, rgb(var(--edge)) 40%, transparent);background:0 0;padding:.36rem .72rem;font-size:.66rem}.sl-specimen .kit-filters[data-axis=kind] .kit-filter:hover{box-shadow:none;border-color:rgb(var(--edge));transform:translate(-1px,-1px)}.sl-specimen .kit-filters[data-axis=kind] .kit-filter.active{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);border-color:var(--accent);box-shadow:none}.sl-specimen .kit-filters[data-axis=kind] .kit-filter.active:hover{color:var(--accent)}.sl-specimen .kit-result-count{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin:.1rem 0 0;font-size:.64rem}.sl-specimen .kit-result-count b{color:var(--accent);font-weight:inherit}.sl-specimen .sl-form{flex-direction:column;gap:.9rem;display:flex}.sl-specimen .sl-form .fd-ok{font-family:var(--mono);color:var(--accent);font-size:.72rem}.sl-specimen [data-autocomplete]{position:relative}.sl-specimen [data-autocomplete] .sl-input{width:100%}.sl-specimen [data-autocomplete] .sl-menu{min-width:0;max-height:210px;left:0;right:0;overflow-y:auto}.sl-specimen[data-mode=light] .sl-menu{background:rgb(var(--glass-tint) / calc(var(--glass-alpha) + .16))}.sl-specimen[data-mode=light] .sl-ctx-menu{background:rgb(var(--glass-tint) / calc(var(--glass-alpha) + .16));-webkit-backdrop-filter:blur(18px)saturate(140%)}.sl-specimen .sl-menu .item.ac-empty{color:var(--ink-dim);cursor:default;display:none}.sl-specimen .sl-menu .item.ac-empty:hover{color:var(--ink-dim);background:0 0}.sl-specimen .lb-req{color:var(--accent);margin-left:.25rem}.sl-specimen .lb-opt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-left:.45rem;font-size:.58rem}.sl-specimen .sl-label.lb-disabled{opacity:.45}.sl-specimen ::-webkit-scrollbar{width:9px;height:9px}.sl-specimen ::-webkit-scrollbar-track{background:rgb(var(--glass-tint) / .04)}.sl-specimen ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 32%,var(--bg));border:2px solid var(--bg);border-radius:var(--radius);background-clip:padding-box}.sl-specimen ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ink) 52%,var(--bg));border:2px solid var(--bg);background-clip:padding-box}.sl-specimen ::-webkit-scrollbar-corner{background:rgb(var(--glass-tint) / .06)}@supports not selector(::-webkit-scrollbar){.sl-specimen{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 32%,var(--bg)) rgb(var(--glass-tint) / .12)}}.sl-specimen #components .kit-cap{color:var(--ink);font-size:.82rem;font-weight:700}.sl-specimen .nav .brand{align-items:center}.sl-specimen .nav .brand .name{line-height:1;transform:translateY(1px)}.sl-specimen section[id],.sl-specimen header[id]{scroll-margin-top:clamp(86px,9vw,104px)}.sl-specimen .nav .links a,.sl-specimen .sl-navbar .nb-link{align-items:center;gap:.5em;display:inline-flex}.sl-specimen .btn svg,.sl-specimen .sl-btn svg,.sl-specimen .nav .links a svg,.sl-specimen .sl-navbar .nb-link svg{stroke-width:2.25px;flex:none;width:1.05em;height:1.05em}.sl-specimen .sl-btn.icon svg{width:1.15em;height:1.15em}.sl-specimen .nav .links{gap:.55rem}@media (max-width:700px){.sl-specimen .nav .brand .name{display:none}.sl-specimen .nav .links{gap:.3rem}.sl-specimen .nav .links .nav-cta{padding:.5rem .55rem;font-size:.68rem}}.sl-specimen{font-size:108%;font-family:var(--body)}.sl-specimen h1,.sl-specimen h2,.sl-specimen h3,.sl-specimen .wordmark,.sl-specimen .brand .name{font-family:var(--display)}.sl-specimen .hero{padding-top:clamp(6.5rem,12vh,8.5rem)}.sl-specimen .cta-panel h2 b{font-weight:inherit;color:var(--accent)}.sl-specimen .tenet>p{font-size:1.02rem;line-height:1.55}.sl-specimen .sl-sep{height:var(--border-w);background:rgb(var(--edge));border:none;width:100%;margin:0}.sl-specimen .sl-sep.vert{width:var(--border-w);align-self:center;height:1.1em;margin:0 .7rem}.sl-specimen .sl-spinner{--sl-hypercube:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23000' stroke-width='8' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M50 18 L77.71 34 L77.71 66 L50 82 L22.29 66 L22.29 34 Z'/%3E%3Cpath d='M50 36.56 L61.64 43.28 L61.64 56.72 L50 63.44 L38.36 56.72 L38.36 43.28 Z'/%3E%3Cpath d='M50 18 L50 36.56 M77.71 34 L61.64 43.28 M77.71 66 L61.64 56.72 M50 82 L50 63.44 M22.29 66 L38.36 56.72 M22.29 34 L38.36 43.28'/%3E%3C/g%3E%3C/svg%3E");vertical-align:middle;width:18px;height:18px;color:var(--accent);-webkit-mask:var(--sl-hypercube) center / contain no-repeat;-webkit-mask:var(--sl-hypercube) center / contain no-repeat;mask:var(--sl-hypercube) center / contain no-repeat;background:currentColor;border:0;border-radius:0;animation:3s linear infinite sls-sl-hypercube-turn;display:inline-block}@keyframes sls-sl-hypercube-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sl-specimen .sl-spinner{animation-duration:9s}}.sl-specimen .sl-btn .sl-spinner,.sl-specimen .btn .sl-spinner{color:inherit}.sl-specimen .sl-numfield{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgba(var(--glass-tint),.06);align-items:stretch;display:inline-flex;overflow:hidden}.sl-specimen .sl-numfield .nf-step{width:2.3rem;min-width:2.3rem;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:0 0 2.3rem;place-items:center;transition:background .12s,color .12s;display:grid}.sl-specimen .sl-numfield .nf-step:hover{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-numfield .nf-step:first-child{border-right:var(--border-w) solid rgb(var(--edge))}.sl-specimen .sl-numfield .nf-step:last-child{border-left:var(--border-w) solid rgb(var(--edge))}.sl-specimen .sl-numfield .nf-step svg{width:1em;height:1em}.sl-specimen .sl-numfield .nf-input{text-align:center;width:3.4rem;min-width:0;font-family:var(--mono);color:var(--ink);background:0 0;border:0;outline:none;flex:0 0 3.4rem;font-size:.9rem}.sl-specimen .sl-fieldset{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgba(var(--glass-tint),.05);flex-direction:column;gap:.7rem;margin:0;padding:.9rem 1rem 1rem;display:flex}.sl-specimen .sl-fieldset .sl-legend{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;background:var(--accent);color:var(--accent-ink);border:var(--border-w) solid rgb(var(--edge));padding:.22rem .5rem;font-size:.74rem;font-weight:700}.sl-specimen .sl-meter{flex-direction:column;gap:.4rem;width:100%;display:flex}.sl-specimen .sl-meter+.sl-meter{margin-top:.7rem}.sl-specimen .sl-meter .mt-head{color:var(--ink-dim);justify-content:space-between;font-size:.8rem;display:flex}.sl-specimen .sl-meter .mt-head .mono{font-family:var(--mono)}.sl-specimen .sl-meter .mt-track{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.06);height:14px;overflow:hidden}.sl-specimen .sl-meter .mt-fill{background:var(--accent);border-right:var(--border-w) solid rgb(var(--edge));height:100%}.sl-specimen .sl-skel{background-image:linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 25%,color-mix(in srgb,var(--ink) 14%,transparent) 37%,color-mix(in srgb,var(--ink) 6%,transparent) 63%);border:1px solid rgb(var(--edge) / .18)}.sl-specimen .sl-radio,.sl-specimen .sl-radio .dot{border-radius:var(--radius)}.sl-specimen .sl-stat-strip{flex-wrap:wrap;gap:1.4rem;display:flex}.sl-specimen .sl-stat{border-left:var(--border-w) solid rgb(var(--edge));flex-direction:column;gap:.15rem;padding-left:.75rem;display:flex}.sl-specimen .sl-stat-num{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:1.55rem;font-weight:800;line-height:1}.sl-specimen .sl-stat-num.accent{color:var(--accent)}.sl-specimen .sl-stat-cap{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-size:.6rem}.sl-specimen .sl-stat-cards{flex-wrap:wrap;gap:.7rem;width:100%;display:flex}.sl-specimen .sl-stat-card{text-align:center;border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);min-width:120px;box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgb(var(--glass-tint) / .05);flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.9rem .8rem;display:flex}.sl-specimen .sl-sechead{flex-direction:column;gap:.45rem;display:flex}.sl-specimen .sl-sechead-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.6rem}.sl-specimen .sl-sechead-row{align-items:center;gap:.6rem;display:flex}.sl-specimen .sl-sechead-row svg{width:1.5rem;height:1.5rem;color:var(--accent);flex:none}.sl-specimen .sl-sechead-title{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);margin:0;font-size:1.4rem;font-weight:800;line-height:1}.sl-specimen .sl-sechead-sub{font-family:var(--display);color:var(--ink);margin:0;font-size:.92rem;font-weight:700}.sl-specimen .sl-keycaps{flex-wrap:wrap;gap:.4rem;display:flex}.sl-specimen .sl-keycap{width:2.4rem;height:2.4rem;font-family:var(--display);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgb(var(--glass-tint) / .06);color:var(--ink);place-items:center;font-size:1.05rem;font-weight:800;display:grid}.sl-specimen .sl-keycap.is-on{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-profile{align-items:stretch;gap:.7rem;display:flex}.sl-specimen .sl-profile .sl-profile-ava{align-self:stretch;width:56px;height:auto;font-size:1.05rem}.sl-specimen .sl-profile-id{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);min-width:0;box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgb(var(--glass-tint) / .05);flex-direction:column;flex:1;justify-content:center;gap:.2rem;padding:.55rem .9rem;display:flex}.sl-specimen .sl-profile-name{font-family:var(--display);letter-spacing:-.01em;color:var(--accent);font-size:1.02rem;font-weight:800}.sl-specimen .sl-profile-role{font-family:var(--display);color:var(--ink);font-size:.8rem;font-weight:700}.sl-specimen .sl-meter .mt-fill.warn{background:var(--neg)}.sl-specimen .sl-waveform{align-items:flex-end;gap:2px;width:100%;height:52px;display:flex}.sl-specimen .sl-waveform .wf-bar{min-width:3px;height:var(--h,40%);background:var(--accent);border:1px solid rgb(var(--edge));box-sizing:border-box;transform-origin:bottom;flex:1 1 0}.sl-specimen .sl-waveform .wf-bar.is-future{background:rgb(var(--glass-tint) / .22)}.sl-specimen #components .sl-card-demo .cd-media{background:color-mix(in srgb,var(--accent) 34%,var(--bg-2));border-bottom:var(--border-w) solid rgb(var(--edge));justify-content:center;align-items:center;min-height:88px;margin-bottom:.7rem;padding:0;display:flex}.sl-specimen #components .sl-card-demo .cd-media svg{width:1.9rem;height:1.9rem;color:var(--accent-ink)}.sl-specimen .sl-player{flex-direction:column;gap:.85rem;width:100%;display:flex}.sl-specimen .sl-player .pl-top{align-items:center;gap:.7rem;display:flex}.sl-specimen .sl-player .pl-art{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);width:46px;height:46px;box-shadow:2px 2px 0 0 var(--hard-shadow);background:var(--accent);color:var(--accent-ink);flex:none;place-items:center;display:grid}.sl-specimen .sl-player .pl-art svg{width:1.3rem;height:1.3rem}.sl-specimen .sl-player .pl-meta{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.sl-specimen .sl-player .pl-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.58rem}.sl-specimen .sl-player .pl-title{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:800;overflow:hidden}.sl-specimen .sl-player .pl-artist{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.sl-specimen .sl-player .pl-progress{flex-direction:column;gap:.35rem;display:flex}.sl-specimen .sl-player .pl-times{justify-content:space-between;display:flex}.sl-specimen .sl-player .pl-time{font-family:var(--mono);color:var(--ink-dim);font-size:.72rem}.sl-specimen .sl-player .pl-controls{grid-template-columns:1fr;align-items:center;gap:.7rem;display:grid}.sl-specimen .sl-player .pl-transport{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgb(var(--glass-tint) / .06);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem;padding:.3rem .5rem;display:flex}.sl-specimen .sl-player .pl-ic{padding:.4rem}.sl-specimen .sl-player .pl-play{padding:.5rem .65rem}.sl-specimen .sl-player .pl-ic svg,.sl-specimen .sl-player .pl-play svg{width:1.05rem;height:1.05rem;display:block}.sl-specimen .sl-player .pl-vol{align-items:center;gap:.6rem;min-width:0;display:flex}.sl-specimen .sl-player .pl-vol svg{width:1.05rem;height:1.05rem;color:var(--ink-dim);flex:none}.sl-specimen .sl-player .pl-vol .sl-slider{flex:1;min-width:0}.sl-specimen .pl-volume-slider{position:relative}.sl-specimen .pl-volume-slider input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sl-specimen .sl-toolbar{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgba(var(--glass-tint),.06);scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.3rem;padding:.4rem .45rem;display:flex;overflow-x:auto}.sl-specimen .sl-toolbar::-webkit-scrollbar{display:none}.sl-specimen .sl-toolbar>*{flex:none}.sl-specimen .sl-toolbar .sl-sep.vert{width:var(--border-w);background:rgb(var(--edge));align-self:stretch;min-height:1.4em;margin:0 .1rem}.sl-specimen .sl-toolbar .sl-toggle-group button{padding:.4rem .44rem}.sl-specimen .sl-toolbar .sl-btn.sm{padding:.4rem .55rem}.sl-specimen .sl-toolbar :is([data-lucide],svg){width:16px;height:16px}.sl-specimen .sl-toolbar .sl-btn,.sl-specimen .sl-toolbar>.sl-toggle,.sl-specimen .sl-toolbar .sl-toggle-group{box-sizing:border-box;height:32px}.sl-specimen .sl-toolbar .sl-btn{justify-content:center;align-items:center;padding-block:0;display:inline-flex}.sl-specimen .sl-toolbar .sl-btn.icon{width:32px;padding:0}.sl-specimen .sl-toolbar .sl-toggle-group button{height:100%;padding-block:0}.sl-specimen .sl-aspect{aspect-ratio:16/9;border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);background:color-mix(in srgb,var(--accent) 34%,var(--bg-2));font-family:var(--mono);color:var(--ink);place-items:center;font-size:.78rem;display:grid}.sl-specimen .sl-scroll{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);max-height:128px;box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgba(var(--glass-tint),.05);overflow-y:auto}.sl-specimen .sl-scroll .row{font-family:var(--mono);color:var(--ink-dim);border-bottom:1px solid rgba(var(--edge),.15);padding:.45rem .6rem;font-size:.78rem}.sl-specimen .sl-scroll .row:last-child{border-bottom:none}.sl-specimen .sl-scroll::-webkit-scrollbar{width:12px}.sl-specimen .sl-scroll::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid rgb(var(--edge));border-radius:var(--radius);background-clip:padding-box}.sl-specimen .sl-resize{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);min-height:96px;display:flex;overflow:hidden}.sl-specimen .sl-resize .pane{font-family:var(--mono);color:var(--ink-dim);text-align:center;place-items:center;padding:.7rem .8rem;font-size:.76rem;display:grid}.sl-specimen .sl-resize .pane.a{resize:horizontal;background:rgba(var(--glass-tint),.07);border-right:var(--border-w) solid rgb(var(--edge));width:45%;min-width:70px;max-width:80%;overflow:auto}.sl-specimen .sl-resize .pane.b{flex:1}.sl-specimen .sl-sidebar-demo{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);min-height:132px;display:flex;overflow:hidden}.sl-specimen .sl-sidebar-demo .sb{background:rgba(var(--glass-tint),.07);border-right:var(--border-w) solid rgb(var(--edge));flex-direction:column;flex:none;gap:.15rem;width:132px;padding:.5rem;display:flex}.sl-specimen .sl-sidebar-demo .sb-h{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);padding:.45rem .5rem .2rem;font-size:.6rem}.sl-specimen .sl-sidebar-demo .sb a{font-family:var(--mono);color:var(--ink-dim);border-radius:var(--radius);padding:.4rem .5rem;font-size:.74rem;text-decoration:none}.sl-specimen .sl-sidebar-demo .sb a:hover{color:var(--ink)}.sl-specimen .sl-sidebar-demo .sb a.active{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-sidebar-demo .sb-main{color:var(--ink-dim);flex:1;padding:.85rem;font-size:.85rem}.sl-specimen .sl-field{flex-direction:column;gap:.35rem;display:flex}.sl-specimen .sl-field .fd-desc{font-family:var(--mono);color:var(--ink-dim);font-size:.7rem}.sl-specimen .sl-field .fd-err{font-family:var(--mono);color:var(--ink);font-size:.7rem}.sl-specimen .sl-field.invalid .sl-input{border-color:var(--ink)}.sl-specimen .sl-input-group{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgba(var(--glass-tint),.05);align-items:stretch;display:flex;overflow:hidden}.sl-specimen .sl-input-group .ig-addon{font-family:var(--mono);color:var(--ink-dim);background:rgba(var(--glass-tint),.08);border-right:var(--border-w) solid rgb(var(--edge));place-items:center;padding:0 .7rem;font-size:.78rem;display:grid}.sl-specimen .sl-input-group .ig-addon.suffix{border-right:none;border-left:var(--border-w) solid rgb(var(--edge))}.sl-specimen .sl-input-group input{min-width:0;color:var(--ink);font-family:var(--mono);background:0 0;border:none;flex:1;padding:.5rem .7rem;font-size:.85rem}.sl-specimen .sl-input-group input:focus{outline:none}.sl-specimen .sl-native-wrap{display:inline-flex;position:relative}.sl-specimen .sl-native-wrap:after{content:"▾";pointer-events:none;color:var(--ink-dim);position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.sl-specimen .sl-native{font-family:var(--mono);color:var(--ink);background:rgba(var(--glass-tint),.05);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);appearance:none;cursor:pointer;padding:.5rem 2rem .5rem .7rem;font-size:.85rem}.sl-specimen .sl-native option{background:var(--bg-2);color:var(--ink)}.sl-specimen .sl-btn-group{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);display:inline-flex;overflow:hidden}.sl-specimen .sl-btn-group button{font-family:var(--mono);border:none;border-left:1px solid rgba(var(--edge),.3);background:rgba(var(--glass-tint),.05);color:var(--ink-dim);cursor:pointer;padding:.5rem .9rem;font-size:.8rem}.sl-specimen .sl-btn-group button:first-child{border-left:none}.sl-specimen .sl-btn-group button:hover{color:var(--ink)}.sl-specimen .sl-btn-group button.on{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-kbd{font-family:var(--mono);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.07);box-shadow:1px 1px 0 0 var(--hard-shadow);color:var(--ink);padding:.12rem .45rem;font-size:.72rem}.sl-specimen .sl-chart{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);height:128px;box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgba(var(--glass-tint),.05);align-items:flex-end;gap:4px;padding:.7rem;display:flex}.sl-specimen .sl-chart .bar{background:var(--accent);border:1px solid rgb(var(--edge));border-bottom:none;flex:1}.sl-specimen .sl-carousel-wrap{position:relative}.sl-specimen .sl-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:.6rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.sl-specimen .sl-carousel-wrap.is-enhanced .sl-carousel{scrollbar-width:none;-ms-overflow-style:none}.sl-specimen .sl-carousel-wrap.is-enhanced .sl-carousel::-webkit-scrollbar{display:none}.sl-specimen .sl-carousel .slide{scroll-snap-align:start;aspect-ratio:16/9;border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);background:color-mix(in srgb,var(--accent) 34%,var(--bg-2));font-family:var(--display);color:var(--ink);flex:0 0 100%;place-items:center;font-size:1.3rem;font-weight:800;display:grid}.sl-specimen .sl-carousel-btn{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.16);-webkit-backdrop-filter:blur(8px)saturate(160%);width:34px;height:34px;box-shadow:2px 2px 0 0 var(--hard-shadow);color:var(--ink);font-family:var(--mono);cursor:pointer;z-index:2;place-items:center;font-size:1.25rem;line-height:1;transition:transform .12s,background .2s,opacity .2s;display:grid;position:absolute}.sl-specimen .sl-carousel-btn:hover{background:rgba(var(--glass-tint),.26)}.sl-specimen .sl-carousel-btn:active{box-shadow:0 0 0 0 var(--hard-shadow);transform:translate(2px,2px)}.sl-specimen .sl-carousel-btn:disabled{opacity:.3;cursor:default}.sl-specimen .sl-carousel-btn.prev{left:.45rem}.sl-specimen .sl-carousel-btn.next{right:.45rem}.sl-specimen .sl-carousel-dots{justify-content:center;gap:.45rem;margin-top:.65rem;display:flex}.sl-specimen .sl-carousel-dots button{border:1.5px solid rgb(var(--edge));border-radius:var(--radius);cursor:pointer;background:0 0;width:9px;height:9px;padding:0;transition:background .2s}.sl-specimen .sl-carousel-dots button.is-active{background:var(--accent)}.sl-specimen .sl-item{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgba(var(--glass-tint),.05);align-items:center;gap:.7rem;padding:.55rem .6rem;display:flex}.sl-specimen .sl-item .it-body{flex:1;min-width:0}.sl-specimen .sl-item .it-title{font-size:.88rem;font-weight:700}.sl-specimen .sl-item .it-sub{font-family:var(--mono);color:var(--ink-dim);font-size:.72rem}.sl-specimen .sl-empty{text-align:center;border:var(--border-w) dashed rgb(var(--edge));border-radius:var(--radius);background:rgba(var(--glass-tint),.04);flex-direction:column;align-items:center;gap:.45rem;padding:1.3rem 1rem;display:flex}.sl-specimen .sl-empty .em-ic{border:var(--border-w) solid rgb(var(--edge));background:rgba(var(--glass-tint),.07);width:42px;height:42px;color:var(--accent);place-items:center;font-size:1.1rem;display:grid}.sl-specimen .sl-empty .em-t{font-size:.95rem;font-weight:700}.sl-specimen .sl-empty .em-d{font-family:var(--mono);color:var(--ink-dim);font-size:.72rem}.sl-specimen .sl-collapsible{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);background:rgba(var(--glass-tint),.05)}.sl-specimen .sl-collapsible summary{cursor:pointer;font-family:var(--mono);color:var(--ink);justify-content:space-between;align-items:center;padding:.6rem .8rem;font-size:.8rem;list-style:none;display:flex}.sl-specimen .sl-collapsible summary::-webkit-details-marker{display:none}.sl-specimen .sl-collapsible summary:after{content:"▾";color:var(--ink-dim);transition:transform .2s}.sl-specimen .sl-collapsible[open] summary:after{transform:rotate(180deg)}.sl-specimen .sl-collapsible .cc-body{color:var(--ink-dim);padding:0 .8rem .7rem;font-size:.82rem}.sl-specimen .sl-type .tg{margin:0}.sl-specimen .sl-type h4.tg{font-size:1.4rem}.sl-specimen .sl-type p.tg{color:var(--ink-dim);margin:.4rem 0 0;font-size:.9rem;line-height:1.5}.sl-specimen .sl-type code.tg{font-family:var(--mono);background:rgba(var(--glass-tint),.12);border:1px solid rgba(var(--edge),.4);padding:.05rem .35rem;font-size:.8rem}.sl-specimen .sl-type blockquote{border-left:3px solid var(--accent);color:var(--ink-dim);margin:.7rem 0 0;padding-left:.8rem;font-size:.9rem;font-style:italic}.sl-specimen .sl-navmenu{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);display:inline-flex}.sl-specimen .sl-navmenu .nm-item{position:relative}.sl-specimen .sl-navmenu .nm-item>button{font-family:var(--mono);border:none;border-left:1px solid rgba(var(--edge),.25);background:rgba(var(--glass-tint),.05);color:var(--ink-dim);cursor:pointer;align-items:center;gap:.3rem;padding:.5rem .8rem;font-size:.78rem;display:inline-flex}.sl-specimen .sl-navmenu .nm-item:first-child>button{border-left:none}.sl-specimen .sl-navmenu .nm-item:hover>button{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-navmenu .nm-panel{background:var(--bg-2);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);min-width:210px;box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);opacity:0;pointer-events:none;z-index:50;padding:.35rem;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-4px)}.sl-specimen .sl-navmenu .nm-item:hover .nm-panel{opacity:1;pointer-events:auto;transform:none}.sl-specimen .sl-navmenu .nm-panel a{font-family:var(--mono);color:var(--ink);padding:.5rem .6rem;font-size:.78rem;text-decoration:none;display:block}.sl-specimen .sl-navmenu .nm-panel a:hover{background:var(--accent);color:var(--accent-ink)}.sl-specimen .kit-cell:has(.sl-navmenu .nm-item:hover){z-index:40}.sl-specimen .sl-ctx-area{border:var(--border-w) dashed rgb(var(--edge));border-radius:var(--radius);font-family:var(--mono);color:var(--ink-dim);background:rgba(var(--glass-tint),.04);place-items:center;padding:1.1rem;font-size:.8rem;display:grid}.sl-specimen .sl-ctx-menu{background:var(--bg-2);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);min-width:190px;box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);padding:.35rem}.sl-specimen .sl-ctx-menu .item{font-family:var(--mono);color:var(--ink);cursor:default;border-radius:calc(var(--radius) * .6);align-items:center;gap:.5rem;padding:.45rem .55rem;font-size:.8rem;display:flex}.sl-specimen .sl-ctx-menu .item:hover{background:var(--accent);color:var(--accent-ink)}.sl-specimen .sl-ctx-menu .item .k{opacity:.6;margin-left:auto;font-size:.72rem}.sl-specimen .sl-ctx-menu .sep{background:rgba(var(--edge),.2);height:1px;margin:.3rem 0}.sl-specimen .sl-drawer-overlay{z-index:2147483646;place-items:end stretch}.sl-specimen .sl-drawer{width:100%;padding:1.3rem 1.6rem max(1.7rem,env(safe-area-inset-bottom));background:var(--bg-2);border-top:var(--border-w) solid rgb(var(--edge));transition:transform .28s cubic-bezier(.2,.9,.2,1);transform:translateY(100%);box-shadow:0 -10px #0003}.sl-specimen .sl-sidebar-demo .sb-main{flex-direction:column;gap:.45rem;display:flex}.sl-specimen .sl-sidebar-demo .sb-main strong{font-family:var(--display);color:var(--ink);font-size:1rem}.sl-specimen .sl-drawer-overlay.open .sl-drawer{transform:none}.sl-specimen .sl-drawer .dr-grip{background:rgb(var(--edge));width:46px;height:5px;margin:0 auto 1rem;display:block}.sl-specimen #adopt .kit-cell p{color:var(--ink-dim);flex:1;margin:0;font-size:.92rem;line-height:1.5}.sl-specimen #adopt .kit-cap{align-items:center;gap:.45em;display:inline-flex}.sl-specimen #adopt .kit-cap svg{width:1.05em;height:1.05em;color:var(--accent);flex:none}.sl-specimen #adopt .kit-cell .sl-btn{align-self:flex-start}.sl-specimen .sl-otp{min-width:0}.sl-specimen .sl-otp input{box-sizing:border-box;flex:1 1 0;min-width:0;max-width:42px}.sl-specimen #components .sl-navbar .nb-right{flex-wrap:wrap}.sl-specimen #components .sl-navmenu{flex-wrap:wrap;max-width:100%}.sl-specimen #components .sl-table{table-layout:fixed}.sl-specimen .sl-table-wrap{container-type:inline-size}.sl-specimen #components .sl-table th{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sl-specimen #components .sl-table th .th-abbr{display:none}.sl-specimen #components .sl-table td:not(:has(.sl-badge)){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sl-specimen #components .sl-table td:has(.sl-badge){white-space:nowrap}.sl-specimen #components .sl-table .sl-badge{white-space:nowrap}@container (max-width:340px){.sl-specimen #components .sl-table th .th-full{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.sl-specimen #components .sl-table th .th-abbr{display:inline}.sl-specimen #components .sl-table th{letter-spacing:.01em;padding:.55rem .45rem;font-size:.6rem}.sl-specimen #components .sl-table td{padding:.6rem .45rem}.sl-specimen #components .sl-table .sl-badge{padding:.18rem .42rem;font-size:.6rem}}.sl-specimen .adopt-h{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.sl-specimen .code-block{font-family:var(--mono);color:var(--ink);background:rgba(var(--glass-tint),.06);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:2px 2px 0 0 var(--hard-shadow);white-space:pre;max-height:320px;margin:0;padding:.8rem .9rem;font-size:.74rem;line-height:1.55;overflow:auto}.sl-specimen .adopt-gallery .code-block{white-space:pre-wrap;overflow-wrap:anywhere}.sl-specimen #adopt .sl-copy.copied{background:var(--accent);color:var(--accent-ink)}.sl-specimen .pairings-card{margin-top:0}.sl-specimen .pairings{flex-direction:column;gap:0;display:flex;container-type:inline-size}.sl-specimen .pairings .pair{border-top:1px solid rgb(var(--edge) / .15);padding:.95rem 0}.sl-specimen .pairings .pair:first-child{border-top:none;padding-top:.2rem}.sl-specimen .pairings .pair-title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;font-size:.68rem}.sl-specimen .pairings .pair-fonts{flex-direction:column;gap:.7rem;display:flex}.sl-specimen .pairings .pf{grid-template-columns:4.75rem 1fr;align-items:center;gap:.85rem;min-width:0;display:grid}.sl-specimen .pairings .pf-role{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:.6rem}.sl-specimen .pairings .pf-name{letter-spacing:-.01em;min-width:0;font-weight:700;line-height:1.05}.sl-specimen .pairings .pf.is-header .pf-name{letter-spacing:-.02em;font-size:clamp(1.45rem,9cqi,2rem);font-weight:800}.sl-specimen .pairings .pf.is-body .pf-name{letter-spacing:-.005em;font-size:clamp(1.05rem,5cqi,1.25rem);font-weight:500}.sl-specimen .pairings .pf.is-detail .pf-name{letter-spacing:0;font-size:.95rem;font-weight:400}.sl-specimen .pairings .pair-note{font-family:var(--mono);color:var(--ink-dim);margin-top:.6rem;font-size:.72rem}.sl-specimen .sl-progress{height:18px}.sl-specimen .sl-progress>span{background:radial-gradient(120% 180% at 100% 50%, #ffffff59, transparent 40%), linear-gradient(180deg, color-mix(in srgb, #fff 42%, var(--accent)) 0%, var(--accent) 46%, color-mix(in srgb, #000 18%, var(--accent)) 100%);position:relative;overflow:hidden}.sl-specimen .sl-progress>span:before{content:"";pointer-events:none;filter:blur(1px);background-image:radial-gradient(closest-side,#ffffff4d,#0000 70%),radial-gradient(closest-side,#ffffff2e,#0000 72%);background-position:0 -12%,40px 32%;background-repeat:repeat-x,repeat-x;background-size:70px 150%,110px 125%;position:absolute;inset:-30% -12%}.sl-specimen .sl-progress>span:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:42%;position:absolute;inset:0;transform:translate(210%)}.sl-specimen{--ease-liquid:cubic-bezier(.22,1,.36,1);--ease-liquid-over:cubic-bezier(.34,1.4,.5,1);--motion-fast:.16s;--motion:.34s;--motion-slow:.5s}@media (prefers-reduced-motion:no-preference){.sl-specimen .sl-accent-pour{z-index:2147483640;pointer-events:none;will-change:transform, opacity, border-radius;animation:sls-sl-accent-pour 1.05s var(--ease-liquid-over) forwards;border-radius:48% 52% 50% 50%/52% 50% 50% 48%;position:fixed;transform:translate(-50%,-50%)scale(0);-webkit-mask-image:radial-gradient(circle,#000 30%,#00000080 58%,#0000 80%);mask-image:radial-gradient(circle,#000 30%,#00000080 58%,#0000 80%)}.sl-specimen .sl-accent-pour:before{content:"";border-radius:inherit;background:inherit;filter:brightness(1.25);opacity:.6;animation:sls-sl-accent-pour-core 1.05s var(--ease-liquid-over) forwards;position:absolute;inset:14% 14% 26%}@keyframes sls-sl-accent-pour{0%{opacity:.55;border-radius:48% 52% 50% 50%/52% 50% 50% 48%;transform:translate(-50%,-50%)scale(0)rotate(-8deg)}35%{opacity:.46;border-radius:38% 62% 57% 43%/60% 44% 56% 40%}70%{opacity:.26;border-radius:61% 39% 44% 56%/42% 58% 43% 57%}to{opacity:0;border-radius:50%;transform:translate(-50%,-50%)scale(1)rotate(6deg)}}@keyframes sls-sl-accent-pour-core{0%{opacity:.7;transform:scale(.4)}60%{opacity:.3}to{opacity:0;transform:scale(1.06)}}.sl-specimen .hero-cube{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-origin:50%;transition:transform var(--motion) var(--ease-liquid-over);will-change:transform}.sl-specimen .sl-box{transition:background var(--motion) var(--ease-liquid)}.sl-specimen .sl-box .tick{transition:opacity var(--motion-fast) var(--ease-liquid), transform var(--motion) var(--ease-liquid-over);transform:scale(.3)}.sl-specimen .sl-check[aria-checked=true] .sl-box .tick{transform:scale(1)}.sl-specimen .sl-switch{transition:background var(--motion) var(--ease-liquid);overflow:hidden}.sl-specimen .sl-switch:after{content:"";pointer-events:none;opacity:0;z-index:2;background:linear-gradient(115deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.sl-specimen .sl-switch[aria-checked=true]:after{animation:sls-sl-sheen .55s var(--ease-liquid)}@keyframes sls-sl-sheen{0%{opacity:.9;transform:translate(-120%)}to{opacity:0;transform:translate(120%)}}.sl-specimen .sl-tabs.is-flowing .tablist{position:relative}.sl-specimen .sl-tabs.is-flowing .tablist button{z-index:1;transition:color var(--motion) var(--ease-liquid);background:0 0;position:relative}.sl-specimen .sl-tabs.is-flowing .tablist button[aria-selected=true]{color:var(--accent-ink);background:0 0}.sl-specimen .sl-tab-marker{z-index:0;background:var(--accent);width:var(--tab-w,0);transform:translateX(var(--tab-x,0));transition:transform var(--motion) var(--ease-liquid-over), width var(--motion) var(--ease-liquid);position:absolute;top:0;bottom:0;left:0}.sl-specimen .sl-menu{transition:opacity var(--motion-fast) var(--ease-liquid), transform var(--motion) var(--ease-liquid-over)}.sl-specimen .sl-dialog{filter:blur(8px);transition:transform var(--motion) var(--ease-liquid-over), filter var(--motion) var(--ease-liquid)}.sl-specimen .sl-overlay.open .sl-dialog{filter:blur()}.sl-specimen .sl-sheet{transition:transform var(--motion-slow) var(--ease-liquid)}.sl-specimen .sl-acc-body{transition:max-height var(--motion) var(--ease-liquid)}.sl-specimen .sl-acc-body>p{opacity:0;transition:opacity var(--motion) var(--ease-liquid), transform var(--motion) var(--ease-liquid);transform:translateY(-6px)}.sl-specimen .sl-acc-item.open .sl-acc-body>p{opacity:1;transform:none}.sl-specimen .kit-cell,.sl-specimen .show-card{position:relative}.sl-specimen .kit-cell:after,.sl-specimen .show-card:after{content:none}.sl-specimen .sl-progress>span:before{animation:4s linear infinite sls-sl-liquid-flow}.sl-specimen .sl-progress>span:after{animation:sls-sl-liquid-crest 2.6s var(--ease-liquid) infinite}@keyframes sls-sl-liquid-flow{to{background-position:70px -12%,150px 32%}}@keyframes sls-sl-liquid-crest{0%{transform:translate(-130%)}55%,to{transform:translate(360%)}}}.sl-specimen .glass{box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow),  inset 0 1.5px 0 #fff9,  inset 1.5px 1.5px 1px -.5px #ffffff4d,  inset -1.5px -1.5px 1px -.5px #0000001f,  inset 2px 0 3px -2px #78b4ff29,  inset -2px 0 3px -2px #ffd29621,  inset 0 0 52px #ffffff0d}.sl-specimen.sl-refract .glass{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(185%) brightness(1.04) url(#sl-glass-refract);backdrop-filter:blur(var(--glass-blur)) saturate(185%) brightness(1.04) url(#sl-glass-refract)}.sl-specimen .twk-panel{z-index:2147483646;background:rgb(var(--glass-tint) / .1);width:280px;max-height:calc(100vh - 110px);color:var(--ink);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);font:12px/1.4 var(--mono);flex-direction:column;display:none;position:fixed;bottom:74px;right:18px;overflow:hidden}.sl-specimen .twk-panel.open{animation:.26s cubic-bezier(.2,.9,.2,1) both sls-twk-in;display:flex}@keyframes sls-twk-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sl-specimen .twk-panel.open{animation:none}}.sl-specimen .twk-hd{border-bottom:var(--border-w) solid rgb(var(--edge));justify-content:space-between;align-items:center;padding:12px 10px 12px 16px;display:flex}.sl-specimen .twk-hd b{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.sl-specimen .twk-x{appearance:none;color:var(--ink-dim);cursor:pointer;background:0 0;border:0;width:24px;height:24px;font-size:13px;line-height:1}.sl-specimen .twk-x:hover{color:var(--ink)}.sl-specimen .twk-body{flex-direction:column;gap:12px;min-height:0;padding:12px 16px 16px;display:flex;overflow:hidden auto}.sl-specimen .twk-sect{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding:8px 0 0;font-size:9.5px;font-weight:700}.sl-specimen .twk-sect:first-child{padding-top:0}.sl-specimen .twk-row{flex-direction:column;gap:6px;display:flex}.sl-specimen .twk-lbl{color:var(--ink-dim);justify-content:space-between;align-items:baseline;display:flex}.sl-specimen .twk-val{color:var(--ink);font-variant-numeric:tabular-nums}.sl-specimen .twk-slider{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:22px;margin:4px 0}.sl-specimen .twk-slider::-webkit-slider-runnable-track{box-sizing:border-box;border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgb(var(--glass-tint) / .06);height:8px}.sl-specimen .twk-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);width:16px;height:16px;box-shadow:2px 2px 0 0 var(--hard-shadow);cursor:pointer;margin-top:-6px}.sl-specimen .twk-slider::-moz-range-track{box-sizing:border-box;border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgb(var(--glass-tint) / .06);height:8px}.sl-specimen .twk-slider::-moz-range-thumb{background:var(--accent);border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);width:16px;height:16px;box-shadow:2px 2px 0 0 var(--hard-shadow);cursor:pointer}.sl-specimen .twk-field{appearance:none;box-sizing:border-box;border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgb(var(--glass-tint) / .06);width:100%;color:var(--ink);font-family:var(--mono);cursor:pointer;outline:none;padding:7px 9px;font-size:11px}.sl-specimen .twk-field:focus{box-shadow:3px 3px 0 0 var(--accent)}.sl-specimen .twk-select{position:relative}.sl-specimen .twk-select-trigger{text-align:left;justify-content:space-between;align-items:center;gap:8px;display:flex}.sl-specimen .twk-select-trigger svg{width:14px;height:14px;color:var(--ink-dim);flex:none;transition:transform .18s}.sl-specimen .twk-select.open .twk-select-trigger svg{transform:rotate(180deg)}.sl-specimen .twk-select-trigger:focus-visible{box-shadow:3px 3px 0 0 var(--accent)}.sl-specimen .twk-select-list{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);background:rgb(var(--glass-tint) / .1);-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);box-shadow:var(--hard-x) var(--hard-y) 0 0 var(--hard-shadow);flex-direction:column;margin-top:6px;display:none;overflow:hidden}.sl-specimen .twk-select.open .twk-select-list{animation:.18s cubic-bezier(.2,.9,.2,1) both sls-twk-in;display:flex}.sl-specimen .twk-option{cursor:pointer;font-family:var(--mono);color:var(--ink-dim);border-top:1px solid rgb(var(--edge) / .25);outline:none;align-items:center;gap:8px;padding:7px 9px;font-size:11px;display:flex}.sl-specimen .twk-option:first-child{border-top:0}.sl-specimen .twk-option:hover,.sl-specimen .twk-option.active{background:rgb(var(--glass-tint) / .1);color:var(--ink)}.sl-specimen .twk-option[aria-selected=true]{color:var(--ink)}.sl-specimen .twk-option .twk-check{width:13px;height:13px;color:var(--accent);opacity:0;flex:none;margin-left:auto}.sl-specimen .twk-option[aria-selected=true] .twk-check{opacity:1}.sl-specimen .twk-chips{gap:6px;display:flex}.sl-specimen .twk-chip{border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);cursor:pointer;flex:1;height:30px;padding:0}.sl-specimen .twk-chip[aria-pressed=true]{box-shadow:2px 2px 0 0 var(--hard-shadow)}.sl-specimen .twk-foot{padding:0 16px 16px}.sl-specimen .twk-reset{appearance:none;border:var(--border-w) solid rgb(var(--edge));border-radius:var(--radius);width:100%;color:var(--ink);font-family:var(--display);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;box-shadow:2px 2px 0 0 var(--hard-shadow);background:0 0;padding:8px;font-size:11px;font-weight:700;transition:transform .12s,box-shadow .12s}.sl-specimen .twk-reset:hover{box-shadow:0 0 0 0 var(--hard-shadow);transform:translate(2px,2px)}.sl-specimen{font-family:var(--body);letter-spacing:-.008em;font-weight:430}.sl-specimen .wrap,.sl-specimen .shell,.sl-specimen .nav{width:min(var(--shell-w), calc(100vw - max(2rem, var(--viewport-gutter))))}.sl-specimen .nav{background:color-mix(in srgb, var(--bg) 94%, transparent);box-shadow:none;-webkit-backdrop-filter:blur(16px)saturate(120%);border-width:0 0 1px;padding:.7rem 0;top:0}.sl-specimen .nav .brand .name{letter-spacing:-.025em;font-size:.92rem;font-weight:700}.sl-specimen .nav .brand .glyph{--s:38px}.sl-specimen .nav .links{border:1px solid rgb(var(--edge));isolation:isolate;gap:0;position:relative}.sl-specimen .nav .nav-action-slot{z-index:1;border-left:1px solid color-mix(in srgb, var(--ink) 28%, transparent);display:flex;position:relative}.sl-specimen .nav .nav-action-slot:nth-of-type(2){border-left:0}.sl-specimen .nav .nav-liquid-marker{inset-block:0;z-index:0;width:var(--nav-marker-w,0px);opacity:var(--nav-marker-opacity,0);transform:translateX(var(--nav-marker-x,0px));background:color-mix(in srgb, var(--accent) 16%, transparent);border-bottom:3px solid var(--accent);transition:transform var(--motion) var(--ease-liquid-over), width var(--motion) var(--ease-liquid), opacity var(--motion-fast) var(--ease-liquid);pointer-events:none;position:absolute;left:0}.sl-specimen .nav .nav-page-progress{width:var(--page-progress,0%);background:var(--accent);pointer-events:none;height:3px;transition:width .12s linear;position:absolute;bottom:-1px;left:0}@media (prefers-reduced-motion:reduce){.sl-specimen .nav .nav-liquid-marker,.sl-specimen .nav .nav-page-progress{transition:none}}.sl-specimen .nav .links .nav-cta{color:var(--ink);box-shadow:none;background:0 0;border:0;padding:.58rem .82rem;font-size:.74rem;font-weight:650;transform:none}.sl-specimen .nav .links .nav-cta:hover,.sl-specimen .nav .links .nav-cta:active{color:var(--ink);box-shadow:none;background:0 0;transform:none}.sl-specimen .hero{border-top:0;min-height:min(860px,92vh);padding-top:clamp(8rem,15vh,11rem);padding-bottom:clamp(5rem,10vh,8rem)}.sl-specimen .hero-grid{gap:var(--grid-gutter);grid-template-columns:minmax(0,7fr) minmax(280px,5fr);align-items:center;max-width:none;display:grid}.sl-specimen .hero-grid>div:first-child{max-width:780px}.sl-specimen .wordmark{font-size:var(--text-display-xl);letter-spacing:-.075em;margin:.25em 0 .38em;font-weight:760;line-height:.78}.sl-specimen .wordmark .brutal{color:var(--ink);-webkit-text-stroke:0;text-shadow:none}.sl-specimen .wordmark .glas{letter-spacing:-.06em}.sl-specimen .liquid-svg{filter:drop-shadow(3px 3px 0 rgb(var(--edge) / .24))}.sl-specimen .hero .lead{max-width:58ch;color:var(--ink);font-size:clamp(1.05rem,1.35vw,1.28rem);line-height:1.55}.sl-specimen .hero .lead em{letter-spacing:-.025em;margin-bottom:.65rem;font-style:normal;font-weight:680;display:block}.sl-specimen .hero-tags{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:2rem 0 2.3rem;display:grid}.sl-specimen .hero-tags .tag{border:0;border-right:1px solid color-mix(in srgb, var(--ink) 28%, transparent);letter-spacing:.08em;color:var(--ink);flex-direction:column;gap:.5rem;padding:.75rem .8rem .85rem;font-size:.64rem;line-height:1.25;display:flex}.sl-specimen .hero-tags .tag:last-child{border-right:0}.sl-specimen .hero-tags .tag b{color:var(--accent);font-size:.68rem}.sl-specimen .hero-cube-wrap{justify-self:end;position:relative;top:auto;right:auto;transform:none}.sl-specimen .hero-cube{--s:clamp(270px, 31vw, 450px);opacity:.9}.sl-specimen .hero-cube.is-cube .lw-cube-shell{stroke-width:1.35px}.sl-specimen .hero-cube.is-cube .lw-cube-edge{stroke-width:.8px}.sl-specimen .impossible-staircase{width:min(100%,560px);height:auto;display:block;overflow:visible}.sl-specimen .impossible-staircase polygon{vector-effect:non-scaling-stroke;stroke:var(--ink)}.sl-specimen .impossible-staircase__tread{fill:var(--bg-2)}.sl-specimen .impossible-staircase__riser{fill:color-mix(in srgb, var(--ink) 26%, var(--bg-2))}.sl-specimen .impossible-staircase__wall{fill:color-mix(in srgb, var(--ink) 12%, var(--bg-2))}.sl-specimen .impossible-staircase__wall-dark{fill:color-mix(in srgb, var(--ink) 40%, var(--bg-2))}.sl-specimen .tenets{border-top:var(--border-w) solid rgb(var(--edge));border-bottom:var(--border-w) solid rgb(var(--edge));gap:0}.sl-specimen .tenet{border-right:1px solid rgb(var(--edge));background:0 0;min-height:430px;padding:1.35rem 1.45rem 1.6rem}.sl-specimen .tenet:last-child{border-right:0}.sl-specimen .tenet .pnum{color:var(--accent);font-size:.66rem}.sl-specimen .tenet .psub{letter-spacing:.1em;font-size:.62rem}.sl-specimen .tenet h3{letter-spacing:-.045em;margin:2.3rem 0 .8rem;font-size:clamp(1.65rem,2.5vw,2.55rem);line-height:.94}.sl-specimen .tenet>p{max-width:34ch;font-size:.94rem;line-height:1.55}.sl-specimen .tenet ul{margin-top:auto;padding-top:2rem}.sl-specimen .tenet li{font-family:var(--body);padding:.7rem 0;font-size:.82rem;line-height:1.5}.sl-specimen .tenet li:before{width:6px;height:6px;margin-top:.48em}.sl-specimen .tenet-neobrutalism{background:var(--bg-2);box-shadow:none;transform:none}.sl-specimen .tenet-liquid,.sl-specimen .tenet-clarity{background:var(--bg-2)}.sl-specimen #components .kit-filterbars{border-top:1px solid var(--ink);padding-top:1rem}.sl-specimen #components .kit-grid.gallery{background:color-mix(in srgb, var(--ink) 22%, transparent);border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);column-gap:1px}.sl-specimen #components .kit-grid.gallery .kit-cell{background:var(--bg-2);box-shadow:none;border:0;margin:0 0 1px;padding:1.35rem 1.4rem}.sl-specimen #components .kit-cap{letter-spacing:.1em;font-size:.7rem;font-weight:600}.sl-specimen .kit-filter{box-shadow:none;background:0 0;border-width:1px}.sl-specimen .kit-filter:hover{box-shadow:none;background:var(--bg-2);transform:none}.sl-specimen .kit-filter.active{border-color:rgb(var(--edge))}.sl-specimen .show-grid{background:color-mix(in srgb, var(--ink) 24%, transparent);border:1px solid color-mix(in srgb, var(--ink) 24%, transparent);gap:1px}.sl-specimen .show-card{max-width:none;box-shadow:none;background:var(--bg-2);border:0;margin:0}.sl-specimen .show-card-foot{border-top:1px solid color-mix(in srgb, var(--ink) 24%, transparent)}.sl-specimen .show-card:hover,.sl-specimen .show-card:focus-visible{transform:none}.sl-specimen .show-card:hover .show-card-shot img,.sl-specimen .show-card:focus-visible .show-card-shot img{transform:scale(1.015)}.sl-specimen .adopt-gallery{background:color-mix(in srgb, var(--ink) 22%, transparent);border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);column-gap:1px!important}.sl-specimen .adopt-gallery .kit-cell{box-shadow:none;background:var(--bg-2);border:0;margin:0 0 1px!important}.sl-specimen .cta-panel{text-align:left;background:var(--bg-2);box-shadow:none;align-items:flex-start;padding:clamp(3rem,7vw,6rem)}.sl-specimen .cta-panel h2{letter-spacing:-.06em;max-width:18ch;font-size:clamp(2.6rem,6vw,6.2rem);line-height:.9}.sl-specimen .cta-panel p{max-width:60ch}.sl-specimen .foot{border-top:1px solid var(--ink)}.sl-specimen[data-mode=dark] .nav{background:color-mix(in srgb, var(--bg) 96%, transparent);border-color:color-mix(in srgb, var(--ink) 28%, transparent)}.sl-specimen[data-mode=dark] .nav .links{background:color-mix(in srgb, var(--bg-2) 90%, transparent);border-color:color-mix(in srgb, var(--ink) 38%, transparent)}.sl-specimen[data-mode=dark] .nav .nav-action-slot{border-color:color-mix(in srgb, var(--ink) 24%, transparent)}.sl-specimen[data-mode=dark] .nav .nav-liquid-marker{background:color-mix(in srgb, var(--accent) 28%, var(--bg-2))}.sl-specimen[data-mode=dark] .nav .links .nav-cta,.sl-specimen[data-mode=dark] .nav .links a,.sl-specimen[data-mode=dark] .nav .links button{color:#fff}.sl-specimen[data-mode=dark] .glass,.sl-specimen[data-mode=dark] .tenet-neobrutalism,.sl-specimen[data-mode=dark] .tenet-liquid,.sl-specimen[data-mode=dark] .tenet-clarity,.sl-specimen[data-mode=dark] #components .kit-grid.gallery .kit-cell,.sl-specimen[data-mode=dark] .show-card,.sl-specimen[data-mode=dark] .adopt-gallery .kit-cell{background:#202020}.sl-specimen[data-mode=dark] .field .grid{opacity:.45}.sl-specimen .nav-cluster,.sl-specimen .nav-utilities{align-items:stretch;display:flex}.sl-specimen .nav-cluster{gap:.55rem}.sl-specimen .nav-utilities{gap:.35rem}.sl-specimen .nav .links a{height:100%;color:var(--ink);white-space:nowrap;align-items:center;gap:.42rem;padding:.58rem .72rem;text-decoration:none;display:inline-flex}.sl-specimen .nav .links a:after{display:none}.sl-specimen .nav .links a svg,.sl-specimen .nav-utility svg{width:.94rem;height:.94rem}.sl-specimen .nav .nav-action-slot:first-of-type{border-left:0}.sl-specimen .nav .nav-utility{background:color-mix(in srgb, var(--ink) 10%, var(--bg-2));min-height:100%;box-shadow:none;color:var(--ink);text-transform:none;border-width:1px;padding:.58rem .72rem;font-size:.74rem}.sl-specimen .nav .nav-utility:first-child{background:var(--accent);color:var(--accent-ink)}.sl-specimen .nav .nav-utility:hover,.sl-specimen .nav .nav-utility:active{box-shadow:none;transform:none}.sl-specimen[data-mode=dark] .nav .nav-liquid-marker{background:color-mix(in srgb, var(--accent) 48%, transparent);border-bottom-color:color-mix(in srgb, var(--accent) 76%, white)}.sl-specimen[data-mode=dark] .nav .links a,.sl-specimen[data-mode=dark] .nav .links a:hover{color:#fff}.sl-specimen .hero-cube .lw-cube-face-index{fill:var(--ink);stroke:var(--bg);stroke-width:.7px;font-size:5.2px}.sl-specimen .hero-cube.is-cube .lw-cube-innerglass{fill:color-mix(in srgb, var(--accent) 36%, transparent)}.sl-specimen .hero-cube .lw-shine{opacity:.8}.sl-specimen .hero-cube .lw-caustic{opacity:.3}.sl-specimen .tenet{grid-template-rows:auto auto 5.1rem 14rem auto;display:grid}.sl-specimen .tenet h3{white-space:nowrap;align-self:end;margin:1.8rem 0 .8rem;font-size:clamp(1rem,2vw,1.72rem);line-height:1}.sl-specimen .tenet>p{max-width:none}.sl-specimen .tenet ul{margin-top:0}.sl-specimen #components .kit-grid.gallery{column-count:2;column-gap:1px;display:block}@media (min-width:1440px){.sl-specimen #components .kit-grid.gallery{column-count:3}}.sl-specimen #components .kit-grid.gallery .kit-cell{break-inside:avoid;-webkit-column-break-inside:avoid;flex-direction:column;width:100%;min-width:0;height:auto;margin:0 0 1px;display:flex}.sl-specimen .sl-button-specimen{flex-flow:column;justify-content:flex-start;align-items:flex-start}.sl-specimen .kit-filters[data-axis=cat] .kit-filter{background:color-mix(in srgb, var(--ink) 10%, var(--bg-2));border-color:color-mix(in srgb, var(--ink) 58%, transparent);box-shadow:2px 2px 0 0 var(--hard-shadow)}.sl-specimen .kit-filters[data-axis=cat] .kit-filter:hover{background:color-mix(in srgb, var(--ink) 15%, var(--bg-2));box-shadow:2px 2px 0 0 var(--hard-shadow)}.sl-specimen .kit-filters[data-axis=cat] .kit-filter.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sl-specimen .kit-filters[data-axis=cat] .kit-filter.active:hover{color:var(--accent-ink)}.sl-specimen .kit-filters[data-axis=kind] .kit-filter{background:color-mix(in srgb, var(--ink) 6%, var(--bg-2));border-color:color-mix(in srgb, var(--ink) 42%, transparent);box-shadow:1px 1px 0 0 color-mix(in srgb, var(--hard-shadow) 70%, transparent)}.sl-specimen[data-mode=dark] .kit-filters[data-axis=cat] .kit-filter.active{background:color-mix(in srgb, var(--accent) 54%, var(--bg-2));color:#fff;border-color:color-mix(in srgb, var(--accent) 76%, white)}.sl-specimen[data-mode=dark] .kit-filters[data-axis=cat] .kit-filter.active:hover{color:#fff}.sl-specimen[data-mode=dark] .kit-filters[data-axis=kind] .kit-filter.active{background:color-mix(in srgb, var(--accent) 32%, transparent);color:#fff}.sl-specimen .foot{flex-direction:column;justify-content:flex-start;align-items:flex-start}.sl-specimen .foot .foot-legal{text-align:left}@media (max-width:1080px){.sl-specimen .nav .brand .name{display:none}.sl-specimen .nav .links a{padding-inline:.58rem}}@media (max-width:780px){.sl-specimen .nav{padding-left:.5rem}.sl-specimen .nav-cluster{gap:.28rem}.sl-specimen .nav-label{display:none}.sl-specimen .nav .links a:not(.nav-cta){display:inline-flex}.sl-specimen .nav .links a{justify-content:center;width:2.45rem;padding-inline:0}.sl-specimen .nav .nav-utility{padding-inline:.58rem}}@media (max-width:600px){.sl-specimen,.sl-specimen{overflow-x:clip}.sl-specimen #components .kit-grid.gallery{column-count:1}.sl-specimen .nav .nav-utility{gap:0;font-size:0}.sl-specimen .tenet{min-height:auto;display:flex}.sl-specimen .tenet h3{white-space:normal;align-self:stretch;font-size:1.55rem}}@media (max-width:900px){.sl-specimen .hero{min-height:auto}.sl-specimen .hero-grid{grid-template-columns:1fr}.sl-specimen .hero-cube-wrap{opacity:.28;position:absolute;top:50%;right:-6rem;transform:translateY(-50%)}.sl-specimen .hero-grid>div:first-child{z-index:1;max-width:720px}}@media (max-width:700px){.sl-specimen .hero{padding-top:7rem}.sl-specimen .wordmark{font-size:clamp(3.4rem,18vw,6rem)}.sl-specimen .hero-tags{grid-template-columns:1fr}.sl-specimen .hero-tags .tag{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--ink) 24%, transparent)}.sl-specimen .hero-tags .tag:last-child{border-bottom:0}.sl-specimen .tenets{grid-template-columns:1fr}.sl-specimen .tenet{border-right:0;border-bottom:1px solid rgb(var(--edge));min-height:auto}.sl-specimen .tenet:last-child{border-bottom:0}.sl-specimen .tenet ul{margin-top:2rem;padding-top:0}.sl-specimen .nav .links .nav-cta{padding-inline:.62rem}.sl-specimen .tenet-neobrutalism{transform:none}.sl-specimen .cta-panel{text-align:left}}.sl-specimen .nav-mobile-trigger,.sl-specimen .nav-mobile-menu{display:none}@media (max-width:780px){.sl-specimen .nav{padding:.42rem .48rem .42rem .7rem;overflow:visible}.sl-specimen .nav .brand .name{font-size:.88rem;display:inline}.sl-specimen .nav-cluster{display:none}.sl-specimen .nav-mobile-trigger{border:1px solid rgb(var(--edge));background:color-mix(in srgb, var(--ink) 9%, var(--bg-2));min-height:44px;color:var(--ink);font:700 .74rem/1 var(--body);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.58rem .72rem;display:inline-flex}.sl-specimen .nav-mobile-trigger svg{width:1rem;height:1rem}.sl-specimen .nav-mobile-trigger[aria-expanded=true]{background:var(--accent);color:var(--accent-ink)}.sl-specimen .nav-mobile-menu{visibility:hidden;opacity:0;border:0 solid rgb(var(--edge));background:color-mix(in srgb, var(--bg-2) 96%, transparent);max-height:0;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);transition:opacity var(--motion-fast) var(--ease-liquid), transform var(--motion) var(--ease-liquid-over), visibility 0s linear var(--motion);display:block;position:absolute;top:calc(100% + .45rem);left:0;right:0;overflow:hidden;transform:translateY(-.5rem)}.sl-specimen .nav-mobile-menu[data-open=true]{visibility:visible;opacity:1;max-height:28rem;box-shadow:5px 5px 0 var(--hard-shadow);border-width:1px;transition-delay:0s;transform:none}.sl-specimen .nav-mobile-links{grid-template-columns:1fr 1fr;min-height:0;display:grid;overflow:hidden}.sl-specimen .nav-mobile-links a{border-right:1px solid color-mix(in srgb, var(--ink) 24%, transparent);border-bottom:1px solid color-mix(in srgb, var(--ink) 24%, transparent);min-height:50px;color:var(--ink);font:700 .82rem/1.2 var(--body);align-items:center;gap:.65rem;padding:.75rem;text-decoration:none;display:flex}.sl-specimen .nav-mobile-links a:nth-child(2n){border-right:0}.sl-specimen .nav-mobile-links svg{width:1rem;height:1rem;color:var(--accent)}.sl-specimen .nav-mobile-utilities{grid-template-columns:1fr 1fr;gap:.5rem;padding:.65rem;display:grid}.sl-specimen .nav-mobile-utilities .nav-utility{justify-content:center;min-height:44px;padding:.65rem;font-size:.78rem}.sl-specimen .section-head,.sl-specimen .section-head .eyebrow,.sl-specimen .section-head .section-title,.sl-specimen .section-head .lead,.sl-specimen .tenet,.sl-specimen .tenet h3,.sl-specimen .tenet>p,.sl-specimen .tenet li,.sl-specimen .kit-group-head,.sl-specimen .kit-cell,.sl-specimen .foot{text-align:left}.sl-specimen .kit-group>.kit-group-head{flex-direction:column;align-items:flex-start;gap:.4rem}.sl-specimen .kit-group-head .kg-rule{flex:none;width:100%}.sl-specimen .kit-group-head .kg-count{line-height:1.5}}@media (max-width:600px){.sl-specimen section{padding-block:clamp(2.8rem,12vw,4rem)}.sl-specimen .wrap{width:calc(100vw - 1.5rem)}.sl-specimen .hero{padding-top:6.4rem}.sl-specimen .hero-cube-wrap{right:-7.5rem}.sl-specimen #components .kit-grid.gallery,.sl-specimen .kit-grid{width:100%;min-width:0}.sl-specimen #components .kit-grid.gallery .kit-cell,.sl-specimen .kit-cell{width:100%;min-width:0;max-width:100%;padding:1rem;overflow:hidden}.sl-specimen .kit-cell>*,.sl-specimen .kit-row,.sl-specimen .kit-col{min-width:0;max-width:100%}.sl-specimen .browser-bar{min-width:0}.sl-specimen .browser-bar .url{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:0;overflow:hidden}.sl-specimen #adopt .kit-cell p,.sl-specimen #adopt .kit-cell code{overflow-wrap:anywhere;word-break:break-word}.sl-specimen .sl-button-specimen .sl-btn{justify-content:flex-start;width:100%}.sl-specimen .sl-navbar{align-items:flex-start}.sl-specimen .sl-navbar .nb-brand{width:100%}.sl-specimen .sl-navbar .nb-links{width:100%;margin-left:0}.sl-specimen .sl-navbar .nb-link{min-width:0;padding-inline:.35rem;font-size:.68rem}.sl-specimen .sl-navbar .nb-link svg{display:none}.sl-specimen .sl-navmenu{grid-template-columns:1fr;width:100%;display:grid}.sl-specimen .sl-navmenu .nm-item{min-width:0}.sl-specimen .sl-navmenu .nm-item>button{border-left:0;border-top:1px solid rgb(var(--edge) / .25);justify-content:space-between;width:100%;min-height:44px}.sl-specimen .sl-navmenu .nm-item:first-child>button{border-top:0}.sl-specimen .sl-navmenu .nm-panel{width:100%;min-width:0;left:0;right:0}.sl-specimen .sl-profile-card-facts>div{grid-template-columns:1fr;gap:.2rem}.sl-specimen .sl-profile-card-facts dd{text-align:left}.sl-specimen .sl-dialog .actions{flex-direction:column;justify-content:flex-start;align-items:stretch}.sl-specimen .sl-dialog .actions>*{width:100%}.sl-specimen .sl-toast-stack{width:auto;left:.75rem;right:.75rem}.sl-specimen .sl-otp{gap:.32rem;width:100%}.sl-specimen .sl-otp input{width:calc(16.6667% - .266667rem);min-width:0}.sl-specimen .sl-table-wrap,.sl-specimen .sl-table-container{max-width:100%;overflow-x:auto}.sl-specimen .sl-player,.sl-specimen .sl-player .pl-top,.sl-specimen .sl-player .pl-meta,.sl-specimen .sl-player .pl-progress,.sl-specimen .sl-player .pl-controls{min-width:0;max-width:100%}.sl-specimen .sl-player{overflow:hidden}.sl-specimen .sl-mnav,.sl-specimen .sl-gnav,.sl-specimen .sl-snav,.sl-specimen .mn-phone{max-width:100%}.sl-specimen .gnav-tab{letter-spacing:0;min-width:0;font-size:.5rem}.sl-specimen .gnav-tab svg{width:16px;height:16px}.sl-specimen .sl-fab-dock{bottom:max(.65rem, env(safe-area-inset-bottom));gap:.45rem}.sl-specimen .sl-tweaks-fab{min-height:44px;padding:.55rem .68rem}.sl-specimen .twk-panel{right:.75rem;bottom:calc(4.4rem + env(safe-area-inset-bottom));width:calc(100vw - 1.5rem)}.sl-specimen .cta-panel h2{overflow-wrap:anywhere;max-width:100%;font-size:clamp(2rem,11.5vw,3.1rem)}.sl-specimen .sl-overlay{overflow:hidden}}@media (max-width:360px){.sl-specimen .nav .brand .name{display:none}.sl-specimen .nav-mobile-links{grid-template-columns:1fr}.sl-specimen .nav-mobile-links a{border-right:0}.sl-specimen .nav-mobile-utilities{grid-template-columns:1fr}.sl-specimen .gnav-tab span{display:none}}@media (prefers-reduced-motion:reduce){.sl-specimen .nav-mobile-menu{transition:none}}