/* Sanwaria — video knockout hero.  Sab kuch "sh-" se shuru hota hai
   taaki site ki apni style.css se koi takraav na ho. */
.sh-hero{position:relative;height:100vh;min-height:520px;overflow:hidden;isolation:isolate;background:#000}
.sh-fallback{position:absolute;inset:0;z-index:0;background:url('/images/cell-4.jpg') center/cover}
.sh-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
/* kaali parat jisme se letters kate hue hain */
.sh-knock{position:absolute;inset:0;z-index:2;background:#000;mix-blend-mode:multiply;
  display:flex;flex-direction:column;justify-content:center;padding:0 clamp(10px,2.4vw,38px)}
.sh-h1{margin:0;font:inherit;font-weight:inherit}
.sh-wrap{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.08em}
.sh-l{display:inline-block;font-family:Sora,system-ui,sans-serif;font-weight:800;color:#fff;
  line-height:.80;letter-spacing:-.045em;white-space:nowrap;font-size:100px;margin:0}
.sh-ui{position:absolute;inset:0;z-index:4;pointer-events:none}
.sh-ui>*{pointer-events:auto}
.sh-place{position:absolute;top:clamp(84px,11vh,120px);right:clamp(16px,4vw,52px);
  font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.sh-brandline{position:absolute;font-size:clamp(10px,1.05vw,13px);font-weight:600;
  letter-spacing:.3em;text-transform:uppercase;color:#E8973F;margin:0}
.sh-foot{position:absolute;left:clamp(16px,4vw,52px);right:clamp(16px,4vw,52px);
  bottom:clamp(20px,5vh,44px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.sh-foot p{max-width:34ch;font-size:clamp(12px,1.15vw,15px);line-height:1.55;color:rgba(255,255,255,.62);margin:0}
.sh-go{display:inline-flex;align-items:center;gap:10px;border-radius:999px;background:#fff;color:#0A0A0A;
  padding:14px 26px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .25s}
.sh-go:hover{transform:translateY(-2px)}
.sh-grain{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.30;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='.55'/></svg>")}
.sh-vig{position:absolute;inset:0;z-index:5;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 45%, rgba(0,0,0,0) 38%, rgba(0,0,0,.78) 100%)}
.sh-pay{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;gap:16px;opacity:0;pointer-events:none;padding:24px;color:#fff}
.sh-pay h2{font-family:Sora,system-ui,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1;
  font-size:clamp(28px,6vw,90px);margin:0;color:#fff}
.sh-pay p{font-size:clamp(13px,1.5vw,20px);color:rgba(255,255,255,.72);margin:0}
.sh-sig{margin-top:12px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#E8973F;font-weight:600}
@media (max-width:760px){ .sh-foot{flex-direction:column;align-items:flex-start} .sh-place{display:none} }