/* Coastal R: the selected gold monogram, with live, accessible brand text. */
.northern-night .header .brand.coastal-brand {
  display:inline-flex;
  align-items:center;
  gap:14px;
  max-width:none;
  padding:0;
  flex-shrink:0;
  text-decoration:none;
  text-transform:none;
  letter-spacing:0;
}
.northern-night .header .coastal-brand-mark {
  display:block;
  width:60px;
  height:35px;
  flex:none;
  color:var(--night-gold);
  overflow:visible;
}
.northern-night .header .brand.coastal-brand .coastal-brand-copy {
  display:block;
  margin:0;
  line-height:1;
  letter-spacing:0;
}
.northern-night .header .brand.coastal-brand .coastal-brand-name {
  display:block;
  margin:0;
  font-family:var(--sans);
  font-size:28px;
  font-weight:400;
  line-height:1.1;
  letter-spacing:.015em;
  text-transform:none;
  color:var(--night-cream);
}
.northern-night .header .brand.coastal-brand .coastal-brand-tagline {
  display:block;
  margin-top:7px;
  font-family:var(--sans);
  font-size:10px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:.01em;
  text-transform:none;
  color:var(--night-muted);
  white-space:nowrap;
}
@media(max-width:700px) {
  .northern-night .header .brand.coastal-brand { gap:10px; }
  .northern-night .header .coastal-brand-mark { width:48px; height:28px; }
  .northern-night .header .brand.coastal-brand .coastal-brand-name { font-size:25px; }
}
@media(max-width:600px) {
  .northern-night .header .brand.coastal-brand { gap:9px; }
  .northern-night .header .coastal-brand-mark { width:40px; height:24px; }
  .northern-night .header .brand.coastal-brand .coastal-brand-name { font-size:23px; }
  .northern-night .header .brand.coastal-brand .coastal-brand-tagline { font-size:9px; margin-top:6px; }
}
@media(max-width:370px) {
  .northern-night .header { flex-wrap:wrap; row-gap:16px; }
  .northern-night .header .brand.coastal-brand { width:100%; }
  .northern-night .header .header-actions { width:100%; justify-content:space-between; margin-left:0; }
}