.real-showcase{background:#0d0c11;overflow:hidden}.real-showcase:before{content:'';position:absolute;width:780px;height:780px;right:-340px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(143,92,255,.18),transparent 68%);pointer-events:none}.showcase-heading{max-width:1400px;margin:0 auto 58px;display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.showcase-heading h2{font-size:clamp(42px,5.5vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0}.showcase-heading h2 em{font-family:var(--serif);font-weight:400;color:var(--purple-bright)}.showcase-heading>p{max-width:430px;color:#97929f;font-size:14px;line-height:1.75;margin:0 0 5px}.showcase-carousel{max-width:1400px;margin:auto;outline:none}.showcase-carousel:focus-visible{outline:1px solid var(--purple-bright);outline-offset:8px}.showcase-viewport{position:relative;aspect-ratio:16/9;overflow:hidden;background:#17161c;border:1px solid #34313b;box-shadow:0 45px 100px rgba(0,0,0,.55),0 0 90px rgba(118,70,255,.08)}.showcase-viewport:before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.showcase-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.012);pointer-events:none;transition:opacity .65s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.showcase-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto;z-index:2}.showcase-slide img{display:block;width:100%;height:100%;object-fit:cover}.showcase-slide figcaption{position:absolute;left:26px;bottom:26px;display:flex;align-items:center;gap:18px;max-width:510px;padding:17px 21px 17px 17px;background:rgba(18,17,23,.9);border:1px solid rgba(255,255,255,.17);box-shadow:0 12px 32px rgba(0,0,0,.42);backdrop-filter:blur(14px)}.showcase-slide figcaption>span{font:italic 28px var(--serif);color:var(--purple-bright);padding-right:17px;border-right:1px solid rgba(255,255,255,.18)}.showcase-slide figcaption strong{display:block;font-size:13px;margin-bottom:4px}.showcase-slide figcaption p{margin:0;color:#9c97a4;font-size:10px;line-height:1.5}.showcase-controls{display:flex;align-items:center;justify-content:space-between;border:1px solid #34313b;border-top:0;background:#17161c}.showcase-tabs{display:flex;align-self:stretch}.showcase-tabs button,.showcase-arrows button{border:0;border-right:1px solid #34313b;background:transparent;color:#77727f;font:700 10px var(--sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .2s,background .2s}.showcase-tabs button{padding:20px 28px}.showcase-tabs button span{color:#5f5a66;margin-right:8px;font-family:var(--serif);font-style:italic}.showcase-tabs button:hover,.showcase-tabs button.is-active{color:#fff;background:#201e27}.showcase-tabs button.is-active span{color:var(--purple-bright)}.showcase-arrows{display:flex;align-items:center;height:100%}.showcase-arrows button{width:54px;height:54px;font-size:17px;border-left:1px solid #34313b;border-right:0}.showcase-arrows button:hover{color:#fff;background:var(--purple)}.showcase-arrows output{min-width:72px;text-align:center;color:#67626e;font-size:9px;letter-spacing:.12em}.showcase-arrows output span{color:#fff}@media(max-width:900px){.showcase-heading{display:block}.showcase-heading>p{margin-top:25px}.showcase-tabs button{padding:17px 15px;font-size:8px}.showcase-slide figcaption{left:16px;bottom:16px}}@media(max-width:650px){.showcase-viewport{aspect-ratio:4/3}.showcase-slide img{object-fit:cover;object-position:center top}.showcase-slide figcaption{right:12px;left:12px;bottom:12px;padding:11px 13px}.showcase-slide figcaption>span{font-size:20px}.showcase-slide figcaption p{display:none}.showcase-controls{align-items:stretch}.showcase-tabs{flex:1}.showcase-tabs button{flex:1;padding:14px 8px;font-size:0}.showcase-tabs button span{font-size:10px;margin:0}.showcase-arrows output{display:none}.showcase-arrows button{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.showcase-slide{transition:none}}
