/* Blend the original artwork into the existing navy/violet hero, without a card. */
.hero .hero-grid{z-index:auto}
.hero .gai-brand-logo{isolation:auto;z-index:auto;background:none;border:0;box-shadow:none}
.hero .gai-brand-logo::before{z-index:0;inset:9% 2% 16%;opacity:.65;filter:blur(22px)}
.hero .gai-brand-logo #approved-logo{
 position:relative;z-index:1;mix-blend-mode:lighten;filter:none;opacity:.93;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 97%,transparent);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 97%,transparent);
 mask-composite:intersect;
 transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);
 transform-origin:50% 50%;
 transition:transform .45s ease,opacity .45s ease;
}
.hero .gai-brand-logo figcaption{position:relative;z-index:1}
@media(hover:hover) and (pointer:fine) and (min-width:851px){
 .hero .gai-brand-logo:hover #approved-logo{transform:perspective(1200px) rotateY(-1deg) rotateX(0deg) translateY(-3px);opacity:.97}
}
@media(max-width:850px){
 .hero .gai-brand-logo #approved-logo{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .hero .gai-brand-logo #approved-logo,.hero .gai-brand-logo:hover #approved-logo{transform:none;transition:none}
}
.motion-off .hero .gai-brand-logo #approved-logo,.motion-off .hero .gai-brand-logo:hover #approved-logo{transform:none;transition:none}