/* ==========================================================================
   RENALIYAS — Responsive
   ========================================================================== */

@media (max-width: 1100px){
  .purpose, .founder, .experience, .story-grid, .founder-note{ grid-template-columns: 1fr; }
  .founder__media{ max-width: 420px; }
  .perspectives-grid{ grid-template-columns: repeat(2, 1fr); }
  .footer-top{ grid-template-columns: 1fr 1fr; row-gap: 44px; }
  .chapter__drivers{ position: static; grid-template-columns: repeat(3,1fr); background: var(--charcoal); }
  .driver{ padding: 22px; }
}

@media (max-width: 900px){
  .main-nav{ position: fixed; inset: 0; top: 0; left: auto; right: 0; width: min(360px, 84vw); height: 100svh;
    background: var(--charcoal); border-left: 1px solid rgba(173,130,80,.25);
    display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
    padding: 0 48px; gap: 0;
    transform: translateX(100%); transition: transform .55s var(--ease); z-index: 105;
    overflow-y: auto;
  }
  .main-nav.is-open{ transform: translateX(0); }
  .main-nav ul{ flex-direction: column; gap: 4px; width: 100%; padding: 90px 0 20px; }
  .main-nav a{ font-size: 15px; }
  .main-nav .btn{ margin: 20px 0 40px; }
  .nav-toggle{ display: block; }

  .nav-item{ flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 13px 0; border-top: 1px solid rgba(140,131,119,.16); }
  .main-nav ul li:first-child .nav-item{ border-top: 0; }
  .submenu-toggle{ display: flex; width: 30px; height: 30px; }
  .submenu{
    position: static; width: 100%; order: 3;
    opacity: 1; visibility: visible; transform: none;
    background: none; border: 0; backdrop-filter: none;
    padding: 0; margin-top: 0;
    max-height: 0; overflow: hidden;
    transition: max-height .45s var(--ease);
  }
  .submenu.is-open{ padding: 6px 0 10px; }
  .submenu a{ padding: 10px 0 10px 6px; font-size: 12.5px; }

  .capability-item, .criteria-grid{ grid-template-columns: 1fr; }
  .lead-grid{ grid-template-columns: 1fr; }

  .framework__track{ grid-template-columns: 1fr; }
  .framework__rail{ left: 27px; top: 0; bottom: 0; right: auto; width: 1px; height: auto; }
  .framework__rail-fill{ width: 100%; height: 0%; }
  .stage{ padding-top: 0; padding-left: 56px; padding-bottom: 44px; }
  .stage__dot{ top: 2px; left: 20px; }

  .experience{ gap: 56px; }
  .collage{ grid-template-columns: 1fr 1fr; }
  .collage__a{ grid-row: 1/2; }

  .chapter__drivers{ grid-template-columns: repeat(2,1fr); }
  .driver:nth-child(2n+1){ border-left: 0; padding-left: 0; }

  .footer-top{ grid-template-columns: 1fr; }
  .philosophy-split{ grid-template-columns: 1fr; }
}

@media (max-width: 640px){
  :root{ --section-pad: 76px; }
  .hero{ align-items: flex-end; }
  .hero__grid{ padding-top: 130px; }
  .hero h1{ font-size: clamp(46px, 15vw, 84px); }
  .hero__actions{ flex-direction: column; align-items: stretch; }
  .hero__actions .btn{ justify-content: center; }

  .pillar__body-inner{ grid-template-columns: 1fr; }
  .pillar__index{ display: none; }

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

  .cta-banner .btn-row{ flex-direction: column; }
  .cta-banner .btn-row .btn{ justify-content: center; }

  .timeline-item, .way-item{ grid-template-columns: 1fr; gap: 10px; }
  .story-figures{ flex-direction: row; flex-wrap: wrap; }
  .story-figure{ flex: 1 1 40%; }

  .legacy-line{ width: 2px; }
  .section-head{ margin-bottom: 48px; }
  .footer-bottom{ flex-direction: column; align-items: flex-start; }
}