
.machine-scene{position:relative;isolation:isolate;min-height:740px;height:min(850px,86vh);border-radius:32px;overflow:hidden;background:#e8edf0;margin:45px 0 65px}
.machine-scene__slide{position:absolute;inset:0}.machine-scene__slide[hidden]{display:none}
.machine-scene__photo{position:absolute;inset:0}.machine-scene__photo picture,.machine-scene__photo img{display:block;width:100%;height:100%}.machine-scene__photo img{object-fit:cover;object-position:center 55%;animation:machine-arrive 1.1s ease both}
.machine-scene__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07111ce8 0%,#07111c9e 37%,#07111c15 75%),linear-gradient(0deg,#07111cb0,transparent 45%);pointer-events:none}
.machine-scene__copy{position:absolute;z-index:2;left:6%;top:14%;width:42%;max-width:470px;color:#fff;animation:machine-copy .55s ease both}
.machine-scene__num{display:block;color:#b6e8ff;font:13px monospace;letter-spacing:.15em;margin-bottom:28px}
.p-a-propos .machines--white .machine-scene .machine__brand{color:#b6e8ff!important;font-size:12px;letter-spacing:.13em}
.p-a-propos .machines--white .machine-scene .machine__name{color:#fff!important;font-size:clamp(32px,4vw,58px);line-height:1.04;letter-spacing:-.035em;margin:15px 0 22px}
.p-a-propos .machines--white .machine-scene .machine__tag{color:#fff!important;font-size:20px;line-height:1.4;margin:0 0 15px}
.p-a-propos .machines--white .machine-scene .machine__desc{color:#e4e9ed!important;font-size:15px;line-height:1.65;max-width:38ch}
.machine-scene__nav{position:absolute;z-index:3;bottom:30px;left:6%;right:4%;display:flex;justify-content:flex-end;gap:12px}
.machine-scene__nav button{position:relative;width:122px;height:146px;border:1px solid #ffffff70;border-radius:14px;overflow:hidden;padding:0;background:#263540;cursor:pointer;transition:transform .3s,border-color .3s;box-shadow:0 10px 30px #0003}
.machine-scene__nav img{width:100%;height:100%;object-fit:cover;display:block}.machine-scene__nav span{position:absolute;inset:auto 0 0;padding:24px 9px 10px;background:linear-gradient(transparent,#07111ce6);color:#fff;font-size:12px;font-weight:700;text-align:left}
.machine-scene__nav button[aria-pressed="true"]{border:2px solid #fff;transform:translateY(-10px)}.machine-scene__nav button:hover{transform:translateY(-8px)}.machine-scene__nav button:focus-visible{outline:3px solid #229ad6;outline-offset:3px}
@keyframes machine-arrive{from{transform:scale(1.045);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes machine-copy{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.machine-scene{height:780px;min-height:0;border-radius:22px}.machine-scene__copy{top:7%;left:7%;width:86%}.machine-scene__slide::after{background:linear-gradient(180deg,#07111ce8,#07111c85 60%,#07111cb0)}.machine-scene__nav{left:5%;right:5%;bottom:22px;gap:8px;justify-content:flex-start;overflow:auto;padding-top:12px}.machine-scene__nav button{flex:0 0 95px;height:120px}.machine-scene__photo img{object-position:60% center}}
@media(prefers-reduced-motion:reduce){.machine-scene__photo img,.machine-scene__copy{animation:none}.machine-scene__nav button{transition:none}}
