/* ============================================================
   NOÏA RÉNOVATION — Homepage V3 Motion Layer
   ============================================================ */

.noia-reveal-mask {
  display: block;
  overflow: hidden;
  padding-bottom: .08em;
}
.reveal-inner {
  display: block;
  transform: none;
  will-change: transform;
}

.image-reveal {
  position: relative;
  overflow: hidden;
}
.image-reveal img {
  transform: scale(1.055);
  will-change: transform;
}


/* fine transitions */
.hero-v3-copy,
.hero-v3-topline,
.hero-v3-side-note,
.hero-v3-stats { will-change: transform, opacity; }

.mosaic-v3-card::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,0);
  border-radius: inherit;
  pointer-events: none;
  transition: border-color .5s ease;
}
.mosaic-v3-card:hover::after { border-color: rgba(255,255,255,.26); }

.mosaic-v3:hover .mosaic-v3-card:not(:hover) img {
  filter: saturate(.65) brightness(.9);
}

.expertise-v3-frame::after,
.agency-v3-media::after,
.project-v3-featured-media::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: inherit;
  pointer-events: none;
  z-index: 3;
}

.project-v3-media { clip-path: inset(0 0 0 0); }

/* input focus is a line, not a SaaS card */
.form-field { transition: border-color .35s ease; }
.form-field:focus-within { border-color: #C95135; }

/* subtle focus ring */
.media-hero-page :focus-visible {
  outline: 2px solid #C95135;
  outline-offset: 4px;
}
.expertise-v3-item:focus-visible { outline-offset: 8px; }

@media (max-width: 900px) {
  .scroll-progress { display: none !important; }
}

@media (hover: none), (pointer: coarse) {
  .noia-cursor { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .reveal-inner,
  .image-reveal img,
  [data-parallax],
  .scroll-progress,
  .hero-v3-media img,
  .hero-v3-ghost,
  .cta-v3-word {
    transform: none !important;
  }
  .noia-cursor { display: none !important; }
}