.case{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--t-med) var(--ease-out), background var(--t-med) var(--ease-out);padding:clamp(1.6rem,1.2rem + 1.6vw,2.6rem);position:relative}.case:hover{border-color:var(--border-strong);background:var(--surface-2)}.case__head{margin-bottom:var(--sp-5);align-items:baseline;gap:clamp(1rem,.6rem + 1.5vw,2rem);display:flex}.case__index{font-family:var(--font-mono);color:var(--text-faint);font-size:clamp(1.4rem,1rem + 2vw,2.5rem);line-height:1}.case__title{font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem)}.case__focus{margin-bottom:var(--sp-6);flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.case__cao{gap:var(--sp-5);display:grid}.case__block{padding-left:var(--sp-5);max-width:74ch;position:relative}.case__block:before{content:"";border-radius:var(--r-pill);background:var(--c-blue-ice);opacity:.55;width:2px;position:absolute;top:.2em;bottom:.2em;left:0}.case__block--outcome:before{background:var(--signal);box-shadow:var(--glow-signal);opacity:1}.case__label{color:var(--text-faint);margin-bottom:.45rem;display:block}.case__block--outcome .case__label{color:var(--signal)}.case__text{color:var(--text-muted)}.case__block--outcome .case__text{color:var(--text)}.tech-eco{gap:clamp(1.5rem, 1rem + 2vw, 3rem) var(--gutter);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:760px){.tech-eco{grid-template-columns:repeat(2,1fr)}}@media (max-width:440px){.tech-eco{grid-template-columns:1fr}}.tech-group{padding-top:var(--sp-4);border-top:1px solid var(--border)}.tech-group__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--sp-4);font-size:.72rem}.tech-group__items{gap:.45rem;list-style:none;display:grid}.tech-group__items li{color:var(--text-muted);font-size:.95rem}.chip{border-radius:var(--r-pill);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.45rem;padding:.28rem .7rem;font-size:.7rem;display:inline-flex}.chip:before{content:"";border-radius:var(--r-pill);background:currentColor;width:6px;height:6px}.chip--active{color:var(--signal);border-color:color-mix(in oklab, var(--signal) 35%, transparent)}.chip--active:before{box-shadow:0 0 8px 1px var(--signal-glow)}.chip--private{color:var(--c-blue-ice);border-color:color-mix(in oklab, var(--c-blue) 30%, transparent)}.chip--roadmap{color:var(--text-faint);border-style:dashed}.proof-diagram,.proof-flow{width:100%;height:auto;display:block}.showcase-grid{gap:var(--gutter);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:940px){.showcase-grid{grid-template-columns:1fr;max-width:560px}}.showcase-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-1);transition:border-color var(--t-med) var(--ease-out), background var(--t-med) var(--ease-out), box-shadow var(--t-med) var(--ease-out);scroll-margin-top:6rem;overflow:hidden}.showcase-card:hover{border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--glow-cool)}.showcase-card__diagram{background:linear-gradient(180deg, color-mix(in oklab, var(--c-navy) 30%, transparent), transparent);border-bottom:1px solid var(--border);padding:1.3rem 1.3rem .6rem}.showcase-card__body{padding:1.1rem 1.3rem 1.4rem}.showcase-card__title{margin-bottom:.5rem;font-size:1.1rem}.showcase-card__caption{color:var(--text-muted);font-size:.92rem;line-height:1.55}.artifact-grid{gap:var(--gutter);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:760px){.artifact-grid{grid-template-columns:1fr}}.artifact-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:minmax(0,240px) 1fr;align-items:start;gap:clamp(1rem,.6rem + 1.5vw,1.8rem);padding:clamp(1.3rem,1rem + 1vw,1.8rem);display:grid}.artifact-card--wide{grid-column:1/-1}@media (max-width:520px){.artifact-card{grid-template-columns:1fr}}.artifact-card__flow{max-width:240px}.artifact-card__title{margin-bottom:.5rem;font-size:1.05rem}.artifact-card__caption{color:var(--text-muted);font-size:.92rem;line-height:1.55}.case__constraints{color:var(--text-muted);gap:.4rem;max-width:74ch;list-style:none;display:grid}.case__constraints li{padding-left:1.1rem;font-size:.97rem;position:relative}.case__constraints li:before{content:"";background:var(--c-blue-ice);width:7px;height:1px;position:absolute;top:.62em;left:0}
