/* One lockup per site, shared by the reference and legacy layouts. */
body .masthead .weather-brand {
    display:inline-flex; align-items:center; flex:0 0 auto; gap:10px;
    min-width:0; width:auto; color:#082654; text-decoration:none;
    font-family:Inter,Arial,sans-serif; letter-spacing:normal;
}
body .masthead .weather-brand:focus-visible { outline:3px solid #0755a5; outline-offset:5px; border-radius:4px; }
.weather-brand__copy { display:flex; flex-direction:column; gap:5px; }
.weather-brand__name { display:flex; align-items:center; font-size:29px; line-height:1; font-weight:750; letter-spacing:-1.05px; white-space:nowrap; }
.weather-brand--mi .weather-brand__name>span { color:#0755a5; }
.weather-brand__mark { display:block; width:44px; height:44px; flex:none; }
.weather-brand__tagline { display:block; font-size:11px; font-weight:400; line-height:1.3; letter-spacing:0; color:#42566d; white-space:nowrap; }
.weather-brand--ts .weather-brand__name { font-size:35px; letter-spacing:-1.35px; }
.weather-brand__island { color:#0673b9; }
.weather-brand__sun { display:block; width:.96em; height:.96em; margin:0 -.055em; flex:none; }
.weather-brand--ts .weather-brand__tagline { text-align:right; }
@media(max-width:1100px) and (min-width:701px) {
    .weather-brand__name { font-size:25px; }
    .weather-brand--ts .weather-brand__name { font-size:31px; }
    .weather-brand__mark { width:38px; height:38px; }
}
@media(max-width:700px) {
    body .masthead .weather-brand { gap:9px; }
    .weather-brand__name { font-size:24px; letter-spacing:-.85px; }
    .weather-brand--ts .weather-brand__name { font-size:30px; letter-spacing:-1.1px; }
    .weather-brand__mark { width:36px; height:36px; }
    .weather-brand__copy { gap:4px; }
    .weather-brand__tagline { font-size:11px; }
}
@media(max-width:360px) {
    .weather-brand__name { font-size:22px; }
    .weather-brand--ts .weather-brand__name { font-size:29px; }
    .weather-brand__mark { width:34px; height:34px; }
}