/* ============================================================
   FONT DECLARATIONS - ABOUT
   ============================================================
   This file contains ALL font-size and font-family declarations
   extracted from about.html.
   
   DO NOT modify font sizes here without updating the source.
   All values are the EXACT original values from the source file.
   ============================================================ */

body {
  font-family: var(--font-body);
}

.hero-content .label {
  font-family: "Allomira", serif;
  font-size: var(--type-hero-label);
}

.hero-content h1 {
  font-family: "Allomira Black", "Allomira", serif;
  font-size: var(--type-hero-h1);
}

.hero-content p {
  font-family: "Lato", sans-serif;
  font-size: var(--type-hero-body);
}

.section-title {
  font-family: var(--font-head);
  font-size: clamp(1.5625rem, 1.1vw + 1.0975rem, 2.875rem);
}

.beginning-text h2 {
  font-family: "Allomira Black", "Allomira", serif;
  font-size: var(--type-h2-emphasis);
}

.beginning-text p {
  font-family: "Lato", sans-serif;
  font-size: var(--type-body-md);
}

.beginning-text .highlight {
  font-family: "Lato", sans-serif;
  font-size: var(--type-accent);
}

.believe .section-title {
  font-size: clamp(1.8125rem, 1.55vw + 0.9575rem, 3.125rem);
  font-family: "Allomira Black", "Allomira", serif;
}

.believe-card h3 {
  font-family: "Lato", sans-serif;
  font-size: var(--type-h3-card);
}

.believe-card p {
  font-family: "Lato", sans-serif;
  font-size: var(--type-body);
}

.farm-text h2 {
  font-family: "Allomira Black", "Allomira", serif;
  font-size: var(--type-h2-emphasis);
}

.farm-text p {
  font-family: "Lato", sans-serif;
  font-size: var(--type-body);
}

.e2e .section-title {
  font-family: "Allomira Black", "Allomira", serif;
  font-size: var(--type-h2-emphasis);
}

.e2e-subtitle {
  font-size: var(--type-lede);
  font-family: "Lato", sans-serif;
}

.e2e-nav-btn {
  font-size: var(--type-ui);
}

.e2e-text-col h4 {
  font-family: "Lato", sans-serif;
  font-size: clamp(1rem, 0.62vw + 0.7825rem, 1.375rem);
}

.e2e-note {
  font-size: var(--type-body-md);
  font-family: "Lato", sans-serif;
}

.e2e-tagline {
  font-family: "Lato", sans-serif;
  font-size: clamp(1rem, 0.55vw + 0.8125rem, 1.3125rem);
}

.delivery-text h2 {
  font-family: "Allomira Black", "Allomira", serif;
  font-size: var(--type-h2-emphasis);
}

.delivery-text p {
  font-family: "Lato", sans-serif;
  font-size: var(--type-body-md);
}

.delivery-taglines p {
  font-family: "Lato", sans-serif;
  font-size: clamp(1.0625rem, 0.85vw + 0.8125rem, 1.5rem);
}

.app-text .app-label {
  font-family: "Allomira Regular", "Allomira", serif;
  font-size: 24px;
}

.app-text h2 {
  font-family: "Allomira Black", "Allomira", serif;
  font-size: 40px;
}

.app-text p {
  font-family: "Lato", sans-serif;
  font-size: 16px;
}

.app-text p strong {
  font-family: "Lato", sans-serif;
  font-size: 18px;
}

.app-list li {
  font-family: "Lato", sans-serif;
  font-size: 16px;
}


@media (min-width: 768px) and (max-width: 1200px) {


  .promise h2 {

    font-size: clamp(2.25rem, 5vw, 3.25rem) !important;
  }



  .promise-content p {

    font-size: clamp(1.0625rem, 2vw, 1.25rem) !important;
  }



  .promise-quote {

    font-size: clamp(1.25rem, 2.5vw, 1.625rem) !important;
  }
}



@media (min-width: 768px) and (max-width: 1024px) {


  .delivery-text h2 {

    font-size: clamp(1.6rem, 2.5vw, 2.2rem);
  }



  .delivery-text p {

    font-size: clamp(0.95rem, 1.6vw, 1.1rem);
  }



  .delivery-taglines p {

    font-size: clamp(1rem, 1.8vw, 1.2rem);
  }
}



