.showcase-section{padding-top:0;padding-bottom:105px;scroll-margin-top:130px}
.showcase-card{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:52px;border:1px solid var(--line);border-radius:20px;padding:24px;background:radial-gradient(ellipse at 100% 20%,#1d5bbf13,transparent 66%),#0e131b}
.showcase-poster{width:100%;padding:0;display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff13;border-radius:12px;background:#090c12;color:#fff;isolation:isolate;cursor:pointer}
.showcase-poster img{width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease-out),filter 250ms ease}
.showcase-poster::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,#04070ca6);pointer-events:none}
.showcase-play{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#1d5bf0e6;border:1px solid #a6c9ff9c;box-shadow:0 7px 32px #0006,inset 0 1px 0 #ffffff24;transform:translate(-50%,-50%);transition:background 200ms ease,box-shadow 250ms ease,scale 250ms var(--ease-out)}
.showcase-play svg{width:24px;height:24px;margin-left:3px;fill:currentColor;stroke-width:1}
.showcase-poster-caption{position:absolute;left:22px;right:22px;bottom:18px;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;letter-spacing:.08em;font-weight:600}
.showcase-time{padding:3px 7px;border-radius:4px;background:#060a13b3;border:1px solid #ffffff15;font-variant-numeric:tabular-nums}
.showcase-copy{padding:10px 25px 10px 0}
.showcase-copy h2{font-size:37px;margin-top:16px;line-height:1.15;letter-spacing:-.045em}
.showcase-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;margin-top:19px;max-width:340px}
.showcase-copy .inline-link{margin-top:18px;font-size:11px}
.showcase-copy .showcase-disclaimer{font-size:9px!important;line-height:1.7!important;color:var(--quiet);margin-top:14px!important}
.product-media-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:20px;width:100%;border-top:1px solid var(--line)}
.product-visual.has-image .product-media-actions .button,.product-visual .product-media-actions .button{margin:0;max-width:none;font-size:10px;padding:11px 17px;min-height:44px}
.product-visual:not(.has-image) .product-media-actions{padding:15px 0 0}
.showcase-dialog{width:min(1100px,calc(100% - 40px));padding:24px;border:1px solid #ffffff24;border-radius:20px;background:#0e131c;color:var(--text);max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 35px 120px #0009}
.showcase-dialog::backdrop{background:#03060cd9;backdrop-filter:blur(8px)}
.showcase-dialog .dialog-heading{margin-bottom:20px;align-items:center}
.showcase-dialog .dialog-heading h2{font-size:26px}
.showcase-dialog .dialog-heading .eyebrow{font-size:8px;margin-bottom:8px}
.showcase-player{width:100%;max-width:100%;min-width:0;aspect-ratio:16/9;min-height:200px;background:#05070b;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.showcase-player :is(iframe,video){display:block;width:100%;height:100%;border:0;object-fit:contain}
.showcase-player-note{font-size:10px;color:var(--quiet);margin-top:13px;line-height:1.8}
.showcase-player-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px 20px}
.showcase-player-footer .inline-link{font-size:10px;margin-top:4px;gap:6px}
.showcase-player-footer .inline-link svg{width:13px;height:13px}
.showcase-error{font-size:12px;color:#ffbdc0;margin-top:12px}
@media(hover:hover) and (pointer:fine){.showcase-poster:hover img{transform:scale(1.035);filter:brightness(1.08)}.showcase-poster:hover .showcase-play{scale:1.08;background:#2b73ed;box-shadow:0 10px 40px #1d5bbf66}}
.showcase-poster:active .showcase-play{scale:.96}
@media(max-width:900px){.showcase-card{gap:28px;grid-template-columns:1.25fr 1fr}.showcase-copy{padding-right:5px}.showcase-copy h2{font-size:29px}.showcase-copy>p:not(.eyebrow){font-size:11px}.showcase-play{width:54px;height:54px}}
@media(max-width:600px){.showcase-section{padding-bottom:66px}.showcase-card{grid-template-columns:1fr;gap:25px;padding:16px;border-radius:16px}.showcase-copy{padding:0 7px 7px}.showcase-copy h2{font-size:33px}.showcase-copy>p:not(.eyebrow){font-size:12px;max-width:none}.showcase-poster-caption{left:13px;right:13px;bottom:12px;font-size:8px}.showcase-dialog{width:calc(100% - 16px);padding:14px;border-radius:13px}.showcase-dialog .dialog-heading{margin-bottom:14px;gap:12px}.showcase-dialog .dialog-heading h2{font-size:22px}.showcase-dialog .dialog-heading .eyebrow{font-size:7px}.showcase-player-note{font-size:9px}.product-media-actions{padding:16px;gap:9px}.showcase-play{width:48px;height:48px}.showcase-play svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.showcase-poster img,.showcase-play{transition:none!important}.showcase-poster:hover img{transform:none}.showcase-poster:hover .showcase-play,.showcase-poster:active .showcase-play{scale:1}}
