@media (max-width:768px){
  .nav__toggle{display:block}
  .nav__menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--color-bg);padding:1rem 1.5rem;gap:1rem;border-bottom:1px solid var(--color-soft);display:none}
  .nav__menu.active{display:flex}
  .site-header{position:relative}
  .filosofia__grid{grid-template-columns:1fr}
  section{padding:3rem 1rem}
}