@font-face {
  font-family: 'Sigmar';
  src: url('/portfolio/coffeex/demo/assets/fonts/Sigmar-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root { --font-display: 'Sigmar', Arial, sans-serif; }
.hero-wrapper .heading-10, .heading, .heading-2, .heading-3, .heading-31,
.heading-4, .heading-11, .heading-6.scale-fix, .text-block-8,
.cx-brand, .cx-menu-panel a, .cx-search-form label, .cx-footer-top h2,
.cx-footer-wordmark, .local-static-content h2, .local-static-content h3,
.local-flavor-list h2, .local-dialog h2 {
  font-family: var(--font-display);
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: 0;
}
.hero-wrapper .heading-10 { font-size: clamp(40px, 11vw, 158px); line-height: 1; width: 94%; }
.heading { font-size: max(32px, 10.4vw); line-height: 1.05; }
.heading-2 { font-size: clamp(28px, 3.5vw, 56px); line-height: 1.05; }
.heading-3 { font-size: clamp(28px, 3.2vw, 52px); line-height: 1.05; }
.heading-31 { font-size: clamp(24px, 2.2vw, 40px); line-height: 1.12; }
.heading-4 { font-size: clamp(20px, 1.55vw, 28px); line-height: 1.15; }
.heading-11 { font-size: clamp(24px, 2.2vw, 40px); line-height: 1.1; }
.heading-6.scale-fix, .local-reduced-motion .hp-section-5 .heading-6.scale-fix {
  font-size: clamp(28px, 5vw, 72px); line-height: 1.12;
}
.text-block-8 { font-size: clamp(18px, 1.4vw, 22px); line-height: 1.2; }
.cx-brand { font-size: 32px; line-height: 1.1; }
.cx-menu-panel a { font-size: clamp(20px, 3.2vw, 32px); line-height: 1.2; gap: 16px; }
.cx-search-form label { font-size: clamp(20px, 2.5vw, 28px); line-height: 1.2; }
.cx-footer-top h2 { font-size: clamp(24px, 3.2vw, 52px); line-height: 1.12; }
.cx-footer-wordmark { font-size: 14.3vw; line-height: 1.12; }
.local-static-content h2 { font-size: clamp(28px, 4vw, 56px); line-height: 1.12; }
.local-static-content h3 { font-size: clamp(22px, 2.2vw, 32px); line-height: 1.2; }
.local-flavor-list h2 { font-size: clamp(24px, 2vw, 32px); line-height: 1.2; }
.local-dialog h2 { font-size: clamp(24px, 3.3vw, 44px); line-height: 1.2; }
.local-product h2 { font-size: clamp(24px, 2.7vw, 36px); }

body.cx-packaging h1, body.cx-packaging h2 { font-family: var(--font-display); font-weight: 400; line-height: 1.15; }
body.cx-packaging h1 { font-size: clamp(28px, 4.6vw, 66px); }
body.cx-packaging h2 { font-size: clamp(26px, 3vw, 40px); }
@media (max-width: 991px) {
  .hero-wrapper .heading-10 { font-size: 10vw; width: 96%; }
  .heading-2, .heading-3 { font-size: clamp(28px, 5vw, 44px); }
  .heading-31 { font-size: clamp(24px, 3.2vw, 32px); }
  .local-flavor-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .hero-wrapper .heading-10 { font-size: 10vw; line-height: 1.05; }
  .heading-2, .heading-3 { font-size: clamp(26px, 6.5vw, 40px); }
  .heading-31 { font-size: clamp(22px, 5vw, 32px); }
  .local-flavor-list { grid-template-columns: 1fr; }
  .local-flavor-list h2 { font-size: clamp(26px, 6vw, 36px); }
  .local-product h2 { font-size: 26px; }
}
@media (max-width: 700px) {
  .cx-brand { font-size: clamp(24px, 7vw, 30px); }
  .cx-menu-label { display: none; }
  .cx-footer-wordmark { font-size: 13.5vw; }
  .cx-footer-top h2 { font-size: clamp(24px, 6.1vw, 40px); }
}

@media (min-width: 992px) {
  .title-wrapper.is-1 .subheader-wrapper { margin-top: 16px; }
}


.hp-section-2 .heading { font-size: 13.5vw; line-height: 1.12; }
.cx-footer-wordmark { font-size: 20vw; line-height: 1.15; }
.hero-wrapper .heading-10 { font-size: clamp(40px,11vw,158px); line-height: 1.05; }
.heading [class*="gsap_split_word"], .heading-2 [class*="gsap_split_word"],
.heading-10 [class*="gsap_split_word"] { line-height: 1.08em !important; }
@media(max-width:991px) { .hero-wrapper .heading-10 { font-size: 12vw; } }
@media(max-width:767px) { .hp-section-2 .heading { font-size: 13.5vw; } }
@media(max-width:700px) { .cx-footer-wordmark { font-size: 19vw; } }


.cx-menu-panel a { font-family: var(--font-body); font-weight: 600; font-size: clamp(22px,3.2vw,32px); }