nav { height: 82px; justify-content: flex-end; }
.hero { padding: 35px 0 110px; }
.hero-logo { display: block; width: min(430px, 72vw); height: auto; margin: 0 auto; object-fit: contain; filter: drop-shadow(0 14px 36px rgba(0, 0, 0, .45)); }
.logo-tagline { margin: -16px auto 38px; color: #dbeaf4; font-size: 10px; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; }
.hero .eyebrow { margin: 28px 0 0; }
@media (max-width: 800px) { nav { height: 70px; } .hero { padding: 25px 0 80px; } .hero-logo { width: min(350px, 78vw); margin-bottom: 0; } .logo-tagline { margin: -13px auto 30px; font-size: 9px; } }
@media (max-width: 520px) { .hero { padding-top: 18px; } .hero-logo { width: min(300px, 82vw); } }