@font-face{font-family:DM;src:url('fonts/dm-sans-600.ttf');font-weight:600}
/* S18 motion only. BRAND-2 retains the surrounding home layout and copy. */
[data-home-motion]{--hm-paper:var(--paper,#FCFCFF);--hm-ink:var(--ink,#263153);--hm-blue:var(--blue,#4458AC);display:block;width:100%;container-type:inline-size}
[data-home-motion] *{box-sizing:border-box}
.hm-player{position:relative;width:100%;aspect-ratio:608/365;overflow:hidden;border-radius:12px;background:var(--hm-paper);isolation:isolate;cursor:pointer;outline-offset:5px}
[data-home-motion=hero] .hm-player{aspect-ratio:1440/868}
.hm-player:focus-visible{outline:3px solid var(--hm-blue)}
.hm-stage{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.hm-native{position:absolute;overflow:hidden}.hm-native img,.hm-native video{position:absolute;max-width:none}
.hm-cursor{position:absolute;left:0;top:0;width:24px;height:30px;transform-origin:0 0;z-index:4;pointer-events:none}.hm-cursor svg{display:block;width:100%;height:100%}
.hm-halo{position:absolute;left:-19px;top:-19px;width:38px;height:38px;border:3px solid var(--hm-blue);border-radius:50%;transform-origin:50% 50%;pointer-events:none;z-index:4}
.hm-focus{position:absolute;border:2px solid var(--hm-blue);border-radius:8px;box-shadow:0 0 16px #4458AC44;pointer-events:none;z-index:2}
.hm-progress{position:absolute;background:var(--hm-blue);transform-origin:left;z-index:2}
.hm-caption{position:absolute;left:12px;top:10px;max-width:calc(100% - 24px);border-radius:6px;padding:6px 10px;background:var(--hm-paper);color:var(--hm-ink);font:600 12px/1.25 DM,Arial,sans-serif;box-shadow:0 2px 12px #26315312;pointer-events:none}
.hm-player [hidden]{display:none!important}
@media(max-width:760px){.hm-player{aspect-ratio:342/280}[data-home-motion=hero] .hm-player{aspect-ratio:342/410}}
@media(prefers-reduced-motion:reduce){.hm-stage{will-change:auto}.hm-player *{transition:none!important;animation:none!important}}

[data-home-motion-tool=summarize][data-scene=result] .hm-caption,[data-home-motion-tool=merge][data-scene=result] .hm-caption{top:auto;bottom:10px}

@container(max-width:480px){.hm-player{aspect-ratio:342/280}[data-home-motion=hero] .hm-player{aspect-ratio:342/410}}

/* A caption lane consumes existing player height; native headers/actions stay unobscured. */
.hm-viewport{position:absolute;inset:0;overflow:hidden}
.hm-player[data-caption-rail=true] .hm-viewport{top:36px}
.hm-player[data-caption-rail=true] .hm-caption{left:0;top:0;bottom:auto;width:100%;max-width:none;height:36px;border-radius:0;padding:10px 12px;box-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}