@media(prefers-reduced-motion:no-preference){
  .gl-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
  .gl-reveal.gl-visible{opacity:1;transform:none}
  .button,.gl-footer-cta,.blog-card{transition:transform .25s ease,box-shadow .25s ease}
  .button:hover,.gl-footer-cta:hover{transform:translateY(-3px);box-shadow:0 10px 26px #3f241826}
  .blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #3f24181a}
  .gl-hero-enter{animation:gl-hero-enter .7s cubic-bezier(.2,.7,.2,1) both}
  @keyframes gl-hero-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @media(hover:hover){
    main :is(.pcard,.product-card,.project-card,.look-card,.style-card,.sink-card,.example-card){transition:translate .25s ease,box-shadow .25s ease}
    main :is(.pcard,.product-card,.project-card,.look-card,.style-card,.sink-card,.example-card):hover{translate:0 -4px;box-shadow:0 16px 32px #3f24181a}
  }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.gl-reveal{opacity:1;transform:none;transition:none}.gl-hero-enter{animation:none}}
@media print{.gl-reveal{opacity:1!important;transform:none!important}.gl-hero-enter{animation:none!important}}