/* Homepage equipment and application showcase, using the approved ISG web palette. */
.equipment-showcase .showcase-slides{min-width:0}
.equipment-showcase .equipment-slide[hidden]{display:none}
.equipment-showcase .equipment-slide.is-entering .image-frame>img{animation:equipment-enter .45s ease-out both}
.equipment-showcase .image-frame{touch-action:pan-y}
.equipment-showcase .image-frame>img{display:block}
.equipment-showcase .image-frame>.showcase-photo{object-fit:cover;border-radius:2px}
.equipment-showcase .hero-equipment-label{line-height:1.45}
.equipment-showcase .hero-equipment-label>span:last-child{white-space:nowrap}
.equipment-showcase .hero-rating{border-color:#d1d5db}
.equipment-showcase .hero-rating .showcase-word-rating{font-size:36px;letter-spacing:-1px;white-space:nowrap}
.equipment-showcase .showcase-word-rating small{display:block;font-size:15px;letter-spacing:0;line-height:1.5;margin-top:4px}
.showcase-application{min-height:103px;padding-top:17px;display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:end}
.showcase-application>div>span{display:block;color:var(--blue);font-size:11px;letter-spacing:1.2px;font-weight:700;margin-bottom:7px}
.showcase-application p{font-size:15px;line-height:1.65;color:#d8e1eb;max-width:360px}
.showcase-application>a{color:var(--lime);font-size:14px;font-weight:700;line-height:1.6;border-bottom:1px solid var(--lime);padding-bottom:3px;white-space:nowrap;margin-bottom:4px}
.showcase-application>a:hover{color:var(--blue);border-color:var(--blue)}
.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff35;margin-top:20px;padding-top:14px}
.showcase-controls>button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #ffffff50;background:var(--action-purple);color:var(--lime);border-radius:3px;font-size:21px;font-weight:700;flex-shrink:0}
.showcase-controls>button:hover{background:var(--action-purple-hover);border-color:var(--lime)}
.showcase-controls .showcase-play{font-size:13px;gap:7px;padding:9px 12px;min-width:89px}
.showcase-play>span:first-child{font-size:13px}
.showcase-dots{display:flex;align-items:center;gap:0}
.showcase-dots>button{display:grid;place-items:center;min-width:30px;min-height:44px;background:none;padding:0}
.showcase-dots>button:after{content:'';width:8px;height:8px;border:1px solid #b7c2d2;border-radius:50%;transition:width .2s,background .2s}
.showcase-dots>button[aria-current=true]:after{width:22px;border-radius:6px;background:var(--blue);border-color:var(--blue)}
.showcase-dots>button:hover:after{border-color:var(--lime)}
.showcase-position{color:#d8e1eb;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.7px;white-space:nowrap}
.equipment-showcase button:focus-visible,.equipment-showcase a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.equipment-showcase>figcaption{font-size:11px;line-height:1.7;color:#aebbc8;margin-top:12px;display:block}
.showcase-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes equipment-enter{from{opacity:.3;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1150px) and (min-width:651px){.showcase-application{grid-template-columns:1fr;gap:9px;min-height:132px}.showcase-application>a{justify-self:start;font-size:13px}.showcase-controls{gap:7px}.showcase-dots>button{min-width:26px}.showcase-controls .showcase-play{min-width:77px;padding-inline:8px}.showcase-position{font-size:11px}.equipment-showcase .hero-rating .showcase-word-rating{font-size:29px}}
@media(max-width:650px){.showcase-application{min-height:120px;grid-template-columns:1fr;gap:10px;padding-top:17px}.showcase-application p{font-size:16px;max-width:none}.showcase-application>a{justify-self:start;font-size:14px}.equipment-showcase .hero-rating .showcase-word-rating{font-size:31px}.showcase-controls{gap:8px;margin-top:19px}.showcase-dots>button{min-width:27px}.showcase-controls .showcase-play{min-width:80px;padding-inline:8px}.showcase-position{display:none}.equipment-showcase>figcaption{font-size:12px}}
@media(max-width:375px){.showcase-controls{gap:5px}.showcase-dots>button{min-width:24px}.showcase-controls .showcase-play{min-width:72px;font-size:12px}.equipment-showcase .hero-equipment-label{inset-inline:17px;font-size:9px}.equipment-showcase .hero-rating{gap:15px}}
@media(prefers-reduced-motion:reduce){.equipment-showcase .equipment-slide.is-entering .image-frame>img{animation:none}.showcase-dots>button:after{transition:none}}
