/* ==========================================================================
   Deepak Raj Joshi — responsive.css
   Mobile-first. Breakpoints: 640 / 768 / 900 / 1060 / 1240
   ========================================================================== */

/* ---------- Mobile navigation (below 1060px) ---------- */
@media (max-width:1059px){
  .mobile-nav-toggle{display:flex}

  .main-nav{
    position:absolute; top:var(--header-h); left:0; right:0;
    background:var(--paper); border-bottom:1px solid var(--line);
    max-height:0; overflow:hidden; transition:max-height .3s ease;
  }
  .main-nav.is-open{max-height:80vh; overflow-y:auto}
  .main-nav ul{flex-direction:column; align-items:stretch; gap:0; padding:8px 0 18px}
  .main-nav a{
    display:block; padding:13px 24px; font-size:.78rem; letter-spacing:.12em;
    border-bottom:1px solid var(--line-soft);
  }
  html[lang="ne"] .main-nav a{font-size:.94rem; letter-spacing:0}
  .main-nav a.active{border-bottom-color:var(--line-soft); background:var(--sand)}
}

/* ---------- 640px and up ---------- */
@media (min-width:640px){
  .grid-3{grid-template-columns:1fr 1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .pillar-grid{grid-template-columns:1fr 1fr}
  .ideas-grid{grid-template-columns:1fr 1fr}
  .archive-grid{grid-template-columns:1fr 1fr}
}

/* ---------- 760px and up ---------- */
@media (min-width:760px){
  .gallery-grid{grid-template-columns:repeat(4,1fr)}
  .media-item{grid-template-columns:150px 1fr auto; align-items:baseline; gap:24px}
  .footer-bottom{display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap}
}

/* ---------- 900px and up ---------- */
@media (min-width:900px){
  .grid-2{grid-template-columns:1.6fr .9fr; gap:64px}
  .grid-2.reverse .about-img-container{order:2}
  .hero-content-wrapper{grid-template-columns:1.25fr .75fr; padding:96px 24px 120px}
  .pillar-grid{grid-template-columns:repeat(3,1fr)}
  .contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:70px}
}

/* ---------- 1000px and up ---------- */
@media (min-width:1000px){
  .grid-3{grid-template-columns:repeat(3,1fr)}
  .grid-4{grid-template-columns:repeat(4,1fr)}
  .ideas-grid{grid-template-columns:repeat(5,1fr)}
}

/* ---------- 1060px and up ---------- */
@media (min-width:1060px){
  .archive-grid{grid-template-columns:repeat(3,1fr)}
}

/* ---------- Small phones ---------- */
@media (max-width:420px){
  body{font-size:16px}
  .container{padding:0 18px}
  .section-padding{padding:64px 0}
  .hero-content-wrapper{padding:56px 18px 72px}
  .hero-actions .btn{width:100%; text-align:center}
  .result-table{display:block}
  .result-table div{border-right:none; border-bottom:1px solid var(--line)}
  .result-table div:last-child{border-bottom:none}
  .logo-title{font-size:1rem}
  #back-to-top{right:14px; bottom:14px}
}

/* ---------- Print ---------- */
@media print{
  .site-header,.mobile-nav-toggle,#back-to-top,#scroll-progress,
  .hero-actions,.slider-controls,.filters,.archive-toolbar{display:none !important}
  body{background:#fff; color:#000; font-size:11pt}
  .reveal{opacity:1; transform:none}
  a[href^="http"]::after{content:" (" attr(href) ")"; font-size:9pt; color:#555}
  section{page-break-inside:avoid; border-top:none}
}