.showcase-hero{min-height:78vh}.showcase-intro{padding:7vw 7vw 3vw;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,72px);align-items:end}.showcase-intro span{font:600 .65rem var(--font-mono,ui-monospace,monospace);color:var(--gold,#d7ae72);letter-spacing:.14em}.showcase-intro h2{margin:.55em 0 0;font-size:clamp(2.2rem,4.4vw,4.4rem);line-height:.94;letter-spacing:-.045em;color:#ece9e2}.showcase-intro>p{margin:0;max-width:42ch;font-size:1.05rem;line-height:1.7;color:#aaa7ab}.showcase-stage{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,2.2fr);gap:clamp(18px,2.5vw,32px);padding:2vw 5vw 8vw;align-items:start}.showcase-rail{display:grid;gap:.55rem;position:sticky;top:110px}.showcase-rail button{display:grid;grid-template-columns:42px 1fr;gap:.85rem;text-align:left;padding:1rem 1rem 1rem .9rem;border:1px solid #ffffff14;background:linear-gradient(135deg,#0b0e12,#08090c);color:#ece9e2;cursor:pointer;transition:.25s}.showcase-rail button>span{font:700 .62rem var(--font-mono,ui-monospace,monospace);color:var(--gold,#d7ae72);letter-spacing:.12em;padding-top:.2rem}.showcase-rail small{display:block;font:600 .55rem var(--font-mono,ui-monospace,monospace);letter-spacing:.12em;color:#7a787d;margin-bottom:.35rem}.showcase-rail strong{display:block;font-size:1.05rem;font-weight:650;letter-spacing:-.03em;line-height:1.2}.showcase-rail button.is-active,.showcase-rail button:hover{border-color:#d7ae7266;background:linear-gradient(135deg,#14161b,#0b0c10);transform:translateX(4px)}.showcase-rail button.is-active strong{color:#ffe1a8}.showcase-main{display:grid;gap:1.4rem;min-width:0}.showcase-meta{display:flex;justify-content:space-between;gap:1.5rem;align-items:end}.showcase-meta span{font:600 .62rem var(--font-mono,ui-monospace,monospace);letter-spacing:.14em;color:var(--gold,#d7ae72)}.showcase-meta h2{margin:.4rem 0 .7rem;font-size:clamp(2rem,4vw,3.6rem);line-height:.92;letter-spacing:-.045em}.showcase-meta p{margin:0;max-width:52ch;color:#aaa7ab;line-height:1.65}.showcase-link{flex-shrink:0;display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1rem;border:1px solid #d7ae7266;background:#d7ae72;color:#080808;font:600 .68rem var(--font-mono,ui-monospace,monospace);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}.showcase-link svg{width:15px;height:15px}.showcase-frame{position:relative;border:1px solid #d7b98428;background:radial-gradient(ellipse at 20% 10%,#d7ae7214,transparent 42%),linear-gradient(160deg,#0c0f14,#07080b 60%,#090b10);overflow:hidden;isolation:isolate}.showcase-frame:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 -80px 90px #050607aa}.showcase-viewport{overflow:hidden}.showcase-track{display:flex}.showcase-slide{position:relative;flex:0 0 100%;min-width:0;margin:0;aspect-ratio:16/10;background:#050607}.showcase-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);filter:saturate(.92) contrast(1.04);transition:transform 5.2s ease-out,filter .5s}.showcase-slide img.is-live{transform:scale(1.12)}.showcase-slide figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.2rem 1.1rem .9rem;font:600 .62rem/1.5 var(--font-mono,ui-monospace,monospace);letter-spacing:.12em;color:#e8d4b0;background:linear-gradient(transparent,#050607e8 55%);text-transform:uppercase}.showcase-slide-empty{display:grid;place-items:center;min-height:320px;color:#8f8c91}.showcase-chrome{display:grid;gap:.85rem;padding:1rem 1rem 1.1rem;border-top:1px solid #ffffff12;background:#07090ccc;backdrop-filter:blur(8px)}.showcase-progress{height:2px;background:#ffffff14;overflow:hidden}.showcase-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#d7ae72,#ffe1a8);box-shadow:0 0 12px #d7ae72aa}.showcase-progress i.is-running{animation:showcaseFill linear forwards}@keyframes showcaseFill{0%{width:0}to{width:100%}}.showcase-controls{display:flex;align-items:center;gap:.55rem}.showcase-controls button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff22;background:#0c0e12;color:#ece9e2;cursor:pointer;transition:.2s}.showcase-controls button:hover:not(:disabled){border-color:#d7ae7266;color:#ffe1a8}.showcase-controls button:disabled{opacity:.35;cursor:not-allowed}.showcase-controls svg{width:16px;height:16px}.showcase-controls span{margin-left:auto;font:600 .62rem var(--font-mono,ui-monospace,monospace);letter-spacing:.14em;color:#8c8b8f}.showcase-thumbs{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.15rem}.showcase-thumbs button{flex:0 0 auto;width:72px;height:46px;padding:0;border:1px solid #ffffff18;background:#050607;cursor:pointer;opacity:.55;transition:.2s}.showcase-thumbs button.is-active,.showcase-thumbs button:hover{opacity:1;border-color:#d7ae7288}.showcase-thumbs img{display:block;width:100%;height:100%;object-fit:cover}.showcase-empty{margin:2vw 6vw 8vw;padding:clamp(2.5rem,6vw,4.5rem);border:1px solid #d7b98428;background:linear-gradient(135deg,#0b0e12,#08090c);text-align:center}.showcase-empty span{font:600 .65rem var(--font-mono,ui-monospace,monospace);letter-spacing:.16em;color:var(--gold,#d7ae72)}.showcase-empty h2{margin:.8rem 0;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em}.showcase-empty p{margin:0 auto 1.5rem;max-width:42ch;color:#aaa7ab;line-height:1.65}.showcase-empty a{display:inline-flex;align-items:center;gap:.5rem;color:var(--gold,#d7ae72);font:600 .68rem var(--font-mono,ui-monospace,monospace);letter-spacing:.12em}.showcase-empty svg{width:15px}@media(max-width:980px){.showcase-stage{grid-template-columns:1fr}.showcase-rail{position:static;grid-auto-flow:column;grid-auto-columns:minmax(210px,70vw);overflow-x:auto;padding-bottom:.4rem}.showcase-rail button.is-active,.showcase-rail button:hover{transform:none}.showcase-meta{flex-direction:column;align-items:start}.showcase-intro{grid-template-columns:1fr}}@media(max-width:560px){.showcase-slide{aspect-ratio:4/3}.showcase-thumbs button{width:58px;height:38px}}@media(prefers-reduced-motion:reduce){.showcase-slide img,.showcase-slide img.is-live{transform:none;transition:none}.showcase-progress i.is-running{animation:none;width:100%}}