.kd-film .kd-film__shell{padding-inline:clamp(1rem,3vw,2rem)}
.kd-film__player{position:relative;display:block;background:var(--red);color:#fff;border-radius:1.75rem;overflow:hidden;isolation:isolate}
.kd-film__stage{position:relative;aspect-ratio:16/9;background:var(--ink)}
.kd-film .kd-film__media{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--film-focus-x,50%) var(--film-focus-y,50%)}
.kd-film__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.3) 44%,rgba(0,0,0,.04) 75%)}

.kd-film__copy{position:absolute;left:clamp(1.5rem,4vw,4rem);right:auto;bottom:7rem;max-width:min(32%,28rem);pointer-events:none;text-align:start}
.kd-film__copy h2{font-size:clamp(1.75rem,3.8vw,3.5rem);font-weight:700;line-height:1.2;text-wrap:balance;max-width:15ch}
.kd-film__copy p{font-size:clamp(1rem,1.4vw,1.1875rem);line-height:1.65;max-width:34ch;margin-top:1rem}
.kd-film__copy .kd-film__link{pointer-events:auto;margin-top:1.5rem;background:var(--yellow);color:var(--ink);border-radius:999px;min-height:3rem;font-weight:700}
.kd-film__copy .kd-film__link:hover{background:#ffe84d}
.kd-film__controls{position:absolute;left:clamp(1.5rem,4vw,4rem);right:auto;bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem;z-index:2}
.kd-film__control{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.875rem;padding:.625rem 1rem;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font:inherit;font-size:.875rem;font-weight:600;line-height:1.2;cursor:pointer}
.kd-film__control:hover{background:#000}
.kd-film__control svg{width:1.25rem;height:1.25rem;flex:none}
.kd-film :is(button,a):focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.kd-film .kd-film__link:focus-visible{outline-color:#fff}
.kd-film__pause-icon,.kd-film__sound-icon{display:none}
.kd-film__player[data-playing="true"] .kd-film__play-icon{display:none}
.kd-film__player[data-playing="true"] .kd-film__pause-icon{display:block}
.kd-film__player[data-muted="false"] .kd-film__muted-icon{display:none}
.kd-film__player[data-muted="false"] .kd-film__sound-icon{display:block}
.kd-film [hidden]{display:none!important}
.kd-film__status{position:relative;padding:1rem 1.5rem 0;font-size:.9375rem;line-height:1.6;background:var(--red)}
.kd-film__direct{position:relative;display:inline-block;margin:0 1.5rem 1.25rem;text-decoration:underline;text-underline-offset:.25rem;padding-block:.5rem}
.kd-film__player:not([data-enhanced]) .kd-film__shade{pointer-events:none}
@media(max-width:900px){.kd-film__player{border-radius:1.25rem}.kd-film__stage{aspect-ratio:16/9;max-height:none}.kd-film .kd-film__media{object-position:var(--film-mobile-focus-x,50%) var(--film-mobile-focus-y,50%)}.kd-film__shade,html[dir="rtl"] .kd-film__shade{background:linear-gradient(0deg,rgba(0,0,0,.28),transparent 38%)}.kd-film__copy{position:static;max-width:none;padding:1.5rem;pointer-events:auto}.kd-film__copy h2{font-size:clamp(1.875rem,5vw,2.75rem);max-width:24ch}.kd-film__copy p{max-width:45ch;margin-top:.75rem}.kd-film__copy .kd-film__link{margin-top:1.125rem}.kd-film__controls{left:1rem;bottom:1rem;gap:.5rem}.kd-film__control{padding:.625rem .875rem;min-height:2.75rem;font-size:.8125rem}}
@media(max-width:400px){.kd-film__copy{padding:1.25rem}.kd-film__controls{left:.75rem;bottom:.75rem}.kd-film__control{padding:.625rem .75rem;gap:.375rem}.kd-film__control svg{width:1.125rem;height:1.125rem}.kd-film__copy h2{font-size:1.875rem}}
@media(prefers-reduced-motion:reduce){.kd-film *{scroll-behavior:auto;transition:none!important}}

html[dir="rtl"] .kd-film__copy h2{line-height:1.4}