header .header-listen-stack{grid-column:2;grid-row:2;justify-self:end;display:flex;flex-direction:column;align-items:stretch;width:200px;gap:7px}
header .header-listen-stack #listen{align-self:flex-end}
.hero header .welcome,body:not([data-page=home]) .hero header .welcome{position:static;width:100%;max-width:none;padding:8px 10px;margin:0;text-align:left;box-sizing:border-box;background:#081326ed;box-shadow:0 3px 12px #0003}
.hero header .welcome h1,body:not([data-page=home]) .hero header .welcome h1{font-size:25px;line-height:1.1;white-space:nowrap}
.hero header .welcome h2,body:not([data-page=home]) .hero header .welcome h2{font-size:11px;margin:3px 0;letter-spacing:.15em}
.hero header .welcome .houston-weather{font-size:9px;gap:5px;margin-top:4px;padding-top:4px;max-width:100%}
.hero header .welcome .weather-icon{font-size:17px}
.hero header .welcome .houston-weather a{font-size:8px}
.community-row{grid-template-columns:minmax(0,1fr)}
@media(max-width:600px){header{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:start;gap:8px;padding:14px 12px}header .brand{grid-column:1;grid-row:1;margin:0}header .main-menu{grid-column:1;grid-row:2;justify-self:start}header .header-listen-stack{grid-column:2;grid-row:1/3;width:170px;justify-self:end}header nav[aria-label="Main navigation"]{grid-column:1/-1;grid-row:3;width:100%;gap:18px;margin-top:2px}.hero header .welcome h1,body:not([data-page=home]) .hero header .welcome h1{font-size:23px}.hero header .welcome,body:not([data-page=home]) .hero header .welcome{padding:7px 8px}.community-row{grid-template-columns:1fr}}
@media(max-width:360px){header{grid-template-columns:minmax(0,1fr) 150px;gap:6px}header .header-listen-stack{width:150px}header .brand b{font-size:28px}header .sax{font-size:23px}.hero header .welcome h1,body:not([data-page=home]) .hero header .welcome h1{font-size:21px}header nav[aria-label="Main navigation"]{gap:13px}}
/* Minimal text over the skyline, without an enclosing card. */
.hero header .welcome,body:not([data-page=home]) .hero header .welcome{background:none;border:0;box-shadow:none;padding:2px 0;text-align:right;color:#fff;text-shadow:0 1px 3px #000,0 0 5px #000}
.hero header .welcome h1,body:not([data-page=home]) .hero header .welcome h1{font:600 17px/1.2 'DM Sans',sans-serif;color:#fff;white-space:normal}
.hero header .welcome h2,body:not([data-page=home]) .hero header .welcome h2{display:none}
.hero header .welcome .houston-weather{justify-content:flex-end;border:0;margin-top:4px;padding:0;font-size:10px;gap:4px}
.hero header .welcome .weather-icon{font-size:14px}
.hero header .welcome .weather-text{white-space:normal;overflow:visible}
.hero header .welcome .houston-weather a{display:none}
header nav[aria-label="Main navigation"]{display:none!important}
.hero,body:not([data-page=home]) .hero{height:240px}
@media(max-width:600px){.hero,body:not([data-page=home]) .hero{height:210px}}