/* Full-width original business film; two buffered layers crossfade at each repeat. */
.fencing-background-video{position:relative;isolation:isolate;overflow:hidden;width:100%;height:clamp(280px,36vw,590px);container-type:inline-size;background:#123b4b url('images/topbg.jpg') center/cover no-repeat}
.fencing-background-video .background-video-layer{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;transition:opacity 1.25s ease-in-out;will-change:opacity}
.fencing-background-video .background-video-layer.is-active{opacity:1;z-index:1}
.fencing-background-video .background-video-layer.is-incoming{opacity:1;z-index:2}
.fencing-background-video iframe{position:absolute;left:50%;top:50%;width:max(100%,177.78cqh);height:max(100%,56.25cqw);min-width:356px;min-height:200px;transform:translate(-50%,-50%);border:0;pointer-events:none}
.fencing-background-video{container-type:size}
.fencing-background-video.is-video-static .background-video-layer{opacity:0!important;visibility:hidden;transition:none}
@supports not(width:1cqw){.fencing-background-video iframe{width:100%;height:56.25vw;min-height:100%}}
@media(max-width:700px){.fencing-background-video{height:max(200px,56.25vw);max-height:400px}}
@media(prefers-reduced-motion:reduce){.fencing-background-video .background-video-layer{opacity:0!important;visibility:hidden;transition:none}}
@media print{.fencing-background-video{display:none}}

/* Sound-enabled commercial controls remain available when audible autoplay is blocked. */
.commercial-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none}
.commercial-play{display:inline-flex;align-items:center;justify-content:center;gap:13px;max-width:calc(100% - 32px);min-height:52px;padding:14px 23px;border:1px solid #f7ca45;border-radius:8px;background:#f7ca45;color:#092b38;text-decoration:none;font:bold 15px/1.5 Droid,Arial,sans-serif;pointer-events:auto;box-shadow:0 8px 30px #0004}
.commercial-play:hover{background:#ffdc69;color:#092b38}.commercial-play .fa{font-size:19px}
.commercial-controls{position:absolute;right:20px;bottom:18px;z-index:6;display:flex;gap:8px}
.commercial-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid #ffffff80;border-radius:22px;background:#092b38ed;color:#fff;font:12px/1.4 Droid,Arial,sans-serif;cursor:pointer}
.commercial-controls button:hover{background:#226777;color:#fff}.fa-volume-up:before{content:'\f028'}.fa-volume-off:before{content:'\f026'}
@media(max-width:700px){.commercial-play{font-size:12px;min-height:47px;padding:12px 16px;gap:10px}.commercial-play .fa{font-size:16px}.commercial-controls{right:12px;bottom:12px;gap:6px}.commercial-controls button{font-size:10px;padding:8px 12px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.fencing-background-video:not(.is-video-static) .background-video-layer{visibility:visible;transition:none}.fencing-background-video:not(.is-video-static) .background-video-layer.is-active,.fencing-background-video:not(.is-video-static) .background-video-layer.is-incoming{opacity:1!important}}