.factory-dual{position:relative;display:flex;min-height:600px;overflow:hidden;isolation:isolate;background:#17201a}
.factory-dual .factory-face{position:relative;display:block;flex:1 1 0;min-width:0;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#17201a;color:#fff;text-align:left;cursor:pointer;transition:flex-grow .7s cubic-bezier(.22,.68,.2,1)}
.factory-dual .factory-face+.factory-face{border-left:1px solid #ffffff60}
.factory-dual .factory-face img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-width:none;object-fit:cover;object-position:50% 50%;transform:scale(1.025);transition:transform .85s cubic-bezier(.22,.68,.2,1),filter .5s}
.factory-dual .factory-face::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#111b1838 0%,transparent 40%,#101914c9 100%)}
.factory-dual .factory-face-copy{position:absolute;z-index:1;left:24px;right:12px;bottom:38px;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.factory-dual .factory-face-index{font-size:10px;letter-spacing:.12em;color:#e0e9e1;white-space:nowrap}
.factory-dual .factory-face-copy strong{font-size:27px;line-height:1.3;font-weight:600;letter-spacing:-.04em;white-space:nowrap;text-shadow:0 2px 12px #0004}
.factory-dual .factory-face-detail{font-size:12px;line-height:1.6;color:#e0e9e1;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .5s;white-space:nowrap}
.factory-dual-hint{position:absolute;z-index:2;top:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;white-space:nowrap;padding:9px 15px;border:1px solid #ffffff45;border-radius:30px;background:#1b251eb3;color:#fff;font-size:11px;line-height:1.4;pointer-events:none}
.factory-dual[data-active=machining] .factory-face-machining,.factory-dual[data-active=assembly] .factory-face-assembly{flex-grow:3}
.factory-dual[data-active=machining] .factory-face-machining img,.factory-dual[data-active=assembly] .factory-face-assembly img{transform:scale(1.085)}
.factory-dual[data-active=machining] .factory-face-assembly img,.factory-dual[data-active=assembly] .factory-face-machining img{filter:brightness(.65) saturate(.7)}
.factory-dual[data-active=machining] .factory-face-machining .factory-face-detail,.factory-dual[data-active=assembly] .factory-face-assembly .factory-face-detail{opacity:1;transform:translateY(0)}
.factory-dual .factory-face:focus-visible{outline:3px solid var(--yellow,#f3d227);outline-offset:-5px;z-index:1}
@media(max-width:1150px){.factory-dual .factory-face-copy{left:18px;bottom:30px}.factory-dual .factory-face-copy strong{font-size:23px}.factory-dual .factory-face-index{font-size:9px;letter-spacing:.08em}}
@media(max-width:950px){.factory-dual{min-height:580px}.factory-dual .factory-face-copy{left:12px}.factory-dual .factory-face-copy strong{font-size:20px}.factory-dual .factory-face-detail{font-size:11px}}
@media(max-width:650px){.factory-dual{height:340px;min-height:340px}.factory-dual .factory-face-copy{left:18px;bottom:25px}.factory-dual .factory-face-copy strong{font-size:22px}.factory-dual-hint{top:18px;padding:7px 13px}.factory-dual .factory-face-index{font-size:9px}}
@media(max-width:650px){.factory-dual[data-active=machining] .factory-face-assembly .factory-face-copy,.factory-dual[data-active=assembly] .factory-face-machining .factory-face-copy{left:12px;right:auto}.factory-dual[data-active=machining] .factory-face-assembly .factory-face-index,.factory-dual[data-active=assembly] .factory-face-machining .factory-face-index{display:none}.factory-dual[data-active=machining] .factory-face-assembly strong,.factory-dual[data-active=assembly] .factory-face-machining strong{writing-mode:vertical-rl;font-size:18px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.factory-dual .factory-face,.factory-dual .factory-face img,.factory-dual .factory-face-detail{transition:none}.factory-dual .factory-face img{transform:none!important}}