/* GOLVARY - full-bleed brand video that irises open on scroll (mobile only).
   EXACT SPYLT VideoPinSection: GSAP ScrollTrigger pins .gv-vreveal and scrubs the
   .gv-vreveal__mask clip-path from circle(6% at 50% 50%) to circle(100% at 50% 50%)
   (power1.inOut). The initial 6% is set inline (matches their JSX); reduced-motion
   opens it fully with no pin/scrub. Hidden on desktop (>768px) for now. */
.gv-vreveal{display:none}

@media (max-width:768px){
  .gv-vreveal{
    display:block;position:relative;height:100svh;height:100vh;width:100%;
    background:var(--gv-green-deep,#022a22);overflow:hidden;
  }
  /* clip-path: inline circle(6%) on the element -> GSAP tweens it to circle(100%) */
  .gv-vreveal__mask{position:absolute;inset:0;overflow:hidden;will-change:clip-path}
  .gv-vreveal__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#022a22}
  .gv-vreveal__scrim{position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(circle at 50% 42%,transparent 32%,rgba(2,18,14,.5) 100%)}
  .gv-vreveal__overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:2}
  .gv-vreveal__ring{position:relative;display:grid;place-items:center;width:clamp(156px,46vw,200px);aspect-ratio:1}
  .gv-vreveal__spin{position:absolute;inset:0;animation:gvVrSpin 20s linear infinite}
  .gv-vreveal__spin svg{width:100%;height:100%;display:block}
  .gv-vreveal__spin text{fill:var(--gv-cream,#f4efe3);text-transform:uppercase;
    font:600 9.4px/1 var(--gv-sans,"Jost",sans-serif);letter-spacing:.24em}
  .gv-vreveal__play{position:relative;pointer-events:auto;width:66px;height:66px;border-radius:50%;border:0;cursor:pointer;
    background:var(--gv-gold-grad);color:#022a22;display:grid;place-items:center;
    box-shadow:0 14px 32px -10px rgba(0,0,0,.55);transition:transform .3s ease}
  .gv-vreveal__play:active{transform:scale(.93)}
  .gv-vreveal__play:focus-visible{outline:2px solid var(--gv-cream,#f4efe3);outline-offset:4px}
  .gv-vreveal__play svg{width:24px;height:24px;fill:currentColor}
  .gv-vreveal__play .gv-vreveal__ico-play{display:none}
  .gv-vreveal.is-paused .gv-vreveal__play .gv-vreveal__ico-pause{display:none}
  .gv-vreveal.is-paused .gv-vreveal__play .gv-vreveal__ico-play{display:block}
  .gv-vreveal.is-paused .gv-vreveal__spin{animation-play-state:paused}
  @keyframes gvVrSpin{to{transform:rotate(360deg)}}
}

/* Note: intentionally NOT gated on prefers-reduced-motion - matches SPYLT, which
   runs this regardless; the iris is scroll-driven so the user controls it. */