header[data-topbar].overlay:not(.solid)::before { opacity: 1; } header[data-topbar] .group:hover .drop, header[data-topbar] .group:focus-within .drop { display: block; } @media (max-width: 760px) { header[data-topbar].topbar { position: relative; height: auto; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: var(--bar-h) auto; grid-template-areas: "brand chip" "nav nav"; } header[data-topbar].overlay { margin-bottom: 0; } header[data-topbar] .burger { display: none; } #site-nav { grid-area: nav; position: static; visibility: visible; opacity: 1; transform: none; margin: 0 calc(-1 * var(--gutter)); box-shadow: none; } }

◆ PROJECTOR

Highlights & lowlights

▶ COMING SOON
The projector is warming up. Lowlights are being collected.