.hero,.hi-hero{position:relative;overflow:hidden;isolation:isolate}
.hero>.hero-copy,.hero>.hero-visual,.hi-hero>.hi-hero-copy,.hi-hero>.hi-hero-art{position:relative;z-index:2}
.social-snow{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.social-snowflake{position:absolute;left:var(--snow-left);top:-58px;width:var(--snow-size);height:var(--snow-size);padding:6px;color:#101b2d;border:1px solid rgba(16,27,45,.12);border-radius:11px;background:rgba(255,255,255,.5);box-shadow:0 5px 16px rgba(16,27,45,.05);opacity:.27;animation:social-snow-fall var(--snow-duration) linear var(--snow-delay) infinite;will-change:transform;backdrop-filter:blur(2px)}
.hero .social-snowflake:nth-child(6n+1){color:#c13584}
.hero .social-snowflake:nth-child(6n+2){color:#1877f2}
.hero .social-snowflake:nth-child(6n+3){color:#0a66c2}
.hero .social-snowflake:nth-child(6n+4){color:#ff0000}
.hero .social-snowflake:nth-child(6n+5){color:#101b2d}
.hero .social-snowflake:nth-child(6n){color:#e60023}
.hi-hero .social-snowflake{color:#833ab4;border-color:rgba(131,58,180,.14);background:rgba(255,255,255,.46);opacity:.24}
.hi-hero .social-snowflake:nth-child(3n){color:#e1306c}
.hi-hero .social-snowflake:nth-child(3n+2){color:#405de6}
.social-snowflake svg{width:100%;height:100%;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.social-snowflake svg .fill{fill:currentColor;stroke:none}
@keyframes social-snow-fall{
  0%{transform:translate3d(0,-55px,0) rotate(0deg)}
  55%{transform:translate3d(var(--snow-drift),55vh,0) rotate(var(--snow-rotation))}
  100%{transform:translate3d(0,calc(100vh + 75px),0) rotate(70deg)}
}
@media(max-width:660px){.social-snowflake{padding:5px;opacity:.21}.social-snowflake:nth-child(n+9){display:none}.hi-hero .social-snowflake{opacity:.22}}
@media(prefers-reduced-motion:reduce){.social-snow{display:none}}
