.sm-video-feature{position:relative;margin:0;padding:0 var(--sm-video-offset,18px) var(--sm-video-offset,18px) 0;min-width:0}
.sm-video-feature:before{content:"";position:absolute;inset:var(--sm-video-offset,18px) 0 0 var(--sm-video-offset,18px);border:1px solid var(--sm-video-accent,#d52d22);pointer-events:none}
.sm-video-feature[style*="--sm-video-offset:0px"]:before{display:none}
.sm-video-feature :is(.sm-video-feature__link,.sm-video-feature__still){position:relative;display:block;aspect-ratio:var(--sm-video-ratio,16 / 9);overflow:hidden;background:#1a1a1a;color:#fff;text-decoration:none;box-shadow:0 12px 30px #00000012;isolation:isolate}
.sm-video-feature .sm-video-feature__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--sm-video-focus,50% 50%);transition:transform 800ms cubic-bezier(.22,.61,.36,1)}
.sm-video-feature__shade{position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 48%);pointer-events:none}
.sm-video-feature__play{position:absolute;top:50%;left:50%;width:clamp(60px,9vw,92px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--sm-video-accent,#d52d22);color:#fff;transform:translate(-50%,-50%);transition:transform 350ms ease,box-shadow 350ms ease;box-shadow:0 4px 18px #0002}
.sm-video-feature__play svg{margin-left:3px}
.sm-video-feature .sm-video-feature__caption{position:absolute;bottom:0;left:0;right:0;padding:24px 28px;color:#fff;font-size:var(--sm-video-caption,22px);font-weight:500;line-height:1.35;overflow-wrap:anywhere}
.sm-video-feature .sm-video-feature__link:focus-visible{outline:3px solid var(--sm-video-accent,#d52d22);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.sm-video-feature[data-hover="on"] :is(.sm-video-feature__link,.sm-video-feature__still):hover .sm-video-feature__image{transform:scale(1.035)}.sm-video-feature[data-hover="on"] .sm-video-feature__link:hover .sm-video-feature__play{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 10px #ffffff1f}}
.sm-video-feature.sm-video-feature--pending{opacity:0;translate:0 18px}
.sm-video-feature.sm-video-feature--reveal{animation:sm-video-feature-reveal 750ms cubic-bezier(.22,.61,.36,1) both}
@keyframes sm-video-feature-reveal{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
.sm-video-feature .sm-video-feature__dialog{position:fixed;inset:0;width:min(1000px,calc(100% - 32px));max-width:100%;max-height:calc(100dvh - 32px);margin:auto;padding:52px 12px 14px;border:0;border-radius:4px;background:#111;color:#fff;overflow:auto;box-sizing:border-box}
.sm-video-feature__dialog:not([open]){display:none}
.sm-video-feature__dialog::backdrop{background:#000d}
.sm-video-feature .sm-video-feature__close{position:absolute;top:4px;right:8px;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:#fff;font:32px/1 Arial;cursor:pointer;padding:0}
.sm-video-feature__close:focus-visible,.sm-video-feature__fallback:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sm-video-feature__player{aspect-ratio:16 / 9;width:100%;background:#000}
.sm-video-feature__player iframe,.sm-video-feature__player video{display:block;border:0;width:100%;height:100%;object-fit:contain}
.sm-video-feature .sm-video-feature__fallback{display:inline-block;color:#fff;font-size:14px;line-height:1.4;padding:12px 4px 0;text-decoration:underline}
@media(max-width:767px){.sm-video-feature{--sm-video-offset-mobile:min(var(--sm-video-offset,18px),12px);padding-right:var(--sm-video-offset-mobile);padding-bottom:var(--sm-video-offset-mobile)}.sm-video-feature:before{inset:var(--sm-video-offset-mobile) 0 0 var(--sm-video-offset-mobile)}.sm-video-feature .sm-video-feature__caption{font-size:min(var(--sm-video-caption,22px),20px);padding:16px 18px}}
@media(prefers-reduced-motion:reduce){.sm-video-feature.sm-video-feature--pending{opacity:1;translate:none}.sm-video-feature.sm-video-feature--reveal{animation:none}.sm-video-feature .sm-video-feature__image,.sm-video-feature .sm-video-feature__play{transition:none;transform:none}.sm-video-feature .sm-video-feature__play{transform:translate(-50%,-50%)!important}.sm-video-feature[data-hover="on"] :is(.sm-video-feature__link,.sm-video-feature__still):hover .sm-video-feature__image{transform:none}}
