/* Wider viewports. Base styles are mobile-first. */

@media (min-width: 480px) {
  .gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .brand-title {
    font-size: 1.5rem;
  }

  .welcome-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr);
    gap: var(--space-7);
  }

  .welcome-photo img {
    min-height: 28rem;
    height: 100%;
  }

  .services-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }

  .trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .enquiry-layout {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: var(--space-7);
  }

  .form-row {
    grid-template-columns: 1fr 1fr;
  }

  .form-field-full,
  .error-summary,
  .form-actions,
  .form-status {
    grid-column: 1 / -1;
  }

  .form-actions .btn {
    width: auto;
    min-width: 14rem;
  }

  .gallery-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
  }

  .gallery-grid:not(.is-expanded) .gallery-item:nth-child(-n + 18) {
    display: block;
  }

  .gallery-grid:not(.is-expanded) .gallery-item:nth-child(n + 19) {
    display: none;
  }

  .gallery-item:nth-child(10n + 1) {
    grid-column: span 2;
    grid-row: span 2;
  }

  .gallery-item:nth-child(10n + 1) img {
    aspect-ratio: auto;
    height: 100%;
  }

  .footer-grid {
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: var(--space-7);
  }

  .hero-media img {
    object-position: center 32%;
  }

  .cta-band-actions .btn {
    min-width: 12rem;
  }
}

@media (max-width: 1023px) {
  .hero {
    min-height: 32rem;
    max-height: none;
    align-items: end;
  }

  .hero-inner {
    padding: var(--space-6) 0 var(--space-5);
  }

  .hero-lead {
    margin-top: var(--space-3);
  }

  .hero-actions {
    margin-top: var(--space-4);
  }

  .desktop-nav {
    display: none;
  }

  .header-actions .btn-header {
    display: none;
  }

  .nav-toggle {
    display: grid;
  }
}

@media (min-width: 1024px) {
  .header-inner {
    grid-template-columns: auto 1fr auto;
  }

  .nav-toggle {
    display: none;
  }

  .desktop-nav {
    display: block;
  }

  .header-actions .btn-header {
    display: inline-flex;
  }

  .hero {
    align-items: center;
  }

  .hero-overlay {
    background:
      linear-gradient(90deg, rgba(28, 25, 23, 0.78) 0%, rgba(28, 25, 23, 0.42) 46%, rgba(28, 25, 23, 0.12) 100%);
  }

  .hero-media img {
    object-position: center center;
  }

  .hero-inner {
    padding: var(--space-9) 0;
  }

  .hero-copy h1 {
    max-width: 14ch;
  }

  .trust-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .gallery-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .gallery-grid:not(.is-expanded) .gallery-item:nth-child(-n + 18) {
    display: block;
  }

  .gallery-grid:not(.is-expanded) .gallery-item:nth-child(n + 19) {
    display: none;
  }
}

@media (min-width: 1280px) {
  .gallery-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 1440px) {
  .hero-copy h1 {
    letter-spacing: -0.04em;
  }
}

@media (max-width: 767px) {
  .hero {
    min-height: 24rem;
  }

  .hero-copy h1 {
    font-size: clamp(1.85rem, 8vw, 2.4rem);
  }
}

@media (max-width: 479px) {
  .hero-copy h1 {
    max-width: none;
  }

  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-actions .btn {
    width: 100%;
    flex: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .service-card:hover,
  .service-card:focus-within,
  .btn:hover {
    transform: none;
  }

  .cta-band-bg {
    transform: none;
    filter: brightness(0.42);
  }
}