/* Version 07: Signal's content and layout, with Framework's light palette. */
.signal-light{
  --orange:#EB5D2A;
  --black:#1c1d1b;
  --white:#f4f3ef;
  --muted:#585d55;
  --line:#c9cac4;
  background:var(--white);
  color:var(--black);
}
.signal-light .review-strip{background:#e6e7e0;color:#1c1d1b}
.signal-light .review-strip span{color:#585d55}
.signal-light .so-hero-bottom p,
.signal-light .so-services .service-row p{color:#585d55}
.signal-light .so-position{background:#dedfd8;color:var(--black)}
.signal-light .so-questions{background:#e8e9e2}
.signal-light .so-practices{
  background:#191b19;
  color:#f4f3ef;
  --line:#484a44;
}
.signal-light .so-practices .practice-card:first-child{background:transparent;color:#f4f3ef}
.signal-light .so-practices .practice-card:last-child{background:transparent}
.signal-light .so-practices .practice-card p{color:#d2d4cb}
.signal-light .so-close{background:#f4f3ef;color:var(--black);border-top:3px solid var(--orange)}
.signal-light .footer{background:#e6e7e0}
.signal-light .button:hover{background:var(--orange);filter:brightness(.95)}
.signal-light .button.black:hover{background:var(--black);filter:brightness(1.2)}
.signal-light .kicker.orange{color:var(--black);border-left:3px solid var(--orange);padding-left:12px}
/* Use the official raster logo's silhouette, rendered in the precise brand orange. */
.signal-light .logo{position:relative;display:block}
.signal-light .logo img{opacity:0}
.signal-light .logo::before{
  content:'';
  position:absolute;
  inset:0;
  background:#EB5D2A;
  -webkit-mask:url('assets/spoutlogic-logo-orange.png') center / contain no-repeat;
  mask:url('assets/spoutlogic-logo-orange.png') center / contain no-repeat;
  pointer-events:none;
}