/* Breakzi TV v52: native, translated controls over the approved themed artwork. */
.hp-tv-banner{position:relative;isolation:isolate;overflow:hidden;min-height:0;aspect-ratio:2.05;border:1px solid #00e695;border-radius:22px;background:#00180f;color:#fff;container-type:inline-size}
.hp-tv-banner .hp-tv-art{position:absolute;inset:0;min-height:0;border:0;border-radius:0;background:transparent;z-index:0}
.hp-tv-banner .hp-tv-art:after{display:none}
.hp-tv-banner .hp-tv-art>img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.hp-tv-banner .hp-tv-art:hover>img{transform:scale(1.025)}
.hp-tv-banner .hp-tv-light-photo{display:none}
.hp-tv-banner .hp-play{left:70%;top:46%;width:11%;height:auto;aspect-ratio:1;padding:0;border:1.5px solid #ffffffe0;background:#07322650;font-size:0}
.hp-tv-banner .hp-play svg{width:32%;height:32%;fill:#fff;transform:translateX(5%)}
.hp-tv-banner .hp-tv-label{position:absolute;right:3.5%;top:5.5%;font-size:clamp(9px,1.2vw,16px);font-weight:650;letter-spacing:.28em;color:#fff;z-index:1}
.hp-tv-content{position:relative;z-index:2;width:54%;padding:4.2% 0 5.5% 4%;pointer-events:none}
.hp-tv-content .hp-tv-brand{display:block;width:56%;height:auto;margin:0 0 12%;pointer-events:none}
.hp-tv-content .hp-tv-brand img{width:100%;height:auto;display:block}
.hp-tv-content .hp-tv-brand .hp-tv-brand-light{display:none}
.hp-tv-banner .hp-tv-heading{margin:0;font-size:clamp(28px,4.7vw,76px);font-size:6.2cqw;line-height:1.08;font-weight:900;letter-spacing:-.055em;color:#fff}
.hp-tv-heading .hp-tv-line{display:block;white-space:nowrap}
.hp-tv-heading em{display:block;color:#00ec8d!important;font-style:normal}
.hp-tv-banner .hp-tv-summary{margin:3.5% 0 0;color:#edf7f2;font-size:clamp(13px,1.65vw,24px);font-size:2.05cqw;line-height:1.5;letter-spacing:-.025em}
.hp-tv-banner .hp-tv-cta{position:relative;overflow:hidden;pointer-events:auto;display:inline-flex;align-items:center;gap:15px;margin-top:12%;padding:15px 24px;min-height:54px;border-radius:15px;background:#ff0000;color:#fff;font-size:clamp(14px,1.65vw,23px);font-weight:800;line-height:1.35;transition:transform .25s,box-shadow .25s}
.hp-tv-cta>svg{width:31px;height:23px;flex-shrink:0;fill:currentColor}
.hp-tv-cta .hp-arrow{font-size:30px;margin-inline-start:7px}
.hp-tv-cta:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff38 45%,transparent 70%);transform:translateX(-120%);transition:transform .7s;pointer-events:none}
.hp-tv-cta:hover:after{transform:translateX(120%)}
.hp-tv-banner .hp-tv-cta:hover{transform:translateY(-3px);box-shadow:0 8px 28px #ff00002c}
.hp-tv-light-copy{display:none}
.hp-tv-watermark{display:none}
/* The same existing theme preference controls both composition and logo. */
html[data-theme=light] .hp-tv-banner{border-color:#00dc88;background:radial-gradient(ellipse at 95% 0%,#d8f1e3,transparent 60%),#fff;color:#06291c}
html[data-theme=light] .hp-tv-banner .hp-tv-dark-photo,html[data-theme=light] .hp-tv-dark-copy,html[data-theme=light] .hp-tv-content .hp-tv-brand-dark{display:none}
html[data-theme=light] .hp-tv-banner .hp-tv-light-photo,html[data-theme=light] .hp-tv-light-copy,html[data-theme=light] .hp-tv-content .hp-tv-brand-light{display:block}
html[data-theme=light] .hp-tv-heading em{color:#009b53!important}
html[data-theme=light] .hp-tv-cta .hp-arrow{color:#fff}
/* Anchor desktop composition to the reference rather than text margins. */
.hp-tv-content,html[data-theme=light] .hp-tv-content{position:absolute;inset:0;width:100%;height:100%;padding:0}
.hp-tv-content .hp-tv-brand,html[data-theme=light] .hp-tv-content .hp-tv-brand{position:absolute;left:4%;top:9%;width:27%;margin:0}
.hp-tv-banner .hp-tv-heading,html[data-theme=light] .hp-tv-banner .hp-tv-heading{position:absolute;left:4%;top:31%;max-width:54%;margin:0}
.hp-tv-heading em{white-space:nowrap}
.hp-tv-banner .hp-tv-summary,html[data-theme=light] .hp-tv-banner .hp-tv-summary{position:absolute;left:4%;top:60%;width:45%;max-width:none;margin:0}
.hp-tv-banner .hp-tv-cta,html[data-theme=light] .hp-tv-banner .hp-tv-cta{position:absolute;left:4%;top:75%;margin:0}
/* Mobile keeps legible live text and a separate large photographic area. */
@media(max-width:760px){
 .hp-tv-banner{aspect-ratio:auto;border-radius:18px;padding-bottom:260px}
 .hp-tv-content,html[data-theme=light] .hp-tv-content{position:relative;inset:auto;width:100%;height:auto;padding:28px 24px 0}
 .hp-tv-content .hp-tv-brand,html[data-theme=light] .hp-tv-content .hp-tv-brand{position:static;width:190px;max-width:75%;margin:0 0 28px}
 .hp-tv-banner .hp-tv-heading,html[data-theme=light] .hp-tv-banner .hp-tv-heading{position:static;max-width:none}
 .hp-tv-banner .hp-tv-summary,html[data-theme=light] .hp-tv-banner .hp-tv-summary{position:static;width:100%}
 .hp-tv-banner .hp-tv-cta,html[data-theme=light] .hp-tv-banner .hp-tv-cta{position:relative;left:auto;top:auto}
 .hp-tv-banner .hp-tv-heading,html[data-theme=light] .hp-tv-banner .hp-tv-heading{font-size:clamp(28px,8.2vw,54px);letter-spacing:-.045em;line-height:1.12}
 .hp-tv-banner .hp-tv-summary,html[data-theme=light] .hp-tv-banner .hp-tv-summary{font-size:15px;margin-top:16px;max-width:100%;line-height:1.55}
 .hp-tv-banner .hp-tv-cta,html[data-theme=light] .hp-tv-banner .hp-tv-cta{font-size:15px;margin-top:24px;padding:13px 18px;min-height:51px;gap:12px;border-radius:12px}
 .hp-tv-cta .hp-arrow{font-size:25px}.hp-tv-cta>svg{width:27px;height:20px}
 .hp-tv-banner .hp-tv-art,html[data-theme=light] .hp-tv-banner .hp-tv-art{inset:auto 0 0;height:250px;clip-path:none;border-radius:0}
 .hp-tv-banner .hp-tv-art>img{object-position:right bottom}
 .hp-tv-banner .hp-tv-art:before{content:'';position:absolute;inset:0 0 auto;height:55px;background:linear-gradient(#00180f,transparent);z-index:1;pointer-events:none}
 .hp-tv-banner .hp-play,html[data-theme=light] .hp-tv-banner .hp-play{left:52%;top:50%;width:65px;border-width:2px}
 .hp-tv-banner .hp-tv-label,html[data-theme=light] .hp-tv-banner .hp-tv-label{font-size:10px;right:18px;top:20px;letter-spacing:.2em}
 html[data-theme=light] .hp-tv-banner .hp-tv-art:before{display:none}
}
@media(min-width:761px) and (max-width:1050px){.hp-tv-banner .hp-tv-cta{padding:10px 16px;min-height:45px;gap:10px;border-radius:10px}.hp-tv-cta .hp-arrow{font-size:24px}.hp-tv-cta>svg{width:24px;height:18px}}
@media(prefers-reduced-motion:reduce){.hp-tv-banner *{transition:none!important}.hp-tv-banner .hp-tv-art:hover>img{transform:none}.hp-tv-banner .hp-tv-cta:hover{transform:none}.hp-tv-cta:after{display:none}}
html[dir=rtl] .hp-tv-content{direction:rtl;text-align:right}
html[dir=rtl] .hp-tv-banner .hp-tv-heading{letter-spacing:0;font-size:5cqw}
@media(max-width:760px){html[dir=rtl] .hp-tv-banner .hp-tv-heading{font-size:8cqw}}

html[data-theme=light] .hp-tv-banner .hp-tv-heading{color:#06291c}
html[data-theme=light] .hp-tv-banner .hp-tv-summary{color:#234d3b}
html[data-theme=light] .hp-tv-banner .hp-play{border-color:#008b58}
@media(max-width:760px){html[data-theme=light] .hp-tv-banner .hp-tv-art:before{background:linear-gradient(#fff,transparent)}}

/* v53: equal-size social buttons within both banner themes. */
.hp-tv-actions{position:absolute;left:4%;top:70%;width:29%;display:grid;gap:10px;pointer-events:auto}
.hp-tv-banner .hp-tv-actions .hp-tv-cta,html[data-theme=light] .hp-tv-banner .hp-tv-actions .hp-tv-cta{position:relative;inset:auto;margin:0;width:100%;height:5.3cqw;min-height:44px;max-height:68px;padding:10px 18px;display:flex;justify-content:space-between;gap:10px;font-size:clamp(13px,1.65cqw,21px);white-space:nowrap}
.hp-tv-actions .hp-tv-cta>svg{width:28px;height:22px}
.hp-tv-actions .hp-tv-cta .hp-arrow{font-size:26px;line-height:1;margin:0}
.hp-tv-banner .hp-tv-actions .hp-tv-facebook{background:#1877f2;color:#fff}
.hp-tv-banner .hp-tv-actions .hp-tv-facebook:hover{box-shadow:0 8px 28px #1877f240}
@media(min-width:761px) and (max-width:1050px){.hp-tv-actions{width:34%;gap:7px}.hp-tv-banner .hp-tv-actions .hp-tv-cta{padding:8px 13px;gap:8px}}
@media(max-width:760px){.hp-tv-actions{position:static;width:100%;max-width:330px;margin-top:24px;gap:10px}.hp-tv-banner .hp-tv-actions .hp-tv-cta,html[data-theme=light] .hp-tv-banner .hp-tv-actions .hp-tv-cta{height:54px;min-height:54px;font-size:15px;padding:12px 16px}.hp-tv-actions .hp-tv-cta>svg{width:25px;height:21px}.hp-tv-actions .hp-tv-cta .hp-arrow{font-size:23px}}
@media(max-width:380px){.hp-tv-banner .hp-tv-actions .hp-tv-cta,html[data-theme=light] .hp-tv-banner .hp-tv-actions .hp-tv-cta{font-size:13px;padding:10px 12px;gap:7px}}