/* Motion adds no hidden-content dependency. The static design remains the fallback. */
@media (prefers-reduced-motion:no-preference) {
  .motion-enabled .reference-nav a,
  .motion-enabled .reference-footer-nav a {
    position:relative;
    text-decoration:none;
  }
  .motion-enabled .reference-nav a::after,
  .motion-enabled .reference-footer-nav a::after {
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-5px;
    height:2px;
    background:var(--ink);
    scale:0 1;
    transform-origin:right;
    transition:scale .4s cubic-bezier(.16,1,.3,1);
  }
  .motion-enabled .reference-nav a:hover::after,
  .motion-enabled .reference-nav a:focus-visible::after,
  .motion-enabled .reference-footer-nav a:hover::after,
  .motion-enabled .reference-footer-nav a:focus-visible::after {
    scale:1 1;
    transform-origin:left;
  }
  .motion-enabled .project-button {
    isolation:isolate;
    overflow:hidden;
    transition:background .25s,color .25s,translate .5s cubic-bezier(.16,1,.3,1);
  }
  .motion-enabled .project-button::before {
    content:'';
    position:absolute;
    inset:0;
    background:var(--lime);
    z-index:-1;
    translate:-104% 0;
    transition:translate .5s cubic-bezier(.16,1,.3,1);
  }
  .motion-enabled .project-button > span {
    transition:translate .45s cubic-bezier(.16,1,.3,1),rotate .45s cubic-bezier(.16,1,.3,1);
  }
  .motion-enabled .project-button:active { scale:.98; }
  .motion-enabled .offer-details-trigger {
    transition:background .2s,box-shadow .35s cubic-bezier(.16,1,.3,1);
  }
  .motion-enabled .offer-details-trigger:hover {
    box-shadow:3px 3px 0 var(--ink);
  }
  .motion-enabled .service-cards { perspective:1200px; }
  .motion-enabled .motion-card {
    transition:rotate .45s cubic-bezier(.16,1,.3,1),translate .5s cubic-bezier(.16,1,.3,1);
  }
  .motion-enabled .motion-card::after {
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:4;
    background:linear-gradient(120deg,transparent 15%,#ffffff28 48%,transparent 80%);
    opacity:0;
    background-size:220% 100%;
    background-position:150% 0;
    transition:opacity .4s,background-position .8s cubic-bezier(.16,1,.3,1);
  }
  @media (hover:hover) and (pointer:fine) {
    .motion-enabled .project-button:hover {
      background:#050505;
      color:#000;
    }
    .motion-enabled .project-button:hover::before { translate:0 0; }
    .motion-enabled .project-button:hover > span { translate:3px -1px; rotate:-7deg; }
    .motion-enabled .motion-card:hover { translate:0 -7px; }
    .motion-enabled .motion-card:hover::after { opacity:1; background-position:-50% 0; }
  }
}