.header-inner { flex-wrap: wrap; padding-block: 0.75rem; }
.brand-logo { width: 6.5rem; }
.main-navigation { order: 3; width: 100%; }
.main-navigation ul { justify-content: center; }
.hero { grid-template-columns: minmax(0, 1.3fr) minmax(14rem, 0.7fr); }
.home-hero { min-height: 38rem; background-position: 62% center; }
.home-hero-content { width: 72%; padding: 3rem; }
.home-context { grid-template-columns: minmax(14rem,0.8fr) 1fr; }
.card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card-grid .card:last-child { grid-column: 1 / -1; }
.room-tabs { grid-template-columns: minmax(0,1.1fr) minmax(16rem,0.9fr); }
.morse-stream, .chat-stream { height: 26rem; }
.room-technical-heading { grid-template-columns: 1fr; }