/* Local, licensed type. Keep interface controls in Manrope. */
@font-face {
  font-family: "BMB Editorial";
  src: url("./assets/fonts/CormorantGaramond-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --serif: "BMB Editorial", Lora, Georgia, serif;
}

h1, h2, h3 {
  font-weight: 500;
  letter-spacing: -.018em;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}

.bakery-hero-copy h1 {
  font-family: var(--serif);
  font-size: clamp(48px, 5.3vw, 68px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.022em;
  color: #633f50;
}

.bakery-eyebrow, .cake-eyebrow {
  font-weight: 500;
  letter-spacing: .13em;
}

.hero-description {
  line-height: 1.85;
  letter-spacing: .015em;
}

.gallery-heading h2,
.bakery-about h2,
.bakery-about .tamara-story h2 {
  font-family: var(--serif);
  font-size: clamp(39px, 4vw, 48px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.018em;
}

.bakery-page-heading h1,
.cake-heading h1 {
  font-family: var(--serif);
  font-size: clamp(44px, 4.5vw, 56px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.018em;
}

.bakery-chat-heading h1 {
  font-family: var(--serif);
  font-size: 37px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.012em;
}

.reception-intro h2 {
  font-family: var(--serif);
  font-size: 38px;
  font-weight: 500;
  line-height: 1.16;
  letter-spacing: -.015em;
}

.cake-request-design h2,
.request-share h2,
.tamara-dialog h2 {
  font-family: var(--serif);
  font-weight: 600;
  letter-spacing: -.012em;
}

.request-details legend,
.cake-flavor-tier h3 {
  font-family: var(--serif);
  font-weight: 600;
  letter-spacing: 0;
}

@media (max-width: 700px) {
  .bakery-hero-copy h1 {
    font-size: clamp(42px, 11vw, 52px);
    line-height: 1.07;
    letter-spacing: -.022em;
  }

  .gallery-heading h2,
  .bakery-about h2,
  .bakery-about .tamara-story h2 {
    font-size: 38px;
    line-height: 1.14;
  }

  .bakery-page-heading h1,
  .cake-heading h1 {
    font-size: clamp(40px, 10.7vw, 46px);
    line-height: 1.1;
  }

  .bakery-chat-heading h1 {
    font-size: 32px;
  }

  .reception-intro h2 {
    font-size: 32px;
    line-height: 1.18;
  }
}