/**
 * Mobile-only visual clarity adjustments.
 * Desktop art direction and layout remain untouched.
 */

@media (max-width: 920px) {
  .gy-content-section--dark { background: #142a3d; }
  .gy-content-section--dark .gy-content-section__cards article {
    background: rgba(255, 255, 255, .075);
    border-color: rgba(255, 255, 255, .17);
  }

  .gy-community {
    background:
      radial-gradient(circle at 90% 4%, rgba(185, 222, 95, .13), transparent 25rem),
      linear-gradient(145deg, #0b1b2a, #12283a 60%, #0a1927);
  }

  .gy-contact { background: #0d2132; }

  .gy-company-profile::before {
    background: linear-gradient(180deg, rgba(5, 13, 22, .82), rgba(5, 13, 22, .52) 48%, rgba(5, 13, 22, .88));
  }

  .gy-company-greeting::before {
    background:
      linear-gradient(180deg, rgba(5, 13, 22, .8), rgba(5, 13, 22, .5) 48%, rgba(5, 13, 22, .84)),
      var(--gy-company-image) 62% center / cover no-repeat;
  }

  .gy-poultry-story__picture img {
    filter: brightness(.68) saturate(.9) contrast(1.08) sepia(.025);
  }

  .gy-poultry-story__shade {
    background:
      radial-gradient(circle at var(--gy-poultry-spot-x, 50%) var(--gy-poultry-spot-y, 45%), rgba(185, 222, 95, .16), transparent 25%),
      linear-gradient(0deg, rgba(4, 12, 21, .82), rgba(4, 12, 21, .28) 62%, rgba(4, 12, 21, .06));
  }

  .gy-solar-story__shade {
    background:
      radial-gradient(circle at var(--gy-solar-spot-x, 50%) var(--gy-solar-spot-y, 42%), rgba(185, 222, 95, .17), transparent 27%),
      linear-gradient(0deg, rgba(4, 12, 21, .82), rgba(4, 12, 21, .23) 63%, rgba(4, 12, 21, .06));
  }

  .gy-solar-story__visual[data-solar-stage="3"] [data-solar-photo="3"] {
    animation-name: gySolarPhotoBuildMobile;
  }

  .gy-house-story__visual { --gy-house-photo-brightness: .88 !important; }
  .gy-house-story__shade {
    background:
      linear-gradient(90deg, rgba(4, 14, 22, .04), transparent 58%),
      linear-gradient(0deg, rgba(4, 14, 22, .62), transparent 54%);
  }

  .gy-process-story { background: #0b2030; }
  .gy-process-story__photo { filter: brightness(.68) saturate(.8) contrast(1.06); }
}

@media (max-width: 640px) {
  #technology { padding-top: 40px; }

  .gy-process-story__shade {
    background: linear-gradient(180deg, rgba(3, 13, 22, .76) 0%, rgba(3, 13, 22, .38) 52%, rgba(3, 13, 22, .79) 100%);
  }

  .gy-process-story__visual.is-changing .gy-process-story__photo {
    animation-name: gyProcessCameraMobile;
  }
}

@keyframes gyProcessCameraMobile {
  0% {
    filter: blur(9px) brightness(.56) saturate(.72) contrast(1.1);
    transform: translate3d(calc(var(--gy-process-x) - 5%), var(--gy-process-y), 0) scale(calc(var(--gy-process-scale) + .14));
  }
  24% { filter: blur(0) brightness(.68) saturate(.8) contrast(1.06); }
  100% {
    filter: blur(0) brightness(.68) saturate(.8) contrast(1.06);
    transform: translate3d(var(--gy-process-x), var(--gy-process-y), 0) scale(var(--gy-process-scale));
  }
}

@keyframes gySolarPhotoBuildMobile {
  from { clip-path: inset(0 42% 0 0); filter: brightness(.68) saturate(.78) contrast(1.1); }
  to { clip-path: inset(0 0 0 0); filter: brightness(.82) saturate(.9) contrast(1.08); }
}