.products-section{padding-bottom:32px}
.production-video-section{padding:32px 0 56px}
.production-video-section h2{max-width:1000px;margin:0 auto 28px;text-align:center;font-size:clamp(1.5rem,2.7vw,2.75rem);line-height:1.35;text-wrap:balance}
.production-video-frame{position:relative;isolation:isolate;padding:8px;background:linear-gradient(135deg,#168b88,#102b2d);border:1px solid #b9d5d2;border-radius:18px;box-shadow:0 16px 40px #102b2d18;overflow:hidden}
.production-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#071e20;border-radius:10px}
.production-video:focus-visible{outline:3px solid #168b88;outline-offset:5px}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:88px;height:88px;padding:0;border:2px solid #e8f0ef;border-radius:50%;background:#168b88;color:#fff;box-shadow:0 0 0 10px #e8f0ef26,0 8px 28px #071e2059;cursor:pointer;transition:background .2s,box-shadow .2s}
.video-play[hidden]{display:none}
.video-play svg{width:36px;height:36px;margin-left:-4px}
.video-play:hover{background:#0e6e6b;box-shadow:0 0 0 14px #e8f0ef30,0 8px 28px #071e2059}
.video-play:focus-visible{outline:3px solid #fff;outline-offset:6px}
@media(max-width:600px){.products-section{padding-bottom:20px}.production-video-section{padding:20px 0 36px}.production-video-section h2{margin-bottom:22px;font-size:1.4rem;line-height:1.4}.production-video-frame{padding:5px;border-radius:12px}.production-video{border-radius:7px}.video-play{width:62px;height:62px;box-shadow:0 0 0 7px #e8f0ef26,0 6px 20px #071e2059}.video-play svg{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.video-play{transition:none}}