.showcase-panels{display:grid}.showcase-panel{visibility:hidden;opacity:0;pointer-events:none;grid-area:1/1;min-width:0;transition:opacity .6s,visibility .6s}.showcase-panel.is-active{visibility:visible;opacity:1;pointer-events:auto}.showcase-image{aspect-ratio:1.25;background:#080e16;position:relative;overflow:hidden}.showcase-image img{transition:transform 1.1s cubic-bezier(.2,.65,.3,1);transform:scale(1.025)}.is-active .showcase-image img{transform:scale(1)}.showcase-panel .tech-copy{opacity:0;transition:transform .65s 80ms,opacity .5s 80ms;transform:translateY(9px)}.showcase-panel.is-active .tech-copy{opacity:1;transform:none}.showcase-panel .tech-copy h3{max-width:440px}.showcase-panel .tech-media{border-color:#4c6074}.showcase-panel .media-tag{color:#d9eaff;background:#172b43;border-bottom:1px solid #527ba7;border-right:1px solid #527ba7}.showcase-detail{color:#a8c6ea;text-align:right;letter-spacing:.025em;max-width:58%;font-size:9px}.showcase-reticle{pointer-events:none;opacity:.65;background:linear-gradient(#648db8,#648db8) 0 0/17px 1px no-repeat,linear-gradient(#648db8,#648db8) 0 0/1px 17px no-repeat,linear-gradient(#648db8,#648db8) 100% 100%/17px 1px no-repeat,linear-gradient(#648db8,#648db8) 100% 100%/1px 17px no-repeat;position:absolute;inset:48px 22px 22px}.showcase-controls{min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:18px;margin-top:38px;display:flex}.showcase-toggle{background:0 0;border:1px solid #536275;min-height:44px;padding:12px 14px;font-size:10px}.showcase-toggle:hover{color:#fff;background:#1c2c40}.showcase-controls [hidden]{display:none}.showcase-rail{margin-top:12px}.showcase-rail a{color:#b6c1cd;align-items:center;min-height:78px;position:relative;overflow:hidden;padding:24px 20px!important}.showcase-rail a.is-active{color:#fff;background:#182b44}.showcase-marker{color:#92bafa}.showcase-rail a[role=tab] .showcase-marker{font-size:0}.showcase-rail a[role=tab] .showcase-marker:after{content:"+";font-size:18px}.showcase-rail a[role=tab].is-active .showcase-marker:after{content:"−"}.showcase-progress{transform-origin:0;background:#91baff;width:100%;height:2px;position:absolute;top:0;left:0;transform:scaleX(0)}.is-active>.showcase-progress{transform:scaleX(1)}.is-running .is-active>.showcase-progress{animation:showcase-progress var(--showcase-duration,5.5s) linear both}.showcase-rail a:focus-visible{outline-offset:-5px}.showcase-panel:focus-visible{outline-offset:8px;outline:2px solid #8bbcff}@keyframes showcase-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width>=1101px){.b-tech:has(.service-showcase){padding-top:clamp(64px,8svh,100px);padding-bottom:clamp(40px,5svh,65px)}.b-tech:has(.service-showcase) .tech-heading{margin-bottom:clamp(32px,4svh,56px)}.showcase-image{aspect-ratio:auto;height:clamp(440px,40svh + 160px,680px)}.showcase-image img{object-fit:cover;object-position:50% 50%}.showcase-controls{margin-top:20px}.showcase-rail{margin-top:8px}.showcase-rail a{min-height:66px;padding-top:18px!important;padding-bottom:18px!important}}@media (width<=900px) and (width>=651px){.showcase-panel{grid-template-columns:1fr 1fr;gap:28px}.showcase-panel .tech-copy h3{font-size:30px}.showcase-panel .tech-copy>p:not(.mono){font-size:15px}.showcase-detail{font-size:8px}.showcase-panel figcaption{padding:12px;font-size:8px}}@media (width<=650px){.showcase-panel{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.showcase-panel .tech-copy{margin-top:26px}.showcase-image{aspect-ratio:1.25}.showcase-panel .tech-copy h3{max-width:350px;font-size:30px}.showcase-controls{flex-direction:column;align-items:start;gap:14px;margin-top:30px}.showcase-controls>.mono,.showcase-toggle{font-size:9px}.showcase-rail a{min-height:78px;font-size:12px;padding:19px 12px!important}.showcase-rail{margin-top:14px}.showcase-detail{font-size:7px}.showcase-panel figcaption{align-items:center;gap:12px;padding:12px 10px;font-size:8px}.showcase-panel .tech-copy p.tech-note{max-width:100%}}@media (prefers-reduced-motion:reduce){.showcase-panel,.showcase-panel .tech-copy,.showcase-image img{transition:none;transform:none}.showcase-progress{animation:none!important}.showcase-toggle{display:none}}