/* Responsive Breakpoints */
@media (min-width: 768px) {
  .detail-layout {
    grid-template-columns: 1.2fr 1fr;
  }
  .detail-layout.media-first {
    grid-template-columns: 1.2fr 1fr;
  }
  .detail-layout.media-second {
    grid-template-columns: 1fr 1.2fr;
  }
}

@media (max-width: 960px){
  .hero-inner{grid-template-columns:1fr}
  .cards,.list.grid,.pillars,.contact-wrap{grid-template-columns:1fr}
  .vision-inner { grid-template-columns: 1fr; }
  .cta-inner{flex-direction:column;align-items:center}
  .nav-toggle{display:inline-block}
  .nav-list{position:absolute;top:64px;left:0;right:auto;background:var(--bg);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px;flex-direction:column;gap:10px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s ease}
  .nav.open .nav-list{transform:none;opacity:1;pointer-events:auto}
  .header-cta{display:none}
}