/* Desktop photo framing only. Existing CTA and copy geometry remain intact. */
@layer mobile-composition{
 @media(min-width:801px){
  [data-ag-id="ag-cta-work-overview-panel"] .ag-hello-image{
   container-type:size;background:none;
  }
  [data-ag-id="ag-cta-work-overview-panel"] .ag-hello-image>img{
   --selfie-photo-width:calc(100cqh * 16 / 7);
   position:absolute!important;inset:auto!important;top:0!important;bottom:auto!important;right:auto!important;
   left:max(calc((100cqw - var(--selfie-photo-width)) / 2),calc(100cqw - var(--selfie-photo-width)))!important;
   width:var(--selfie-photo-width)!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center top!important;
   mask-image:linear-gradient(90deg,transparent,#000 4%)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%)!important;
  }
  /* Extend only the empty extreme left edge into the desktop copy area at the same scale. */
  [data-ag-id="ag-cta-work-overview-panel"] .ag-hello-image::before{
   --selfie-photo-width:calc(100cqh * 16 / 7);
   content:"";display:block;position:absolute;top:0;height:100%;width:calc(var(--selfie-photo-width) * 4);
   left:calc(max((100cqw - var(--selfie-photo-width)) / 2,100cqw - var(--selfie-photo-width)) - var(--selfie-photo-width) * 4);
   background:url("images/work-selfie-desktop-v200.webp") 0 0 / 100% 100% no-repeat;transform:translateX(24px) scaleX(-1);filter:blur(12px);border:0;box-shadow:none;outline:0;pointer-events:none;
  }
  /* The FitFur invitation photo has its own column, so it stays fully visible. */
  #project-fitfur .ag-project-cta .ag-hello-image,#project-fitfur .ag-project-cta .ag-hello-image>img{
   opacity:1!important;filter:none!important;mix-blend-mode:normal!important;
  }
  #project-fitfur .ag-project-cta .ag-hello-image::before,#project-fitfur .ag-project-cta .ag-hello-image::after{
   display:none!important;background:none!important;
  }
 }
}