.zg-showcase{position:relative;margin:95px 0 40px;min-height:370px;isolation:isolate}.showcase-shell{position:absolute;inset:0;border:1px solid #ffffff22;border-radius:25px;overflow:hidden;background:#160d20}.showcase-scene{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background:radial-gradient(ellipse at 77% 90%,var(--flare),transparent 58%),linear-gradient(115deg,#100c15 10%,var(--deep) 70%,var(--flare))}.showcase-scene.is-active{opacity:1}.showcase-scene:before{content:'';position:absolute;inset:-70%;background:repeating-conic-gradient(from 10deg at 65% 70%,transparent 0 13deg,#ffffff12 14deg,transparent 16deg 25deg);transform:rotate(-7deg)}.showcase-scene:after{content:'';position:absolute;width:65%;height:140%;right:-10%;top:-20%;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 40px #ffffff04,0 0 0 100px #ffffff03;transform:rotate(-25deg)}.showcase-slide{position:absolute;inset:0;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .7s ease,visibility .7s}.showcase-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.showcase-copy{position:relative;z-index:4;padding:57px 48px;width:56%;transform:translateY(18px);transition:transform .75s ease}.is-active .showcase-copy{transform:none}.showcase-copy .eyebrow{color:#e7cceb;font-size:10px}.showcase-copy h1,.showcase-copy h2{font-size:clamp(32px,3.2vw,49px);font-weight:800;font-style:italic;letter-spacing:-1.5px;line-height:1.05;text-transform:uppercase;margin:18px 0 14px;max-width:590px;text-wrap:balance}.showcase-copy p{color:#d4c3d7;font-size:14px;line-height:1.7;max-width:420px}.showcase-copy .button{margin-top:23px;padding:13px 28px;background:#8748ff!important;color:white;border-radius:30px;box-shadow:none;min-width:135px}.hero-cutout{position:absolute;right:4%;bottom:0;width:51%;height:calc(100% + 90px);background-repeat:no-repeat;background-size:300% 100%;filter:drop-shadow(0 0 28px var(--glow));transform:translateX(25px) scale(.98);transform-origin:bottom center;transition:transform 1s cubic-bezier(.2,.7,.2,1);z-index:2;pointer-events:none}.is-active .hero-cutout{transform:none}.cutout-0{background-position:0 0}.cutout-1{background-position:50% 0}.cutout-2{background-position:100% 0}.showcase-controls{position:relative;z-index:6;display:flex;align-items:center;gap:10px;padding:0 48px 24px;margin-top:305px;width:max-content;max-width:100%}.slide-thumb{width:55px;height:55px;border:2px solid transparent;border-radius:11px;background:linear-gradient(135deg,var(--deep),var(--flare));padding:0;overflow:hidden;cursor:pointer;opacity:.58;transition:opacity .25s,transform .25s,border-color .25s}.slide-thumb span{display:block;width:100%;height:100%;background-size:300% 100%;background-repeat:no-repeat}.slide-thumb:hover{opacity:1;transform:translateY(-3px)}.slide-thumb[aria-pressed=true]{opacity:1;border-color:#cfbaff;box-shadow:0 0 0 3px #7f4dee55}.showcase-pause,.showcase-arrow{height:34px;min-width:34px;border-radius:50%;background:#110b1b88;border:1px solid #ffffff30;color:white;cursor:pointer}.showcase-pause{margin-left:8px;font-size:11px}.showcase-progress{position:absolute;bottom:0;left:24px;right:24px;height:2px;overflow:hidden;z-index:7;background:#ffffff0d}.showcase-progress i{display:block;height:100%;background:#d8bfff;transform:scaleX(0);transform-origin:left;animation:hero-progress 5.5s linear forwards}.showcase-progress i.hold{animation-play-state:paused}.showcase-counter{position:absolute;right:24px;bottom:24px;z-index:5;font-size:10px;letter-spacing:2px;color:#efdbef}.zg-showcase:focus-visible{outline:2px solid #cdb4ff;outline-offset:5px}@keyframes hero-progress{to{transform:scaleX(1)}}@media(min-width:1600px){.zg-showcase{min-height:390px}.showcase-controls{margin-top:325px}.hero-cutout{height:calc(100% + 105px)}}@media(max-width:850px){.showcase-copy{padding:40px 28px;width:60%}.showcase-copy h1,.showcase-copy h2{font-size:34px}.hero-cutout{right:-3%;width:57%;height:calc(100% + 65px)}.showcase-controls{padding-left:28px}.showcase-copy p{max-width:300px}}@media(max-width:600px){.zg-showcase{margin-top:75px;min-height:515px}.showcase-shell{border-radius:20px}.hero-cutout{width:80%;height:310px;top:-60px;bottom:auto;right:-7%;opacity:.9}.showcase-copy{padding:225px 24px 0;width:100%;z-index:4}.showcase-copy h1,.showcase-copy h2{font-size:31px;max-width:310px;margin:12px 0}.showcase-copy .eyebrow{font-size:9px}.showcase-copy p{font-size:12px;max-width:290px}.showcase-copy .button{margin-top:15px;padding:11px 20px;font-size:12px}.showcase-controls{margin-top:445px;padding:0 24px 18px;gap:7px}.slide-thumb{width:42px;height:42px}.showcase-counter{right:17px;bottom:21px;font-size:9px}.showcase-scene{background:linear-gradient(0deg,#110b1b 30%,transparent 80%),radial-gradient(ellipse at 70% 15%,var(--flare),var(--deep))}.showcase-pause,.showcase-arrow{min-width:27px;height:27px}.showcase-copy{pointer-events:none}.showcase-copy a{pointer-events:auto}}@media(prefers-reduced-motion:reduce){.showcase-slide,.showcase-copy,.hero-cutout,.showcase-scene{transition:none}.showcase-progress{display:none}}.cms-no-motion .showcase-progress{display:none}
@media(max-width:600px){.showcase-controls{gap:5px;padding-left:16px;padding-right:16px}.slide-thumb{width:35px;height:38px}.showcase-arrow,.showcase-pause{min-width:23px;width:23px;height:26px;padding:0}.showcase-pause{margin-left:2px}.showcase-counter{bottom:7px;right:16px;font-size:8px}}
/* Keep artwork proportions and trace the natural silhouette instead of cutting shoulders. */
.zg-showcase{display:flow-root}
.showcase-controls{position:absolute;left:0;bottom:0;margin-top:0}
.hero-cutout{width:255px;right:12%;height:510px;background-size:300% auto;clip-path:none;mask-repeat:no-repeat;mask-size:100% 100%;filter:drop-shadow(0 0 24px var(--glow))}
.hero-cutout.cutout-0{mask-image:url('/hero-mask-red.svg?v=2')}
.hero-cutout.cutout-1{mask-image:url('/hero-mask-purple.svg?v=2')}
.hero-cutout.cutout-2{mask-image:url('/hero-mask-blue.svg?v=2')}
.slide-thumb{flex:none;width:58px;height:62px}
.slide-thumb span{background-size:300% auto;background-position-y:0}
.showcase-slide:not(.is-active){visibility:hidden!important;opacity:0!important}
@media(min-width:1600px){.showcase-controls{margin-top:0}}
@media(max-width:850px){.hero-cutout{width:240px;height:480px;right:2%}.showcase-controls{gap:7px}.slide-thumb{width:48px;height:54px}}
@media(max-width:600px){.hero-cutout{width:155px;height:310px;right:12%;top:-60px}.showcase-copy{padding-top:250px}.zg-showcase{min-height:565px}.showcase-controls{gap:5px;padding:0 16px 18px;margin-top:0;bottom:0}.slide-thumb{width:38px;height:44px}.showcase-counter{bottom:5px}}