.showcase{gap:clamp(2rem,5vw,3.5rem);min-width:0;display:grid}.showcase-hero{border:1px solid var(--border);border-radius:var(--radius-large);background:radial-gradient(circle at 82% 18%, var(--glow-one), transparent 15rem), var(--surface);min-width:0;box-shadow:var(--shadow-small);isolation:isolate;grid-template-columns:minmax(0,1.2fr) minmax(12rem,.55fr);gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,5vw,3.25rem);display:grid;position:relative;overflow:hidden}.showcase-hero__copy,.showcase-hero__meta,.showcase-section,.showcase-item{min-width:0}.showcase-hero h1{max-width:12ch;margin:0;font-size:clamp(2.5rem,6vw,4.2rem)}.showcase-hero__lede{max-width:56ch;color:var(--text-soft);text-wrap:pretty;margin:1rem 0 0;font-size:clamp(1.02rem,1rem + .25vw,1.18rem);line-height:1.75}.showcase-hero__source-intro{max-width:58ch;color:var(--text-soft);margin-block-start:1rem;font-size:.92rem}.showcase-hero__source-intro :where(p){margin:0}.showcase-hero__meta{z-index:1;align-self:end}.showcase-hero__meta>p{border-bottom:1px solid var(--border);color:var(--text-soft);justify-content:space-between;align-items:baseline;gap:1rem;margin:0 0 1rem;padding-bottom:.7rem;font-size:.8rem;display:flex}.showcase-hero__meta strong{color:var(--heading);font-family:var(--font-mono);font-size:.9rem}.showcase-hero__meta nav{flex-wrap:wrap;gap:.45rem;display:flex}.showcase-hero__meta a{border:1px solid var(--border);min-height:2.25rem;color:var(--text-soft);background:var(--surface-solid);border-radius:999px;align-items:center;padding:.32rem .7rem;font-size:.76rem;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex}.showcase-hero__signal{z-index:0;aspect-ratio:1;width:clamp(5rem,11vw,8rem);color:var(--coral-strong);opacity:.32;pointer-events:none;place-items:center;display:grid;position:absolute;top:clamp(1rem,4vw,2.5rem);right:clamp(1rem,4vw,3rem)}.showcase-hero__orbit{border:1px dashed;border-radius:50%;position:absolute;inset:0}.showcase-hero__core{font-family:var(--font-mono);font-size:1.1rem;font-weight:800}.showcase-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(.9rem,2vw,1.2rem);min-width:0;display:grid}.showcase-section{border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--surface);box-shadow:var(--shadow-small);grid-column:span 6;padding:clamp(1.15rem,3vw,1.55rem);scroll-margin-top:8rem}.showcase-section__header{align-items:baseline;gap:.7rem;margin-bottom:.9rem;display:flex}.showcase-section__header>span{color:var(--coral-strong);font-family:var(--font-mono);font-size:.7rem;font-weight:700}.showcase-section h2,.showcase-item h3{margin:0}.showcase-section h2{font-size:clamp(1.35rem,2.8vw,1.8rem)}.showcase-section__body,.showcase-item>div{color:var(--text-soft);font-size:.94rem;line-height:1.72}.showcase-section :where(p,ul){margin-block:.7rem 0}.showcase-section :where(ul){padding-inline-start:1.25rem}.showcase-section li+li{margin-top:.32rem}.showcase-section li::marker{color:var(--coral)}.showcase-section :where(strong,code){color:var(--heading)}.showcase-section code{background:var(--code-background);font-family:var(--font-mono);border-radius:.35rem;padding:.1em .3em;font-size:.88em}.showcase-items{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem;margin-top:1rem;display:grid}.showcase-item{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-solid);padding:1rem}.showcase-item h3{font-size:1.08rem}.showcase[data-variant=toolkit] .showcase-section:nth-child(3n),.showcase[data-variant=toolkit] .showcase-section:last-child,.showcase[data-variant=pulse] .showcase-section{grid-column:1/-1}.showcase[data-variant=pulse] .showcase-section:first-child .showcase-items{grid-template-columns:repeat(12,minmax(0,1fr))}.showcase[data-variant=pulse] .showcase-section:first-child .showcase-item:first-child{background:linear-gradient(135deg, var(--surface-solid), var(--coral-soft));grid-column:span 7}.showcase[data-variant=pulse] .showcase-section:first-child .showcase-item:not(:first-child){grid-column:span 5}.showcase[data-variant=pulse] .showcase-section:first-child .showcase-item:nth-child(3){grid-column:1/-1}.showcase[data-variant=pulse] .showcase-section:last-child ul{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.showcase[data-variant=pulse] .showcase-section:last-child li{border:1px solid var(--border);background:var(--surface-solid);border-radius:999px;margin:0;padding:.35rem .65rem;font-size:.84rem}@media (hover:hover) and (pointer:fine){.showcase-hero__meta a{transition:color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease)}.showcase-hero__meta a:hover{border-color:var(--coral);color:var(--coral-strong);transform:translateY(-2px)}.showcase-section{transition:border-color var(--motion-base) var(--ease), box-shadow var(--motion-base) var(--ease)}.showcase-section:hover{border-color:color-mix(in srgb, var(--coral) 70%, var(--border));box-shadow:var(--shadow)}}@media (width<=52rem){.showcase-hero{grid-template-columns:1fr}.showcase-hero__meta{max-width:38rem}.showcase-grid .showcase-section{grid-column:1/-1}}@media (width<=34rem){.showcase-hero{border-radius:var(--radius-medium);padding:1.25rem}.showcase-hero h1{font-size:clamp(2.2rem,12vw,3rem)}.showcase-hero__signal{opacity:.18}.showcase[data-variant=pulse] .showcase-section:first-child .showcase-item:first-child,.showcase[data-variant=pulse] .showcase-section:first-child .showcase-item:not(:first-child){grid-column:auto}.showcase[data-variant=pulse] .showcase-section:first-child .showcase-items{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.showcase-hero__meta a,.showcase-section{transition:none}}
