/* Mobile-only refinements. This first important layer takes precedence over legacy panel rules. */
@layer ag-mobile-polish {
 @media(max-width:800px){
  /* Feather the complete image boundary, including brighter project portraits and live media. */
  .ag-mobile-reference-frame:not(.project-hero-art),
  .work-project:is([data-project=fitfur],[data-project=mayson]) .project-hero-art{
   mask-image:linear-gradient(180deg,#000 0%,#000 40%,rgba(0,0,0,.98) 52%,rgba(0,0,0,.88) 64%,rgba(0,0,0,.65) 75%,rgba(0,0,0,.32) 85%,rgba(0,0,0,.08) 93%,transparent 99%)!important;
   -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 40%,rgba(0,0,0,.98) 52%,rgba(0,0,0,.88) 64%,rgba(0,0,0,.65) 75%,rgba(0,0,0,.32) 85%,rgba(0,0,0,.08) 93%,transparent 99%)!important;
   mask-composite:intersect!important;-webkit-mask-composite:source-in!important;
   mask-repeat:no-repeat!important;mask-size:100% 100%!important;
  }
  /* Home retains its native viewport parallax; its own media fade stays page-owned. */
  body[data-page=home] .home-cinema-window .ag-mobile-reference-frame{mask-image:none!important;-webkit-mask-image:none!important}
  .ag-media-edge-fill>span{filter:blur(24px)!important}
  /* A static copy must stay static during pointer motion, including narrow desktop previews. */
  [data-ag-cta-template=standard] [data-ag-cta-role=copy]{translate:none!important}
  /* Keep the original light/dark action roles; only dark surfaces receive a soft sheen. */
  :is(.home-cinema-window,.work-cinema-window,.about-welcome,.ag-hello-cta,.project-hero,.project-banner,.discipline-panel,.home-why,.home-demo-ad,.work-approach-feature,.services-banner,.cta-panel,.ag-contact-hero,.ag-process-banner,.home-feature,.seo-hero-media)
   :is(.button:not(.button-light):not(.home-cinema-copy .home-actions>.button:first-child),.film-trigger,.welcome-play,.scene-motion,.glass-button),
  .work-project .ag-project-cta .button-light,
  :is(.home-video-controls>button,.work-video-controls>button,.about-video-sound,.project-toolbar>[data-project-close],.mayson-film-sound,.project-feature-play,.project-sample-play,button[data-feature-sound]){
   background-color:rgba(24,25,27,.84)!important;
   background-image:linear-gradient(165deg,rgba(255,255,255,.22),rgba(255,255,255,.07) 42%,rgba(0,0,0,.18))!important;
   border-color:transparent!important;
   box-shadow:none!important;
   color:#fff!important;text-decoration:none;
  }
  :is([data-ag-opening=standard],[data-ag-cta-template=standard],.ag-shared-cta) .button{
   border-color:transparent!important;box-shadow:none!important;
  }
  body[data-page=home] .home-cinema-copy .home-actions>.button:first-child{
   background:#f2f2ef!important;color:#111!important;border-color:transparent!important;box-shadow:none!important;
  }
  body[data-page=home] .home-cinema-copy .home-actions>.button:first-child :is(span,.ag-word){color:inherit!important}
  .ag-footer-contact-row{align-items:flex-start!important;justify-content:flex-start!important}
  .ag-footer-connect .ag-footer-social{justify-content:flex-start!important;margin-left:0!important;margin-right:auto!important}
 }
}
