/* Home: "TransVare in Motion" trailer section (restored 24 Oct 2026) */
.home-trailer-section{padding:72px 0 80px;background:linear-gradient(180deg,#fbfaff 0%,#f3f1fb 100%)}
.home-trailer-section .home-trailer-heading{max-width:760px;margin:0 auto 32px;text-align:center}
.home-trailer-section .home-trailer-heading h2{margin:10px 0 12px}
.home-trailer-section .home-trailer-heading p{margin:0 auto;max-width:640px;text-align:center;color:#5b5873;font-size:18px;line-height:1.5}
.htv{position:relative;max-width:1400px;margin:0 auto;border-radius:24px;padding:2px;background:linear-gradient(135deg,#2b5bd7,#5b4bd6,#d61f6e);box-shadow:0 40px 90px -45px rgba(43,31,120,.65)}
.htv video{display:block;width:100%;aspect-ratio:2.25/1;cursor:pointer;border-radius:22px;background:#0d0b1a;object-fit:cover}
.htv-btn{position:absolute;bottom:18px;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#3b2a8a;box-shadow:0 8px 20px -8px rgba(0,0,0,.45)}
.htv-btn svg{width:22px;height:22px}
.htv-fs{right:18px}.htv-snd{right:74px}.htv-pp{right:130px}
.htv-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:640px){.home-trailer-section{padding:48px 0 56px}.home-trailer-section .home-trailer-heading p{font-size:16px}.htv{border-radius:16px}.htv video{border-radius:14px}.htv-btn{width:40px;height:40px;bottom:12px}.htv-snd{right:12px}.htv-pp{right:60px}}

.home-trailer-section .home-trailer-heading{display:flex;flex-direction:column;align-items:center}
.home-trailer-section .home-trailer-heading p,.home-trailer-section .home-trailer-heading h2{text-align:center!important}
@media (max-width:640px){.htv-btn{top:10px;bottom:auto;width:36px;height:36px}.htv-btn svg{width:18px;height:18px}.htv-fs{right:10px}.htv-snd{right:52px}.htv-pp{right:94px}}

/* full screen: show the whole frame */
.htv.htv-isfs,.htv:fullscreen{max-width:none;border-radius:0;padding:0;background:#000;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}
.htv.htv-isfs video,.htv:fullscreen video{aspect-ratio:auto;width:100%;height:100%;object-fit:contain;border-radius:0}
.htv.htv-isfs .htv-btn{top:auto;bottom:24px;width:46px;height:46px}
.htv:-webkit-full-screen{width:100vw;height:100vh;background:#000}