@import url("/nova-room/room.css");
:root {
  --lavender: #dce4d8;
  --accent: #a4b69b;
}
.hero h1 em,
.app-copy h2 em {
  color: #526e52;
}
.tag {
  background: #e0e7da;
  color: #3c563f;
}
.hero-photo img {
  object-fit: cover;
}
.clip-value {
  font-size: clamp(25px,2.4vw,35px);
}
.phone .temperature-card strong {
  font-size: 48px;
}
.phone .night-range strong {
  font-size: 17px;
}
.phone .small-readings strong {
  font-size: 24px;
}
.phone .graph-line,
.phone .sparkline path {
  stroke: #aecb9f;
}
.phone .graph-area {
  fill: #aecb9f20;
}
.phone .phone-footnote {
  line-height: 1.45;
}
@media (max-width:700px) {
  .reading-card h3,
  .reading-card > p:not(.eyebrow) {
    max-width: 100%;
  }
  .reading-card .reading-value {
    position: static;
    width: auto;
    margin-top: 20px;
    font-size: 24px;
    letter-spacing: -.5px;
  }
  .reading-card .reading-caption {
    font-size: 10px;
  }
  .phone .small-readings strong {
    font-size: 17px;
  }
  .phone .night-range {
    gap: 8px;
  }
  .phone .night-range strong {
    font-size: 11px;
    letter-spacing: -.2px;
  }
  .phone .temperature-card strong {
    font-size: 34px;
  }
}