@media (max-width:1020px){
  .page-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}
  .main-nav a{padding-inline:8px}
  .footer-grid{grid-template-columns:1.6fr repeat(2,1fr)}
  .footer-column:last-child{grid-column:2}
  .fact-strip{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:820px){
  .shell{width:min(100% - 28px,720px)}
  .header-row{min-height:70px}
  .brand img{width:42px;height:42px}
  .brand-copy small{display:none}
  .js .menu-toggle{display:block}
  .main-nav{display:grid;position:absolute;top:70px;left:14px;right:14px;padding:12px;align-items:stretch;background:var(--navy);border:1px solid rgba(255,255,255,.14);border-radius:0 0 15px 15px;box-shadow:0 20px 40px rgba(0,0,0,.22)}
  .js .main-nav{display:none}
  .js .menu-open .main-nav{display:grid}
  .main-nav a{padding:12px 14px;border-radius:8px}
  .main-nav .nav-search{margin:3px 0 0;text-align:center}
  .site-hero,.hero-grid{min-height:500px}
  .site-hero{background-position:61% center;background-image:linear-gradient(90deg,rgba(4,18,34,.94),rgba(4,18,34,.65) 55%,rgba(4,18,34,.18)),url('/images/brand/ascent-mountain-hero.webp')}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{padding:62px 0 88px;max-width:570px}
  .hero-copy h2{font-size:clamp(42px,10vw,65px)}
  .hero-stamp{width:102px;height:102px;right:3px;bottom:18px}
  .page-layout{display:block;padding-top:28px}
  .home-page .page-layout{margin-top:-42px}
  .sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}
  .search-card{grid-column:1/-1}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .footer-lead{grid-column:1/-1}
  .footer-column:last-child{grid-column:auto}
}

@media (max-width:620px){
  body{line-height:1.65}
  .shell{width:calc(100% - 22px)}
  .site-hero,.hero-grid{min-height:455px}
  .site-hero{background-position:67% center}
  .hero-copy{padding-top:48px;max-width:92%}
  .hero-copy p{font-size:16px}
  .hero-actions{gap:9px}
  .button{min-height:45px;padding-inline:16px}
  .hero-stamp{display:none}
  .inner-page .site-hero,.inner-page .hero-grid{min-height:80px}
  .page-head{padding:27px 22px 23px}
  .page-head h1{font-size:32px}
  .article-content{padding:27px 22px 38px}
  .article-content h2{margin-top:38px;font-size:27px}
  .article-content h3{font-size:20px}
  .manual-intro{grid-template-columns:1fr}
  .manual-intro img{order:-1}
  .fact-strip{grid-template-columns:1fr 1fr}
  .fact{padding:15px}
  .fact b{font-size:21px}
  .feature-grid,.link-cards,.spec-grid{grid-template-columns:1fr}
  .manual-group{padding:20px}
  .manual-group>ul{columns:1}
  .section-nav{grid-template-columns:1fr}
  .section-nav>ol{columns:1}
  .wide-feature{grid-template-columns:1fr;margin:35px -22px -38px}
  .wide-feature img{min-height:220px}
  .wide-feature-copy{padding:28px 22px}
  .prev-next{grid-template-columns:1fr}
  .prev-next-card.next{text-align:left}
  .sidebar{grid-template-columns:1fr}
  .search-card{grid-column:auto}
  .footer-grid{grid-template-columns:1fr;gap:30px;padding-top:43px}
  .footer-lead{grid-column:auto}
  .footer-bottom{display:grid}
}

@media (max-width:400px){
  .brand-copy strong{font-size:17px}
  .hero-copy h2{font-size:39px}
  .hero-actions{display:grid;max-width:230px}
  .fact-strip{grid-template-columns:1fr}
  .page-head h1{font-size:29px}
}