/* agriagil — Botanical Modern 2026 · Mobile */

@media (max-width: 1024px) {
  .gs-nav__links,
  .gs-nav__cta { display: none; }
  .gs-burger { display: flex; }

  .gs-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .gs-hero__media-wrap {
    aspect-ratio: 16/10;
    clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
  }
  .gs-hero__copy {
    padding: 2rem 1.5rem 3rem;
  }
  .gs-hero__copy::before { display: none; }

  .gs-hero--page .gs-hero__copy {
    padding: calc(var(--gs-nav-h) + 2rem) 1.5rem 3rem;
    clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
  }

  .gs-ribbon__grid { grid-template-columns: repeat(2, 1fr); }

  .gs-split,
  .gs-split--wide,
  .gs-split--flip,
  .gs-quoteblock {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .gs-split--flip { direction: ltr; }

  .gs-cards--3,
  .gs-cards--4 { grid-template-columns: repeat(2, 1fr); }
  .gs-cards--2 { grid-template-columns: 1fr; }

  .gs-mosaic {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }
  .gs-mosaic__hero {
    grid-row: span 1;
    grid-column: span 2;
    aspect-ratio: 16/10;
  }

  .gs-voices,
  .gs-team,
  .gs-posts { grid-template-columns: 1fr; }

  .gs-foot__grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }

  .gs-stats--row { grid-template-columns: repeat(2, 1fr); }

  .gs-vine { display: none; }

  .gs-process::before { display: none; }
  .gs-process li { flex: 0 0 min(240px, 85vw); }

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

@media (max-width: 640px) {
  :root {
    --gs-wrap: calc(100% - 2rem);
    --gs-nav-h: 60px;
  }

  .gs-nav {
    top: 0.5rem;
    width: calc(100% - 1rem);
    height: var(--gs-nav-h);
    padding: 0 0.35rem 0 1rem;
  }
  .gs-nav__word { font-size: 1rem; }
  .gs-nav__mark svg { width: 24px; height: 24px; }

  .gs-sec { padding: 3.5rem 0; }

  .gs-ribbon {
    clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 96%);
    margin-top: -1rem;
    padding: 1.25rem 0;
  }
  .gs-ribbon__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
  .gs-ribbon__grid b { font-size: 1.35rem; }

  .gs-cards--3,
  .gs-cards--4 { grid-template-columns: 1fr; }

  .gs-mosaic {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .gs-mosaic__hero {
    grid-column: span 1;
    aspect-ratio: 4/3;
  }
  .gs-mosaic .gs-frame { aspect-ratio: 16/10; }

  .gs-foot__grid { grid-template-columns: 1fr; }
  .gs-foot { padding: 4rem 0 1.5rem; }

  .gs-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .gs-hero__actions .gs-btn {
    width: 100%;
    text-align: center;
  }

  .gs-display { font-size: clamp(1.5rem, 6vw, 2rem); }

  .gs-cta {
    padding: 4rem 1.5rem;
    clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
  }

  .gs-season__track {
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0 -1rem;
  }
  .gs-season__card { flex: 0 0 min(260px, 82vw); }

  .gs-drawer { width: 100%; max-width: 100vw; }

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

  .gs-founded__year { font-size: 3rem; }

  .gs-card { padding: 1.25rem; }
  .gs-card .gs-frame {
    margin: -1.25rem -1.25rem 1rem;
  }

  .gs-voice { padding: 1.5rem 1.25rem; }
  .gs-voice::before { font-size: 3rem; }

  .gs-form input,
  .gs-form textarea { font-size: 16px; }

  .gs-btn {
    padding: 0.9rem 1.5rem;
    min-height: 48px;
  }

  .gs-sec--moss,
  .gs-sec--sky,
  .gs-sec--soil {
    clip-path: none;
  }
}

@media (max-width: 380px) {
  .gs-ribbon__grid { grid-template-columns: 1fr 1fr; }
  .gs-ribbon__grid b { font-size: 1.2rem; }
  .gs-ribbon__grid span { font-size: 0.72rem; }
}

/* Touch-friendly drawer animation */
@media (hover: none) and (pointer: coarse) {
  .gs-card:hover { transform: none; }
  .gs-card:active { transform: scale(0.98); }
  .gs-season__card:hover { transform: none; }
  .gs-post:hover { transform: none; }
  .gs-btn--pulse { animation: none; }
}

/* Landscape phone hero */
@media (max-height: 500px) and (orientation: landscape) {
  .gs-hero { min-height: auto; }
  .gs-hero__media-wrap { aspect-ratio: 21/9; }
  .gs-hero--page { min-height: auto; }
}

/* Safe area insets */
@supports (padding: env(safe-area-inset-bottom)) {
  .gs-nav {
    padding-left: max(1rem, env(safe-area-inset-left));
    padding-right: max(0.35rem, env(safe-area-inset-right));
  }
  .gs-drawer {
    padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
    padding-right: max(1.5rem, env(safe-area-inset-right));
  }
  .gs-foot__copy {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* Reduced motion mobile overrides */
@media (prefers-reduced-motion: reduce) {
  .gs-drawer,
  .gs-drawer__nav a,
  .gs-drawer-backdrop {
    transition-duration: 0.01ms !important;
  }
  .gs-drawer.is-open .gs-drawer__nav a {
    transition-delay: 0s !important;
  }
}