/* ═══════════════════════════════════════
   TABLET RESPONSIVE OVERRIDES
   max-width: 1024px
   ═══════════════════════════════════════ */

@media (max-width: 1024px) and (min-width: 769px) {
  /* Two-column to single column */
  .story {
    grid-template-columns: 1fr;
  }

  .svc-detail-grid {
    grid-template-columns: 1fr;
  }

  /* Services grid to 2 columns */
  .svc-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Footer grid to 2 columns */
  .f-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Section padding */
  .section {
    padding: clamp(48px, 6vw, 80px) clamp(24px, 5vw, 48px);
  }

  /* Header adjustments */
  .header-inner {
    padding: 14px clamp(24px, 5vw, 40px);
  }

  /* Hero adjustments */
  .page-hero {
    height: 70vh;
  }

  .hero-t {
    font-size: clamp(32px, 6vw, 56px);
  }

  /* Package grid */
  .pkg-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Portrait grid */
  .port-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Button sizing */
  .btn-charcoal,
  .btn-gold,
  .btn-light,
  .btn-ghost {
    font-size: 9px;
    padding: 13px 28px;
  }

  /* Text sizing adjustments */
  .s-kicker {
    font-size: 9px;
  }

  .s-title {
    font-size: clamp(28px, 5vw, 44px);
  }

  /* Contact grid to single column below 768px */
  .contact-grid {
    grid-template-columns: 1fr;
  }

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

  /* Guide adjustments */
  .guide-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* FAQ section */
  .section[style*="max-width:800px"] {
    max-width: 100%;
  }

  /* Credentials bar */
  .cred-bar {
    gap: clamp(12px, 3vw, 32px);
  }

  /* Mobile CTA */
  .mob-cta {
    display: none;
  }
}