
.demo-context{padding:8px 20px;text-align:center;color:#716c61;background:#e5dfd1;font:12px/1.6 Golos,Arial,sans-serif}.demo-context a{margin-left:20px;color:inherit;text-underline-offset:3px}
/* Keep the natural horizontal film frame visible before playback. */
.video-split .video-wrap{aspect-ratio:auto;background:transparent;overflow:visible;position:relative}
.video-split #vladimir-video{width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#14130f;display:block}
.video-split #vladimir-video{height:auto;object-fit:contain}
.video-split [hidden]{display:none!important}
.video-error{padding:14px 0;color:#716c61;font:14px/1.6 Golos,Arial,sans-serif}.video-error p{margin:0 0 8px}.video-error button,.video-error a{font:inherit;color:inherit}.video-error button{border:1px solid #d9d3c5;background:transparent;padding:7px 12px;cursor:pointer}.video-error a{margin-left:14px;text-underline-offset:3px}
@container(max-width:620px){.video-split .video-wrap{aspect-ratio:auto;max-width:none}.demo-context{font-size:11px}.demo-context a{display:block;margin-left:0}}
/* Horizontal film: give the picture the larger desktop column. */
@container(min-width:901px){
 .video-split .video-composition{grid-template-columns:minmax(0,1.55fr) minmax(320px,.95fr);gap:40px;align-items:start}
 .video-split .video-copy{padding-top:0}
 .video-split .video-intro{margin-bottom:22px;padding-bottom:20px}
 .video-split .video-cta-copy strong{font-size:20px;line-height:1.35}
 .video-split .video-cta-copy>span{font-size:14px;line-height:1.6;margin-top:12px}
 .video-split .video-test-action .cta{width:100%;min-width:0}
 .video-split .video-preparation{font-size:13px}
}
@container(max-width:900px){
 .video-split .video-composition{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .video-split .video-copy{display:block}
 .video-split .video-wrap{max-width:none;width:100%;aspect-ratio:auto}
}
@container(max-width:620px){.video-split .play-icon{width:56px;height:56px;font-size:20px}}

/* Approved option 3: original frame with a lower-left play label. */
.bench-poster{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:0;padding:0;border-radius:6px;background:#18211e;color:#fff;cursor:pointer;container-type:inline-size;font-family:'Golos Text',sans-serif}.bench-poster>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.bench-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0005,transparent 24%);pointer-events:none}.bench-play{width:10cqw;height:10cqw;display:grid;place-items:center;padding-left:.5cqw;border-radius:50%;background:#f1eee6;color:#14130f;font-size:3.4cqw;box-shadow:0 2px 14px #0002}.bench-simple>.bench-play{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%)}.bench-duration{position:absolute;right:4%;bottom:6%;padding:.7cqw 1.2cqw;border-radius:3px;background:#0008;font-size:2.2cqw;font-weight:500}.bench-action{position:absolute;left:5%;bottom:8%;display:flex;align-items:center;gap:2cqw;font-size:2.7cqw;font-weight:500;text-shadow:0 1px 6px #0008}.bench-action .bench-play{width:8.3cqw;height:8.3cqw;font-size:2.8cqw;text-shadow:none}.bench-labelled .bench-shade{background:linear-gradient(0deg,#0009,transparent 40%)}.bench-poster:focus-visible{outline:3px solid #8b5a45;outline-offset:4px}.bench-poster[hidden]{display:none!important}@media(max-width:620px){.bench-play{width:15cqw;height:15cqw;font-size:5cqw}.bench-duration{font-size:3.5cqw;padding:.9cqw 1.5cqw}.bench-action{font-size:3.8cqw;gap:2.6cqw}.bench-action .bench-play{width:11.5cqw;height:11.5cqw;font-size:4cqw}}