.promise span {

  font-family: "Allomira Black", "Allomira", serif;
  font-size: var(--type-display);
}



.promise h2 {

  font-family: "Allomira Black", "Allomira", serif;
  font-size: var(--type-h2-emphasis);
}



.promise-content p {

  font-family: "Lato", sans-serif;
  font-size: var(--type-body);
}



.promise-quote {

  font-family: "Lato", sans-serif;
  font-size: clamp(1.0625rem, 0.65vw + 0.8125rem, 1.5rem);
}



@media (max-width: 760px) {


  .e2e-text-col h4 {

    font-size: clamp(0.875rem, 0.62vw + 0.6975rem, 1rem);
  }
}



@media (max-width: 600px) {


  .hero-content .label {

    font-family: "Allomira", serif;
  }



  .hero-content p {

    font-family: "Lato", sans-serif;
  }



  .e2e-subtitle,
  .e2e-note,
  .delivery-text p,
  .app-text p,
  .app-text li {

    font-size: clamp(0.875rem, 0.38vw + 0.7425rem, 1rem);
  }
}


@media (min-width: 1600px) {


  .hero-content .label {

    font-size: clamp(1.5rem, 1.78vw + 0.75rem, 3.875rem);
  }



  .hero-content h1 {

    font-size: clamp(2.875rem, 2.38vw + 1.0625rem, 5.625rem);
  }



  .hero-content p {

    font-size: clamp(1rem, 0.5vw + 0.8375rem, 1.4rem);
  }
}


@media (min-width: 2560px) {


  .hero-content h1 {

    font-size: clamp(3rem, 1.5vw + 2.5rem, 5.75rem);
  }
}


@media (min-width: 3840px) {


  .hero-content .label {

    font-size: clamp(2rem, 2.5vw + 1rem, 5rem);
  }



  .hero-content h1 {

    font-size: clamp(4rem, 3vw + 2rem, 7rem);
  }



  .hero-content p {

    font-size: clamp(1.25rem, 0.8vw + 0.9rem, 1.75rem);
  }



  .beginning-text h2 {

    font-size: clamp(2.5rem, 2vw + 1.5rem, 4.5rem);
  }



  .beginning-text p {

    font-size: clamp(1.125rem, 0.7vw + 0.85rem, 1.625rem);
  }



  .beginning-text .highlight {

    font-size: clamp(1.125rem, 0.7vw + 0.85rem, 1.625rem);
  }



  .believe-card h3 {

    font-size: clamp(1.5rem, 1.2vw + 0.9rem, 2.5rem);
  }



  .believe-card p {

    font-size: clamp(1.125rem, 0.7vw + 0.85rem, 1.625rem);
  }



  .farm-text h2 {

    font-size: clamp(2.5rem, 2vw + 1.5rem, 4.5rem);
  }



  .farm-text p {

    font-size: clamp(1.125rem, 0.7vw + 0.85rem, 1.625rem);
  }



  .e2e-diagram-texts h4 {

    font-size: clamp(1.5rem, 1.2vw + 0.9rem, 2.5rem);
  }
}



@media (min-width: 3840px) {


  .beginning-text h2 {

    font-size: clamp(2.25rem, 1.1vw + 2rem, 3.25rem) !important;
  }



  .beginning-text p {

    font-size: clamp(1.25rem, 0.9vw + 1rem, 1.9rem) !important;
  }



  .delivery-text h2 {

    font-size: clamp(2.25rem, 1.1vw + 2rem, 3.25rem) !important;
  }



  .delivery-text p {

    font-size: clamp(1.25rem, 0.9vw + 1rem, 1.9rem) !important;
  }



  .app-text .app-label {

    font-size: clamp(1.5rem, 1vw + 1rem, 2.5rem) !important;
  }



  .app-text h2 {

    font-size: clamp(2.5rem, 2vw + 1.5rem, 4.5rem) !important;
  }



  .app-text p,
  .app-list li {

    font-size: clamp(1.25rem, 0.9vw + 1rem, 1.9rem) !important;
  }
}


