.showcase-wrap{max-width:1152px;margin:auto;padding-left:32px;padding-right:32px}.showcase-hero{color:#fff;background:radial-gradient(at 85% 15%,#382475 0,#0000 55%),#080327}.showcase-intro{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding-top:80px;padding-bottom:72px;display:grid}.showcase-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#71eff3;font-family:IBM Plex Mono,monospace;font-size:.75rem}.showcase-hero h1{letter-spacing:-.04em;margin:20px 0;font-size:clamp(2.5rem,4.7vw,3.8rem);font-weight:600;line-height:1.08}.showcase-lead{color:#dadcfb;max-width:510px;font-size:1.08rem;line-height:1.75}.showcase-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.showcase-button{color:#080327;background:#71eff3;border:1px solid #71eff3;border-radius:8px;padding:13px 20px;font-weight:500}.showcase-button:hover{background:#fff;border-color:#fff}.showcase-light-link{color:#fff;text-underline-offset:5px;font-size:.875rem;text-decoration:underline}.showcase-blueprint{background:#08032780;border:1px solid #a6aaf366;border-radius:16px;overflow:hidden;transform:rotate(-1deg);box-shadow:16px 20px #a6aaf310}.showcase-blueprint figcaption{border-bottom:1px solid #a6aaf333;align-items:center;gap:8px;padding:18px;font-family:IBM Plex Mono,monospace;font-size:.65rem;display:flex}.showcase-blueprint figcaption>span:last-child{color:#dadcfb;margin-left:auto;font-family:inherit;font-size:.55rem}.showcase-signal{background:#71eff3;border-radius:100%;width:6px;height:6px}.showcase-blueprint svg{width:100%;height:auto}.showcase-blueprint p{color:#dadcfb;border-top:1px solid #a6aaf333;padding:18px;font-size:.85rem;line-height:1.6}.showcase-wayfinding{color:#dadcfb;border-top:1px solid #a6aaf340;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:24px;padding-bottom:28px;font-size:.85rem;display:grid}.showcase-wayfinding strong{color:#fff;margin-bottom:5px;font-size:1rem;font-weight:500;display:block}.showcase-wayfinding a:hover{color:#71eff3}.showcase-gallery{padding-top:72px;padding-bottom:88px;scroll-margin-top:24px}.showcase-gallery-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px;display:flex}.showcase-gallery h2,.showcase-contribute h2{color:#080327;letter-spacing:-.03em;margin-top:12px;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600;line-height:1.15}.showcase-gallery-heading>p{color:#514b73;max-width:370px;font-size:.875rem;line-height:1.7}.showcase-filters{flex-wrap:wrap;gap:8px;display:flex}.showcase-filters[hidden]{display:none}.showcase-filters button{color:#080327;cursor:pointer;background:#fff;border:1px solid #a6aaf3;border-radius:100px;padding:10px 16px;font-size:.85rem}.showcase-filters button[aria-pressed=true]{color:#fff;background:#080327;border-color:#080327}.showcase-count{color:#514b73;margin:24px 0 16px;font-family:IBM Plex Mono,monospace;font-size:.7rem}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:0;list-style:none;display:grid}.showcase-project{background:#fff;border:1px solid #dadcfb;border-radius:16px;flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.showcase-project[hidden]{display:none}.showcase-project:hover{border-color:#a6aaf3;box-shadow:0 10px 30px #0803270c}.showcase-workflow{--diagram-accent:#a6aaf3;color:#fff;background-color:#080327;background-image:radial-gradient(circle at 15% 0,#5a17ee70,#0000 65%),linear-gradient(#a6aaf312 1px,#0000 1px),linear-gradient(90deg,#a6aaf312 1px,#0000 1px);background-size:auto,22px 22px,22px 22px;padding:22px 24px}.showcase-tone-1{--diagram-accent:#71eff3;background-image:radial-gradient(circle at 85% 100%,#16788370,#0000 65%),linear-gradient(#a6aaf312 1px,#0000 1px),linear-gradient(90deg,#a6aaf312 1px,#0000 1px);background-position:0 0,8px 11px,8px 11px}.showcase-tone-2{--diagram-accent:#dadcfb;background-image:radial-gradient(at 90% 10%,#7654c780,#0000 70%),linear-gradient(#a6aaf312 1px,#0000 1px),linear-gradient(90deg,#a6aaf312 1px,#0000 1px)}.showcase-tone-3{--diagram-accent:#a6aaf3;background-image:radial-gradient(at 0 100%,#39689380,#0000 70%),linear-gradient(#a6aaf312 1px,#0000 1px),linear-gradient(90deg,#a6aaf312 1px,#0000 1px);background-position:0 0,11px 4px,11px 4px}.showcase-workflow-label{text-transform:uppercase;letter-spacing:.06em;color:var(--diagram-accent);justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:.65rem;display:flex}.showcase-workflow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0 24px;padding:0;list-style:none;display:grid}.showcase-workflow li{border:1px solid var(--diagram-accent);text-align:center;background:#08032790;border-radius:8px;place-content:center;padding:14px 5px;font-size:.77rem;line-height:1.4;display:grid;position:relative}.showcase-workflow li+li:before{content:"→";color:var(--diagram-accent);position:absolute;top:50%;left:-17px;transform:translateY(-50%)}.showcase-workflow-caption{color:#dadcfb;font-family:IBM Plex Mono,monospace;font-size:.6rem}.showcase-project-body{flex-direction:column;flex:1;padding:28px;display:flex}.showcase-project h3{letter-spacing:-.02em;color:#080327;font-size:1.3rem;font-weight:600;line-height:1.3}.showcase-outcome{color:#363259;margin-top:20px;font-size:1rem;line-height:1.7}.showcase-detail{color:#514b73;margin-top:14px;font-size:.85rem;line-height:1.7}.showcase-detail summary{color:#5a17ee;cursor:pointer;text-underline-offset:4px;text-decoration:underline}.showcase-detail p{margin-top:12px}.showcase-tags{flex-wrap:wrap;gap:6px;margin:20px 0;padding:0;list-style:none;display:flex}.showcase-tags li{color:#514b73;border:1px solid #dadcfb;border-radius:5px;padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:.65rem}.showcase-setup{color:#514b73;border-top:1px solid #eeedfc;margin-top:auto;padding-top:16px;font-size:.8rem;line-height:1.7}.showcase-setup strong{color:#080327;margin-bottom:4px;font-weight:500;display:block}.showcase-project-links{color:#5a17ee;flex-wrap:wrap;gap:16px;margin-top:22px;font-size:.85rem;display:flex}.showcase-project-links a:hover{text-underline-offset:4px;text-decoration:underline}.showcase-contribute{background:#eeedfc;border-top:1px solid #dadcfb}.showcase-contribute-inner{grid-template-columns:1fr 1fr;gap:80px;padding-top:64px;padding-bottom:64px;display:grid}.showcase-contribute p:not(.kicker){color:#514b73;line-height:1.8}.showcase-contribute .btn-primary{margin-top:24px}.showcase-library-note{margin-top:20px;font-size:.85rem}.showcase-library-note a{color:#5a17ee;text-underline-offset:4px;text-decoration:underline}@media (width<=850px){.showcase-intro{grid-template-columns:1fr;gap:36px;padding-top:48px;padding-bottom:48px}.showcase-blueprint{max-width:520px;transform:none}.showcase-gallery-heading{display:block}.showcase-gallery-heading>p{max-width:600px;margin-top:20px}.showcase-contribute-inner{gap:32px}.showcase-project-body{padding:22px}}@media (width<=620px){.showcase-wrap{padding-left:20px;padding-right:20px}.showcase-grid{grid-template-columns:1fr}.showcase-wayfinding{grid-template-columns:1fr;gap:20px}.showcase-wayfinding strong{margin-right:12px;display:inline}.showcase-gallery{padding-top:48px;padding-bottom:48px}.showcase-contribute-inner{grid-template-columns:1fr}.showcase-workflow{padding:20px}.showcase-workflow ol{gap:18px}.showcase-workflow li{font-size:.7rem}.showcase-blueprint figcaption>span:last-child{font-size:.5rem}}@media (prefers-reduced-motion:reduce){.showcase-project{transition:none}}