.video-sec{background:var(--light);padding:clamp(48px,7vw,112px) clamp(40px,10vw,160px)}.video-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:6px;cursor:pointer;background:#d4d0c8}.video-el{width:100%;height:100%;object-fit:cover;display:block}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:rgba(26,23,20,.8);display:flex;align-items:center;justify-content:center;border:none;outline:0;cursor:pointer;transition:transform .3s var(--ease),background .3s,opacity .3s;z-index:2}.video-wrap:hover .play-btn:not(.is-playing){transform:translate(-50%,-50%) scale(1.12);background:var(--text-l)}.play-btn.is-playing{opacity:0}.video-wrap:hover .play-btn.is-playing{opacity:1;transform:translate(-50%,-50%) scale(1);background:rgba(26,23,20,.7)}.btn-icon{fill:#f4f0e8;display:block}.btn-icon-play{margin-left:4px}.btn-icon-pause,.play-btn.is-playing .btn-icon-play{display:none}.play-btn.is-playing .btn-icon-pause{display:block}@media (max-width:768px){.video-sec{padding:clamp(32px,5vw,60px) clamp(16px,5vw,40px)}.play-btn{width:60px;height:60px}}