﻿/* Geometry belongs to the slide; numbers and machines share its single scale. */
#equipment-showcase{position:relative;isolation:isolate;overflow:hidden;background:var(--zille-black);color:var(--zille-bone);font-family:var(--font-primary);padding:clamp(70px,5vw,90px) 0 clamp(50px,4vw,64px)}
/* Keep the functional scroll runway on the same surface as its pinned section.
   ScrollTrigger adds this class from the existing trigger id; retain its geometry. */
.pin-spacer-equipment-showcase-scroll{background:var(--zille-black)}
#equipment-showcase .equipment-showcase__container{position:relative;z-index:2;width:min(100% - 40px,1680px);margin-inline:auto}
#equipment-showcase .equipment-showcase__header{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);gap:clamp(36px,7vw,120px);align-items:end;max-width:1480px;margin:0 auto 24px;text-align:left}
#equipment-showcase .equipment-showcase__header-copy{min-width:0}
#equipment-showcase .equipment-showcase__kicker{margin:0 0 10px;color:var(--zille-yellow);font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.4}
#equipment-showcase .equipment-showcase__header h2{margin:0;color:var(--zille-bone);font-size:clamp(30px,3.2vw,48px);line-height:1.05;letter-spacing:-.045em;text-wrap:balance}
#equipment-showcase .equipment-showcase__description{max-width:620px;margin:0 0 4px;color:rgba(var(--zille-white-rgb),.68);font-size:14px;line-height:1.5}
#equipment-showcase .equipment-showcase__stage{position:relative;height:clamp(240px,40svh,390px);overflow:hidden;touch-action:pan-y;cursor:grab}
#equipment-showcase .equipment-showcase__stage:active{cursor:grabbing}
#equipment-showcase .equipment-showcase__stage:focus-visible{outline:2px solid var(--zille-yellow);outline-offset:-2px}
#equipment-showcase .equipment-showcase__track{position:relative;width:100%;height:100%}
#equipment-showcase .equipment-showcase__slide{position:absolute;top:50%;left:50%;width:var(--equipment-slide-width,30%);height:90%;margin:0;pointer-events:none;will-change:transform,opacity;visibility:hidden}
#equipment-showcase .equipment-showcase__slide-count{position:absolute;top:0;left:0;width:100%;z-index:0;text-align:center;color:var(--equipment-count-color,#777);opacity:var(--equipment-count-opacity,.55);font-size:min(calc(var(--equipment-slide-width,300px) * .64),24svh);font-weight:800;line-height:1;letter-spacing:-.065em;white-space:nowrap}
#equipment-showcase .equipment-showcase__slide img{position:absolute;top:22%;left:0;width:100%;height:65%;z-index:1;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 12px rgba(0,0,0,.4));user-select:none;-webkit-user-drag:none}
#equipment-showcase .equipment-showcase__slide img.equipment-showcase__machine--small{top:auto;right:auto;bottom:13%;left:15%;width:70%;height:45.5%}
#equipment-showcase .equipment-showcase__slide-title{position:absolute;bottom:0;left:0;width:100%;margin:0;text-align:center;color:var(--zille-bone);font-size:clamp(13px,1.2vw,18px);font-weight:700;letter-spacing:.04em;line-height:1.3}
#equipment-showcase .equipment-showcase__meta{display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:center;padding-top:12px;border-top:1px solid rgba(var(--zille-white-rgb),.2)}
#equipment-showcase .equipment-showcase__current{grid-column:1 / -1;text-align:center}
#equipment-showcase .equipment-showcase__current-number{color:var(--zille-yellow);font-size:12px;font-weight:700;letter-spacing:.12em}
#equipment-showcase .equipment-showcase__total{color:rgba(var(--zille-white-rgb),.45);font-size:12px;letter-spacing:.12em}
#equipment-showcase .equipment-showcase__current-title{display:block;margin-top:4px;color:var(--zille-bone);font-size:clamp(18px,1.6vw,24px);line-height:1.1}
#equipment-showcase .equipment-showcase__current-detail{display:block;margin-top:5px;color:rgba(var(--zille-white-rgb),.65);font-size:12px;line-height:1.5}
#equipment-showcase .equipment-showcase__controls{display:flex;gap:8px}
#equipment-showcase .equipment-showcase__nav{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(var(--zille-white-rgb),.3);border-radius:0;background:transparent;color:var(--zille-bone);font:inherit;font-size:20px;cursor:pointer;transition:background-color .2s,color .2s}
#equipment-showcase .equipment-showcase__nav:hover:not(:disabled),#equipment-showcase .equipment-showcase__nav:focus-visible{background:var(--zille-yellow);color:var(--zille-black)}
#equipment-showcase .equipment-showcase__nav:disabled{cursor:default;opacity:.28}
#equipment-showcase .equipment-showcase__progress-wrap{display:flex;align-items:center;gap:14px;width:220px;max-width:100%}
#equipment-showcase .equipment-showcase__progress-label{white-space:nowrap;color:rgba(var(--zille-white-rgb),.62);font-size:11px;letter-spacing:.1em}
#equipment-showcase .equipment-showcase__progress{flex:1;height:2px;background:rgba(var(--zille-white-rgb),.18)}
#equipment-showcase .equipment-showcase__progress span{display:block;width:14.285%;height:100%;background:var(--zille-yellow)}
#equipment-showcase > .section-transition-light{position:absolute;top:0;left:0;width:100%;height:32px;overflow:hidden;background:var(--zille-black);pointer-events:none;z-index:1}
#equipment-showcase .section-transition-light__shape{position:absolute;left:-1px;right:-1px;bottom:-2px;height:calc(100% + 2px);background:var(--zille-bone);border-radius:50% 50% 0 0 / 14% 14% 0 0;transform-origin:bottom center;filter:blur(.7px)}
#equipment-showcase > .section-transition-light{display:none}
@media(max-width:599px){
#equipment-showcase{padding:48px 0 40px}
#equipment-showcase .equipment-showcase__container{width:calc(100% - 24px)}
#equipment-showcase .equipment-showcase__header{display:block;margin-bottom:18px}
#equipment-showcase .equipment-showcase__header h2{font-size:30px}
#equipment-showcase .equipment-showcase__description{max-width:100%;margin-top:14px;font-size:13px}
#equipment-showcase .equipment-showcase__stage{height:clamp(220px,34svh,300px);margin-inline:-12px}
#equipment-showcase .equipment-showcase__progress-wrap{width:160px}
#equipment-showcase > .section-transition-light{height:24px}
}
@media(prefers-reduced-motion:reduce){#equipment-showcase .equipment-showcase__nav{transition:none}}