@media screen and (min-width: 481px) and (max-width: 767px) {

  .hero h1 {

    font-size: 36px !important;
  }



  .hero .label {

    font-size: 24px !important;
  }



  .beginning-text h2,
  .believe h2,
  .section-title,
  .farm-text h2,
  .e2e h2,
  .delivery-text h2,
  .app-text h2,
  .promise-inner h2 {

    font-size: 24px !important;
  }



  .believe-card h3,
  .app-text .app-label {

    font-size: 18px !important;
  }



  .e2e-diagram-texts h4,
  .delivery-text .delivery-taglines p,
  .promise-quote {

    font-size: 16px !important;
  }



  .app-text p strong {

    font-size: 13px !important;
  }



  .beginning-text p,
  .believe-card p,
  .farm-text p,
  .delivery-text p,
  .app-text p:not(.app-label),
  .promise-inner p,
  .hero p,
  .app-list li {

    font-size: 11px !important;
  }
}


@media screen and (min-width: 768px) and (max-width: 991px),
screen and (width: 768px) and (height: 1024px) {

  .hero h1 {

    font-size: 48px !important;
  }



  .hero .label {

    font-size: 32px !important;
  }



  .beginning-text h2,
  .believe h2,
  .section-title,
  .farm-text h2,
  .e2e h2,
  .delivery-text h2,
  .app-text h2,
  .promise-inner h2 {

    font-size: 32px !important;
  }



  .believe-card h3,
  .app-text .app-label {

    font-size: 20px !important;
  }



  .e2e-diagram-texts h4,
  .delivery-text .delivery-taglines p,
  .promise-quote {

    font-size: 18px !important;
  }



  .app-text p strong {

    font-size: 14px !important;
  }



  .beginning-text p,
  .believe-card p,
  .farm-text p,
  .delivery-text p,
  .app-text p:not(.app-label),
  .promise-inner p,
  .hero p,
  .app-list li {

    font-size: 12px;
  }
}


@media screen and (width: 820px) and (height: 1180px) {

  .hero h1 {

    font-size: 50px !important;
  }



  .hero .label {

    font-size: 34px !important;
  }



  .beginning-text h2,
  .believe h2,
  .section-title,
  .farm-text h2,
  .e2e h2,
  .delivery-text h2,
  .app-text h2,
  .promise-inner h2 {

    font-size: 34px !important;
  }



  .believe-card h3,
  .app-text .app-label {

    font-size: 22px !important;
  }



  .e2e-diagram-texts h4,
  .delivery-text .delivery-taglines p,
  .promise-quote {

    font-size: 20px !important;
  }



  .app-text p strong {

    font-size: 15px !important;
  }



  .beginning-text p,
  .believe-card p,
  .farm-text p,
  .delivery-text p,
  .app-text p:not(.app-label),
  .promise-inner p,
  .hero p,
  .app-list li {

    font-size: 13px !important;
  }
}


@media screen and (width: 1024px) and (height: 1366px) {

  .hero h1 {

    font-size: 54px !important;
  }



  .hero .label {

    font-size: 36px !important;
  }



  .beginning-text h2,
  .believe h2,
  .section-title,
  .farm-text h2,
  .e2e h2,
  .delivery-text h2,
  .app-text h2,
  .promise-inner h2 {

    font-size: 36px !important;
  }



  .believe-card h3,
  .app-text .app-label {

    font-size: 24px !important;
  }



  .e2e-diagram-texts h4,
  .delivery-text .delivery-taglines p,
  .promise-quote {

    font-size: 22px !important;
  }



  .app-text p strong {

    font-size: 16px !important;
  }



  .beginning-text p,
  .believe-card p,
  .farm-text p,
  .delivery-text p,
  .app-text p:not(.app-label),
  .promise-inner p,
  .hero p,
  .app-list li {

    font-size: 14px !important;
  }
}


@media screen and (min-width: 1280px) and (max-width: 1439px) {

  .hero h1 {

    font-size: 58px !important;
  }



  .hero .label {

    font-size: 38px !important;
  }



  .beginning-text h2,
  .believe h2,
  .section-title,
  .farm-text h2,
  .e2e h2,
  .delivery-text h2,
  .app-text h2,
  .promise-inner h2 {

    font-size: 38px !important;
  }



  .believe-card h3,
  .app-text .app-label {

    font-size: 26px !important;
  }



  .e2e-diagram-texts h4,
  .delivery-text .delivery-taglines p,
  .promise-quote {

    font-size: 24px !important;
  }



  .app-text p strong {

    font-size: 18px !important;
  }



  .beginning-text p,
  .believe-card p,
  .farm-text p,
  .delivery-text p,
  .e2e-subtitle,
  .e2e-note,
  .app-text p:not(.app-label),
  .promise-inner p,
  .hero p,
  .app-list li,
  .highlight {

    font-size: 15px !important;
  }
}


