:root {
  --font-interface: "Evolventa", Arial, sans-serif;
  --utility-label-size: 12px;
  --section-label-size: 14px;
  --utility-label-leading: 1;
  --utility-label-tracking: .14em;
  --project-meta-size: 11px;
  --project-meta-leading: 1.35;
  --project-meta-tracking: .10em;
  --section-nav-size: clamp(40px, 4vw, 60px);
  --section-nav-leading: .92;
  --section-nav-tracking: -.065em;
}

@media (max-width: 720px) {
  :root {
    --utility-label-size: 11px;
    --section-label-size: 13px;
    --utility-label-tracking: .11em;
    --project-meta-size: 10px;
    --project-meta-tracking: .08em;
    --section-nav-size: clamp(38px, 11vw, 50px);
    --section-nav-leading: .94;
    --section-nav-tracking: -.06em;
  }
}

/* AOA_HERO_TOKENS_START */
:root {
  --aoa-hero-title-width:
    min(24ch, calc(100vw - 120px));

  --aoa-hero-image-position:
    50% 50%;

  --aoa-hero-background:
    #111;

  --aoa-hero-title-color:
    #f7f5ef;

  --aoa-hero-title-font:
    "Cormorant Garamond", serif;

  --aoa-hero-title-size:
    clamp( 46px, 5.15vw, 90.16px );

--aoa-hero-title-leading:
    .96;

  --aoa-hero-title-tracking:
    -.031em;

  --aoa-hero-shade:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, .34) 0%,
      rgba(0, 0, 0, .36) 50%,
      rgba(0, 0, 0, .50) 100%
    );

  --aoa-feature-title-size:
    clamp(42.32px, 4.74vw, 71.76px);
}

@media (max-width: 720px) {
  :root {
    --aoa-hero-title-width:
      calc(100vw - 40px);

    --aoa-hero-title-size:
      clamp(31px, 8.7vw, 42px);

--aoa-hero-title-leading:
      .98;

    --aoa-feature-title-size:
      clamp(30px, 8.5vw, 40px);
  }
}
/* AOA_HERO_TOKENS_END */