.showcase{--glow:#28c2f0;--progress:0;position:relative;isolation:isolate;overflow:hidden;background:#071c2e;color:#fff;outline-offset:-4px!important}.showcase-atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 73% 47%,#126d9760,transparent 48%),linear-gradient(115deg,#061725,#0b304a 70%,#071c2e);transition:background .5s}.showcase-atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071b2d 0%,transparent 60%),url('assets/uretim.jpg') center/cover;opacity:.075;mix-blend-mode:screen}.showcase-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#9ed8ff06 1px,transparent 1px),linear-gradient(90deg,#9ed8ff06 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}.showcase-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:585px;gap:15px}.showcase-copy{position:relative;z-index:3;padding:54px 0 50px;max-width:560px}.showcase-kicker{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px;color:#8ccee9}.showcase-kicker i{height:5px;width:5px;background:#49d1f5;box-shadow:0 0 12px #2bc5e9;border-radius:50%}.showcase-intro{font-size:12px;color:#a5bdcd;margin:28px 0 15px;letter-spacing:.2px}.showcase .showcase-heading{font-size:clamp(38px,4.2vw,62px);letter-spacing:-2px;line-height:1.08;font-weight:500;margin:0 0 25px}.showcase .showcase-heading>span{display:block}.showcase .showcase-heading>span:last-child{color:#6ed7f3}.showcase-description{font-size:13px;line-height:1.9;max-width:445px;color:#afc5d5;min-height:75px;margin-bottom:0}.showcase-actions{display:flex;align-items:center;gap:29px;margin-top:29px}.showcase-primary{background:#fff;color:#103148;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 23px;transition:background .2s,transform .2s}.showcase-primary:hover{background:#9de7fb;transform:translateY(-2px)}.showcase-primary>span{font-size:20px;font-weight:400;line-height:1}.showcase-secondary{font-size:12px;color:#d1dfeb;display:flex;gap:15px;align-items:center}.showcase-secondary:hover{color:#7dddff}.showcase-signature{display:flex;align-items:center;gap:9px;margin-top:42px;font-size:8px;letter-spacing:1.6px;color:#adc1d0}.showcase-signature>span{width:21px;height:1px;background:#53bfe3}.showcase-signature>small{font-size:7px;letter-spacing:1px;color:#657f93;padding-left:10px;border-left:1px solid #3a566c}.showcase-visual{position:relative;height:540px;display:grid;align-items:center;justify-items:center;min-width:0;align-self:center;perspective:1000px}.showcase-model{position:absolute;top:30px;left:50%;transform:translateX(-50%);font-size:clamp(68px,9vw,143px);font-weight:700;letter-spacing:-5px;line-height:1;color:transparent;-webkit-text-stroke:1px #77caf137;white-space:nowrap;z-index:-1}.showcase-orbit{position:absolute;left:50%;top:51%;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg);border:1px solid #70ceee20;pointer-events:none}.orbit-one{width:490px;height:490px;box-shadow:0 0 100px #29aee515,inset 0 0 80px #29aee50a}.orbit-two{width:390px;height:390px;border-style:dashed;border-color:#70ceee17}.showcase-orbit:before{content:"";position:absolute;width:6px;height:6px;background:#62dcff;border-radius:50%;top:14%;left:14%;box-shadow:0 0 22px #4dcfff}.showcase-cross{position:absolute;color:#7cc6e96b;font-size:20px;font-weight:200}.cross-one{right:5px;top:160px}.cross-two{left:20px;bottom:95px}.showcase-product{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;z-index:1;filter:drop-shadow(0 30px 24px #0008);animation:showcase-enter .8s ease both;transition:opacity .25s,transform .5s;transform:translateY(-5px);will-change:transform}.showcase-product-tag{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;z-index:3;gap:8px;font-size:10px;color:#bbd2e2;letter-spacing:.3px;white-space:nowrap;padding:11px 16px;background:#0d2e43aa;border:1px solid #6994b02b;backdrop-filter:blur(10px);max-width:100%}.product-tag-dot{width:4px;height:4px;background:#54d2f5;border-radius:50%;flex-shrink:0}.showcase-bottom{position:relative;border-top:1px solid #97d7f324;background:#04152245}.showcase-controls{display:flex;align-items:stretch;justify-content:space-between;gap:50px}.showcase-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;max-width:760px;gap:32px}.showcase-choice{position:relative;border:0;border-radius:0;background:transparent;color:#6b8ba3;padding:23px 0;display:flex;align-items:center;gap:13px;text-align:left;transition:color .3s;min-width:0}.showcase-choice:hover{color:#d5e6f2}.showcase-choice.is-active{color:#fff}.choice-number{font-size:9px;color:#63839b}.choice-label{display:flex;flex-direction:column;gap:4px}.choice-label>strong{font-size:15px;font-weight:500;letter-spacing:.4px}.choice-label>small{font-size:8px;letter-spacing:1.4px;color:inherit}.choice-progress{height:2px;position:absolute;top:-1px;left:0;right:0;background:#7fb3d12b}.choice-progress:after{content:"";position:absolute;inset:0;background:#72d8f4;transform:scaleX(0);transform-origin:left}.showcase-choice.is-active .choice-progress:after{transform:scaleX(var(--progress));transition:transform .12s linear}.showcase-navigation{display:flex;align-items:center;gap:10px;flex-shrink:0}.showcase-count{display:flex;gap:7px;margin-right:16px;font-size:10px;font-variant-numeric:tabular-nums}.showcase-count>b{font-weight:400;font-size:14px}.showcase-count>span{color:#658399;padding-top:3px}.showcase-navigation>button{width:37px;height:37px;border:1px solid #729bbb50;background:transparent;color:#dceaf3;font-size:17px;display:grid;place-items:center;border-radius:50%;transition:background .2s,border-color .2s}.showcase-navigation>button:hover{background:#2b5d7c;border-color:#87b9d3}.showcase-navigation>.showcase-pause{font-size:12px;border:0;width:25px;color:#8facc0}.showcase.is-changing .showcase-product{animation:none;opacity:0;transform:translate(25px,10px) scale(.95)}.showcase.is-changing .showcase-copy .showcase-heading,.showcase.is-changing .showcase-description{opacity:0;transform:translateY(9px)}.showcase-copy .showcase-heading,.showcase-description{transition:opacity .2s,transform .3s}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes showcase-enter{from{opacity:0;transform:translate(25px,10px) scale(.95)}to{opacity:1;transform:translateY(-5px)}}
@media(min-width:1600px){.showcase-stage{min-height:660px}.showcase-visual{height:600px}.showcase .showcase-heading{font-size:66px}.showcase-product{width:100%;height:100%}}
@media(max-width:1100px){.showcase-stage{min-height:530px}.showcase .showcase-heading{font-size:46px}.showcase-visual{height:460px}.orbit-one{width:380px;height:380px}.orbit-two{width:300px;height:300px}.showcase-controls{gap:22px}.showcase-choices{gap:20px}.choice-label>strong{font-size:13px}.showcase-navigation{gap:6px}.showcase-count{margin-right:3px}.showcase-product-tag{font-size:8px}.showcase-signature>small{display:none}}
@media(max-width:760px){.showcase-stage{grid-template-columns:1fr;gap:0;min-height:0}.showcase-copy{padding:35px 0 5px;max-width:none}.showcase-kicker{font-size:8px;letter-spacing:1.7px}.showcase-intro{font-size:11px;margin-top:22px;margin-bottom:13px}.showcase .showcase-heading{font-size:41px;letter-spacing:-1.5px;margin-bottom:19px}.showcase-description{font-size:12px;line-height:1.75;min-height:64px;max-width:440px}.showcase-actions{gap:24px;margin-top:22px}.showcase-primary{font-size:11px;padding:14px 18px;gap:32px}.showcase-secondary{font-size:11px;gap:9px}.showcase-signature{display:none}.showcase-visual{height:340px;width:100%;max-width:430px;margin:auto}.showcase-model{top:10px;font-size:85px;letter-spacing:-3px}.showcase-product{width:100%;height:100%;transform:translateY(-8px)}.orbit-one{width:300px;height:300px}.orbit-two{width:230px;height:230px}.showcase-product-tag{bottom:8px;font-size:8px;padding:8px 12px}.cross-one{right:15px;top:95px}.cross-two{left:5px;bottom:45px}.showcase-controls{display:block}.showcase-choices{gap:13px;max-width:none}.showcase-choice{gap:5px;padding:17px 0 13px;align-items:start}.choice-number{display:none}.choice-label>strong{font-size:12px;letter-spacing:.1px}.choice-label>small{font-size:7px;letter-spacing:.6px}.showcase-navigation{justify-content:end;padding:7px 0 13px;border-top:1px solid #83b6d21b;gap:9px}.showcase-navigation>button{width:29px;height:29px;font-size:14px}.showcase-navigation>.showcase-pause{font-size:10px}.showcase-count{margin-right:auto;font-size:9px}.showcase-count>b{font-size:12px}.showcase-count>span{padding-top:2px}}
@media(max-width:380px){.showcase .showcase-heading{font-size:36px}.showcase-visual{height:300px}.showcase-description{font-size:11px}.showcase-model{font-size:70px}}
@media(prefers-reduced-motion:reduce){.showcase *{animation:none!important;transition:none!important}.showcase.is-changing .showcase-product,.showcase.is-changing .showcase-copy .showcase-heading,.showcase.is-changing .showcase-description{opacity:1;transform:none}}

.showcase .wrap{width:min(1280px,90%);margin-left:auto;margin-right:auto}.showcase .showcase-heading{color:#fff}.showcase .showcase-heading>span:last-child{color:#6ed7f3}.showcase-choices{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(85px,1fr);overflow-x:auto;scrollbar-width:none}.showcase-choices::-webkit-scrollbar{display:none}.showcase-film-layer{position:absolute;inset:0;z-index:5;background:#071c2e}.showcase-film{display:block;width:100%;height:100%;object-fit:contain}.showcase.is-video .showcase-stage{width:100%;max-width:none}.showcase.is-video .showcase-copy,.showcase.is-video .showcase-visual{visibility:hidden;pointer-events:none}.showcase-film-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff7;border-radius:50%;background:#071c2ecc;color:#fff;width:80px;height:80px;font-size:28px;cursor:pointer}.showcase-film-start>span{position:absolute;left:50%;top:100%;transform:translateX(-50%);font-size:12px;white-space:nowrap;padding-top:15px}.showcase [hidden]{display:none!important}.showcase .showcase-heading,.showcase p{font-family:inherit}.showcase .showcase-heading{font-weight:500}.showcase .showcase-visual{overflow:visible}.showcase button{font-family:inherit}.showcase a{text-decoration:none}.showcase:focus-visible,.showcase a:focus-visible,.showcase button:focus-visible{outline:2px solid #7dddff;outline-offset:4px}
@media(max-width:760px){.showcase-choices{grid-auto-columns:minmax(76px,1fr)}}

.showcase.is-video .showcase-copy,.showcase.is-video .showcase-visual{display:none}.showcase .showcase-film-layer{inset:0}.showcase .showcase-heading{margin-top:0}.showcase *{box-sizing:border-box}.showcase-choices{min-width:0}.showcase-count{white-space:nowrap}

.showcase-choices{position:relative}

/* One stage height per viewport, independent of slide media and text. */
.showcase{--showcase-stage-height:585px}
.showcase .showcase-stage,.showcase.is-video .showcase-stage{height:var(--showcase-stage-height);min-height:var(--showcase-stage-height);max-height:var(--showcase-stage-height);aspect-ratio:auto;overflow:hidden}
.showcase-copy{min-width:0;max-height:100%}
.showcase.has-long-title .showcase-heading{font-size:clamp(28px,3vw,40px);letter-spacing:-1px;overflow-wrap:anywhere}
.showcase-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:0}
.choice-label{min-width:0}.choice-label>strong,.choice-label>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.showcase-product-tag{overflow:hidden;text-overflow:ellipsis}
@media(min-width:1600px){.showcase{--showcase-stage-height:660px}}
@media(max-width:1100px){.showcase{--showcase-stage-height:530px}.showcase-copy{padding-top:28px;padding-bottom:28px}.showcase-signature{margin-top:25px}}
@media(max-width:760px){.showcase{--showcase-stage-height:760px}.showcase .showcase-stage{grid-template-rows:minmax(0,1fr) 320px}.showcase-copy{align-self:center;padding:28px 0 12px}.showcase .showcase-visual{height:320px}.showcase.has-long-title .showcase-heading{font-size:30px;line-height:1.12}.showcase-intro{margin-top:16px}.showcase-actions{gap:16px}}
@media(max-width:380px){.showcase{--showcase-stage-height:740px}.showcase .showcase-stage{grid-template-rows:minmax(0,1fr) 300px}.showcase .showcase-visual{height:300px}.showcase.has-long-title .showcase-heading{font-size:27px}}

/* Requested typography applies only to the slider. Nunito Sans is loaded by the existing site stylesheet. */
.showcase,.showcase .showcase-heading,.showcase p,.showcase button,.showcase a{font-family:"Nunito Sans",sans-serif}
.showcase .showcase-product-tag{display:none}

/* Fill the fixed desktop stage, eliminating side bars on wide screens. */
@media(min-width:761px){.showcase .showcase-film{object-fit:cover;object-position:center}}

/* Mobile CMS banners and portrait film share their native 1080 x 1390 stage. */
@media(max-width:760px){
 .showcase{--showcase-stage-height:calc(100vw * 1390 / 1080)}
 .showcase.is-mobile-product .showcase-stage{display:flex;align-items:flex-end;width:100%;max-width:none}
 .showcase.is-mobile-product .showcase-copy{align-self:flex-end;padding:0 22px 24px;max-width:none;width:100%}
 .showcase.is-mobile-product .showcase-visual{position:absolute;inset:0 0 auto;width:100%;max-width:none;height:53%;margin:0;z-index:0}
 .showcase.is-mobile-banner .showcase-visual{height:100%}
 .showcase.is-mobile-product .showcase-product{object-fit:contain;filter:none;transform:none;animation:none}
 .showcase.is-mobile-product .showcase-kicker,.showcase.is-mobile-product .showcase-intro,.showcase.is-mobile-product .showcase-model,.showcase.is-mobile-product .showcase-orbit,.showcase.is-mobile-product .showcase-cross{display:none}
 .showcase.is-mobile-product .showcase-heading{font-size:27px;line-height:1.12;letter-spacing:-.5px;margin-bottom:10px}
 .showcase.is-mobile-product .showcase-description{font-size:12px;line-height:1.5;-webkit-line-clamp:2}
 .showcase.is-mobile-product .showcase-actions{margin-top:14px;gap:16px}
 .showcase.is-mobile-product .showcase-primary{padding:11px 14px;gap:18px}
}
@media(max-width:380px){.showcase.is-mobile-product .showcase-heading{font-size:24px}.showcase.is-mobile-product .showcase-copy{padding:0 18px 20px}}