/* Keep every homepage destination visible above the hero on narrow screens. */
.home .nav nav a{display:inline-flex;align-items:center;min-height:44px}
.home .nav nav a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:1100px){
 .home .nav{flex-direction:column;align-items:flex-start;gap:16px;padding:24px; background:linear-gradient(180deg,rgba(2,11,19,.86),rgba(2,11,19,.48));}
 .home .nav nav{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px 24px;width:100%;min-width:0;font-size:16px;letter-spacing:.02em;line-height:1.4}
 .home .nav nav a,.home .nav nav a:not(:last-child){display:inline-flex;max-width:100%;min-height:44px}
 .home .hero{padding-top:220px}
}
@media(max-width:480px){
 .home .nav{gap:16px}
 .home .nav nav{gap:4px 22px}
 .home .hero{padding-top:260px}
}
@media(max-width:360px){.home .hero{padding-top:320px}}