/* GreenyGift V4 original artwork: transparent, delicately outlined wordmark.
   The white edge follows each lettering pixel rather than surrounding the logo in a box. */
.nav .brand.gg-brand-animated {
  display: block;
  flex: 0 0 auto;
  width: 122px;
  padding: 0;
  overflow: visible;
  line-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: transform .4s ease;
  -webkit-tap-highlight-color: transparent;
}
.nav .brand.gg-brand-animated:hover { background: transparent; box-shadow: none; }
.nav.scrolled .brand.gg-brand-animated { transform: scale(.92); transform-origin: left center; }
:is(.gg-brand-animated, .gg-footer-brand--logo) .gg-logo-art {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 823 / 503;
  isolation: isolate;
}
:is(.gg-brand-animated, .gg-footer-brand--logo) .gg-logo-layer {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* The white stroke belongs only to the two word layers; the green leaf stays untouched. */
:is(.gg-brand-animated, .gg-footer-brand--logo) :is(.gg-logo-layer--greeny, .gg-logo-layer--gift) {
  filter:
    drop-shadow(1px 0 0 rgba(255,255,255,.96))
    drop-shadow(-1px 0 0 rgba(255,255,255,.96))
    drop-shadow(0 1px 0 rgba(255,255,255,.96))
    drop-shadow(0 -1px 0 rgba(255,255,255,.96));
}
@media (prefers-reduced-motion: no-preference) {
  .gg-brand-animated .gg-logo-layer--greeny {
    animation: gg-logo-reveal 1.35s .15s cubic-bezier(.22,.75,.18,1) both;
  }
  .gg-brand-animated .gg-logo-layer--gift {
    animation: gg-logo-reveal 1.35s 1.2s cubic-bezier(.22,.75,.18,1) both;
  }
  .gg-brand-animated .gg-logo-layer--leaf {
    transform-origin: 56% 81%;
    animation: gg-logo-leaf 1.38s 2.25s cubic-bezier(.16,.77,.23,1) both;
  }
}
@keyframes gg-logo-reveal {
  0% { opacity: 0; clip-path: inset(0 100% 0 0); transform: translate3d(0,5px,0); }
  14% { opacity: 1; }
  100% { opacity: 1; clip-path: inset(0 0 0 0); transform: translate3d(0,0,0); }
}
@keyframes gg-logo-leaf {
  0% { opacity: 0; transform: scale(.1) rotate(-12deg); }
  12% { opacity: 1; }
  75% { transform: scale(1.04) rotate(1deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}
/* Footer uses the same three transparent PNG layers, without animation or a surrounding tile. */
.gg-site-footer .gg-footer-brand--logo {
  display: inline-block;
  width: 151px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 0;
  box-shadow: none;
  transition: transform .24s ease;
}
.gg-site-footer .gg-footer-brand--logo:hover { transform: translateY(-2px); box-shadow: none; }
@media(max-width:700px){
  .nav .brand.gg-brand-animated { width: 104px; padding: 0; }
  .nav.scrolled .brand.gg-brand-animated { transform: scale(.95); }
  .gg-site-footer .gg-footer-brand--logo { width: 145px; }
}
@media(max-width:350px){
  .nav .brand.gg-brand-animated { width: 95px; padding: 0; }
}
@media(prefers-reduced-motion:reduce){
  .gg-brand-animated .gg-logo-layer,
  .gg-brand-animated .gg-logo-layer--greeny,
  .gg-brand-animated .gg-logo-layer--gift,
  .gg-brand-animated .gg-logo-layer--leaf { animation: none !important; opacity: 1; transform: none; clip-path: none; }
  .nav .brand.gg-brand-animated,
  .gg-site-footer .gg-footer-brand--logo { transition: none; }
}