/* Work Sans 800 lettering is outlined in the expanded SVGs. The existing
   883:180 image canvas reserves the full wordmark, including at rest. */
a:has(> img[src*="giants-digital-logo-"]) {
  position: relative;
  isolation: isolate;
}
a:has(> img[src*="giants-digital-logo-"]) > img {
  transition: opacity 560ms ease-in-out;
}
a:has(> img[src*="giants-digital-logo-"])::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/assets/giants-digital-logo-expanded.svg?v=20261026-work-sans") left center / 100% 100% no-repeat;
  opacity: 0;
  clip-path: inset(0 65% 0 0);
  transition: opacity 560ms ease-in-out, clip-path 560ms ease-in-out;
  pointer-events: none;
}
a:has(> img[src*="giants-digital-logo-"][src*="white-text"])::after,
.manhattan-footer[data-theme="dark"] a:has(> img[src*="giants-digital-logo-"])::after {
  background-image: url("/assets/giants-digital-logo-expanded-white-text.svg?v=20261026-work-sans");
}
@media (hover: hover) and (pointer: fine) {
  a:has(> img[src*="giants-digital-logo-"]):hover > img { opacity: 0; }
  a:has(> img[src*="giants-digital-logo-"]):hover::after { opacity: 1; clip-path: inset(0); }
}
a:has(> img[src*="giants-digital-logo-"]):focus-visible > img { opacity: 0; }
a:has(> img[src*="giants-digital-logo-"]):focus-visible::after { opacity: 1; clip-path: inset(0); }
a:has(> img[src*="giants-digital-logo-"]).is-logo-expanded > img { opacity: 0; }
a:has(> img[src*="giants-digital-logo-"]).is-logo-expanded::after { opacity: 1; clip-path: inset(0); }
@media (prefers-reduced-motion: reduce) {
  a:has(> img[src*="giants-digital-logo-"]) > img,
  a:has(> img[src*="giants-digital-logo-"])::after { transition: none; }
}