/* Reference-inspired editorial headlines with a tilted paper highlight. */
.hero-copy h1,.contact-copy h2 {
  font-family:var(--sans);
  font-style:normal;
  font-weight:500;
  letter-spacing:-.055em;
  line-height:1.13;
}
.text-highlight {
  display:inline-block;
  position:relative;
  isolation:isolate;
  color:#090a0c;
  line-height:.95;
  padding:.055em .075em .12em;
  margin-inline:.025em;
  white-space:nowrap;
  font:inherit;
}
.text-highlight::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:#f4f5f7;
  transform:rotate(2deg);
  box-shadow:0 3px 18px #0002;
}
.hero-copy h1 {margin-bottom:27px;}
.hero-copy .heading-star {font-family:var(--display);font-size:30px;right:0;top:-20px;color:#aeb7c7;}
.contact-copy h2 .text-highlight::before {transform:rotate(-2deg);}
@media(max-width:760px) {
  .hero-copy h1 {font-size:clamp(44px,10.4vw,67px);line-height:1.16;letter-spacing:-.055em;}
  .hero-copy .heading-star {font-size:25px;top:-18px;right:3px;}
  .contact-copy h2 {font-size:clamp(41px,10.2vw,58px);line-height:1.2;}
  .text-highlight {padding-inline:.065em;}
}
@media(max-width:360px) {
  .hero-copy h1 {font-size:42px;}
  .contact-copy h2 {font-size:39px;}
}