.about{background:var(--s0)}
        .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;margin-top:48px}
        .about-left{display:flex;flex-direction:column;gap:16px}
        .about-text{font-size:16px;line-height:1.8;color:var(--t2)}
        .about-quote{background:var(--red-bg);border-left:3px solid var(--red);border-radius:0 var(--r8) var(--r8) 0;padding:18px 22px;font-size:15px;font-style:italic;color:var(--t2);line-height:1.7}
        .about-fmts{display:grid;grid-template-columns:1fr 1fr;gap:20px; margin-top:30px }
        .fmt{background:var(--s1);border:1px solid var(--border);border-radius:var(--r12);padding:24px 18px;display:flex;align-items:center;gap:12px;transition:box-shadow .15s,border-color .15s}
        .fmt:hover{box-shadow:var(--sh-sm);border-color:var(--red-br)}
        .fmt-ico{width:36px;height:36px;background:var(--red);border-radius:var(--r4);display:flex;align-items:center;justify-content:center;flex-shrink:0}
        .fmt-ico svg{width:17px;height:17px;fill:#fff}
        .fmt-name{font-size:16px;font-weight:600;color:var(--black);line-height:1.3}

.about-img{
        position:relative;
        border-radius:var(--r20);
        overflow:hidden;
        box-shadow:var(--sh-lg);
        min-height:460px;
        background:#000;
}

.about-video{
        position:absolute;
        inset:0;
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
        background:#000;
        cursor:pointer;
}

.about-video-play{
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        display:flex;
        align-items:center;
        gap:10px;
        padding:14px 20px;
        border:0;
        border-radius:999px;
        background:rgba(0,0,0,.65);
        color:#fff;
        font-weight:600;
        cursor:pointer;
        transition:opacity .2s ease,background .2s ease;
        z-index:2;
}

.about-video-play svg{
        width:22px;
        height:22px;
        fill:#fff;
}

.about-video-play:hover{
        background:rgba(0,0,0,.8);
}

.about-video-play.is-hidden{
        opacity:0;
        pointer-events:none;
}
@media(max-width:768px){

        .about-grid{
                grid-template-columns:1fr;
        }

        .about-img{
                min-height:0;
                aspect-ratio:16 / 9;
        }

}
@media(max-width:480px) {

        .about-fmts{
                gap:10px;
                grid-template-columns:1fr 1fr;
                margin-top:15px;
        }

        .fmt{
                padding:15px 12px;
                gap:8px;
        }

        .fmt-name{
                font-size:14px;
        }

        .about-img{
                aspect-ratio:16 / 9;
                min-height:0;
                width:100%;
        }

        .about-video{
                width:100%;
                height:100%;
                min-height:0;
                object-fit:cover;
        }

        .about-video-play{
                padding:11px 16px;
                font-size:14px;
        }

}