/* Branch 2 sales page: the video slot on top (HKSalesPageB). Everything else is hkagency.in's own CSS. */
.intro{padding-top:clamp(28px,5vw,56px)}
.intro .sec-head{text-align:center}.intro .sec-head p{margin-left:auto;margin-right:auto}
.vslot{position:relative;width:min(380px,calc(100% - 32px));aspect-ratio:9/16;margin:0 auto;border-radius:var(--r);overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}
.vslot.wide{width:min(900px,calc(100% - 32px));aspect-ratio:16/9}
.vslot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.vslot .empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center;padding:24px;border:1.5px dashed var(--gold);border-radius:var(--r)}
.vslot .empty i{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:var(--ink);font-style:normal;font-size:1.4rem;box-shadow:0 10px 30px -8px rgba(214,178,122,.8)}
.vslot .empty b{font:600 .78rem "IBM Plex Mono";letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.intro .vcta{display:flex;justify-content:center;margin-top:22px}