.prototype-showcase{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:48px;align-items:start;margin:42px 0 56px;padding-top:32px;border-top:1px solid var(--line);scroll-margin-top:120px}
.prototype-showcase__copy h2{font-size:clamp(1.8rem,2.5vw,3rem);line-height:1.12;margin:0 0 24px;max-width:12em}
.prototype-showcase__copy p{max-width:38em;margin:0 0 22px}
.prototype-showcase__copy .btn{margin-top:6px}
.prototype-carousel{min-width:0;outline-offset:7px}
.prototype-slide{margin:0}
.prototype-slide[hidden],.prototype-controls[hidden],.prototype-thumbnails[hidden]{display:none}
.prototype-slide__image{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;max-height:640px;background:#171b20;overflow:hidden;border-radius:var(--radius-lg)}
.prototype-slide__image img{display:block;width:100%;height:100%;object-fit:contain}
.prototype-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}
.prototype-controls__nav{display:flex;align-items:center;gap:12px}
.prototype-controls button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);min-height:44px;padding:8px 14px;font:inherit;cursor:pointer}
.prototype-controls button:hover{border-color:var(--accent);color:var(--accent)}
.prototype-controls__nav button{font-size:1.25rem;min-width:44px}
.prototype-controls [data-prototype-count]{font-size:.85rem;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
.prototype-controls [data-prototype-play]{font-size:.85rem}
.prototype-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:6px 3px 14px;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-2)}
.prototype-thumb{flex:0 0 88px;position:relative;padding:0;background:#171b20;border:2px solid transparent;border-radius:var(--radius);cursor:pointer;overflow:hidden;opacity:.7}
.prototype-thumb img{display:block;width:84px;height:63px;object-fit:contain}
.prototype-thumb span{position:absolute;right:3px;bottom:3px;background:#0a0b0c;color:#fff;font:600 .7rem/1.5 sans-serif;padding:0 4px}
.prototype-thumb[aria-pressed="true"]{border-color:var(--accent);opacity:1}
.prototype-thumb:hover{opacity:1}
@media(max-width:900px){.prototype-showcase{grid-template-columns:1fr;gap:28px}.prototype-showcase__copy h2{max-width:none}.prototype-showcase__copy p{max-width:65ch}.prototype-slide__image{max-height:560px}}
@media(max-width:480px){.prototype-showcase{gap:24px;margin-top:28px}.prototype-controls{gap:8px}.prototype-controls__nav{gap:8px}.prototype-controls button{padding:8px 10px}.prototype-controls [data-prototype-play]{font-size:.78rem}}

.support-video-layout--context > .prototype-showcase{width:100%;max-width:1180px;margin:0;padding-top:32px}