/* machining variant */
.xmake-page--machining /* Local prototype: Why choose Xmake section with factory carousel. */
        .xmake-why-section{
            padding: 82px 0;
            border-top: 1px solid #f0f1f2;
            background: #fff;
            color: #202124;
        }
.xmake-page--machining .xmake-why-inner{
            display: grid;
            width: min(calc(100% - 48px), 1280px);
            margin: 0 auto;
            align-items: center;
            grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
            gap: 64px;
        }
.xmake-page--machining .xmake-why-copy h2{
            margin: 0 0 18px;
            color: #202124;
        }
.xmake-page--machining .xmake-why-copy h2::before{
            display: block;
            width: 34px;
            height: 2px;
            margin-bottom: 17px;
            background: #e23b2e;
            content: "";
        }
.xmake-page--machining .xmake-why-intro{
            max-width: 760px;
            margin: 0;
            color: #575b62;
            line-height: 1.72;
        }
.xmake-page--machining .xmake-why-benefits{
            display: grid;
            margin-top: 30px;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 24px 30px;
        }
.xmake-page--machining .xmake-why-benefit{
            display: grid;
            align-items: start;
            grid-template-columns: 42px minmax(0, 1fr);
            gap: 12px;
        }
.xmake-page--machining .xmake-why-icon{
            position: relative;
            display: inline-flex;
            width: 38px;
            height: 38px;
            align-items: center;
            justify-content: center;
            border: 1px solid #cfd2d6;
            border-radius: 6px;
            color: #292c31;
            font-size: 18px;
            line-height: 1;
        }
.xmake-page--machining .xmake-why-icon::after{
            position: absolute;
            right: -3px;
            bottom: -3px;
            width: 9px;
            height: 9px;
            border: 1px solid #e23b2e;
            background: #fff;
            content: "";
        }
.xmake-page--machining .xmake-why-icon img{
            display: block;
            width: 27px;
            height: 27px;
            object-fit: contain;
        }
.xmake-page--machining .xmake-why-benefit h3{
            margin: 0 0 5px;
            color: #202124;
            font-weight: 600;
        }
.xmake-page--machining .xmake-why-benefit p{
            margin: 0;
            color: #666a71;
            line-height: 1.62;
        }
.xmake-page--machining .xmake-why-carousel{
            position: relative;
            overflow: hidden;
            aspect-ratio: 4 / 3;
            background: transparent;
        }
.xmake-page--machining .xmake-why-slide{
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 360ms ease;
        }
.xmake-page--machining .xmake-why-slide.is-active{
            z-index: 1;
            opacity: 1;
        }
.xmake-page--machining .xmake-why-slide img{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
.xmake-page--machining .xmake-why-carousel-control{
            position: absolute;
            z-index: 3;
            top: 50%;
            display: inline-flex;
            width: 40px;
            height: 40px;
            padding: 0;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255, 255, 255, .65);
            border-radius: 50%;
            background: rgba(16, 18, 21, .55);
            color: #fff;
            cursor: pointer;
            line-height: 1;
            transform: translateY(-50%);
        }
.xmake-page--machining .xmake-why-carousel-control:hover{
            background: rgba(226, 59, 46, .9);
        }
.xmake-page--machining .xmake-why-carousel-control.prev{
            left: 16px;
        }
.xmake-page--machining .xmake-why-carousel-control.next{
            right: 16px;
        }
.xmake-page--machining .xmake-why-carousel-dots{
            position: absolute;
            z-index: 3;
            right: 0;
            bottom: 16px;
            left: 0;
            display: flex;
            justify-content: center;
            gap: 8px;
        }
.xmake-page--machining .xmake-why-carousel-dot{
            width: 8px;
            height: 8px;
            padding: 0;
            border: 1px solid #fff;
            border-radius: 50%;
            background: transparent;
            cursor: pointer;
        }
.xmake-page--machining .xmake-why-carousel-dot.is-active{
            background: #e23b2e;
            border-color: #e23b2e;
        }
.xmake-page--machining .xmake-why-carousel-control:focus-visible,
.xmake-page--machining .xmake-why-carousel-dot:focus-visible{
            outline: 3px solid rgba(226, 59, 46, .35);
            outline-offset: 3px;
        }
@media (max-width: 980px){
.xmake-page--machining .xmake-why-inner{
                grid-template-columns: 1fr;
                gap: 42px;
            }
.xmake-page--machining .xmake-why-carousel{
                width: min(100%, 720px);
                margin: 0 auto;
            }

}
@media (max-width: 640px){
.xmake-page--machining .xmake-why-section{
                padding: 58px 0;
            }
.xmake-page--machining .xmake-why-inner{
                width: min(calc(100% - 32px), 1280px);
                gap: 32px;
            }
.xmake-page--machining .xmake-why-benefits{
                grid-template-columns: 1fr;
                gap: 18px;
            }
.xmake-page--machining .xmake-why-carousel-control{
                width: 36px;
                height: 36px;
            }

}
@media (prefers-reduced-motion: reduce){
.xmake-page--machining .xmake-why-slide{
                transition: none;
            }

}

