/* The primary Only.child Studio lockup is supplied as a square social export. */
@font-face {
  font-family:"Glancyr";
  src:url("assets/Glancyr-Variable.ttf") format("truetype");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

.wordmark {
  display:block;
  width:175px;
  height:44px;
  overflow:hidden;
  position:relative;
}

.wordmark img {
  display:block;
  max-width:none;
  width:260px;
  position:absolute;
  left:-46px;
  top:-107px;
}

.hero-logo {
  width:min(58vw,760px);
  right:-6vw;
  bottom:-4vw;
}

.hero-logo img { transform:scale(1.26); }

.contact h2 {
  font-family:"Glancyr", "Space Grotesk", sans-serif;
  font-size:clamp(42px,5.4vw,84px);
  font-weight:500;
  line-height:.9;
  letter-spacing:-.055em;
}

@media (max-width:700px) {
  .wordmark { width:154px; height:39px; }
  .wordmark img { width:229px; left:-41px; top:-94px; }
  .hero-logo { width:95vw; right:-32vw; bottom:32px; }
  .contact h2 { font-size:42px; }
}