/* Equipment uses three scroll planes. Explanation remains in ordinary flow. */
.equipment-story{position:relative;overflow:clip;isolation:isolate;padding-block:54px 64px}
.equipment-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:66px}
.equipment-scene{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:start;perspective:1400px;isolation:isolate;min-width:0}
.equipment-back{position:relative;z-index:1;justify-self:start;width:100%;font-size:var(--heading);line-height:1.08;transform:var(--equipment-back-transform,none);transform-origin:50% 50%}
.equipment-handset{position:relative;z-index:2;width:min(68vw,250px);margin-top:46px;transform:var(--equipment-phone-transform,none);transform-origin:50% 50%}
.equipment-story .equipment-front{position:relative;z-index:3;justify-self:center;max-width:100%;margin-top:26px;font-size:var(--heading);font-weight:500;line-height:1.08;letter-spacing:-.048em;color:var(--paper);text-align:center;text-wrap:balance;white-space:nowrap;transform:var(--equipment-front-transform,none);transform-origin:50% 50%;text-shadow:0 2px 10px #17131090,0 1px 2px #171310}
.equipment-copy{position:relative;z-index:4;display:grid;gap:30px;max-width:440px;width:100%;margin-inline:auto}
.equipment-explanation h3{margin:0 0 10px;font-size:var(--body);font-weight:500;line-height:1.4;letter-spacing:-.015em;color:var(--paper);text-wrap:pretty}
.equipment-explanation p{font-size:var(--body);line-height:1.55;margin:0}
.equipment-story[data-equipment-visible] .equipment-back,.equipment-story[data-equipment-visible] .equipment-handset,.equipment-story[data-equipment-visible] .equipment-front{will-change:transform}
@media(min-width:701px){
 .equipment-story{padding-block:80px 90px}
 .equipment-layout{gap:76px}
 .equipment-scene{max-width:560px;width:100%;margin-inline:auto}
 .equipment-handset{width:280px;margin-top:34px}
 .equipment-copy{max-width:520px;gap:32px}
}
@media(min-width:1001px){
 .equipment-story{padding-block:110px 105px}
 .equipment-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(48px,6vw,88px)}
 .equipment-scene{max-width:none}
 .equipment-handset{width:290px;margin-top:32px}
 .equipment-back{max-width:540px}
 .equipment-copy{max-width:410px;padding-top:54px;gap:36px}
}
@media(max-width:360px){
 .equipment-story{padding-block:44px 56px}
 .equipment-layout{gap:58px}
 .equipment-handset{margin-top:44px}
 .equipment-story .equipment-front{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){
 .equipment-back,.equipment-handset,.equipment-story .equipment-front{transform:none!important;will-change:auto!important}
 .equipment-story .equipment-front{text-shadow:none}
}