@layer components{.specimen{--sp-canvas:#fff;--sp-canvas-image:none;--sp-surface:#f4f4f2;--sp-ink:#16181a;--sp-muted:#5f6468;--sp-accent:#2f6fd0;--sp-on-accent:#fff;--sp-rule:#d8d8d4;--sp-radius:.5rem;--sp-tile-radius:var(--sp-radius);--sp-btn-radius:var(--sp-radius);--sp-border-width:1px;--sp-font-display:var(--font-interface);--sp-font-body:var(--font-interface);--sp-font-label:var(--font-interface);--sp-display-weight:700;--sp-display-size:2rem;--sp-display-line:2.5rem;--sp-display-tracking:0;--sp-display-transform:none;--sp-display-fill:none;--sp-label-tracking:.08em;--sp-label-transform:uppercase;--sp-shadow:none;--sp-tile-shadow:none;--sp-button-shadow:none;--sp-ornament:none;--sp-ornament-opacity:1;--sp-tilt:0deg;--sp-gap:var(--space-6);isolation:isolate;gap:var(--sp-gap);padding:var(--space-6);background-color:var(--sp-canvas);background-image:var(--sp-canvas-image);min-block-size:100%;color:var(--sp-ink);font-family:var(--sp-font-body);flex-direction:column;display:flex;position:relative;overflow:hidden}.specimen__ornament{z-index:-1;background-image:var(--sp-ornament);opacity:var(--sp-ornament-opacity);pointer-events:none;position:absolute;inset:0}.specimen__bar{justify-content:space-between;align-items:center;gap:var(--space-4);border-block-end:var(--sp-border-width) solid var(--sp-rule);flex-wrap:wrap;padding-block-end:var(--space-3);display:flex}.specimen__mark{font-family:var(--sp-font-display);font-weight:var(--sp-display-weight);letter-spacing:var(--sp-label-tracking);text-transform:var(--sp-label-transform);font-size:var(--text-meta);line-height:var(--text-meta-line)}.specimen__nav{gap:var(--space-4);font-family:var(--sp-font-label);font-size:var(--text-meta);line-height:var(--text-meta-line);color:var(--sp-muted);display:flex}.specimen__hero{gap:var(--space-3);flex-direction:column;max-inline-size:44rem;display:flex}.specimen__eyebrow{font-family:var(--sp-font-label);font-size:var(--text-meta);line-height:var(--text-meta-line);letter-spacing:var(--sp-label-tracking);text-transform:var(--sp-label-transform);color:var(--sp-accent)}.specimen__headline{font-family:var(--sp-font-display);font-weight:var(--sp-display-weight);font-size:var(--sp-display-size);line-height:var(--sp-display-line);letter-spacing:var(--sp-display-tracking);text-transform:var(--sp-display-transform);background-image:var(--sp-display-fill);background-clip:var(--sp-display-clip,border-box);-webkit-background-clip:var(--sp-display-clip,border-box)}.specimen__lede{font-size:var(--text-body);line-height:var(--text-body-line);color:var(--sp-muted);max-inline-size:40rem}.specimen__actions{gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.specimen__button{padding:var(--space-2) var(--space-4);border:var(--sp-border-width) solid var(--sp-ink);border-radius:var(--sp-btn-radius);box-shadow:var(--sp-button-shadow);font-family:var(--sp-font-label);font-size:var(--text-meta);line-height:var(--text-meta-line);font-weight:var(--weight-emphasis);background-color:#0000;align-items:center;display:inline-flex}.specimen__button--primary{border-color:var(--sp-accent);background-color:var(--sp-accent);color:var(--sp-on-accent)}.specimen__tiles{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));margin-block-start:auto;display:grid}.specimen__tile{gap:var(--space-2);padding:var(--space-4);border:var(--sp-border-width) solid var(--sp-rule);border-radius:var(--sp-tile-radius);background-color:var(--sp-surface);box-shadow:var(--sp-tile-shadow);flex-direction:column;display:flex}.specimen__tile:nth-child(2){transform:rotate(var(--sp-tilt))}.specimen__tile-label{font-family:var(--sp-font-label);font-size:var(--text-meta);line-height:var(--text-meta-line);letter-spacing:var(--sp-label-tracking);text-transform:var(--sp-label-transform);font-weight:var(--weight-emphasis)}.specimen__line{block-size:var(--space-1);border-radius:var(--sp-btn-radius);opacity:.28;background-color:currentColor;display:block}.specimen__line--short{inline-size:60%}.specimen__headline--minor{font-size:var(--text-lead);line-height:var(--text-lead-line)}.specimen__body{font-size:var(--text-body);line-height:var(--text-body-line);color:var(--sp-muted)}.specimen__reading{gap:var(--space-4);flex-direction:column;display:flex}.specimen__columns{columns:var(--sp-measure,24rem) auto;column-gap:var(--space-6);column-rule:var(--sp-column-rule,none);max-inline-size:var(--sp-measure-max,58rem)}.specimen__columns>.specimen__body+.specimen__body{margin-block-start:var(--space-3)}.specimen__pullquote{max-inline-size:34ch;border-inline-start:var(--sp-pullquote-rule,var(--sp-border-width) solid var(--sp-accent));font-family:var(--sp-font-display);font-size:var(--text-lead);line-height:var(--text-lead-line);padding-inline-start:var(--space-4)}.specimen__panel{gap:var(--space-3);padding:var(--space-4);border:var(--sp-border-width) solid var(--sp-rule);border-radius:var(--sp-radius);background-color:var(--sp-surface);box-shadow:var(--sp-tile-shadow);flex-direction:column;display:flex}.specimen__states{gap:var(--space-3);align-items:center;display:flex}.specimen__aside{gap:var(--space-2);border-block-start:var(--sp-border-width) solid var(--sp-rule);flex-direction:column;padding-block-start:var(--space-3);display:flex}.specimen__strip{align-items:center;gap:var(--space-4);padding-block:var(--space-2);border-block-end:var(--sp-border-width) solid var(--sp-rule);font-family:var(--sp-font-label);font-size:var(--text-meta);line-height:var(--text-meta-line);letter-spacing:var(--sp-label-tracking);text-transform:var(--sp-label-transform);color:var(--sp-muted);flex-wrap:wrap;display:flex}.specimen__strip>.specimen__line{min-inline-size:var(--space-16);flex:1}.specimen__datum{align-items:baseline;gap:var(--space-2);display:inline-flex}.specimen__datum-key{color:var(--sp-accent);font-weight:var(--weight-emphasis)}.specimen__datum-value{text-overflow:ellipsis;white-space:nowrap;max-inline-size:22ch;overflow:hidden}.specimen__chart{align-items:flex-end;gap:var(--space-2);block-size:var(--space-16);display:flex}.specimen__bar-mark{block-size:var(--sp-value,50%);border-radius:var(--sp-btn-radius);background-color:var(--sp-accent);opacity:.72;flex:1}.specimen__figure,.specimen__fragment{gap:var(--space-2);flex-direction:column;display:flex}.specimen__figure-frame{block-size:var(--space-16);border:var(--sp-border-width) solid var(--sp-rule);border-radius:var(--sp-tile-radius);background-color:var(--sp-surface);background-image:var(--sp-figure-image,none);display:block}.specimen__caption{font-family:var(--sp-font-label);font-size:var(--text-meta);line-height:var(--text-meta-line);color:var(--sp-muted)}.specimen__gallery{gap:var(--space-3);grid-template-columns:repeat(3,1fr);align-items:start;display:grid;position:relative}.specimen__fragment[data-fragment="2"]{transform:rotate(var(--sp-tilt));margin-block-start:var(--space-6)}.specimen__gallery>.specimen__headline{grid-column:1/-1}.specimen__tile[data-span=wide]{grid-column:span 2}.specimen__tile--figure{justify-content:center}.specimen[data-density=dense] .specimen__tiles{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr))}.specimen[data-density=sparse]{gap:var(--space-8)}.specimen--pending{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);background-color:var(--color-surface);color:var(--color-muted-ink);font-family:var(--font-interface)}.specimen__pending-title{font-family:var(--font-editorial);font-size:var(--text-lead);line-height:var(--text-lead-line);color:var(--color-ink)}.specimen__pending-body{max-inline-size:44ch;font-size:var(--text-meta);line-height:var(--text-meta-line)}[data-specimen=art-deco]{--sp-canvas:#0b1822;--sp-canvas-image:linear-gradient(180deg, #12293a 0%, #07111a 100%);--sp-surface:#10212d;--sp-ink:#f4e9d2;--sp-muted:#c6b591;--sp-accent:#d4af5f;--sp-on-accent:#0b1822;--sp-rule:#a8873f;--sp-radius:0;--sp-font-display:var(--font-interface);--sp-font-label:var(--font-interface);--sp-display-weight:500;--sp-display-size:2.25rem;--sp-display-line:3rem;--sp-display-tracking:.22em;--sp-display-transform:uppercase;--sp-label-tracking:.28em;--sp-gap:var(--space-8);--sp-ornament:repeating-conic-gradient(from 179deg at 50% 0%, #d4af5f6b 0deg 2deg, transparent 2deg 15deg);text-align:center}[data-specimen=art-deco] .specimen__ornament{mask-image:radial-gradient(64% 58% at 50% 0,#000 0%,#0000 100%)}[data-specimen=art-deco] .specimen__bar{justify-content:center;gap:var(--space-2);border-block-end-style:double;border-block-end-width:4px;border-block-end-color:var(--sp-accent);flex-direction:column;padding-block-end:var(--space-4)}[data-specimen=art-deco] .specimen__hero{align-items:center;max-inline-size:46rem;margin-inline:auto}[data-specimen=art-deco] .specimen__lede,[data-specimen=art-deco] .specimen__aside .specimen__body{max-inline-size:54ch;margin-inline:auto}[data-specimen=art-deco] .specimen__actions{justify-content:center}[data-specimen=art-deco] .specimen__reading{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='32' viewBox='0 0 168 32'%3E%3Cpath d='M0 30 H36 V22 H56 V14 H72 V6 H96 V14 H112 V22 H132 V30 H168' fill='none' stroke='%23d4af5f' stroke-width='2'/%3E%3Cpath d='M60 30 H84 V18 H108 V30' fill='none' stroke='%23a8873f' stroke-width='1'/%3E%3C/svg%3E");background-position:top;background-repeat:no-repeat;align-items:center;padding-block-start:var(--space-8)}[data-specimen=art-deco] .specimen__columns{columns:2;column-gap:var(--space-8);column-rule:1px solid #d4af5f59;text-align:start;max-inline-size:48rem;margin-inline:auto}[data-specimen=art-deco] .specimen__pullquote{max-inline-size:40ch;padding:var(--space-3) var(--space-6);border-inline-start:0;border-block:3px double var(--sp-accent);font-size:var(--text-lead);letter-spacing:.12em;text-transform:uppercase;margin-inline:auto}[data-specimen=art-deco] .specimen__aside{border-block-start-style:double;border-block-start-width:4px;border-block-start-color:var(--sp-accent);align-items:center;padding-block-start:var(--space-4)}[data-specimen=editorial]{--sp-canvas:#fbfaf7;--sp-surface:#f2f0e8;--sp-ink:#16150f;--sp-muted:#4a473d;--sp-accent:#8a2f26;--sp-rule:#c9c5b6;--sp-radius:0;--sp-font-display:var(--font-editorial);--sp-font-body:var(--font-interface);--sp-font-label:var(--font-interface);--sp-display-weight:400;--sp-display-size:3rem;--sp-display-line:3.25rem;--sp-display-tracking:-.015em;--sp-label-tracking:.12em;--sp-gap:var(--space-8);--sp-figure-image:radial-gradient(38% 62% at 27% 22%, #fffcf4b8 0%, transparent 100%), linear-gradient(158deg, #8a2f263d 0%, transparent 52%), linear-gradient(0deg, #16150f66 0%, transparent 46%), radial-gradient(128% 150% at 26% 18%, #efe9dc 0%, #b0a893 44%, #46422f 100%)}[data-specimen=editorial] .specimen__headline--minor{font-size:var(--text-title);line-height:var(--text-title-line);border-block-end:1px solid var(--sp-rule);padding-block-end:var(--space-2)}[data-specimen=editorial] .specimen__columns{columns:24rem 2;column-gap:var(--space-8);column-rule:1px solid var(--sp-rule);text-align:justify;hyphens:auto;max-inline-size:58rem}[data-specimen=editorial] .specimen__columns>.specimen__body:first-child:first-letter{float:inline-start;font-family:var(--sp-font-display);color:var(--sp-ink);margin-inline-end:var(--space-3);padding-block-start:var(--space-2);font-size:3.25rem;line-height:2.3rem}[data-specimen=editorial] .specimen__pullquote{max-inline-size:30ch;margin-block:var(--space-4);border-inline-start:3px solid var(--sp-accent);font-size:var(--text-title);line-height:var(--text-title-line);color:var(--sp-ink);padding-inline-start:var(--space-6)}[data-specimen=editorial] .specimen__figure-frame{border:0;block-size:11rem}[data-specimen=editorial] .specimen__caption{border-block-start:1px solid var(--sp-rule);font-family:var(--sp-font-display);font-size:var(--text-meta);letter-spacing:.04em;color:var(--sp-accent);padding-block-start:var(--space-2)}[data-specimen=editorial] .specimen__aside{padding-block-start:var(--space-6)}[data-specimen=handcrafted]{--sp-canvas:#f5efe2;--sp-canvas-image:radial-gradient(circle at 30% 40%, #7a644229 0 .6px, transparent 1.1px), radial-gradient(circle at 72% 78%, #7a64421f 0 .6px, transparent 1.1px), repeating-linear-gradient(64deg, #7a64420f 0 1px, transparent 1px 6px), repeating-linear-gradient(-28deg, #7a64420d 0 1px, transparent 1px 9px);--sp-surface:#fbf6ea;--sp-ink:#29231b;--sp-muted:#574e40;--sp-accent:#2a6353;--sp-rule:#c3b79f;--sp-radius:.25rem;--sp-font-display:var(--font-editorial);--sp-font-body:var(--font-interface);--sp-font-label:var(--font-interface);--sp-display-size:2.5rem;--sp-display-line:3rem;--sp-tilt:-1.6deg;background-size:7px 7px,11px 11px,auto,auto}[data-specimen=handcrafted] .specimen__headline{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='14' viewBox='0 0 320 14'%3E%3Cpath d='M4 7.5 C60 3.2 120 9.4 180 5.6 C232 2.4 280 7.8 316 4.2 L316 8.1 C280 12.4 232 6.1 180 9.9 C120 14.2 60 7.0 4 11.6 Z' fill='%232a6353'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:no-repeat;background-size:auto .75rem;-webkit-background-clip:border-box;background-clip:border-box;padding-block-end:var(--space-3)}[data-specimen=handcrafted] .specimen__columns{columns:1;max-inline-size:58ch}[data-specimen=handcrafted] .specimen__figure{max-inline-size:24rem;transform:rotate(var(--sp-tilt))}[data-specimen=handcrafted] .specimen__pullquote{max-inline-size:36ch;padding-block:var(--space-2);font-size:var(--text-lead);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='200' viewBox='0 0 12 200' preserveAspectRatio='none'%3E%3Cpath d='M6.5 3 C3.4 46 8.2 92 5.1 138 C3.2 166 6.4 184 5.8 197 L9.4 197 C9.9 184 6.4 165 8.6 138 C11.8 92 6.4 46 9.9 3 Z' fill='%232a6353'/%3E%3C/svg%3E");background-position:0 0;background-repeat:no-repeat;background-size:.6rem 100%;border-inline-start:0;padding-inline-start:var(--space-6);transform:rotate(.8deg)}[data-specimen=handcrafted] .specimen__figure-frame{clip-path:polygon(.8% 1.6%,99.4% 0%,100% 97.6%,1.6% 100%);background-image:radial-gradient(circle at 22% 36%,#fffaeb38 0 .6px,#0000 1.2px),radial-gradient(circle at 68% 73%,#18120a33 0 .6px,#0000 1.2px),radial-gradient(circle at 45% 15%,#18120a24 0 .6px,#0000 1.2px),radial-gradient(58% 46% at 71% 26%,#fff6e080 0%,#0000 100%),radial-gradient(150% 140% at 34% 78%,#9d9276 0%,#5f573f 52%,#2e2820 100%);background-size:5px 5px,7px 7px,11px 11px,auto,auto;border:0;border-radius:0;block-size:9rem}[data-specimen=handcrafted] .specimen__caption{font-family:var(--sp-font-display);font-size:var(--text-meta);color:var(--sp-accent)}[data-specimen=handcrafted] .specimen__button{background-color:var(--sp-surface);border-width:1.5px;justify-content:center;min-block-size:2.75rem;min-inline-size:2.75rem;transform:none}[data-specimen=handcrafted] .specimen__button--primary{background-color:var(--sp-accent);color:var(--sp-on-accent)}[data-specimen=handcrafted] .specimen__aside{transform:rotate(.5deg)}[data-specimen=brutalist]{--sp-canvas:#fff;--sp-surface:#fff;--sp-ink:#000;--sp-muted:#000;--sp-accent:#ff2d00;--sp-on-accent:#000;--sp-rule:#000;--sp-radius:0;--sp-border-width:3px;--sp-display-weight:900;--sp-display-size:3.5rem;--sp-display-line:3.5rem;--sp-display-tracking:-.03em;--sp-display-transform:uppercase;--sp-label-tracking:0;--sp-gap:0;border:var(--sp-border-width) solid var(--sp-ink)}[data-specimen=brutalist] .specimen__bar{padding:var(--space-4) var(--space-6);border-block-end-width:var(--sp-border-width);background-color:var(--sp-ink);color:#fff}[data-specimen=brutalist] .specimen__nav{color:#fff;font-weight:var(--weight-emphasis)}[data-specimen=brutalist] .specimen__hero{max-inline-size:none;padding:var(--space-6);border-block-end:var(--sp-border-width) solid var(--sp-ink)}[data-specimen=brutalist] .specimen__eyebrow{padding:0 var(--space-2);background-color:var(--sp-accent);color:#fff;font-weight:var(--weight-emphasis);display:inline-block}[data-specimen=brutalist] .specimen__lede{color:var(--sp-ink);font-size:var(--text-meta);line-height:var(--text-meta-line)}[data-specimen=brutalist] .specimen__button{border-width:var(--sp-border-width);border-radius:0}[data-specimen=brutalist] .specimen__button--primary{border-color:var(--sp-ink)}[data-specimen=brutalist] .specimen__tiles{padding:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:0}[data-specimen=brutalist] .specimen__tile{border-width:var(--sp-border-width);margin:calc(var(--sp-border-width) * -1) 0 0 calc(var(--sp-border-width) * -1);border-radius:0}[data-specimen=brutalist] .specimen__tile:nth-child(3n+1){background-color:var(--sp-ink);color:#fff}[data-specimen=brutalist] .specimen__tile:nth-child(3n+1) .specimen__line{background-color:#fff}[data-specimen=brutalist] .specimen__tile:nth-child(3n+2){background-color:var(--sp-accent);color:#fff}[data-specimen=brutalist] .specimen__tile:nth-child(3n+2) .specimen__line{background-color:#fff}[data-specimen=brutalist] .specimen__tile:nth-child(2){transform:none}[data-specimen=brutalist] .specimen__tile-label{font-size:var(--text-body);font-weight:var(--weight-emphasis)}[data-specimen=swiss]{--sp-canvas:#fff;--sp-surface:#fff;--sp-ink:#111;--sp-muted:#444;--sp-accent:#d00000;--sp-rule:#111;--sp-radius:0;--sp-border-width:0px;--sp-display-weight:700;--sp-display-size:2.75rem;--sp-display-line:2.75rem;--sp-display-tracking:-.02em;--sp-label-tracking:0;--sp-gap:var(--space-6);column-gap:var(--space-4);grid-template-columns:repeat(12,1fr);display:grid}[data-specimen=swiss]>*{grid-column:1/-1}[data-specimen=swiss] .specimen__bar{border-block-end:2px solid var(--sp-rule)}[data-specimen=swiss] .specimen__hero{text-align:left;grid-column:1/9;max-inline-size:none}[data-specimen=swiss] .specimen__eyebrow{color:var(--sp-accent)}[data-specimen=swiss] .specimen__lede{text-align:left;max-inline-size:none}[data-specimen=swiss] .specimen__actions{justify-content:flex-start}[data-specimen=swiss] .specimen__tiles{gap:var(--space-4);grid-column:1/-1;grid-template-columns:repeat(12,1fr);display:grid}[data-specimen=swiss] .specimen__tile{border:0;border-block-start:2px solid var(--sp-rule);background-color:#0000;border-radius:0;grid-column:span 4;padding-inline:0}[data-specimen=swiss] .specimen__tile[data-span=wide]{grid-column:span 8}[data-specimen=swiss] .specimen__tile--figure{grid-column:span 4}[data-specimen=swiss] .specimen__figure-frame{filter:grayscale();background-image:linear-gradient(155deg,#cfcfcf 0%,#8a8a8a 55%,#3a3a3a 100%);border:0;border-radius:0}[data-specimen=swiss] .specimen__tile:nth-child(2){transform:none}[data-specimen=swiss] .specimen__aside{border-block-start:2px solid var(--sp-rule);grid-column:5/-1;padding-block-start:var(--space-4)}[data-specimen=neubrutalism]{--sp-canvas:#ffe66d;--sp-surface:#fff;--sp-ink:#14110d;--sp-muted:#3d3730;--sp-accent:#3d5afe;--sp-on-accent:#fff;--sp-rule:#14110d;--sp-radius:.25rem;--sp-border-width:3px;--sp-display-weight:900;--sp-display-size:2.75rem;--sp-display-line:3rem;--sp-tile-shadow:6px 6px 0 #14110d;--sp-button-shadow:4px 4px 0 #14110d}[data-specimen=neubrutalism] .specimen__bar{border-block-end:var(--sp-border-width) solid var(--sp-ink);padding-block-end:var(--space-4)}[data-specimen=neubrutalism] .specimen__button{transition:none}[data-specimen=neubrutalism] .specimen__button:active{box-shadow:none;transform:translate(4px,4px)}[data-specimen=neubrutalism] .specimen__button--primary:active{transform:translate(4px,4px)}[data-specimen=neubrutalism] .specimen__tiles{margin-block-start:var(--space-4)}[data-specimen=neubrutalism] .specimen__tile:nth-child(3n+1){background-color:#ff6b6b}[data-specimen=neubrutalism] .specimen__tile:nth-child(3n+2){color:#fff;background-color:#3d5afe}[data-specimen=neubrutalism] .specimen__tile:nth-child(3n+2) .specimen__line{background-color:#fff}[data-specimen=neubrutalism] .specimen__tile:nth-child(2){transform:translate(10px,-6px)}[data-specimen=neubrutalism] .specimen__tile:nth-child(4){transform:translate(-8px,4px)}[data-specimen=neubrutalism] .specimen__strip{padding:var(--space-3);border:var(--sp-border-width) solid var(--sp-ink);border-radius:var(--sp-radius);background-color:var(--sp-surface);box-shadow:var(--sp-tile-shadow)}[data-specimen=neubrutalism] .specimen__datum-key{padding:0 var(--space-1);border:2px solid var(--sp-ink);border-radius:var(--sp-radius);color:var(--sp-ink);background-color:#ffe66d}[data-specimen=bento]{--sp-canvas:#101114;--sp-surface:#1b1d22;--sp-ink:#f4f5f7;--sp-muted:#a0a5ad;--sp-accent:#7c9cff;--sp-on-accent:#101114;--sp-rule:#2a2d34;--sp-radius:1.25rem;--sp-tile-radius:1.25rem;--sp-btn-radius:1.25rem;--sp-display-size:2.25rem;--sp-display-line:2.5rem;--sp-gap:var(--space-4)}[data-specimen=bento] .specimen__bar,[data-specimen=bento] .specimen__hero{padding:var(--space-4) var(--space-6);border-radius:var(--sp-radius);background-color:var(--sp-surface);border:0}[data-specimen=bento] .specimen__button{border-color:var(--sp-rule)}[data-specimen=bento] .specimen__tiles{gap:var(--space-4);grid-template-columns:repeat(4,1fr);grid-auto-rows:auto}[data-specimen=bento] .specimen__tile{border:0;justify-content:center}[data-specimen=bento] .specimen__tile[data-span=wide]{background-color:var(--sp-accent);color:var(--sp-on-accent);grid-column:span 2}[data-specimen=bento] .specimen__tile[data-span=wide] .specimen__line{background-color:var(--sp-on-accent)}[data-specimen=bento] .specimen__tile:nth-child(2){transform:none}[data-specimen=bento] .specimen__tile--figure{grid-column:span 2}[data-specimen=flat]{--sp-canvas:#f5f7fa;--sp-surface:#fff;--sp-ink:#1f2933;--sp-muted:#52606d;--sp-accent:#1266b0;--sp-on-accent:#fff;--sp-rule:#cbd2d9;--sp-radius:.25rem;--sp-display-size:2.25rem;--sp-display-line:2.5rem}[data-specimen=flat] .specimen__bar{padding:var(--space-3) var(--space-4);background-color:#fff;border-block-end:0}[data-specimen=flat] .specimen__button{border-width:2px}[data-specimen=flat] .specimen__button:not(.specimen__button--primary){background-color:#fff}[data-specimen=flat] .specimen__button--primary{border-color:var(--sp-accent)}[data-specimen=flat] .specimen__button:hover{background-color:#eef4fc}[data-specimen=flat] .specimen__button--primary:hover{background-color:#1670c2}[data-specimen=flat] .specimen__tile{border:0}[data-specimen=flat] .specimen__tile:nth-child(3n+1){color:#10202e;background-color:#6cb6f0}[data-specimen=flat] .specimen__tile:nth-child(3n+1) .specimen__line{background-color:#10202e}[data-specimen=flat] .specimen__tile:nth-child(3n+2){color:#10261d;background-color:#62d3a2}[data-specimen=flat] .specimen__tile:nth-child(3n+2) .specimen__line{background-color:#10261d}[data-specimen=flat] .specimen__tile:nth-child(3n){color:#1f2933;background-color:#f4a924}[data-specimen=flat] .specimen__tile:nth-child(2){transform:none}[data-specimen=flat] .specimen__strip{border-block-end:2px solid var(--sp-rule)}[data-specimen=flat] .specimen__datum-key{padding:0 var(--space-2);border-radius:var(--sp-radius);background-color:var(--sp-accent);color:#fff}[data-specimen=flat] .specimen__state[data-state=active] .specimen__button{background-color:#1670c2}[data-specimen=technical-blueprint]{--sp-canvas:#f4f6f5;--sp-canvas-image:repeating-linear-gradient(0deg, transparent 0 23px, #2d5a6e17 23px 24px), repeating-linear-gradient(90deg, transparent 0 23px, #2d5a6e17 23px 24px);--sp-surface:#fbfcfc;--sp-ink:#17262e;--sp-muted:#5c6f78;--sp-accent:#0f6f8c;--sp-rule:#b6c4c9;--sp-radius:0;--sp-font-display:var(--font-artifact);--sp-font-label:var(--font-artifact);--sp-display-weight:500;--sp-display-size:1.75rem;--sp-display-line:2rem;--sp-display-tracking:.12em;--sp-display-transform:uppercase;--sp-label-tracking:.16em;--sp-figure-image:repeating-linear-gradient(0deg, transparent 0 7px, #0f6f8c80 7px 8px), linear-gradient(180deg, transparent 62%, #0f6f8c59 62% 64%, transparent 64%), linear-gradient(90deg, transparent 30%, #0f6f8c59 30% 32%, transparent 32%), linear-gradient(90deg, transparent 70%, #0f6f8c59 70% 72%, transparent 72%)}[data-specimen=technical-blueprint] .specimen__strip{padding:var(--space-2) var(--space-3);border:1px solid var(--sp-rule);background-color:var(--sp-surface)}[data-specimen=technical-blueprint] .specimen__datum-key,[data-specimen=technical-blueprint] .specimen__datum-value{font-family:var(--font-artifact);letter-spacing:.14em;font-size:.6875rem}[data-specimen=technical-blueprint] .specimen__datum-key{color:var(--sp-accent)}[data-specimen=technical-blueprint] .specimen__hero{border:1px solid var(--sp-rule);padding:var(--space-4)}[data-specimen=technical-blueprint] .specimen__tiles{border:1px solid var(--sp-rule);padding:var(--space-4);position:relative}[data-specimen=technical-blueprint] .specimen__tile{border:1px solid var(--sp-rule);background-color:#0000}[data-specimen=technical-blueprint] .specimen__tile-label{font-family:var(--font-artifact);font-size:.6875rem}[data-specimen=technical-blueprint] .specimen__figure-frame{border:1px solid var(--sp-rule)}[data-specimen=technical-blueprint] .specimen__aside{border-block-start:1px solid var(--sp-rule)}[data-specimen=technical-blueprint] .specimen__aside .specimen__mark{font-family:var(--font-artifact);color:var(--sp-accent);font-size:.6875rem}[data-specimen=memphis]{--sp-canvas:#fdf6e9;--sp-canvas-image:radial-gradient(circle at 14% 18%, #ff5c8a 0 11px, transparent 11px), radial-gradient(circle at 88% 12%, #2bc6d6 0 15px, transparent 15px), radial-gradient(circle at 94% 82%, #ffd23f 0 13px, transparent 13px), radial-gradient(circle at 6% 86%, #7a5cff 0 9px, transparent 9px), radial-gradient(circle at 48% 4%, #ff8a3d 0 7px, transparent 7px), repeating-linear-gradient(50deg, #14120f0d 0 2px, transparent 2px 16px);--sp-surface:#fff;--sp-ink:#14120f;--sp-muted:#4a463f;--sp-accent:#ff5c8a;--sp-on-accent:#14120f;--sp-rule:#14120f;--sp-radius:0;--sp-border-width:3px;--sp-display-weight:800;--sp-display-size:2.5rem;--sp-display-line:3rem;--sp-tilt:4deg}[data-specimen=memphis] .specimen__eyebrow{color:#b3125a}[data-specimen=memphis] .specimen__ornament{mask-image:radial-gradient(60% 50% at 32% 30%,#0000 0%,#000 62%)}[data-specimen=memphis] .specimen__bar{border-block-end-width:var(--sp-border-width)}[data-specimen=memphis] .specimen__tile:nth-child(3n+1){background-color:#2bc6d6}[data-specimen=memphis] .specimen__tile:nth-child(3n+2){background-color:#ffd23f}[data-specimen=memphis] .specimen__tile:nth-child(2){transform:rotate(var(--sp-tilt))}[data-specimen=memphis] .specimen__tile:nth-child(4){transform:rotate(calc(var(--sp-tilt) * -.6))}[data-specimen=memphis] .specimen__button{border-width:var(--sp-border-width)}[data-specimen=memphis] .specimen__aside{border-block-start-width:var(--sp-border-width)}[data-specimen=anti-design]{--sp-canvas:#f2ef2a;--sp-surface:#ff3ea5;--sp-ink:#101010;--sp-muted:#2a1f00;--sp-accent:#1f2bd6;--sp-on-accent:#fff;--sp-rule:#101010;--sp-radius:0;--sp-tile-radius:999px;--sp-border-width:3px;--sp-font-display:var(--font-artifact);--sp-font-label:var(--font-editorial);--sp-display-weight:400;--sp-display-size:1.1rem;--sp-display-line:1.6rem;--sp-display-tracking:.5em;--sp-display-transform:lowercase;--sp-label-tracking:-.06em;--sp-label-transform:none;--sp-tilt:-7deg;--sp-gap:var(--space-8)}[data-specimen=anti-design] .specimen__aside[data-part=footer]{padding-block-start:0;padding:var(--space-6);background-color:var(--sp-surface);border-block-start:0;order:-1;transform:rotate(2deg)}[data-specimen=anti-design] .specimen__aside[data-part=footer] .specimen__mark{font-size:var(--text-title);line-height:var(--text-title-line);letter-spacing:-.02em;color:var(--sp-ink)}[data-specimen=anti-design] .specimen__aside[data-part=footer] .specimen__body{color:var(--sp-ink);max-inline-size:44ch}[data-specimen=anti-design] .specimen__bar{border-block-end-width:1px;order:3;margin-inline-start:var(--space-12);padding-block-end:var(--space-2)}[data-specimen=anti-design] .specimen__bar .specimen__mark{font-size:var(--text-meta);letter-spacing:.02em;color:var(--sp-muted)}[data-specimen=anti-design] .specimen__gallery{grid-template-columns:repeat(5,1fr)}[data-specimen=anti-design] .specimen__fragment{grid-column:span 2}[data-specimen=anti-design] .specimen__fragment:first-child{margin-inline-start:var(--space-8)}[data-specimen=anti-design] .specimen__fragment:nth-child(2){margin-block-start:var(--space-4);margin-inline-end:var(--space-4)}[data-specimen=anti-design] .specimen__fragment:nth-child(3){grid-column:span 3;margin-inline-start:var(--space-3)}[data-specimen=anti-design] .specimen__fragment:nth-child(odd) .specimen__figure-frame{background-color:var(--sp-accent);border-color:var(--sp-ink)}[data-specimen=anti-design] .specimen__fragment:nth-child(odd) .specimen__tile-label{color:var(--sp-ink)}[data-specimen=anti-design] .specimen__fragment:nth-child(2n) .specimen__figure-frame{background-color:var(--sp-canvas);border-color:var(--sp-ink)}[data-specimen=anti-design] .specimen__gallery>.specimen__headline{font-size:var(--text-lead);letter-spacing:-.08em;color:var(--sp-ink);line-height:1;transform:skew(-8deg)scaleY(1.3)}[data-specimen=anti-design] .specimen__panel{background-color:var(--sp-canvas);border-width:var(--sp-border-width);order:4;margin-inline-end:var(--space-12)}[data-specimen=anti-design] .specimen__button{border-width:var(--sp-border-width);font-weight:var(--weight-emphasis);border-radius:999px}[data-specimen=anti-design] .specimen__states{gap:var(--space-4)}[data-specimen=collage]{--sp-canvas:#ece4d6;--sp-canvas-image:linear-gradient(115deg, #ece4d6 0%, #ded2bd 100%);--sp-surface:#fdf9f0;--sp-ink:#1c1a17;--sp-muted:#55504a;--sp-accent:#c1442e;--sp-rule:#1c1a17;--sp-radius:0;--sp-border-width:2px;--sp-font-display:var(--font-editorial);--sp-font-label:var(--font-artifact);--sp-display-size:2.75rem;--sp-display-line:3rem;--sp-tilt:-4deg;--sp-tile-shadow:6px 6px 0 #1c1a1729}[data-specimen=collage] .specimen__gallery{row-gap:var(--space-8);grid-template-columns:repeat(3,1fr)}[data-specimen=collage] .specimen__fragment:first-child .specimen__figure-frame{clip-path:polygon(4% 0%,78% 8%,100% 32%,92% 78%,62% 100%,12% 92%,0% 48%);z-index:3;background-image:linear-gradient(155deg,#d8c9a8 0%,#8a6f4a 55%,#4a3a24 100%);border:0}[data-specimen=collage] .specimen__fragment:nth-child(2) .specimen__figure-frame{clip-path:polygon(0% 12%,60% 0%,100% 6%,96% 60%,100% 100%,30% 96%,0% 70%);z-index:1;background-image:repeating-linear-gradient(38deg,#c1442e 0 6px,#9a3521 6px 12px);border:0}[data-specimen=collage] .specimen__fragment:nth-child(3) .specimen__figure-frame{clip-path:polygon(10% 0%,100% 10%,88% 100%,0% 86%);z-index:2;background-image:radial-gradient(70% 70% at 30% 30%,#f4ead4 0%,#cbb98e 60%,#8f7c50 100%);border:0}[data-specimen=collage] .specimen__fragment:first-child{z-index:3;grid-column:span 2}[data-specimen=collage] .specimen__fragment:first-child .specimen__figure-frame{block-size:var(--space-16)}[data-specimen=collage] .specimen__fragment:nth-child(3) .specimen__figure-frame{block-size:var(--space-8)}[data-specimen=collage] .specimen__fragment:nth-child(2){z-index:1;margin-block-start:calc(var(--space-8) * -1);margin-inline-start:var(--space-8);transform:rotate(-9deg)}[data-specimen=collage] .specimen__fragment:nth-child(3){z-index:2;margin-block-start:calc(var(--space-6) * -1);transform:rotate(6deg)}[data-specimen=collage] .specimen__tile-label{padding:var(--space-1) var(--space-2);background-color:var(--sp-surface);color:var(--sp-ink);box-shadow:2px 2px #1c1a1733}[data-specimen=collage] .specimen__gallery>.specimen__headline{transform:rotate(-1.5deg)}[data-specimen=collage] .specimen__strip{font-family:var(--sp-font-label);letter-spacing:-.03em;text-transform:none}[data-specimen=collage] .specimen__panel{border-width:var(--sp-border-width);background-color:var(--sp-surface)}[data-specimen=constructivist]{--sp-canvas:#f0ece4;--sp-canvas-image:linear-gradient(31deg, transparent 42%, #d92c1e 42% 48%, transparent 48%);--sp-surface:#f0ece4;--sp-ink:#0b0b0b;--sp-muted:#3a3a3a;--sp-accent:#d92c1e;--sp-on-accent:#f0ece4;--sp-rule:#0b0b0b;--sp-radius:0;--sp-tile-radius:999px;--sp-border-width:2px;--sp-display-weight:900;--sp-display-size:2.75rem;--sp-display-line:3rem;--sp-display-transform:uppercase;--sp-display-tracking:-.02em}[data-specimen=constructivist] .specimen__gallery{row-gap:var(--space-6);grid-template-columns:repeat(2,1fr);margin-inline-start:32%}[data-specimen=constructivist] .specimen__fragment:first-child .specimen__figure-frame{background-color:var(--sp-accent);block-size:var(--space-16);border:0;border-radius:999px}[data-specimen=constructivist] .specimen__fragment:nth-child(2) .specimen__figure-frame{background-color:var(--sp-ink);block-size:var(--space-6);transform-origin:0;border:0;grid-column:span 2;transform:rotate(31deg)}[data-specimen=constructivist] .specimen__fragment:nth-child(3){grid-column:span 2}[data-specimen=constructivist] .specimen__fragment:nth-child(3) .specimen__figure-frame{background-color:var(--sp-ink);block-size:var(--space-8);border:0;margin-inline-end:calc(var(--space-16) * -1)}[data-specimen=constructivist] .specimen__tile-label{color:var(--sp-accent)}[data-specimen=constructivist] .specimen__gallery{padding-block:var(--space-4);position:relative;overflow:hidden}[data-specimen=constructivist] .specimen__gallery>.specimen__headline{font-size:var(--text-lead);line-height:var(--text-lead-line);transform-origin:0;max-inline-size:20rem;margin-block:var(--space-4);color:var(--sp-accent);transform:rotate(31deg)translate(-1rem)}[data-specimen=constructivist] .specimen__panel{border-width:var(--sp-border-width);border-radius:0;margin-inline-start:32%}[data-specimen=constructivist] .specimen__aside[data-part=footer]{border-block-start-width:var(--sp-border-width)}[data-specimen=constructivist] .specimen__aside[data-part=footer] .specimen__mark{text-transform:uppercase;color:var(--sp-accent);font-weight:900}[data-specimen=maximalist]{--sp-canvas:#120b2e;--sp-canvas-image:radial-gradient(50% 60% at 10% 10%, #ff2e88 0%, transparent 60%), radial-gradient(60% 60% at 88% 20%, #14e0b0 0%, transparent 55%), radial-gradient(70% 70% at 40% 100%, #ffb31f 0%, transparent 60%), linear-gradient(140deg, #2b0f4d 0%, #0b0620 100%);--sp-surface:#24124d;--sp-ink:#fff6e8;--sp-muted:#f6c8ff;--sp-accent:#ffe23d;--sp-on-accent:#120b2e;--sp-rule:#ff2e88;--sp-radius:.75rem;--sp-border-width:2px;--sp-font-display:var(--font-editorial);--sp-font-label:var(--font-artifact);--sp-display-size:3.5rem;--sp-display-line:3.5rem;--sp-tilt:-5deg;--sp-gap:var(--space-4)}[data-specimen=maximalist] .specimen__gallery{row-gap:var(--space-6);grid-template-columns:repeat(4,1fr)}[data-specimen=maximalist] .specimen__fragment:first-child{z-index:3;grid-column:1/-1}[data-specimen=maximalist] .specimen__fragment:first-child .specimen__figure-frame{border-radius:var(--sp-radius);block-size:var(--space-16);background-image:conic-gradient(from 200deg,#ff2e88 0deg 90deg,#14e0b0 90deg 180deg,#ffb31f 180deg 270deg,#2f6fd0 270deg 360deg);border:0}[data-specimen=maximalist] .specimen__fragment:nth-child(2){z-index:4;transform:rotate(var(--sp-tilt));grid-column:1/3;margin-block-start:calc(var(--space-8) * -1);margin-inline-start:var(--space-4)}[data-specimen=maximalist] .specimen__fragment:nth-child(3){z-index:2;grid-column:3/5;margin-block-start:calc(var(--space-6) * -1);transform:rotate(4deg)}[data-specimen=maximalist] .specimen__fragment:nth-child(4){z-index:5;grid-column:3/5;margin-block-start:calc(var(--space-6) * -1);margin-inline-start:var(--space-8)}[data-specimen=maximalist] .specimen__fragment .specimen__figure-frame{background-color:var(--sp-surface)}[data-specimen=maximalist] .specimen__fragment:nth-child(3) .specimen__figure-frame{background-image:linear-gradient(120deg,#14e0b0 0%,#24124d 70%)}[data-specimen=maximalist] .specimen__fragment:nth-child(4) .specimen__figure-frame{background-image:linear-gradient(120deg,#ffb31f 0%,#24124d 70%)}[data-specimen=maximalist] .specimen__tile-label{padding:var(--space-1) var(--space-2);background-color:var(--sp-surface);color:var(--sp-ink);border-radius:var(--sp-btn-radius);display:inline-block}[data-specimen=maximalist] .specimen__gallery>.specimen__headline{color:var(--sp-accent);text-shadow:3px 3px 0 var(--sp-rule);font-size:4rem;line-height:1}[data-specimen=maximalist] .specimen__strip{font-family:var(--font-artifact)}[data-specimen=maximalist] .specimen__panel{background-color:var(--sp-surface);border-color:var(--sp-rule)}[data-specimen=minimalist]{--sp-canvas:#fff;--sp-surface:#fafafa;--sp-ink:#101010;--sp-muted:#767676;--sp-accent:#2f5fd0;--sp-on-accent:#fff;--sp-rule:#e8e8e8;--sp-radius:0;--sp-border-width:0px;--sp-display-weight:400;--sp-display-size:2.25rem;--sp-display-line:3rem;--sp-label-tracking:.06em;--sp-gap:var(--space-12)}[data-specimen=minimalist] .specimen__eyebrow{color:var(--sp-accent)}[data-specimen=minimalist] .specimen__panel{padding:var(--space-6);gap:var(--space-4)}[data-specimen=minimalist] .specimen__button{border-width:1px;border-color:var(--sp-rule);transition:color .15s,border-color .15s}[data-specimen=minimalist] .specimen__button--primary{border-color:var(--sp-accent)}[data-specimen=minimalist] .specimen__state[data-state=active] .specimen__button{font-weight:var(--weight-emphasis);text-underline-offset:3px;text-decoration:underline}[data-specimen=minimalist] .specimen__states{gap:var(--space-8)}[data-specimen=barely-there-ui]{--sp-canvas:#fbfbfc;--sp-surface:#fbfbfc;--sp-ink:#22262b;--sp-muted:#565c68;--sp-accent:#4b5563;--sp-on-accent:#fbfbfc;--sp-rule:#e3e4e7;--sp-radius:.375rem;--sp-border-width:1px;--sp-display-weight:300;--sp-display-size:2.5rem;--sp-display-line:3rem;--sp-label-tracking:.08em;--sp-gap:var(--space-12)}[data-specimen=barely-there-ui] .specimen__lede,[data-specimen=barely-there-ui] .specimen__body,[data-specimen=barely-there-ui] .specimen__eyebrow,[data-specimen=barely-there-ui] .specimen__nav{font-weight:300}[data-specimen=barely-there-ui] .specimen__panel{box-shadow:none}[data-specimen=barely-there-ui] .specimen__chart{gap:var(--space-3)}[data-specimen=barely-there-ui] .specimen__bar-mark{opacity:1;background-color:var(--sp-accent)}[data-specimen=barely-there-ui] .specimen__button{border-width:1.5px;border-color:var(--sp-ink)}[data-specimen=barely-there-ui] .specimen__button--primary{border-color:var(--sp-accent);background-color:var(--sp-accent);color:var(--sp-on-accent)}[data-specimen=barely-there-ui] .specimen__states{gap:var(--space-4)}[data-specimen=ethereal]{--sp-canvas:#fdfcff;--sp-canvas-image:radial-gradient(120% 90% at 12% 0%, #e7f0ff 0%, transparent 62%), radial-gradient(110% 80% at 92% 8%, #fdeaf3 0%, transparent 58%);--sp-surface:#fdfcff;--sp-ink:#2c2f3a;--sp-muted:#5c6079;--sp-accent:#5468c4;--sp-on-accent:#fff;--sp-rule:transparent;--sp-radius:1.5rem;--sp-border-width:0px;--sp-display-weight:300;--sp-display-size:3rem;--sp-display-line:3.5rem;--sp-gap:var(--space-16)}[data-specimen=ethereal] .specimen__bar{background-image:linear-gradient(#8aa0e066 0%,#0000 100%);background-position:bottom;background-repeat:no-repeat;background-size:100% 3px;border-block-end:none;padding-block-end:var(--space-4)}[data-specimen=ethereal] .specimen__panel{background-image:radial-gradient(140% 160% at 20% 0,#fff 0%,#f3f2ff 55%,#eef2fb 100%);border:none;box-shadow:0 40px 80px -48px #5468c466}[data-specimen=ethereal] .specimen__states{gap:var(--space-6)}[data-specimen=ethereal] .specimen__button{border-color:var(--sp-ink);transition:opacity .9s}[data-specimen=ethereal] .specimen__button--primary{background-color:var(--sp-accent);border-color:var(--sp-accent);color:var(--sp-on-accent)}@media (prefers-reduced-motion:reduce){[data-specimen=ethereal] .specimen__button{transition:none}}[data-specimen=glassmorphism]{--sp-canvas:#2a2560;--sp-canvas-image:radial-gradient(70% 90% at 8% 4%, #6a4bd6 0%, transparent 60%), radial-gradient(80% 90% at 96% 30%, #2aa9c9 0%, transparent 58%), linear-gradient(160deg, #322a72 0%, #1d1a45 100%);--sp-surface:#ffffff1f;--sp-ink:#f4f2ff;--sp-muted:#cdc8ee;--sp-accent:#b9a8ff;--sp-on-accent:#1d1a45;--sp-rule:#ffffff4d;--sp-radius:1rem}[data-specimen=glassmorphism] .specimen__panel{-webkit-backdrop-filter:blur(16px)saturate(160%);box-shadow:none}[data-specimen=glassmorphism] .specimen__tile{backdrop-filter:blur(var(--space-3))}[data-specimen=glassmorphism] .specimen__states{gap:var(--space-4)}@supports not (backdrop-filter:blur(1px)){[data-specimen=glassmorphism] .specimen__panel{color:#f4f2ff;background-color:#241f52}}[data-specimen=dark-mode]{--sp-canvas:#121417;--sp-surface:#1c1f24;--sp-ink:#e6e8ea;--sp-muted:#9aa0a8;--sp-accent:#8ab4f8;--sp-on-accent:#121417;--sp-rule:#262a30;--sp-radius:.5rem;--sp-tile-shadow:none;--sp-button-shadow:none}[data-specimen=dark-mode] .specimen__button{border-color:#33373f}[data-specimen=dark-mode] .specimen__state .specimen__button{color:var(--sp-muted);background-color:#262a31;border-color:#0000}[data-specimen=dark-mode] .specimen__state[data-state=active] .specimen__button{background-color:var(--sp-accent);color:var(--sp-on-accent);font-weight:var(--weight-emphasis)}[data-specimen=neumorphism]{--sp-canvas:#e0e5ec;--sp-surface:#e0e5ec;--sp-ink:#2f3947;--sp-muted:#4d5768;--sp-accent:#3a5ce0;--sp-rule:transparent;--sp-radius:1rem;--sp-border-width:0px;--sp-tile-shadow:6px 6px 12px #b9bec7, -6px -6px 12px #fff;--sp-button-shadow:4px 4px 8px #b9bec7, -4px -4px 8px #fff;--sp-display-weight:600;--sp-display-size:2.25rem;--sp-display-line:2.5rem}[data-specimen=neumorphism] .specimen__button--primary{background-color:var(--sp-surface);color:var(--sp-accent)}[data-specimen=neumorphism] .specimen__state{align-items:center;gap:var(--space-2);font-family:var(--sp-font-label);font-size:var(--text-meta);color:var(--sp-muted);flex-direction:column}[data-specimen=neumorphism] .specimen__state .specimen__button{box-shadow:var(--sp-button-shadow)}[data-specimen=neumorphism] .specimen__state[data-state=active] .specimen__button{color:var(--sp-accent);box-shadow:inset 3px 3px 6px #b9bec7,inset -3px -3px 6px #fff}[data-specimen=retrowave]{--sp-canvas:#0b0620;--sp-canvas-image:radial-gradient(90% 42% at 50% 100%, #ffb066 0%, #ff5fa8 24%, #b23fe0 44%, #2a0d4d 62%, transparent 72%), linear-gradient(180deg, #180a3a 0%, #0b0620 55%);--sp-surface:#ffffff0f;--sp-ink:#ffe9fb;--sp-muted:#b48ad8;--sp-accent:#2fe6ff;--sp-on-accent:#0b0620;--sp-rule:#6c2f8f;--sp-radius:.25rem;--sp-display-weight:800;--sp-display-size:3rem;--sp-display-line:3rem;--sp-display-transform:uppercase;--sp-display-tracking:.06em;--sp-display-fill:linear-gradient(180deg, #fff3d6 0%, #ff8a3d 30%, #ff2fb9 66%, #7c2fd6 100%);--sp-display-clip:text}[data-specimen=retrowave] .specimen__headline{color:#0000;text-shadow:0 0 18px #ff2fb9d9,0 0 34px #7c2fd680}[data-specimen=retrowave] .specimen__button{border-color:#ff2fb9;box-shadow:0 0 10px 1px #ff2fb98c}[data-specimen=retrowave] .specimen__button--primary{border-color:var(--sp-accent);color:var(--sp-accent);background-color:#0000;box-shadow:0 0 12px 2px #2fe6ffb3}[data-specimen=retrowave] .specimen__panel{z-index:1;background-color:#140a2e;border-color:#6c2f8f;position:relative}[data-specimen=retrowave] .specimen__ornament{z-index:0;transform-origin:50% 100%;background-image:repeating-linear-gradient(90deg,#2fe6ffbf 0 2px,#0000 2px 7.14286%),repeating-linear-gradient(0deg,#0000 0 24px,#2fe6ff73 24px 26px);background-position:50% 100%,50% 100%;background-size:260% 100%,100% 100%;block-size:70%;inset:auto 0 0;transform:perspective(260px)rotateX(62deg);mask-image:linear-gradient(#0000 12%,#000 100%)}[data-specimen=vaporwave]{--sp-canvas:#f7d9f2;--sp-canvas-image:linear-gradient(160deg, #ffd9f4 0%, #cdeef9 100%);--sp-surface:#ece6f5;--sp-ink:#2c1f4a;--sp-muted:#6b5a8f;--sp-accent:#a33c82;--sp-on-accent:#fff;--sp-rule:#8f7fb8;--sp-radius:0;--sp-border-width:2px;--sp-font-display:var(--font-editorial);--sp-display-size:2.75rem;--sp-display-line:3rem;--sp-display-tracking:.3em;--sp-display-transform:uppercase;--sp-ornament:repeating-linear-gradient(0deg, transparent 0 3px, #2c1f4a14 3px 4px);--sp-tile-shadow:inset -2px -2px 0 #8f7fb8, inset 2px 2px 0 #fdf4ff;--sp-button-shadow:inset -2px -2px 0 #8f7fb8, inset 2px 2px 0 #fdf4ff;text-align:center}[data-specimen=vaporwave] .specimen__bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(#ded2f4 0%,#b8a6dd 100%);border:2px solid #2c1f4a;flex-direction:column;box-shadow:inset -2px -2px #6b5a8f,inset 2px 2px #fdf4ff}[data-specimen=vaporwave] .specimen__nav{gap:var(--space-2)}[data-specimen=vaporwave] .specimen__nav>span{padding-inline:var(--space-2);background:#ece6f5;border:1px solid #2c1f4a;box-shadow:inset -1px -1px #8f7fb8,inset 1px 1px #fdf4ff}[data-specimen=vaporwave] .specimen__hero{align-items:center;margin-inline:auto}[data-specimen=vaporwave] .specimen__lede{margin-inline:auto}[data-specimen=vaporwave] .specimen__actions{justify-content:center}[data-specimen=vaporwave] .specimen__panel{border-color:#2c1f4a;align-items:center;max-inline-size:34rem;margin-inline:auto}[data-specimen=vaporwave] .specimen__states{justify-content:center}[data-specimen=y2k]{--sp-canvas:#dfe9f5;--sp-canvas-image:linear-gradient(180deg, #fff 0%, #cfe0f2 48%, #9fc0e4 100%);--sp-surface:#f4f8fd;--sp-ink:#10233d;--sp-muted:#45608a;--sp-accent:#1a5fd8;--sp-rule:#a8c3e4;--sp-radius:999px;--sp-tile-radius:1.25rem;--sp-btn-radius:999px;--sp-display-weight:800;--sp-display-size:3rem;--sp-display-line:3rem;--sp-display-tracking:-.02em;--sp-display-fill:linear-gradient(180deg, #f6fbff 0%, #7fa9d8 42%, #24467a 52%, #cfe3f8 100%);--sp-display-clip:text;--sp-tile-shadow:inset 0 8px 12px #ffffffd9;--sp-button-shadow:inset 0 6px 8px #ffffffb3;--sp-ornament:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 3 L23.5 16.5 L37 20 L23.5 23.5 L20 37 L16.5 23.5 L3 20 L16.5 16.5 Z' fill='%23ffffff' fill-opacity='0.9'/%3E%3C/svg%3E");--sp-ornament-opacity:.5}[data-specimen=y2k] .specimen__ornament{background-repeat:repeat;background-size:96px 96px}[data-specimen=y2k] .specimen__headline{color:#0000}[data-specimen=y2k] .specimen__button{border-color:#ff2fd8}[data-specimen=y2k] .specimen__button--primary{background-image:linear-gradient(#9fc7ff 0%,#1560e8 48%,#0b3f9e 100%);border-color:#1560e8}[data-specimen=y2k] .specimen__panel{background-color:var(--sp-surface);box-shadow:var(--sp-tile-shadow), 0 10px 24px #1560e829}}