/* wire variant */
.xmake-page--wire-edm .wire-edm-why,
.xmake-page--wire-edm .wire-edm-why *{
    box-sizing: border-box;
}
.xmake-page--wire-edm .wire-edm-why{
    padding: 80px 0;
    border-top: 0;
    background: #fff;
    color: #202124;
}
.xmake-page--wire-edm .wire-edm-why__inner{
    display: grid;
    width: min(calc(100% - 100px), 1180px);
    margin: 0 auto;
    align-items: center;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
    gap: 62px;
}
.xmake-page--wire-edm .wire-edm-why__copy h2{
    margin: 0 0 17px;
    color: #202124;
    font-size: 2em;
    line-height: 1.2;
}
.xmake-page--wire-edm .wire-edm-why__intro{
    max-width: 760px;
    margin: 0;
    color: #575b62;
    font-size: 1rem;
    line-height: 1.8;
}
.xmake-page--wire-edm .wire-edm-why__benefits{
    display: grid;
    margin-top: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 30px;
}
.xmake-page--wire-edm .wire-edm-why__benefit{
    display: grid;
    min-width: 0;
    align-items: start;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 13px;
}
.xmake-page--wire-edm .wire-edm-why__icon{
    position: relative;
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd2d6;
    border-radius: 6px;
    color: #292c31;
}
.xmake-page--wire-edm .wire-edm-why__icon::after{
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 9px;
    height: 9px;
    border: 1px solid #EA543F;
    background: #fff;
    content: "";
}
.xmake-page--wire-edm .wire-edm-why__icon img{
    display: block;
    width: 27px;
    height: 27px;
    object-fit: contain;
}
.xmake-page--wire-edm .wire-edm-why__benefit h3{
    margin: 0 0 6px;
    color: #202124;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
}
.xmake-page--wire-edm .wire-edm-why__benefit p{
    margin: 0;
    color: #666a71;
    font-size: .875rem;
    line-height: 1.7;
}
.xmake-page--wire-edm .wire-edm-why__carousel{
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: #e8e9eb;
    box-shadow: 0 14px 36px rgba(20, 24, 30, .12);
}
.xmake-page--wire-edm .wire-edm-why__slide{
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    transition: opacity .36s ease;
}
.xmake-page--wire-edm .wire-edm-why__slide.is-active{
    z-index: 1;
    opacity: 1;
}
.xmake-page--wire-edm .wire-edm-why__slide img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.xmake-page--wire-edm .wire-edm-why__control{
    position: absolute;
    z-index: 3;
    top: 50%;
    display: inline-flex;
    width: 40px;
    height: 40px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 50%;
    background: rgba(16, 18, 21, .56);
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 1.4em;
    line-height: 1;
    transform: translateY(-50%);
    transition: background-color .2s ease;
}
.xmake-page--wire-edm .wire-edm-why__control:hover{
    background: rgba(234, 84, 63, .94);
}
.xmake-page--wire-edm .wire-edm-why__control.is-prev{
    left: 16px;
}
.xmake-page--wire-edm .wire-edm-why__control.is-next{
    right: 16px;
}
.xmake-page--wire-edm .wire-edm-why__dots{
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 16px;
    left: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
}
.xmake-page--wire-edm .wire-edm-why__dot{
    width: 9px;
    height: 9px;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}
.xmake-page--wire-edm .wire-edm-why__dot.is-active{
    border-color: #EA543F;
    background: #EA543F;
}
.xmake-page--wire-edm .wire-edm-why__control:focus-visible,
.xmake-page--wire-edm .wire-edm-why__dot:focus-visible{
    outline: 3px solid rgba(234, 84, 63, .35);
    outline-offset: 3px;
}
@media (max-width: 980px){
.xmake-page--wire-edm .wire-edm-why__inner{
        grid-template-columns: 1fr;
        gap: 42px;
    }
.xmake-page--wire-edm .wire-edm-why__carousel{
        width: min(100%, 720px);
        margin: 0 auto;
    }

}
@media (max-width: 640px){
.xmake-page--wire-edm .wire-edm-why{
        padding: 58px 0;
    }
.xmake-page--wire-edm .wire-edm-why__inner{
        width: min(calc(100% - 32px), 1180px);
        gap: 34px;
    }
.xmake-page--wire-edm .wire-edm-why__copy h2{
        font-size: 1.65em;
    }
.xmake-page--wire-edm .wire-edm-why__benefits{
        grid-template-columns: 1fr;
        gap: 22px;
    }
.xmake-page--wire-edm .wire-edm-why__control{
        width: 36px;
        height: 36px;
    }

}
@media (prefers-reduced-motion: reduce){
.xmake-page--wire-edm .wire-edm-why__slide{
        transition: none;
    }

}

