/* Global heading color override */
h1, h2, h3, h4, h5, h6 {
  color: #2E2820;
}

html, body {
  background-color: #fff7e3 !important;
}

:root {
  /* Fonts */
  --font-heading: "Great Vibes", cursive;
  --font-body:    "Jost", sans-serif;

  /* Font sizes */
  --fs-display: clamp(52px, 12vw, 104px);
  --fs-hero:    clamp(68px, 17vw, 136px);
  --fs-script:  clamp(28px, 6vw, 48px);
  --fs-title:   clamp(20px, 4vw, 30px);
  --fs-subtitle: clamp(16px, 3vw, 22px);
  --fs-body:    13px;
  --fs-label:   10px;

  /* Radius */
  --radius: 12px;
}

.divider {
    margin: 2em auto;
    width: 58%;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1);
}
.divider.on {
    opacity: 0.6;
    transform: none;
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: none; }
}