/* ==========================================================================
   DEFLON CORP  RESPONSIVE RULES
   ========================================================================== */

/* ---------- TABLET (≤1024px) ---------- */
@media (max-width: 1024px){

  .main-nav{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    background: var(--cream);
    border-bottom: 1px solid var(--line);
    padding: 8px var(--gutter) 20px;
    z-index: 5;
  }
  .main-nav.nav-open{ display: flex; }
  .main-nav a{
    width: 100%;
    padding: 14px 0;
    border-top: 1px solid var(--line);
    font-size: 16px;
  }
  .main-nav a.nav-mobile-extra{ display: flex; }
  .header-actions .nav-caps{ display: none; }
  .menu-toggle{ display: flex; }

  .section-head{ grid-template-columns: 1fr; gap: 18px; }
  .section-intro{ max-width: 560px; }

  .hero-eyebrow{ margin-top: 140px; }
  .hero-grid{ grid-template-columns: 1fr; gap: 26px; }

  .thesis-stats{ grid-template-columns: repeat(2, 1fr); row-gap: 26px; }
  .stat:nth-child(3){ border-left: none; padding-left: 0; }

  .thesis-body{ grid-template-columns: 1fr; gap: 18px; }

  .business-grid{ grid-template-columns: repeat(2, 1fr); }
  .business-card:nth-child(3n){ border-right: 1px solid var(--line); }
  .business-card:nth-child(2n){ border-right: none; }
  .business-card:nth-last-child(-n+3){ border-bottom: 1px solid var(--line); }
  .business-card:nth-last-child(-n+2){ border-bottom: none; }

  .principles-grid{ grid-template-columns: 1fr; }
  .principle{ padding: 28px 6vw; }
  .principle-blank{ display: none; }

  .leadership-grid{ grid-template-columns: repeat(2, 1fr); gap: 30px 24px; }

  .news-grid{ grid-template-columns: 1fr; }
  .news-card{ border-right: none; border-bottom: 1px solid var(--line); }
  .news-card:last-child{ border-bottom: none; }

  .reach-inner{ grid-template-columns: 1fr; gap: 34px; align-items: start; }

  .footer-mid{ grid-template-columns: 3fr 2fr; gap: 30px; }
  .footer-columns{ grid-template-columns: repeat(2, 1fr); gap: 34px 20px; }

  .page-hero-grid{ grid-template-columns: 1fr; gap: 16px; margin-top: 18px; }
  .page-hero-grid > .section-kicker{ display: none; }
  .overview-grid{ grid-template-columns: repeat(2, 1fr); }
  .overview-cell:nth-child(3n){ border-right: 1px solid var(--line); }
  .overview-cell:nth-child(2n){ border-right: none; }
  .overview-cell:nth-last-child(-n+3){ border-bottom: 1px solid var(--line); }
  .overview-cell:nth-last-child(-n+2){ border-bottom: none; }

  .governance-grid{ grid-template-columns: 1fr; }
  .governance-card{ border-right: none; border-bottom: 1px solid var(--line); }
  .governance-card:last-child{ border-bottom: none; }

  .doc-cta-inner{ flex-direction: column; align-items: flex-start; }

  .contact-grid{ grid-template-columns: 1fr; }
  .form-row{ grid-template-columns: 1fr; gap: 20px; }

  .origin-grid{ grid-template-columns: 1fr; gap: 30px; }
  .principles5-grid{ grid-template-columns: repeat(2, 1fr); }
  .principles5-grid .principle{ border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .principles5-grid .principle:nth-child(2n){ border-right: none; }
  .principles5-grid .principle:last-child{ border-bottom: none; }

  .timeline-grid{ grid-template-columns: 1fr; }
  .timeline-cell:nth-child(2n){ padding-left: 0; }

  .industry-row{ grid-template-columns: 1fr; gap: 20px; }
  .industry-num{ padding-top: 0; }

  .standards-grid{ grid-template-columns: 1fr; }
  .standards-cell{ border-right: none !important; }
  .standards-cell:last-child{ border-bottom: none !important; }

  .cross-grid{ grid-template-columns: 1fr; }
  .cross-cell{ border-right: none; border-bottom: 1px solid var(--line); }
  .cross-cell:last-child{ border-bottom: none; }

  .read-next-inner, .mediakit-inner{ flex-direction: column; align-items: flex-start; }
  .mediakit-right{ text-align: left; }
  .mediakit-formats{ margin-left: 0; }
}

/* ---------- MOBILE (≤680px) ---------- */
@media (max-width: 680px){

  :root{ --gutter: 4.6vw; }

  .announcement-link{ font-size: 11.5px; }
  .announcement-text{ max-width: 46vw; }
  .announcement-tag{ display: none; }
  .announcement-rule{ display: none; }

  .header-inner{ padding: 16px var(--gutter); }
  .logo{ font-size: 17px; }

  .hero-meta{ flex-direction: column; gap: 6px; padding-top: 20px; }
  .hero-meta-center{ text-align: left; }
  .hero-main{ padding: 0 var(--gutter); }
  .hero-eyebrow{ margin-top: 60px; }
  .hero-headline{ font-size: 38px; }
  .hero-support{ padding-top: 26px; max-width: 100%; }
  .btn-primary{ width: 100%; justify-content: center; }

  .thesis-stats{ grid-template-columns: repeat(2, 1fr); gap: 24px 16px; padding: 24px 0; }
  .stat{ padding: 0 14px; }
  .stat-num{ font-size: 34px; }
  .thesis-body{ padding: 40px 0 48px; }

  .businesses, .principles, .leadership, .newsroom{ padding-bottom: 48px; }
  .business-grid{ grid-template-columns: 1fr; margin-top: 36px; }
  .business-card{ border-right: none !important; border-bottom: 1px solid var(--line) !important; min-height: unset; }
  .business-card:last-child{ border-bottom: none !important; }

  .principles-grid{ margin-top: 36px; }
  .principle{ padding: 28px 0; }
  .principle h3{ font-size: 21px; }

  .leadership-grid{ grid-template-columns: repeat(2, 1fr); gap: 22px 14px; margin-top: 36px; }

  .news-grid{ margin-top: 36px; }

  .reach{ padding: 56px var(--gutter); }
  .reach-headline{ font-size: 30px; }
  .btn-outline-light{ width: 100%; justify-content: center; }

  .site-footer{ padding: 32px var(--gutter) 24px; }
  .footer-brand-row{ align-items: flex-start; }
  .footer-logo{ font-size: 32px; }
  .footer-brand-row .btn-outline-light{ margin-top: 0; }
  .footer-directory-list{ grid-template-columns: 1fr; }
  .footer-mid{ grid-template-columns: 1fr; gap: 30px; }
  .footer-mid .footer-columns{ grid-template-columns: 1fr; }
  .footer-columns{ grid-template-columns: 1fr; gap: 30px; }
  .footer-bottom{ grid-template-columns: 1fr; justify-items: flex-start; gap: 12px; }
  .footer-copyright{ justify-self: flex-start; text-align: left; }
  .footer-links{ justify-self: flex-start; justify-content: flex-start; }

  .page-hero{ padding: 32px var(--gutter) 28px; }
  .page-headline{ font-size: 32px; }
  .overview-grid{ grid-template-columns: 1fr; }
  .overview-cell{ border-right: none !important; border-bottom: 1px solid var(--line) !important; }
  .overview-cell:last-child{ border-bottom: none !important; }

  .doc-cta{ padding: 40px var(--gutter); }
  .doc-cta .btn-outline-light{ width: 100%; justify-content: center; }

  .contact-info, .contact-form{ padding: 26px 22px; }

  .principles5-grid{ grid-template-columns: 1fr; margin-top: 36px; }
  .principles5-grid .principle{ border-right: none !important; border-bottom: 1px solid var(--line); }
  .principles5-grid .principle:last-child{ border-bottom: none !important; }

  .desk-card{ padding: 22px 20px; }
  .desk-row{ flex-direction: column; align-items: flex-start; gap: 4px; }
  .desk-row-value{ text-align: left; }

  .timeline-cell{ flex-direction: column; gap: 8px; padding: 22px 0; }
  .timeline-year{ min-width: unset; }

  .industries-list{ padding-bottom: 48px; }
  .industry-row{ padding: 28px 0; }

  .read-next{ padding: 34px var(--gutter); }
  .read-next-inner{ align-items: flex-start; }
  .read-next .btn-outline-light{ width: 100%; justify-content: center; }

  .filter-tabs{ padding: 24px var(--gutter); }

  .mediakit-cta{ padding: 34px var(--gutter); }
  .mediakit-right .btn-dark{ width: 100%; justify-content: center; }
}

/* ---------- SMALL MOBILE (≤400px) ---------- */
@media (max-width: 400px){
  .hero-headline{ font-size: 32px; }
  .section-headline{ font-size: 27px; }
  .leadership-grid{ grid-template-columns: 1fr; }
  .footer-brand-row{ flex-direction: column; align-items: flex-start; }
  .footer-brand-row .btn-outline-light{ width: 100%; justify-content: center; }
}