/* Shared Glass Orb Play — storefront, video portfolio and Motion Studio.
   CSS-only, accessible interactive button, no canvas dependency or asset request. */
.gm-glass-orb{
 --gm-orb-size:70px;--gm-orb-opacity:1;--gm-orb-glow:.7;
 position:relative;isolation:isolate;flex:0 0 auto;
 display:grid;place-items:center;width:var(--gm-orb-size);height:var(--gm-orb-size);
 aspect-ratio:1;border:1px solid rgba(232,255,236,.78);border-radius:50%;
 padding:0;box-sizing:border-box;color:#fff;opacity:var(--gm-orb-opacity);
 background:
  radial-gradient(ellipse at 30% 18%,rgba(246,255,255,.41),transparent 29%),
  radial-gradient(ellipse at 74% 78%,rgba(8,49,26,.57),transparent 49%),
  radial-gradient(circle at 45% 37%,rgba(230,255,239,.24) 0,rgba(133,209,150,.2) 34%,rgba(16,63,43,.32) 66%,rgba(4,27,19,.69) 100%);
 box-shadow:
  inset 1px 2px 4px rgba(255,255,255,.75),
  inset -6px -7px 12px rgba(6,39,24,.63),
  inset 0 0 18px rgba(180,242,197,.29),
  0 4px 16px rgba(0,12,10,.35),
  0 0 calc(22px * var(--gm-orb-glow)) rgba(158,255,134,.3);
 -webkit-backdrop-filter:blur(5px) saturate(1.45);
 backdrop-filter:blur(5px) saturate(1.45);
 -webkit-tap-highlight-color:transparent;
 transition:box-shadow .25s ease,background .25s ease,filter .25s ease,scale .25s ease;
}
.gm-glass-orb::before{
 content:"";pointer-events:none;position:absolute;left:15%;top:9%;width:65%;height:31%;
 border-radius:70% 70% 50% 50%;transform:rotate(-18deg);
 background:linear-gradient(180deg,rgba(255,255,255,.81),rgba(236,255,249,.11) 65%,transparent);
 filter:blur(.55px);z-index:1;
}
.gm-glass-orb::after{
 content:"";pointer-events:none;position:absolute;inset:8%;border-radius:50%;
 border:1px solid rgba(255,255,255,.19);z-index:1;
 box-shadow:inset 0 0 7px rgba(235,255,245,.20);
}
.gm-glass-orb__mark{
 display:block;position:relative;z-index:2;width:41%;height:41%;
 margin-left:4%;filter:drop-shadow(0 1px 3px rgba(0,30,15,.65));
 fill:currentColor;color:#fff;pointer-events:none;
}
button.gm-glass-orb:hover,
button:hover .gm-glass-orb,
button:focus-visible .gm-glass-orb{
 filter:brightness(1.13);scale:1.055;
 box-shadow:
  inset 1px 2px 5px rgba(255,255,255,.85),
  inset -6px -7px 13px rgba(6,39,24,.58),
  0 5px 20px rgba(0,20,10,.44),
  0 0 calc(36px * var(--gm-orb-glow)) rgba(179,255,137,.60);
}
button.gm-glass-orb:focus-visible,
button:focus-visible .gm-glass-orb{
 outline:3px solid #d1fb97;outline-offset:5px;
}
.gm-glass-orb--small{--gm-orb-size:52px}
.gm-glass-orb--medium{--gm-orb-size:70px}
.gm-glass-orb--large{--gm-orb-size:88px}
.gm-glass-orb--standard{
 border:2px solid rgba(255,255,255,.82);background:rgba(5,23,15,.62);
 box-shadow:0 5px 18px rgba(0,0,0,.36);backdrop-filter:none;
 -webkit-backdrop-filter:none
}
.gm-glass-orb--standard::before,.gm-glass-orb--standard::after{display:none}
@media(max-width:780px){.homepage-brand-film__play.gm-glass-orb{--gm-orb-size:78px}.pf-play-round.gm-glass-orb{--gm-orb-size:58px}}
@media(prefers-reduced-motion:reduce){.gm-glass-orb{transition:none}button.gm-glass-orb:hover,button:hover .gm-glass-orb{scale:1}}
