.hero-video-visual{width:100%;max-width:500px;margin-inline:auto;padding:0}
.hero-video-frame{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border:2px solid #f2994a;background:#f5f1ec}
.hero-video-frame video{display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:contain;background:#f5f1ec}
.hero-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:9px;max-width:calc(100% - 28px);border:0;border-radius:6px;padding:14px 20px;background:#f2994a;color:#222;font:700 14px/1.4 var(--sans);cursor:pointer;text-align:center;box-shadow:0 3px 15px #0002}
.hero-video-play svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.hero-video-toggle{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #354b3733;border-radius:50%;padding:8px;background:#fafbf3eb;color:var(--green);cursor:pointer}
.hero-video-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-video-toggle[data-paused="false"] .play-icon,.hero-video-toggle[data-paused="true"] .pause-icon{display:none}
.hero-video-play[hidden],.hero-video-toggle[hidden]{display:none!important}
.hero-video-play:disabled{cursor:wait;opacity:.9}
.hero-video-visual .photo-caption{margin:16px 0 0;text-align:center}
@media(max-width:760px){.hero-video-visual{width:100%;max-width:430px;padding:0}.hero-video-play{font-size:12px;padding:12px 16px}.hero-video-visual .photo-caption{font-size:12px}.hero-video-toggle{right:8px;bottom:8px}}