.showcase{padding:80px 0 26px;overflow:hidden;background:linear-gradient(180deg,var(--paper),#efedf4 55%,var(--paper))}.showcase-heading{margin-bottom:30px}.showcase-heading h2{font-size:clamp(26px,3.4vw,44px);font-weight:500;letter-spacing:-1px;margin:15px 0 12px}.showcase-heading p{font-size:12px;color:#777;margin:0}.showcase-stage{position:relative;height:clamp(220px,44vw,620px);width:100%;touch-action:pan-y;outline-offset:-5px;isolation:isolate}.showcase-slide{position:absolute;left:50%;top:50%;width:min(72vw,1060px);margin:0;transform:translate(-50%,-50%) translateX(var(--slide-x,0%)) scale(var(--slide-scale,1));opacity:var(--slide-opacity,0);z-index:var(--slide-z,0);transition:transform 1.1s cubic-bezier(.22,.75,.2,1),opacity .85s ease;pointer-events:none;will-change:transform,opacity}.showcase-slide img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:14px;background:white;box-shadow:0 20px 55px #25254520}.showcase-slide figcaption{font-size:12px;text-align:center;margin-top:15px;color:#646171;letter-spacing:.4px}.showcase-slide:not(.is-current) figcaption{opacity:0}.showcase-slide.is-current{pointer-events:auto}.showcase-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.showcase-pagination{display:flex;gap:9px;align-items:center}.showcase-dot{border:0;padding:0;width:10px;height:10px;background:#c9c7d3;border-radius:20px;transition:width .5s,background .5s;position:relative}.showcase-dot:before{content:'';position:absolute;inset:-12px -3px}.showcase-dot[aria-pressed=true]{width:32px;background:#405ac3}.showcase-buttons{display:flex;align-items:center;gap:10px}.showcase-buttons span{font:11px monospace;color:#777;margin-right:10px}.showcase-buttons button{height:40px;min-width:40px;background:#ffffffaa;border:1px solid #d9d6df;border-radius:25px;color:#333;padding:0 14px;font-size:12px}.showcase-buttons button:hover{background:#304e80;color:white}@media(max-width:700px){.showcase{padding-top:52px}.showcase-heading{margin-bottom:24px}.showcase-stage{height:62vw;min-height:230px}.showcase-slide{width:86vw}.showcase-slide img{border-radius:9px}.showcase-controls{margin-top:14px;gap:14px;flex-wrap:wrap}.showcase-buttons{margin-left:auto;gap:6px}.showcase-pagination{gap:7px}.showcase-dot{width:7px;height:7px}.showcase-dot[aria-pressed=true]{width:22px}.showcase-buttons button{min-width:35px;height:35px;padding:0 10px}.showcase-buttons span{margin-right:0;font-size:10px}.showcase-slide figcaption{font-size:10px;margin-top:11px}}@media(prefers-reduced-motion:reduce){.showcase-slide,.showcase-dot{transition:none}}@media print{.showcase{display:none!important}}

.showcase-slide{width:min(57.6vw,848px)}.showcase-stage{height:clamp(200px,35.2vw,496px)}@media(max-width:700px){.showcase-slide{width:68.8vw}.showcase-stage{height:49.6vw;min-height:200px}}