/* drilling variant */
.xmake-page--cnc-drilling .xmake-why-section{ padding: 82px 0; color: #202124; background: #fff; border-top: 1px solid #f0f1f2; }
.xmake-page--cnc-drilling .xmake-why-inner{ width: min(calc(100% - 100px), var(--shell)); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 64px; align-items: center; }
.xmake-page--cnc-drilling .xmake-why-copy h2{ margin: 0 0 18px; color: #202124; font-size: 36px; font-weight: 700; line-height: 1.2; letter-spacing: -.025em; }
.xmake-page--cnc-drilling .xmake-why-intro{ max-width: 760px; margin: 0; color: #575b62; font-size: 15px; line-height: 1.72; }
.xmake-page--cnc-drilling .xmake-why-benefits{ margin-top: 30px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 30px; }
.xmake-page--cnc-drilling .xmake-why-benefit{ display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: start; }
.xmake-page--cnc-drilling .xmake-why-icon{ position: relative; width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; color: #292c31; border: 1px solid #cfd2d6; border-radius: 6px; font-size: 18px; line-height: 1; }
.xmake-page--cnc-drilling .xmake-why-icon::after{ position: absolute; right: -3px; bottom: -3px; width: 9px; height: 9px; background: #fff; border: 1px solid #e23b2e; content: ""; }
.xmake-page--cnc-drilling .xmake-why-icon img{ width: 27px; height: 27px; display: block; object-fit: contain; }
.xmake-page--cnc-drilling .xmake-why-benefit h3{ margin: 0 0 6px; color: #202124; font-size: 18px; font-weight: 700; line-height: 1.35; letter-spacing: 0; }
.xmake-page--cnc-drilling .xmake-why-benefit p{ margin: 0; color: #666a71; font-size: 14px; line-height: 1.62; }
.xmake-page--cnc-drilling .xmake-why-carousel{ position: relative; overflow: hidden; aspect-ratio: 4 / 3; background: transparent; }
.xmake-page--cnc-drilling .xmake-why-slide{ position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 360ms ease; }
.xmake-page--cnc-drilling .xmake-why-slide.is-active{ z-index: 1; opacity: 1; }
.xmake-page--cnc-drilling .xmake-why-slide img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.xmake-page--cnc-drilling .xmake-why-carousel-control{ position: absolute; z-index: 3; top: 50%; width: 40px; height: 40px; padding: 0; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: rgba(16, 18, 21, .55); border: 1px solid rgba(255, 255, 255, .65); border-radius: 50%; cursor: pointer; font: inherit; font-size: 22px; line-height: 1; transform: translateY(-50%); }
.xmake-page--cnc-drilling .xmake-why-carousel-control:hover{ background: rgba(226, 59, 46, .9); }
.xmake-page--cnc-drilling .xmake-why-carousel-control.prev{ left: 16px; }
.xmake-page--cnc-drilling .xmake-why-carousel-control.next{ right: 16px; }
.xmake-page--cnc-drilling .xmake-why-carousel-dots{ position: absolute; z-index: 3; right: 0; bottom: 16px; left: 0; display: flex; justify-content: center; gap: 8px; }
.xmake-page--cnc-drilling .xmake-why-carousel-dot{ width: 8px; height: 8px; padding: 0; background: transparent; border: 1px solid #fff; border-radius: 50%; cursor: pointer; }
.xmake-page--cnc-drilling .xmake-why-carousel-dot.is-active{ background: #e23b2e; border-color: #e23b2e; }
.xmake-page--cnc-drilling .xmake-why-carousel-control:focus-visible,
.xmake-page--cnc-drilling .xmake-why-carousel-dot:focus-visible{ outline: 3px solid rgba(226, 59, 46, .35); outline-offset: 3px; }
@media (max-width: 980px){
.xmake-page--cnc-drilling .xmake-why-inner{ grid-template-columns: 1fr; gap: 42px; }
.xmake-page--cnc-drilling .xmake-why-carousel{ width: min(100%, 720px); margin: 0 auto; }

}
@media (max-width: 640px){
.xmake-page--cnc-drilling .xmake-why-section{ padding: 58px 0; }
.xmake-page--cnc-drilling .xmake-why-inner{ width: min(calc(100% - 32px), 1280px); gap: 32px; }
.xmake-page--cnc-drilling .xmake-why-copy h2{ font-size: 30px; }
.xmake-page--cnc-drilling .xmake-why-benefits{ grid-template-columns: 1fr; gap: 18px; }
.xmake-page--cnc-drilling .xmake-why-carousel-control{ width: 36px; height: 36px; }

}