@media screen and (min-width: 1440px) and (max-width: 1919px) {


  .hero h1 {

    font-size: 66px !important;
  }



  .hero .label {

    font-size: 44px !important;
  }



  .beginning-text h2,
  .believe h2,
  .section-title,
  .farm-text h2,
  .e2e h2,
  .delivery-text h2,
  .app-text h2,
  .promise-inner h2 {

    font-size: 44px !important;
  }



  .believe-card h3,
  .app-text .app-label {

    font-size: 28px !important;
  }



  .e2e-diagram-texts h4,
  .delivery-text .delivery-taglines p,
  .promise-quote {

    font-size: 26px !important;
  }



  .app-text p strong {

    font-size: 20px !important;
  }



  .beginning-text p,
  .believe-card p,
  .farm-text p,
  .delivery-text p,
  .app-text p:not(.app-label),
  .promise-inner p,
  .hero p,
  .app-list li,
  .e2e-subtitle,
  .e2e-note,
  .highlight {

    font-size: 17px !important;
  }
}


@media screen and (min-width: 1540px) and (max-width: 2559px) {

  .hero h1 {

    font-size: 78px !important;
  }



  .hero .label {

    font-size: 54px !important;
  }



  .beginning-text h2,
  .believe h2,
  .section-title,
  .farm-text h2,
  .e2e h2,
  .delivery-text h2,
  .app-text h2,
  .promise-inner h2 {

    font-size: 52px !important;
  }



  .believe-card h3,
  .app-text .app-label {

    font-size: 30px !important;
  }



  .e2e-diagram-texts h4,
  .delivery-text .delivery-taglines p,
  .promise-quote {

    font-size: 26px !important;
  }



  .app-text p strong {

    font-size: 22px !important;
  }



  .beginning-text p,
  .believe-card p,
  .farm-text p,
  .delivery-text p,
  .app-text p:not(.app-label),
  .promise-inner p,
  .hero p,
  .highlight,
  .app-list li,
  .e2e-note,
  .e2e-subtitle {

    font-size: 20px !important;
  }
}


@media screen and (min-width: 2560px) and (max-width: 3839px) {

  .hero h1 {

    font-size: 102px !important;
  }



  .hero .label {

    font-size: 68px !important;
  }



  .beginning-text h2,
  .believe h2,
  .section-title,
  .farm-text h2,
  .e2e h2,
  .delivery-text h2,
  .app-text h2,
  .promise-inner h2 {

    font-size: 68px !important;
  }



  .believe-card h3,
  .app-text .app-label {

    font-size: 40px !important;
  }



  .e2e-diagram-texts h4 {

    font-size: 26px !important;
  }



  .delivery-text .delivery-taglines p,
  .promise-quote {

    font-size: 36px !important;
  }



  .app-text p strong {

    font-size: 28px !important;
  }



  .beginning-text p,
  .believe-card p,
  .farm-text p,
  .delivery-text p,
  .app-text p:not(.app-label),
  .promise-inner p,
  .hero p,
  .highlight,
  .app-list li,
  .e2e-note,
  .e2e-subtitle {

    font-size: 26px !important;
  }
}


@media screen and (min-width: 3840px) {


  .hero h1 {

    font-size: 144px !important;
  }



  .hero .label {

    font-size: 96px !important;
  }



  .beginning-text h2,
  .believe h2,
  .section-title,
  .farm-text h2,
  .e2e h2,
  .delivery-text h2,
  .app-text h2,
  .promise-inner h2 {

    font-size: 96px !important;
  }



  .believe-card h3,
  .app-text .app-label {

    font-size: 50px !important;
  }



  .e2e-diagram-texts h4,
  .delivery-text .delivery-taglines p,
  .promise-quote {

    font-size: 54px !important;
  }



  .app-text p strong {

    font-size: 44px !important;
  }



  .beginning-text p,
  .believe-card p,
  .farm-text p,
  .delivery-text p,
  .app-text p:not(.app-label),
  .promise-inner p,
  .hero p,
  .highlight,
  .app-list li,
  .e2e-subtitle {

    font-size: 36px !important;
  }



  .e2e-note {

    font-size: 36px !important;
  }
}