.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body>header.shell{background:#061523;box-shadow:0 0 0 100vmax #061523;clip-path:inset(0 -100vmax);border-bottom:1px solid rgba(75,184,232,.34)}
.brand-logo{display:block;width:190px;height:72px;background:url('/assets/tampa-bay-quartz-logo.webp') center/contain no-repeat}
.links{display:flex;align-items:center;gap:17px;color:#f4f6f8;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.links a{color:inherit;text-decoration:none}.links a:hover{color:#f4c45a}
.nav-actions{display:flex;align-items:center;gap:10px}
.nav-quote{display:inline-flex;padding:14px 17px;background:linear-gradient(135deg,#064f94,#0b74c8);color:#fff;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.menu{display:none;width:44px;height:44px;border:1px solid rgba(75,184,232,.34);background:#061523;color:#fff;font-size:21px;cursor:pointer}
@media(max-width:820px){
  .nav{height:76px}.brand-logo{width:155px;height:58px}.links,.nav-quote{display:none}.menu{display:block}
  .nav.open{position:relative;z-index:20}
  .nav.open .links{position:absolute;display:flex;top:69px;left:0;right:0;padding:22px;background:#071523;color:#fff;border-top:1px solid rgba(255,255,255,.13);box-shadow:0 20px 35px rgba(0,0,0,.28);flex-direction:column;align-items:stretch;gap:0;white-space:normal}
  .nav.open .links a{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px}.nav.open .links a:last-child{border:0}
}