@media(max-width:1000px){
  .main-nav{gap:14px}
  .hero-home-grid,.timeline-grid,.identity-grid,.method-grid,.contact-grid{grid-template-columns:1fr}
  .hero-visual{min-height:420px}
  .impact-grid,.values-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
  .footer-grid>div:last-child{grid-column:2/span 2}
}
@media(max-width:820px){
  .header-cta{display:none}
  .menu-toggle{display:block;z-index:1002}
  .menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle.active span:nth-child(2){opacity:0}
  .menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .main-nav{position:fixed;inset:0 0 0 20%;z-index:1001;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;padding:40px;background:#090909;color:#fff;transform:translateX(100%);transition:.3s}
  .main-nav.open{transform:none}
  .main-nav a{font-size:1.1rem}
  .split,.split-heading{grid-template-columns:1fr;gap:22px}
  .hero-metrics{grid-template-columns:1fr 1fr}
  .hero-metrics>*:nth-child(2){border-right:0}
  .project-row{grid-template-columns:50px 1fr}
  .project-row p,.project-row a{grid-column:2}
  .support-box{align-items:flex-start;flex-direction:column}
  .support-actions{width:100%}
  .areas-grid,.transparency-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .container{width:min(calc(100% - 26px),var(--container))}
  .section{padding:78px 0}
  .nav{min-height:72px}
  .brand-copy small{display:none}
  h1{font-size:clamp(2.5rem,13vw,4rem)}
  h2{font-size:clamp(2rem,9vw,3rem)}
  .hero-home{padding:85px 0 35px}
  .hero-visual{display:none}
  .hero-actions{align-items:stretch;flex-direction:column}
  .hero-actions .btn{width:100%}
  .hero-metrics{margin-top:40px;grid-template-columns:1fr 1fr}
  .hero-metrics>*{min-height:70px;padding:0 13px}
  .hero-metrics a{grid-column:1/span 2;justify-content:center}
  .impact-grid,.values-grid{grid-template-columns:1fr}
  .impact-card{min-height:280px}
  .support-box{padding:30px 22px}
  .page-hero{padding:72px 0}
  .project-detail{grid-template-columns:1fr;padding:28px}
  .form-row{grid-template-columns:1fr}
  .contact-form{padding:22px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .footer-brand{grid-column:1/span 2}
  .footer-grid>div:last-child{grid-column:auto}
  .footer-bottom{align-items:flex-start;flex-direction:column}
}

/* MENU MOBILE BCAD SIMPLES E ESTÁVEL */
@media screen and (max-width: 820px) {
  .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
  }

  .site-header .nav {
    position: relative !important;
    min-height: 72px !important;
  }

  .site-header .header-cta {
    display: none !important;
  }

  .site-header .menu-toggle {
    position: relative !important;
    z-index: 10002 !important;
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #f1f1f1 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .site-header .menu-toggle span {
    display: block !important;
    width: 23px !important;
    height: 2px !important;
    margin: 5px auto !important;
    background: #0b0b0b !important;
  }

  .site-header .menu-toggle.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  .site-header .menu-toggle.active span:nth-child(2) {
    opacity: 0 !important;
  }

  .site-header .menu-toggle.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  .site-header .main-nav {
    position: absolute !important;
    inset: auto !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: 0 !important;
    bottom: auto !important;

    z-index: 10001 !important;
    display: none !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;

    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;

    padding: 10px 16px !important;
    border: 1px solid rgba(11, 11, 11, 0.1) !important;
    border-radius: 18px !important;

    background: #ffffff !important;
    color: #171717 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16) !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .site-header .main-nav.open {
    display: flex !important;
  }

  .site-header .main-nav a {
    position: static !important;
    display: block !important;
    width: 100% !important;
    padding: 14px 4px !important;
    margin: 0 !important;

    border-bottom: 1px solid rgba(11, 11, 11, 0.08) !important;

    color: #171717 !important;
    background: transparent !important;

    font-size: 0.92rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-align: left !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .site-header .main-nav a:last-child {
    border-bottom: 0 !important;
  }

  .site-header .main-nav a::after {
    display: none !important;
  }

  body.menu-open {
    overflow: auto !important;
  }
}


/* HERO MOBILE BCAD — ORGANIZAÇÃO DO TEXTO */
@media screen and (max-width: 620px) {
  .hero-home {
    padding: 68px 0 34px !important;
  }

  .hero-home-copy {
    max-width: 100% !important;
  }

  .hero-home-copy .eyebrow {
    display: block !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
    font-size: 0.68rem !important;
    line-height: 1.45 !important;
    letter-spacing: 0.11em !important;
  }

  .hero-home-copy h1 {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(2.15rem, 10.5vw, 2.85rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
    text-wrap: balance !important;
  }

  .hero-home-copy p {
    max-width: 100% !important;
    margin-top: 22px !important;
    font-size: 0.95rem !important;
    line-height: 1.72 !important;
    text-wrap: pretty !important;
  }

  .hero-actions {
    margin-top: 28px !important;
  }

  .hero-actions .btn {
    min-height: 50px !important;
  }

  .hero-metrics {
    margin-top: 34px !important;
  }
}