/* Production scenes: an independent, physical-LTR spatial carousel. */
.supply-section{position:relative;background:radial-gradient(ellipse 60% 48% at 19% 52%,#26394918,transparent 85%)}
.supply-section .section-heading{margin-bottom:38px}
.supply-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 28px;gap:24px}
.supply-toolbar p{font-size:12px;color:var(--muted)}
.supply-toolbar>div{display:flex;gap:12px;direction:ltr}
.supply-step{border:1px solid var(--line);background:transparent;color:var(--text);width:46px;height:46px;border-radius:50%;font-size:21px;cursor:pointer;transition:border-color 320ms ease,color 320ms ease}
.supply-step:hover,.supply-step:focus-visible{border-color:var(--gold);color:var(--gold-light)}
.supply-step:disabled{opacity:.3;cursor:default}
.supply-scenes{
 --supply-card:min(44vw,660px);--supply-height:clamp(330px,34vw,490px);
 display:flex;align-items:flex-start;gap:0;isolation:isolate;direction:ltr;
 padding:40px calc((100vw - var(--supply-card))/2) 210px;
 scroll-padding-inline:calc((100vw - var(--supply-card))/2);
 overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;
 overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;
}
.supply-scenes::-webkit-scrollbar{display:none}
.supply-scene{
 flex:0 0 var(--supply-card);width:var(--supply-card);height:var(--supply-height);
 min-width:0;margin:0;position:relative;scroll-snap-align:center;
}
.supply-scenes.supply-spatial{cursor:grab}
.supply-spatial .supply-scene{margin-inline-end:calc(var(--supply-card) * -.24)}
.supply-spatial .supply-scene:last-child{margin-inline-end:0}
.supply-photo{
 position:relative;overflow:hidden;width:100%;height:100%;
 border:1px solid #bca57724;border-radius:3px;background:#0c131e;
 box-shadow:0 24px 70px #00000068;transform-origin:center;
}
.supply-spatial .supply-photo{
 transform:perspective(1400px) translateZ(var(--supply-depth,0px)) rotateY(var(--supply-angle,0deg)) scale(var(--supply-scale,1));
 filter:brightness(var(--supply-light,1)) saturate(var(--supply-saturation,1));
 transition:transform 170ms linear,filter 220ms ease,border-color 350ms ease;
 backface-visibility:hidden;
}
.supply-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#060b1300 70%,#060b1318);box-shadow:inset 0 0 45px #080b1012}
.supply-photo img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;transition:transform 1100ms var(--motion-ease-spatial)}
.supply-spatial .is-supply-focus .supply-photo{border-color:#bca57760}
.supply-scene figcaption{
 position:absolute;inset:calc(100% + 28px) 0 auto;
 display:block;
 padding:0 16px;text-align:center;pointer-events:none;
 transition:opacity 280ms ease,transform 450ms var(--motion-ease-spatial);
}
.supply-spatial .supply-scene figcaption{opacity:0;transform:translateY(8px)}
.supply-spatial .is-supply-focus figcaption{opacity:1;transform:none}
.supply-scene .eyebrow{font-size:10px;margin:0 0 12px;line-height:1.7}
.supply-scene h3{font-size:clamp(22px,2vw,30px);font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:0 0 10px}
.supply-scene figcaption>p:last-child{font-size:14px;color:var(--muted);line-height:1.8;max-width:540px;margin:0 auto}
.supply-end{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:12px}
.supply-position{font-size:11px;letter-spacing:.08em;color:var(--gold);white-space:nowrap;direction:ltr}
.supply-scenes.supply-driving{scroll-snap-type:none}
.supply-scenes.supply-dragging{cursor:grabbing;user-select:none}
.supply-dragging .supply-photo{transition:none}
.supply-section.supply-ready .section-heading h2,.supply-section.supply-ready .section-heading .eyebrow{opacity:0;transform:translateY(18px);transition:opacity 900ms ease,transform 1100ms var(--motion-ease-spatial)}
.supply-section.supply-seen .section-heading h2,.supply-section.supply-seen .section-heading .eyebrow{opacity:1;transform:none}
.supply-section.supply-ready .section-heading:after{transform:scaleX(.1);transition:transform 1400ms var(--motion-ease-spatial)}
.supply-section.supply-seen .section-heading:after{transform:scaleX(1)}
.supply-scene figcaption[dir=rtl] h3{letter-spacing:0;line-height:1.5}
.supply-scene figcaption[dir=rtl] .eyebrow{letter-spacing:0}
@media(hover:hover) and (pointer:fine){
 .supply-spatial:not(.supply-dragging) .is-supply-focus:hover img{transform:scale(1.025)}
 .supply-spatial:not(.supply-dragging) .supply-scene:hover .supply-photo{border-color:#bca57770}
 .supply-spatial.supply-previewing:not(.supply-dragging) .supply-scene figcaption{opacity:0;transform:translateY(8px)}
 .supply-spatial.supply-previewing:not(.supply-dragging) .is-supply-preview figcaption{opacity:1;transform:none}
}
@media(max-width:1100px){.supply-scenes{--supply-card:54vw;--supply-height:clamp(300px,40vw,440px)}}
@media(max-width:760px),(hover:none){
 .supply-scenes{--supply-card:82vw;--supply-height:clamp(260px,63vw,440px);padding-top:26px;padding-bottom:212px}
 .supply-scenes.supply-spatial{cursor:auto}
 .supply-spatial .supply-scene{margin-inline-end:calc(var(--supply-card) * -.16)}
 .supply-photo{box-shadow:0 16px 45px #00000060}
 .supply-spatial .supply-photo{transition:transform 100ms linear,filter 150ms ease}
 .supply-scene figcaption{inset-block-start:calc(100% + 26px);padding-inline:8px}
 .supply-scene h3{font-size:23px;line-height:1.3}
 .supply-scene figcaption>p:last-child{font-size:13px;line-height:1.75}
 .supply-end{align-items:baseline}.supply-end .text-link{max-width:76%}
}
@media(prefers-reduced-motion:reduce){
 .supply-section.supply-ready .section-heading h2,.supply-section.supply-ready .section-heading .eyebrow{opacity:1;transform:none;transition:none}
 .supply-section.supply-ready .section-heading:after{transform:scaleX(1);transition:none}
 .supply-spatial .supply-photo,.supply-scene figcaption,.supply-photo img{transition:none;transform:none}
 .supply-spatial .is-supply-focus .supply-photo{outline:1px solid var(--gold);outline-offset:3px}
 .supply-spatial:not(.supply-dragging) .is-supply-focus:hover img{transform:none}
}
