/* Group Takey - brand hero background (from the About page) used on every inner page */
.about-hero-bg{position:relative;overflow:hidden;background:#0d0c14}
.about-hero-bg .ah-size{display:block;height:65vh;min-height:420px}
.about-hero-bg.ah-vh-75 .ah-size{height:75vh;min-height:420px}
.about-hero-bg.ah-vh-50 .ah-size{height:50vh;min-height:320px}
.about-hero-bg .ah-grid{position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 48%,#000 18%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 48%,#000 18%,transparent 72%)}
.about-hero-bg .ah-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;will-change:transform;animation:ahFloat 18s ease-in-out infinite alternate}
.about-hero-bg .b1{width:48vw;height:48vw;left:-12vw;top:-22vw;background:#6917d0}
.about-hero-bg .b2{width:42vw;height:42vw;right:-10vw;bottom:-24vw;background:#07beb8;animation-delay:-7s}
.about-hero-bg .b3{width:20vw;height:20vw;left:58%;top:18%;background:#ff1791;opacity:.16;animation-delay:-12s}
.about-hero-bg .ah-fade{position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(180deg,rgba(13,12,20,0),#0d0c14)}
@keyframes ahFloat{to{transform:translate(5vw,3vw) scale(1.15)}}
@media (prefers-reduced-motion:reduce){.about-hero-bg .ah-blob{animation:none}}