@charset "utf-8";

@media (max-width:800px){
    header .logos img{height: 26px}

  .hero .wrap,.featured .wrap{grid-template-columns:1fr}
  .hero{padding-bottom:64px}
  .cards,.picks .cards{grid-template-columns:1fr}
  .featured .wrap{gap:28px}
  
  .nav-toggle{display:block}
  nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;font-size:14px;
    background:var(--navy);border-bottom:1px solid rgba(255,255,255,.1);padding:8px 24px 16px;box-shadow:0 12px 24px rgba(0,0,0,.35)}
  nav.open{display:flex}
  nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  nav a:last-child{border-bottom:0}
  nav a:hover{border-color:rgba(255,255,255,.08);color:var(--cyan)}

  .footercol1 {width: 100%!important;}
  .footerlogo {display: block;float: none;margin: 0 0 20px;}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}