/* enaccs.com/watch: the DATARMA short videos (vertical), share buttons, Microsoft Store call to action */
.w .w-hero{position:relative;overflow:hidden;padding:150px 0 70px;color:var(--cream);text-align:center}
.w .w-hero .wrap,.w .w-cta .wrap{position:relative;display:grid;justify-items:center;gap:22px}
.w .w-hero h1{font-size:clamp(36px,6vw,72px);line-height:1.04;margin:0;font-weight:700}
.w .w-hero .lead,.w .w-cta .lead{margin:0 auto;text-align:center}
.w .ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}
.w section.w-grid{padding:70px 0 100px;background:#14110F;color:var(--cream)}
.w .vids{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.w .vid{display:flex;flex-direction:column;gap:12px;scroll-margin-top:100px}
.w .vid .ph{border-radius:22px;overflow:hidden;background:#000;border:1.5px solid rgba(250,243,232,.14);box-shadow:0 40px 80px -30px rgba(0,0,0,.9);aspect-ratio:9/16}
.w .vid video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
/* full screen: the whole vertical video, centred, never cropped */
.w .vid video:fullscreen{object-fit:contain;width:100%;height:100%}
.w .vid video:-webkit-full-screen{object-fit:contain;width:100%;height:100%}
.w .vid h2{font-size:21px;margin:6px 0 0}
.w .vid p{margin:0;color:var(--mut-d);font-size:15.5px;line-height:1.5;flex:1}
.w .vid .share{align-self:flex-start;padding:10px 18px;font-size:14.5px;cursor:pointer;background:transparent}
.w .vid.focus .ph{border-color:var(--amber);box-shadow:0 0 0 3px rgba(245,165,36,.35),0 40px 80px -30px rgba(0,0,0,.9)}
.w section.w-cta{position:relative;overflow:hidden;padding:100px 0;color:var(--cream);text-align:center}
.w .w-cta h2{margin:0}
.w .w-cta .red{color:#FF6B57}
.w .w-cta .small{margin:0;font-size:14px;color:var(--mut-d)}
.w .toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--amber);color:var(--ink);font-weight:600;padding:12px 22px;border-radius:999px;box-shadow:0 14px 40px rgba(0,0,0,.4);z-index:50}
@media (max-width:1100px){.w .vids{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.w .vids{grid-template-columns:1fr;max-width:380px;margin:0 auto}.w .w-hero{padding:120px 0 50px}}