/*
Theme Name: Jack's Creek
Description: Standalone WordPress theme for the Jack's Creek site migration.
Author: Middle Out Consulting
Version: 0.1.117
Text Domain: jacks-creek
*/

@font-face {
  font-family: "Libre Franklin";
  src: url("assets/fonts/LibreFranklin-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Libre Franklin";
  src: url("assets/fonts/LibreFranklin-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Libre Franklin";
  src: url("assets/fonts/LibreFranklin-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Libre Franklin";
  src: url("assets/fonts/LibreFranklin-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Libre Franklin";
  src: url("assets/fonts/LibreFranklin-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lustria";
  src: url("assets/fonts/Lustria-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Michigan Signature";
  src: url("assets/fonts/michigan-signature.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --jc-color-brand-gold: #9f8e5f;
  --jc-color-brand-gold-light: #c6b47a;
  --jc-color-brand-dark: #332e28;
  --jc-color-brand-black: #000000;
  --jc-color-cream: #f4ecd8;
  --jc-color-cream-alt: #ede2c8;
  --jc-color-white: #ffffff;
  --jc-color-text-inverse: var(--jc-color-brand-dark);
  --jc-color-text-muted: #675d51;

  --jc-font-display: "Lustria", Georgia, "Times New Roman", serif;
  --jc-font-heading: var(--jc-font-display);
  --jc-font-body: "Libre Franklin", system-ui, -apple-system, "Segoe UI", sans-serif;
  --jc-font-ui: var(--jc-font-body);
  --jc-font-accent: "Michigan Signature", "Brush Script MT", cursive;
  --jc-font-size-h1: 64px;
  --jc-font-size-h2: 48px;
  --jc-font-size-h3: 36px;
  --jc-font-size-h4: 24px;
  --jc-font-size-body: 14px;
  --jc-type-body-size: 14px;
  --jc-type-body-line-height: 1.58;
  --jc-type-card-body-size: 14px;
  --jc-type-card-body-line-height: 1.5;
  --jc-type-hero-script-size: 62px;
  --jc-type-hero-title-size: 76px;
  --jc-type-hero-lead-size: 20px;
  --jc-type-section-lead-size: 20px;
  --jc-type-scroll-size: 12.48px;
  --jc-type-section-script-size: clamp(1.9rem, 2.25vw, 2.35rem);
  --jc-type-section-script-gap: clamp(0.5rem, 0.75vw, 0.85rem);
  --jc-type-h3-card-heading: 30px;
  --jc-type-form-label-size: 18px;
  --jc-line-height-accent: 1.15;
  --jc-line-height-heading: 1.08;
  --jc-line-height-subtitle: 1.2;
  --jc-line-height-body: 1.7;

  --jc-space-2: 1rem;
  --jc-space-3: 1.5rem;
  --jc-space-4: 2rem;
  --jc-about-story-copy-measure: 57.5rem;
  --jc-home-cta-awards-overlap: clamp(4.25rem, 6.9vw, 8.25rem);
  --jc-section-audit-pad-compact: clamp(3rem, 4.2vw, 5rem);
  --jc-section-audit-pad-standard: clamp(4rem, 5.6vw, 6.75rem);
  --jc-section-audit-pad-generous: clamp(4.75rem, 6.4vw, 8rem);
  --jc-container-max: 1280px;
  --jc-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --jc-duration: 260ms;
}

html {
  font-synthesis: none;
}

body {
  margin: 0;
  font-family: var(--jc-font-body);
  font-size: var(--jc-font-size-body);
  line-height: var(--jc-line-height-body);
  color: var(--jc-color-text-inverse);
  background: var(--jc-color-brand-dark);
  text-rendering: optimizeLegibility;
}

.jc-menu-open {
  overflow: hidden;
}

#main-header,
#main-footer {
  display: none !important;
}

#main-content {
  color: var(--jc-color-text-inverse);
  background: var(--jc-color-cream-alt);
}

#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 {
  color: var(--jc-color-text-inverse);
}

/*
 * Direct Video CPT permalinks are Gutenberg/ACF-managed fallbacks. Archive
 * cards open their supplied YouTube URLs, but a reachable video permalink
 * must still clear the fixed shell and remain readable at every viewport.
 */
body.single-video .jc-index-page {
  --jc-video-single-header-clearance: clamp(1rem, 1.3vw, 1.5rem);
  padding: calc(var(--jc-mobile-header-height) + var(--jc-video-single-header-clearance)) max(1rem, calc((100vw - var(--jc-container-max)) / 2)) 0;
}

@media (min-width: 981px) {
  body.single-video .jc-index-page {
    padding-top: calc(clamp(130px, 8vw, 205px) + var(--jc-video-single-header-clearance));
  }
}

body.single-video .jc-index-entry {
  width: min(100%, 52rem);
  margin: 0 auto;
  padding-bottom: clamp(5rem, 9vw, 9rem);
}

body.single-video .jc-index-entry > h1 {
  max-width: 18ch;
  margin: 0 0 1.5rem;
  font-size: clamp(2rem, 4.5vw, 4rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

body.single-video .jc-index-entry > :last-child {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--jc-font-heading);
  font-weight: 400;
  line-height: var(--jc-line-height-heading);
}

#main-content .jc-accent,
.jc-accent {
  font-family: var(--jc-font-accent) !important;
  font-style: normal;
  font-weight: 400 !important;
  letter-spacing: 0;
  line-height: var(--jc-line-height-accent);
  text-transform: none;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.jc-surface-dark {
  color: var(--jc-color-white);
  background: var(--jc-color-brand-dark);
}

.jc-surface-cream {
  color: var(--jc-color-text-inverse);
  background: linear-gradient(to top, var(--jc-color-cream-alt), var(--jc-color-cream) 62%);
}

.jc-gradient-surface {
  color: var(--jc-color-white);
  background-color: var(--jc-color-brand-dark);
  background-image: linear-gradient(rgba(51, 46, 40, 0.38), rgba(51, 46, 40, 0.92)), url("assets/img/brand/jacks-creek-gradient-background.jpg");
  background-position: center;
  background-size: cover;
}

.jc-hero-overlay,
.jc-prefooter-overlay {
  position: relative;
  overflow: hidden;
  color: var(--jc-color-white);
  background-color: var(--jc-color-brand-dark);
  background-position: center;
  background-size: cover;
}

.jc-hero-overlay::before,
.jc-prefooter-overlay::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.16) 42%, rgba(0, 0, 0, 0.72));
  pointer-events: none;
}

.jc-hero-overlay > *,
.jc-prefooter-overlay > * {
  position: relative;
  z-index: 1;
}

.jc-section-inner {
  width: min(100% - 40px, var(--jc-container-max));
  margin-right: auto;
  margin-left: auto;
}

/* Browser feedback final lock: Products responsive card proportions. */

body.jc-products-page #page-container #main-content .jc-product-tile-grid {
  position: relative !important;
  z-index: 8 !important;
  display: grid !important;
  width: min(calc(100% - clamp(5rem, 8vw, 10rem)), 1360px) !important;
  max-width: 1360px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: clamp(1.15rem, 1.55vw, 1.75rem) !important;
  margin: clamp(5.25rem, 7vw, 8.25rem) auto calc(-1 * var(--jc-products-summary-overlap)) !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Browser feedback lock: final specificity bridge for public page hero parity. */
@media (min-width: 981px) {
  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-script-accent.jc-type-hero-script-accent p {
    color: rgb(198, 180, 122) !important;
    font-family: "Michigan Signature", "Brush Script MT", cursive !important;
    font-size: 62px !important;
    font-weight: 400 !important;
    line-height: 0.78 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-lead.jc-type-hero-lead p {
    width: min(100%, 1062px) !important;
    max-width: 1062px !important;
    color: rgb(255, 255, 255) !important;
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  html body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-archive-hero.jc-archive-hero h1,
  html body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-archive-hero.jc-archive-hero h1 {
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: 76px !important;
    font-weight: 400 !important;
    line-height: 0.92 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  html body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-archive-hero.jc-archive-hero h1 .jc-accent,
  html body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-archive-hero.jc-archive-hero h1 .jc-accent {
    color: rgb(198, 180, 122) !important;
    font-family: "Michigan Signature", "Brush Script MT", cursive !important;
    font-size: 62px !important;
    font-weight: 400 !important;
    line-height: 0.78 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  html body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-archive-hero.jc-archive-hero h1 span:not(.jc-accent),
  html body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-archive-hero.jc-archive-hero h1 span:not(.jc-accent) {
    color: rgb(255, 255, 255) !important;
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: 76px !important;
    font-weight: 400 !important;
    line-height: 0.92 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

}

@media (max-width: 980px) {
  html body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-archive-hero.jc-archive-hero,
  html body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-archive-hero.jc-archive-hero,
  html body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-archive-hero.jc-archive-hero > .jc-section-inner,
  html body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-archive-hero.jc-archive-hero > .jc-section-inner {
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
  }

  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-script-accent.jc-type-hero-script-accent p,
  html body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-archive-hero.jc-archive-hero h1 .jc-accent,
  html body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-archive-hero.jc-archive-hero h1 .jc-accent {
    color: rgb(198, 180, 122) !important;
    font-family: "Michigan Signature", "Brush Script MT", cursive !important;
    font-size: clamp(3rem, 13vw, 4.4rem) !important;
    font-weight: 400 !important;
    line-height: 0.78 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  html body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-archive-hero.jc-archive-hero h1 span:not(.jc-accent),
  html body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-archive-hero.jc-archive-hero h1 span:not(.jc-accent) {
    color: rgb(255, 255, 255) !important;
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: clamp(2.55rem, 11vw, 4rem) !important;
    font-weight: 400 !important;
    line-height: 0.94 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-lead.jc-type-hero-lead p {
    width: min(100%, 620px) !important;
    color: rgb(255, 255, 255) !important;
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: clamp(1rem, 4vw, 1.25rem) !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }
}

/* Browser feedback lock: Products summary cards and detail-card proportions. */

body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro,
body.jc-products-page #page-container #main-content .jc-products-intro {
  position: relative !important;
  z-index: 3 !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile-grid,
body.jc-products-page #page-container #main-content .jc-product-tile-grid {
  position: relative !important;
  z-index: 8 !important;
  display: grid !important;
  width: min(calc(100% - clamp(5rem, 8vw, 10rem)), 1360px) !important;
  max-width: 1360px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: clamp(1.15rem, 1.55vw, 1.75rem) !important;
  margin-top: clamp(8.5rem, 12vw, 14rem) !important;
  margin-right: auto !important;
  margin-bottom: calc(-1 * var(--jc-products-summary-overlap)) !important;
  margin-left: auto !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile,
body.jc-products-page #page-container #main-content .jc-product-tile {
  position: relative !important;
  display: grid !important;
  box-sizing: border-box !important;
  height: var(--jc-products-summary-card-height) !important;
  min-height: 0 !important;
  align-content: center !important;
  justify-items: center !important;
  gap: clamp(0.24rem, 0.34vw, 0.42rem) !important;
  padding: clamp(2.4rem, 2.5vw, 3.05rem) clamp(1rem, 1.25vw, 1.35rem) clamp(1.45rem, 1.65vw, 1.9rem) !important;
  overflow: visible !important;
  border: 0 !important;
  background: #fffdfa !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12) !important;
  text-align: center !important;
  transform: translateY(0) scale(1) rotate(0deg) !important;
  transform-origin: center !important;
  transition: box-shadow 240ms var(--jc-ease), transform 240ms var(--jc-ease) !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile .jc-native-image,
body.jc-products-page #page-container #main-content .jc-product-tile .jc-native-image {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;
  width: min(159px, 55%) !important;
  margin: 0 !important;
  pointer-events: none !important;
  transform: translate(-50%, -48%) !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile img,
body.jc-products-page #page-container #main-content .jc-product-tile img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: clamp(106px, 6.9vw, 136px) !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile h3,
body.jc-products-page #page-container #main-content .jc-product-tile h3 {
  max-width: 15rem !important;
  margin: 0 !important;
  font-size: clamp(1.18rem, 1.08vw, 1.55rem) !important;
  line-height: 1.08 !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile p,
body.jc-products-page #page-container #main-content .jc-product-tile p {
  margin: 0 !important;
  font-size: clamp(0.82rem, 0.68vw, 1rem) !important;
  line-height: 1.16 !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile span,
body.jc-products-page #page-container #main-content .jc-product-tile span {
  max-width: 15rem !important;
  margin: clamp(0.55rem, 0.65vw, 0.78rem) auto 0 !important;
  font-size: clamp(0.68rem, 0.56vw, 0.82rem) !important;
  line-height: 1.36 !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section,
body.jc-products-page #page-container #main-content .jc-products-detail-section {
  position: relative !important;
  z-index: 1 !important;
  padding-top: calc(var(--jc-products-summary-overlap) + clamp(5rem, 6.4vw, 7.75rem)) !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card-grid,
body.jc-products-page #page-container #main-content .jc-product-card-grid {
  display: grid !important;
  width: min(calc(100% - clamp(3rem, 8vw, 12rem)), 1380px) !important;
  max-width: 1380px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(2.25rem, 3.1vw, 3.8rem) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card,
body.jc-products-page #page-container #main-content .jc-product-card {
  display: grid !important;
  box-sizing: border-box !important;
  height: var(--jc-products-detail-card-height) !important;
  min-height: 0 !important;
  grid-template-rows: 30fr 70fr !important;
  overflow: hidden !important;
  border: 0 !important;
  background: #332e28 !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-gallery,
body.jc-products-page #page-container #main-content .jc-product-gallery,
body.jc-products-page #page-container #main-content.jc-page--products .jc-product-gallery__track,
body.jc-products-page #page-container #main-content .jc-product-gallery__track {
  height: 100% !important;
  min-height: 0 !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-gallery img[data-jc-gallery-slide],
body.jc-products-page #page-container #main-content .jc-product-gallery img[data-jc-gallery-slide] {
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card__body,
body.jc-products-page #page-container #main-content .jc-product-card__body {
  position: relative !important;
  display: flex !important;
  box-sizing: border-box !important;
  height: 100% !important;
  min-height: 0 !important;
  flex-direction: column !important;
  padding: clamp(6.65rem, 6.8vw, 8.7rem) clamp(1.55rem, 2.2vw, 2.6rem) 0 !important;
  background: #332e28 !important;
  text-align: center !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card__logo,
body.jc-products-page #page-container #main-content .jc-product-card__logo {
  position: absolute !important;
  top: 0 !important;
  right: auto !important;
  left: 50% !important;
  z-index: 2 !important;
  width: min(198px, 39%) !important;
  height: clamp(120px, 7.45vw, 156px) !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: translate(-50%, -50%) !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card h3,
body.jc-products-page #page-container #main-content .jc-product-card h3 {
  margin: 0 !important;
  color: var(--jc-color-white) !important;
  font-size: clamp(1.55rem, 1.75vw, 2.35rem) !important;
  line-height: 1.08 !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-subtitle,
body.jc-products-page #page-container #main-content .jc-product-subtitle {
  margin: clamp(0.28rem, 0.35vw, 0.42rem) 0 clamp(1rem, 1.15vw, 1.35rem) !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-size: clamp(0.94rem, 0.92vw, 1.18rem) !important;
  font-weight: 400 !important;
  line-height: 1.16 !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card__body > p:not(.jc-product-subtitle),
body.jc-products-page #page-container #main-content .jc-product-card__body > p:not(.jc-product-subtitle) {
  max-width: 31rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
  color: var(--jc-color-white) !important;
  font-size: var(--jc-type-card-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--jc-type-card-body-line-height) !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-attribute-list,
body.jc-products-page #page-container #main-content .jc-attribute-list {
  display: grid !important;
  flex: 0 0 calc(var(--jc-products-detail-card-height) * 0.2) !important;
  min-height: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-items: stretch !important;
  margin: auto calc(-1 * clamp(1.55rem, 2.2vw, 2.6rem)) 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(198, 180, 122, 0.26) !important;
  background: #332e28 !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-attribute-list li,
body.jc-products-page #page-container #main-content .jc-attribute-list li {
  display: grid !important;
  min-height: 0 !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-content: center !important;
  gap: clamp(0.15rem, 0.25vw, 0.28rem) !important;
  padding: clamp(0.45rem, 0.72vw, 0.82rem) 0.35rem !important;
  border-top: 0 !important;
  border-right: 1px solid rgba(198, 180, 122, 0.26) !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  text-align: center !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-attribute-list li:last-child,
body.jc-products-page #page-container #main-content .jc-attribute-list li:last-child {
  border-right: 0 !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-attribute-list img,
body.jc-products-page #page-container #main-content .jc-attribute-list img {
  grid-row: auto !important;
  width: clamp(24px, 1.8vw, 36px) !important;
  height: clamp(24px, 1.8vw, 36px) !important;
}

@media (max-width: 1180px) {

  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile-grid,
  body.jc-products-page #page-container #main-content .jc-product-tile-grid {
    width: min(calc(100% - 3rem), 760px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(1.1rem, 2.8vw, 1.7rem) !important;
  }

  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card-grid,
  body.jc-products-page #page-container #main-content .jc-product-card-grid {
    width: min(calc(100% - 2.5rem), 980px) !important;
    gap: clamp(1.75rem, 3vw, 2.5rem) !important;
  }
}

@media (max-width: 767.98px) {

  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile-grid,
  body.jc-products-page #page-container #main-content .jc-product-tile-grid {
    width: min(calc(100% - 2rem), 420px) !important;
    grid-template-columns: 1fr !important;
    margin-bottom: clamp(2.75rem, 10vw, 4rem) !important;
  }

  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile,
  body.jc-products-page #page-container #main-content .jc-product-tile {
    height: var(--jc-products-summary-card-height) !important;
  }

  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section,
  body.jc-products-page #page-container #main-content .jc-products-detail-section {
    padding-top: clamp(4.5rem, 14vw, 6rem) !important;
  }

  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card-grid,
  body.jc-products-page #page-container #main-content .jc-product-card-grid {
    width: min(calc(100% - 2rem), 620px) !important;
    grid-template-columns: 1fr !important;
  }

  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card__body,
  body.jc-products-page #page-container #main-content .jc-product-card__body {
    padding-top: clamp(5.75rem, 22vw, 6.55rem) !important;
    padding-right: clamp(1rem, 5vw, 1.35rem) !important;
    padding-left: clamp(1rem, 5vw, 1.35rem) !important;
  }

  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card__logo,
  body.jc-products-page #page-container #main-content .jc-product-card__logo {
    width: min(158px, 50%) !important;
    height: clamp(94px, 27vw, 120px) !important;
  }

  body.jc-products-page #page-container #main-content.jc-page--products .jc-attribute-list,
  body.jc-products-page #page-container #main-content .jc-attribute-list {
    margin-right: calc(-1 * clamp(1rem, 5vw, 1.35rem)) !important;
    margin-left: calc(-1 * clamp(1rem, 5vw, 1.35rem)) !important;
  }
}

.jc-native-section {
  padding: 0 !important;
  background-color: transparent;
}

.jc-native-section > .jc-native-row {
  padding: 0 !important;
}

.jc-native-section > .jc-section-inner {
  width: min(100% - 40px, var(--jc-container-max)) !important;
  max-width: var(--jc-container-max) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.jc-native-section > .jc-home-cta-grid {
  width: min(100%, 1056px) !important;
  max-width: 1056px !important;
}

.jc-native-section .jc-native-column,
.jc-native-section .jc-native-module {
  margin-bottom: 0 !important;
}

.jc-native-image img {
  display: block;
  width: 100%;
}

.jc-home-page .jc-home-hero-brand > .jc-section-inner,
.jc-about-page .jc-brand-hero > .jc-section-inner {
  display: grid;
  justify-items: center;
}

.jc-home-page .jc-home-intro-stage,
.jc-about-page .jc-about-intro {
  position: relative;
}

.jc-home-page .jc-home-hero-video-module {
  position: static !important;
}

.jc-home-page .jc-home-hero-logo {
  width: min(41vw, 840px);
  max-width: 840px;
}

.jc-home-page .jc-home-hero-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.jc-home-page .jc-home-hero-brand .jc-home-hero-logo,
.jc-home-page .jc-home-hero-brand .jc-scroll-marker-module {
  position: relative;
  z-index: 2;
}

.jc-home-cta-card > * {
  position: relative;
  z-index: 1;
}

.jc-home-cta-card h3 {
  display: block;
  min-height: 2.16em;
  color: var(--jc-color-white);
  font-family: var(--jc-font-display);
  font-size: var(--jc-font-size-h4);
  font-weight: 400;
  line-height: 1.08;
}

.jc-home-social__grid img,
.jc-map-figure img,
.jc-wide-map img {
  display: block;
  width: 100%;
}

.jc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(150px, 8.25vw, 176px);
  min-height: 38px;
  padding: 0.48rem 1.55rem;
  border: 1px solid var(--jc-color-brand-gold-light);
  border-radius: 6px;
  color: var(--jc-color-brand-dark);
  background: var(--jc-color-brand-gold-light);
  font-family: var(--jc-font-ui);
  font-weight: 600;
  line-height: 1.1;
  text-decoration: none;
  transition: color var(--jc-duration) var(--jc-ease), background var(--jc-duration) var(--jc-ease), border-color var(--jc-duration) var(--jc-ease);
}

.jc-button:hover,
.jc-button:focus-visible {
  color: var(--jc-color-white);
  background: transparent;
  border-color: var(--jc-color-brand-gold-light);
}

.jc-eyebrow {
  margin: 0 0 0.9rem;
  color: var(--jc-color-brand-gold-light);
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0;
}

.jc-system-page {
  color: var(--jc-color-text-inverse);
  background: var(--jc-color-cream);
}

.jc-system-hero {
  display: flex;
  align-items: flex-end;
  min-height: 520px;
  padding: 10rem 0 5rem;
  text-align: center;
}

.jc-system-hero .jc-section-inner {
  display: grid;
  justify-items: center;
}

.jc-contact-hero {
  min-height: 640px;
  background-image: url("assets/img/pages/contact-hero.jpg");
  background-position: center;
  background-size: cover;
}

.jc-brand-hub-login-hero {
  min-height: 640px;
  background-image: url("assets/img/pages/brand-hub-login-hero.jpg");
  background-position: center;
  background-size: cover;
}

.jc-brand-hub-welcome-hero {
  min-height: 640px;
  background-image: url("assets/img/pages/brand-hub-login-hero.jpg");
  background-position: center;
  background-size: cover;
}

.jc-thank-you-hero {
  min-height: 640px;
  background-image: url("assets/img/pages/thank-you-hero.jpg");
  background-position: center 44%;
  background-size: cover;
}

.jc-privacy-hero {
  align-items: center;
  min-height: 520px;
  padding-top: 8rem;
  padding-bottom: 5rem;
  color: var(--jc-color-white);
  background-color: #8b835f;
  background-image: none;
}

.jc-system-page--privacy .jc-privacy-hero .jc-eyebrow {
  display: none;
}

.jc-system-page--privacy .jc-privacy-hero h1 {
  font-family: var(--jc-font-heading);
}

.jc-system-page--privacy .jc-privacy-hero p {
  max-width: 52rem;
  font-family: var(--jc-font-ui);
  font-size: 1rem;
  line-height: 1.55;
}

.jc-system-page--privacy .jc-system-section--privacy-copy {
  background: var(--jc-color-white);
}

.jc-system-page--privacy .jc-privacy-copy {
  max-width: 45rem;
  margin: 0 auto;
  text-align: left;
}

.jc-system-page--privacy .jc-privacy-copy p {
  color: #333333;
  line-height: 1.7;
}

#main-content .jc-system-hero h1,
.jc-system-hero h1 {
  display: grid;
  justify-items: center;
  gap: 0.15rem;
  max-width: 920px;
  margin: 0 auto;
  color: var(--jc-color-white);
  font-size: 4rem;
  line-height: 0.96;
  text-align: center;
}

.jc-system-hero h1 .jc-accent {
  color: var(--jc-color-brand-gold-light);
  font-size: 0.78em;
  line-height: 0.78;
}

#main-content .jc-system-hero p,
.jc-system-hero p {
  max-width: 780px;
  margin: 1.5rem auto 0;
  color: rgba(255, 255, 255, 0.88);
  font-family: var(--jc-font-body);
  font-size: 1.12rem;
  font-weight: 400;
  line-height: 1.75;
}

.jc-system-section {
  padding: 5.5rem 0;
}

.jc-system-section--dark {
  color: var(--jc-color-white);
  background: var(--jc-color-brand-dark);
}

.jc-system-section h2,
.jc-system-copy h2 {
  margin: 0 0 1.25rem;
  font-size: 2.25rem;
  line-height: 1.12;
}

.jc-system-section--dark h2,
.jc-system-section--dark h3 {
  color: var(--jc-color-white);
}

.jc-contact-map-section {
  position: relative;
  overflow: hidden;
  background-color: var(--jc-color-brand-dark);
  background-image: linear-gradient(180deg, rgba(51, 46, 40, 0.72), rgba(51, 46, 40, 0.9)), url("assets/img/pages/contact-map-background.jpg");
  background-position: center;
  background-size: cover;
}

#main-content .jc-contact-map-section h2,
.jc-contact-map-section h2 {
  color: var(--jc-color-white);
}


.jc-contact-map img {
  display: block;
  width: 100%;
  height: auto;
  filter: brightness(2.4) contrast(1.12);
}

.jc-contact-prefooter {
  --jc-prefooter-default-image: url("assets/img/pages/home-prefooter.jpg");
  --jc-prefooter-default-position: center 46%;
}

/* The native Elementor Contact section also carries jc-system-page, whose
 * background shorthand historically resets image sizing. Preserve that fit. */
.jc-system-page.jc-contact-prefooter {
  --jc-prefooter-default-size: auto;
}

.jc-contact-form-section .jc-system-grid--form {
  align-items: start;
}

#main-content .jc-contact-form-section h2,
.jc-contact-form-section h2 {
  color: var(--jc-color-white);
  font-size: clamp(2.6rem, 5vw, 4.8rem);
  line-height: 0.98;
}

.jc-contact-form-section p {
  color: rgba(255, 255, 255, 0.76);
}

.jc-contact-form-section .jc-form-panel {
  color: var(--jc-color-white);
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(198, 180, 122, 0.42);
}

.jc-contact-form-section .gform_wrapper.gravity-theme .gfield_label,
.jc-contact-form-section .gform_wrapper .gfield_label {
  color: var(--jc-color-brand-gold-light);
}

.jc-contact-form-section .gform_wrapper.gravity-theme input[type="text"],
.jc-contact-form-section .gform_wrapper.gravity-theme input[type="email"],
.jc-contact-form-section .gform_wrapper.gravity-theme input[type="tel"],
.jc-contact-form-section .gform_wrapper.gravity-theme select,
.jc-contact-form-section .gform_wrapper.gravity-theme textarea,
.jc-contact-form-section .gform_wrapper input[type="text"],
.jc-contact-form-section .gform_wrapper input[type="email"],
.jc-contact-form-section .gform_wrapper input[type="tel"],
.jc-contact-form-section .gform_wrapper select,
.jc-contact-form-section .gform_wrapper textarea {
  border-color: rgba(198, 180, 122, 0.46);
  color: var(--jc-color-white);
  background: rgba(0, 0, 0, 0.34);
}

.jc-contact-form-section .gform_wrapper.gravity-theme input[type="submit"],
.jc-contact-form-section .gform_wrapper input[type="submit"] {
  border-color: var(--jc-color-brand-gold-light);
  color: var(--jc-color-brand-dark);
  background: var(--jc-color-brand-gold-light);
}

.jc-system-copy {
  max-width: 820px;
}

.jc-system-copy p,
.jc-system-section p {
  line-height: 1.75;
}

.jc-system-grid {
  display: grid;
  gap: 2.5rem;
}

.jc-system-grid--form,
.jc-system-grid--two-panels {
  grid-template-columns: minmax(260px, 0.85fr) minmax(360px, 1.15fr);
}

.jc-system-grid--two-panels {
  align-items: start;
}

.jc-system-panel,
.jc-form-panel {
  padding: 2rem;
  border: 1px solid rgba(159, 142, 95, 0.32);
  color: var(--jc-color-text-inverse);
  background: rgba(255, 255, 255, 0.45);
}

.jc-passwordless-panel {
  margin-top: 1.5rem;
}

.jc-office-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.25rem;
}


.jc-office-grid h3 {
  margin: 0 0 0.35rem;
  font-size: 1.2rem;
}

.jc-prefooter-cta {
  padding: 5rem 0;
  text-align: center;
}

.jc-prefooter-cta h2 {
  margin: 0 0 1rem;
  color: var(--jc-color-white);
  font-size: 2.5rem;
}

.jc-prefooter-cta p {
  margin: 0;
}

.jc-prefooter-cta .jc-button + .jc-button {
  margin-left: 0.75rem;
}

.jc-system-page .gform_wrapper.gravity-theme .gfield_label,
.jc-system-page .gform_wrapper .gfield_label,
.jc-system-page .wpaloginform .wpa-login-label {
  color: var(--jc-color-brand-dark);
  font-family: var(--jc-font-body);
  font-weight: 600;
}

.jc-system-page .gform_wrapper.gravity-theme input[type="text"],
.jc-system-page .gform_wrapper.gravity-theme input[type="email"],
.jc-system-page .gform_wrapper.gravity-theme input[type="tel"],
.jc-system-page .gform_wrapper.gravity-theme select,
.jc-system-page .gform_wrapper.gravity-theme textarea,
.jc-system-page .gform_wrapper input[type="text"],
.jc-system-page .gform_wrapper input[type="email"],
.jc-system-page .gform_wrapper input[type="tel"],
.jc-system-page .gform_wrapper select,
.jc-system-page .gform_wrapper textarea,
.jc-system-page .wpaloginform .wpa-user-email-username {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(51, 46, 40, 0.3);
  border-radius: 0;
  color: var(--jc-color-brand-dark);
  background: rgba(255, 255, 255, 0.78);
  font-family: var(--jc-font-body);
}

.jc-system-page .gform_wrapper.gravity-theme input[type="submit"],
.jc-system-page .gform_wrapper input[type="submit"],
.jc-system-page .wpaloginform .wpa-submit {
  display: inline-flex;
  min-height: 46px;
  padding: 0.85rem 1.25rem;
  border: 1px solid var(--jc-color-brand-dark);
  border-radius: 0;
  color: var(--jc-color-white);
  background: var(--jc-color-brand-dark);
  font-family: var(--jc-font-body);
  font-weight: 600;
  line-height: 1.1;
  transition: background var(--jc-duration) var(--jc-ease), border-color var(--jc-duration) var(--jc-ease);
}

.jc-system-page .gform_wrapper.gravity-theme input[type="submit"]:hover,
.jc-system-page .gform_wrapper.gravity-theme input[type="submit"]:focus-visible,
.jc-system-page .gform_wrapper input[type="submit"]:hover,
.jc-system-page .gform_wrapper input[type="submit"]:focus-visible,
.jc-system-page .wpaloginform .wpa-submit:hover,
.jc-system-page .wpaloginform .wpa-submit:focus-visible {
  border-color: var(--jc-color-brand-gold);
  background: var(--jc-color-brand-gold);
}

.jc-system-page .wpaloginform {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.jc-system-page .wpa-box {
  padding: 0.9rem 1rem;
  border: 1px solid rgba(159, 142, 95, 0.36);
}

.jc-system-page .jc-form-unavailable {
  margin: 0;
  padding: 1rem;
  border: 1px solid rgba(159, 142, 95, 0.36);
}

.jc-brand-page {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  color: var(--jc-color-text-inverse);
  background: var(--jc-color-cream);
  overflow-x: clip;
}

.jc-brand-page *,
.jc-brand-page *::before,
.jc-brand-page *::after {
  box-sizing: border-box;
}

.jc-brand-page p,
.jc-brand-page li {
  font-size: 1rem;
  line-height: 1.75;
}

.jc-brand-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 720px;
  padding: 12rem 0 5rem;
  overflow: hidden;
  color: var(--jc-color-white);
  background-color: var(--jc-color-brand-dark);
  background-position: center;
  background-size: cover;
  text-align: center;
}

.jc-brand-hero .jc-section-inner {
  display: grid;
  justify-items: center;
}

.jc-brand-hero::before,
.jc-brand-prefooter::before,
.jc-story-banner::before,
.jc-video-placeholder::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.12) 42%, rgba(0, 0, 0, 0.76));
  pointer-events: none;
}

.jc-brand-hero > *,
.jc-brand-prefooter > *,
.jc-story-banner > *,
.jc-video-placeholder > * {
  position: relative;
  z-index: 1;
}

.jc-hero--about {
  background-image: url("assets/img/pages/about-hero.jpg");
}

.jc-hero--products {
  background-image: url("assets/img/pages/products-hero.jpg");
}

.jc-hero--corporate {
  background-image: url("assets/img/pages/corporate-hero.jpg");
}

#main-content .jc-brand-hero h1,
.jc-brand-hero h1 {
  display: grid;
  justify-items: center;
  gap: 0.15rem;
  max-width: 980px;
  margin: 0 auto;
  color: var(--jc-color-white);
  font-size: 5.5rem;
  line-height: 0.92;
  text-align: center;
}

.jc-brand-hero h1 .jc-accent {
  color: var(--jc-color-brand-gold-light);
  font-size: 0.78em;
  line-height: 0.78;
}

#main-content .jc-brand-hero p,
.jc-brand-hero p {
  max-width: 840px;
  margin: 1.5rem auto 0;
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--jc-font-body);
  font-size: 1.22rem;
  font-weight: 400;
  line-height: 1.48;
}

.jc-scroll-marker {
  display: grid;
  justify-items: center;
  gap: 1rem;
  color: rgba(255, 255, 255, 0.78) !important;
  font-family: var(--jc-font-display);
  font-size: 0.86rem !important;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
}

.jc-scroll-marker::after {
  display: block;
  width: 1px;
  height: 48px;
  content: "";
  background: rgba(255, 255, 255, 0.72);
}

.jc-brand-hero .jc-eyebrow,
.jc-feature-hero .jc-eyebrow,
.jc-system-hero .jc-eyebrow,
.jc-archive-hero .jc-eyebrow,
.jc-recipe-single-hero .jc-eyebrow {
  display: none;
}

.jc-brand-section {
  padding: 6rem 0;
}

.jc-brand-section--cream {
  background: linear-gradient(to bottom, var(--jc-color-cream), var(--jc-color-cream-alt));
}

.jc-brand-section--dark {
  color: var(--jc-color-white);
  background: var(--jc-color-brand-dark);
}

#main-content .jc-brand-section--dark h2,
#main-content .jc-brand-section--dark h3,
#main-content .jc-brand-section--dark h4,
.jc-brand-section--dark h2,
.jc-brand-section--dark h3,
.jc-brand-section--dark h4 {
  color: var(--jc-color-white);
}

.jc-design-intro {
  text-align: center;
}

.jc-design-intro__inner {
  display: grid;
  justify-items: center;
  max-width: 820px;
  margin: 0 auto;
}

.jc-design-intro__inner > .jc-accent {
  margin: 0 0 0.15rem;
  color: var(--jc-color-brand-gold);
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 0.9;
}

#main-content .jc-design-intro__inner h2,
.jc-design-intro__inner h2 {
  max-width: 760px;
  margin: 0 0 1.35rem;
  font-size: clamp(2.5rem, 5vw, 5rem);
  line-height: 0.98;
}

.jc-design-intro__inner p {
  max-width: 720px;
  margin: 0.75rem auto 0;
  font-size: 1rem;
  line-height: 1.72;
}

.jc-brand-section--dark .jc-design-intro__inner > .jc-accent {
  color: var(--jc-color-brand-gold-light);
}

.jc-brand-section--dark .jc-design-intro__inner p {
  color: rgba(255, 255, 255, 0.76);
}

.jc-corporate-intro,
.jc-cook-videos {
  background: #050504;
}

.jc-products-intro .jc-design-intro__inner {
  max-width: 940px;
}

.jc-products-intro .jc-products-intro__heading {
  display: grid;
  justify-items: center;
}

.jc-products-intro .jc-products-intro__heading .jc-accent {
  display: block;
  margin: 0 0 0.15rem;
  color: var(--jc-color-brand-gold);
  font-size: clamp(1.9rem, 2.25vw, 3.2rem);
  line-height: 0.86;
}

.jc-products-intro .jc-products-intro__heading span:not(.jc-accent) {
  display: block;
}

.jc-products-intro .jc-product-tile-grid {
  margin-top: clamp(3rem, 6vw, 5rem);
}

.jc-two-column,
.jc-story-grid,
.jc-map-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.82fr) minmax(360px, 1.18fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}

.jc-two-column--wide {
  grid-template-columns: minmax(260px, 0.72fr) minmax(420px, 1.28fr);
}

.jc-two-column h2,
.jc-section-heading h2,
.jc-long-copy h2,
.jc-brand-prefooter h2 {
  margin: 0 0 1rem;
  font-size: clamp(2.25rem, 4.5vw, 4.6rem);
  line-height: 1;
}

.jc-section-heading {
  max-width: 860px;
  margin-bottom: 2.5rem;
}

.jc-long-copy p:first-of-type,
.jc-two-column > div:last-child p:first-child {
  margin-top: 0;
}

.jc-story-section {
  padding: clamp(5.75rem, 9vw, 9rem) 0 clamp(5.5rem, 8vw, 8.25rem);
  background: #050504;
  text-align: center;
}

.jc-story-copy {
  display: grid;
  justify-items: center;
}

.jc-story-copy > .jc-accent {
  margin: 0 0 0.2rem;
  color: var(--jc-color-brand-gold-light);
  font-size: clamp(2.2rem, 4.2vw, 4.1rem);
  line-height: 0.82;
}

#main-content .jc-story-copy h2,
.jc-story-copy h2 {
  max-width: 780px;
  margin: 0 auto 2rem;
  color: var(--jc-color-white);
  font-size: clamp(1.55rem, 2.2vw, 2.35rem);
  line-height: 1.06;
}

.jc-story-prose {
  display: grid;
  gap: 1.1rem;
  max-width: 1120px;
  margin: 0 auto;
}

.jc-story-prose p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: clamp(0.78rem, 0.88vw, 0.92rem);
  line-height: 1.72;
}

.jc-story-banner {
  position: relative;
  display: flex;
  min-height: clamp(360px, 32vw, 470px);
  align-items: center;
  overflow: hidden;
  color: var(--jc-color-white);
  background-image: url("assets/img/pages/about-banner.jpg");
  background-position: center;
  background-size: cover;
  text-align: center;
}

.jc-story-banner::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.58));
}

.jc-story-banner p {
  max-width: 980px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.88);
  font-family: var(--jc-font-display);
  font-size: clamp(1rem, 1.45vw, 1.55rem);
  line-height: 1.22;
}

.jc-carousel {
  position: relative;
}

.jc-carousel__controls {
  display: flex;
  justify-content: flex-end;
  gap: 0.65rem;
  margin-bottom: 1rem;
}

.jc-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid var(--jc-color-brand-gold);
  border-radius: 999px;
  color: var(--jc-color-white);
  background: transparent;
  font-size: 1.8rem;
  line-height: 1;
  cursor: pointer;
  transition: background var(--jc-duration) var(--jc-ease), color var(--jc-duration) var(--jc-ease), opacity var(--jc-duration) var(--jc-ease);
}

.jc-icon-button:hover,
.jc-icon-button:focus-visible {
  color: var(--jc-color-brand-dark);
  background: var(--jc-color-brand-gold-light);
}

.jc-icon-button:disabled {
  opacity: 0.35;
  cursor: default;
}

.jc-icon-button:disabled:hover {
  color: var(--jc-color-white);
  background: transparent;
}

.jc-carousel__viewport {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.jc-carousel__track {
  display: flex;
  gap: 1rem;
  padding-bottom: 1rem;
}

.jc-supply-card {
  flex: 0 0 min(78vw, 430px);
  scroll-snap-align: center;
  border: 1px solid rgba(159, 142, 95, 0.38);
  background: rgba(255, 255, 255, 0.05);
  transform: scale(0.96);
  transition: transform var(--jc-duration) var(--jc-ease), border-color var(--jc-duration) var(--jc-ease);
}

.jc-supply-card.is-active {
  border-color: var(--jc-color-brand-gold-light);
  transform: scale(1);
}

.jc-supply-card img {
  display: block;
  width: 100%;
  aspect-ratio: 5 / 3;
  object-fit: cover;
}

.jc-supply-card div {
  padding: 1.4rem;
}

.jc-supply-card span {
  color: var(--jc-color-brand-gold-light);
  font-weight: 700;
}

.jc-supply-card h3 {
  margin: 0.3rem 0 0.6rem;
}

.jc-number-list {
  display: grid;
  gap: 0.6rem;
  margin: 1.5rem 0 0;
  padding-left: 1.25rem;
}

.jc-map-figure,
.jc-wide-map {
  display: block;
  padding: 1.25rem;
  border: 1px solid rgba(159, 142, 95, 0.34);
  background: rgba(0, 0, 0, 0.14);
}

.jc-map-figure img,
.jc-wide-map img {
  display: block;
  width: 100%;
  height: auto;
}

.jc-wide-map {
  margin-top: 2rem;
}

.jc-brand-prefooter {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 420px;
  overflow: hidden;
  color: var(--jc-color-white);
  text-align: center;
  background-color: var(--jc-color-brand-dark);
  --jc-prefooter-default-position: center;
  --jc-prefooter-default-size: cover;
}

.jc-brand-prefooter::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.72));
}

.jc-prefooter--about {
  --jc-prefooter-default-image: url("assets/img/pages/about-prefooter.jpg");
}

.jc-prefooter--products {
  --jc-prefooter-default-image: url("assets/img/pages/products-prefooter.jpg");
}

.jc-prefooter--home {
  --jc-prefooter-default-image: url("assets/img/pages/home-prefooter.jpg");
  --jc-prefooter-default-position: center 38%;
}

.jc-prefooter--home::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.27), rgba(0, 0, 0, 0.61));
}

.jc-prefooter--cook {
  --jc-prefooter-default-image: url("assets/img/pages/cook-prefooter.jpg");
}

#main-content .jc-brand-prefooter h2,
.jc-brand-prefooter h2 {
  color: var(--jc-color-white);
}

.jc-prefooter--home {
  min-height: 430px;
}

.jc-prefooter--home .jc-section-inner {
  transform: translateY(-0.75rem);
}

#main-content .jc-prefooter--home h2,
.jc-prefooter--home h2 {
  max-width: 880px;
  margin-right: auto;
  margin-bottom: 1.45rem;
  margin-left: auto;
  font-size: clamp(1.58rem, 1.78vw, 2.4rem);
  line-height: 1;
}

.jc-prefooter--home .jc-button {
  min-height: 38px;
  min-width: clamp(150px, 8.25vw, 176px);
  padding: 0.48rem 1.55rem;
  border-color: var(--jc-color-brand-gold);
  border-radius: 6px;
  color: var(--jc-color-white);
  background: var(--jc-color-brand-gold);
}

.jc-prefooter--home p {
  display: inline-flex;
  gap: 0.75rem;
  padding: 0;
  border: 0;
}

.jc-prefooter--home .jc-button + .jc-button {
  margin-left: 0;
}

.jc-prefooter--home .jc-button:hover,
.jc-prefooter--home .jc-button:focus-visible {
  color: var(--jc-color-brand-dark);
  background: var(--jc-color-brand-gold-light);
  border-color: var(--jc-color-brand-gold-light);
}

.jc-brand-prefooter .jc-button + .jc-button {
  margin-left: 0.75rem;
}

.jc-button--dark {
  border-color: var(--jc-color-brand-dark);
  color: var(--jc-color-white);
  background: var(--jc-color-brand-dark);
}

.jc-button--dark:hover,
.jc-button--dark:focus-visible {
  color: var(--jc-color-brand-dark);
  background: transparent;
  border-color: var(--jc-color-brand-dark);
}

.jc-feature-page {
  overflow: hidden;
  color: var(--jc-color-text-inverse);
  background: var(--jc-color-cream-alt);
}

.jc-feature-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 760px;
  padding: 10rem 0 5.5rem;
  overflow: hidden;
  color: var(--jc-color-white);
  background-color: var(--jc-color-brand-dark);
  background-position: center;
  background-size: cover;
  text-align: center;
}

.jc-feature-hero::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.16) 40%, rgba(0, 0, 0, 0.82));
  pointer-events: none;
}

.jc-feature-hero > * {
  position: relative;
  z-index: 1;
}

.jc-feature-hero .jc-section-inner {
  display: grid;
  justify-items: center;
}

.jc-feature-hero--home {
  background-image: url("assets/img/pages/home-hero.jpg");
  background-position: center top;
}

.jc-home-hero-brand {
  align-items: stretch;
  min-height: min(100svh, 820px);
  padding: 7.5rem 0 0;
}

.jc-home-hero-brand::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.18) 44%, rgba(0, 0, 0, 0.76));
}

.jc-home-hero-brand .jc-section-inner {
  min-height: clamp(620px, calc(100svh - 7.5rem), 760px);
  align-content: end;
  gap: clamp(5.25rem, 18vh, 10.25rem);
  padding-bottom: 0;
}

#main-content .jc-home-wordmark-heading,
.jc-home-wordmark-heading {
  display: grid;
  width: min(58vw, 620px);
  max-width: 620px;
  justify-items: center;
  margin: 0 auto;
  line-height: 1;
}

.jc-home-hero-logo {
  display: block;
  width: 100%;
  height: auto;
}

#main-content .jc-home-hero-brand .jc-scroll-marker,
.jc-home-hero-brand .jc-scroll-marker {
  margin-top: 0;
  transform: translateY(26px);
}

.jc-home-hero-brand .jc-scroll-marker::after {
  height: clamp(58px, 7vh, 88px);
}

.jc-feature-hero--cook {
  background-image: url("assets/img/pages/cook-hero.jpg");
}

#main-content .jc-feature-hero h1,
.jc-feature-hero h1 {
  display: grid;
  justify-items: center;
  gap: 0.15rem;
  max-width: 980px;
  margin: 0 auto;
  color: var(--jc-color-white);
  font-size: 5.2rem;
  line-height: 0.94;
  text-align: center;
}

.jc-feature-hero h1 .jc-accent {
  color: var(--jc-color-brand-gold-light);
  font-size: 0.78em;
  line-height: 0.78;
}

#main-content .jc-feature-hero p,
.jc-feature-hero p {
  max-width: 900px;
  margin: 1.25rem auto 0;
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--jc-font-body);
  font-size: 1.22rem;
  font-weight: 400;
  line-height: 1.48;
}

.jc-feature-hero .jc-scroll-marker {
  margin-top: 2rem;
}

.jc-feature-section {
  padding: 5.5rem 0;
}

.jc-feature-section--dark {
  color: var(--jc-color-white);
  background: var(--jc-color-brand-dark);
}

.jc-feature-section--dark h2,
.jc-feature-section--dark h3,
.jc-feature-section--dark h4 {
  color: var(--jc-color-white);
}

.jc-feature-section--dark p {
  color: rgba(255, 255, 255, 0.78);
}

.jc-feature-section--cream {
  color: var(--jc-color-text-inverse);
  background: linear-gradient(180deg, var(--jc-color-cream), var(--jc-color-cream-alt));
}

.jc-cook-videos__intro {
  display: grid;
  justify-items: center;
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.jc-cook-videos__intro > .jc-accent {
  margin: 0 0 0.2rem;
  color: var(--jc-color-brand-gold-light);
  font-size: clamp(2.2rem, 4.8vw, 4rem);
  line-height: 0.85;
}

#main-content .jc-cook-videos__intro h2,
.jc-cook-videos__intro h2 {
  margin-bottom: 1rem;
  font-size: clamp(2.5rem, 5vw, 5rem);
  line-height: 0.98;
}

.jc-cook-videos__intro p {
  max-width: 620px;
  margin-right: auto;
  margin-left: auto;
}

.jc-feature-intro {
  position: relative;
  background: var(--jc-color-cream);
}

.jc-feature-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.72fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: center;
}

.jc-feature-intro__copy {
  max-width: 760px;
}

#main-content .jc-feature-intro__copy h2,
.jc-feature-intro__copy h2,
#main-content .jc-section-heading h2,
.jc-section-heading h2 {
  margin: 0 0 1.2rem;
  font-size: 3.6rem;
  line-height: 1.04;
}

.jc-feature-intro__copy p,
.jc-section-heading p,
.jc-long-copy p {
  font-size: 1rem;
  line-height: 1.75;
}

.jc-feature-intro__media {
  min-height: 560px;
  background-image: url("assets/img/pages/home-intro.jpg");
  background-position: center;
  background-size: cover;
}

.jc-home-intro-stage {
  position: relative;
  z-index: 2;
  min-height: 1120px;
  padding: clamp(5rem, 8vw, 7rem) 0 0;
  overflow: visible;
  color: var(--jc-color-white);
  background-color: #050504;
  background-image:
    radial-gradient(circle at center 58%, rgba(198, 180, 122, 0.12), rgba(0, 0, 0, 0) 34%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.54), rgba(0, 0, 0, 0.18) 38%, rgba(0, 0, 0, 0.72) 100%),
    url("assets/img/pages/home-intro.jpg");
  background-position: center, center, calc(50% + 6vw) calc(100% - 10.5rem);
  background-repeat: no-repeat;
  background-size: auto, auto, min(1540px, 94vw) auto;
}

.jc-home-intro-stage__inner {
  display: grid;
  justify-items: center;
}

.jc-home-intro-stage__copy {
  width: min(100%, 760px);
  margin: 0 auto;
  text-align: center;
}

#main-content .jc-home-intro-stage__copy h2,
.jc-home-intro-stage__copy h2 {
  display: grid;
  justify-items: center;
  gap: 0.1rem;
  margin: 0 0 1.4rem;
  color: var(--jc-color-white);
  font-size: clamp(3.4rem, 6vw, 6.2rem);
  line-height: 0.88;
}

.jc-home-intro-stage__copy h2 .jc-accent {
  color: var(--jc-color-brand-gold-light);
  font-size: 0.76em;
  line-height: 0.82;
}

.jc-home-intro-stage__copy p {
  max-width: 600px;
  margin: 1.05rem auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.93rem;
  line-height: 1.68;
}

.jc-home-intro-stage__copy .jc-home-intro-stage__lead {
  max-width: 640px;
  color: rgba(255, 255, 255, 0.92);
  font-family: var(--jc-font-display);
  font-size: var(--jc-font-size-h3);
  line-height: 1.12;
}

.jc-home-cta-section {
  padding: 0;
}

.jc-home-cta-grid {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.275rem;
  width: min(100%, 1056px);
  min-height: 0;
  margin: clamp(9rem, 8vw, 13rem) auto 0;
  background: transparent;
}

.jc-home-cta-card {
  position: relative;
  display: flex;
  aspect-ratio: 1 / 1;
  min-height: 0;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  overflow: hidden;
  color: var(--jc-color-white);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.32);
  text-align: center;
  text-decoration: none;
  background-color: var(--jc-color-brand-dark);
  background-position: center;
  background-size: cover;
}

.jc-home-cta-card::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.18) 66%, rgba(0, 0, 0, 0.64) 100%);
  transition: background var(--jc-duration) var(--jc-ease);
}

.jc-home-cta-card:hover::before,
.jc-home-cta-card:focus-visible::before {
  background: linear-gradient(180deg, rgba(159, 142, 95, 0.08) 0%, rgba(0, 0, 0, 0.14) 66%, rgba(0, 0, 0, 0.7) 100%);
}

.jc-home-cta-card__body {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto minmax(2.16em, auto) auto;
  align-items: center;
  justify-items: center;
  gap: 0.78rem;
}

.jc-home-cta-card__eyebrow {
  color: var(--jc-color-brand-gold-light);
  font-family: var(--jc-font-body);
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.1;
}

.jc-home-cta-card strong {
  display: block;
  min-height: 2.16em;
  color: var(--jc-color-white);
  font-family: var(--jc-font-display);
  font-size: var(--jc-font-size-h4);
  font-weight: 400;
  line-height: 1.08;
}

.jc-home-cta-card span span {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  line-height: 1.45;
}

.jc-home-cta-card .jc-home-cta-card__eyebrow {
  color: var(--jc-color-brand-gold-light);
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.1;
}

.jc-home-cta-card .jc-home-cta-card__button {
  display: inline-flex;
  align-items: center;
  width: 184px;
  min-width: 184px;
  min-height: 38px;
  justify-content: center;
  margin-top: 1rem;
  padding: 0.48rem 1.55rem;
  border: 1px solid var(--jc-color-brand-gold);
  border-radius: 6px;
  color: var(--jc-color-white);
  background: var(--jc-color-brand-gold);
  font-family: var(--jc-font-ui);
  font-size: clamp(0.92rem, 0.58vw, 1rem);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.jc-home-cta-card--products {
  background-image: url("assets/img/pages/home-our-products.jpg");
}

.jc-home-cta-card--about {
  background-image: url("assets/img/pages/home-our-company.jpg");
}

.jc-home-cta-card--recipes {
  background-image: url("assets/img/pages/home-our-recipes.jpg");
}

.jc-home-cta-card--contact {
  background-image: url("assets/img/pages/home-contact.jpg");
}

.jc-awards-section {
  position: relative;
  z-index: 0;
  padding: clamp(7rem, 9vw, 10rem) 0 clamp(4.5rem, 6.5vw, 7rem);
  color: var(--jc-color-text-inverse);
  background: var(--jc-color-cream);
}

.jc-home-awards-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.08fr);
  gap: clamp(1.75rem, 3vw, 3.5rem);
  align-items: center;
}

.jc-awards-section .jc-section-heading {
  color: var(--jc-color-text-inverse);
  text-align: left;
}

.jc-awards-section .jc-section-heading h2,
.jc-awards-section .jc-section-heading p {
  color: var(--jc-color-text-inverse);
}

#main-content .jc-home-awards-copy h2,
.jc-home-awards-copy h2 {
  margin-bottom: 0.35rem;
  color: var(--jc-color-brand-gold);
  font-size: clamp(1.75rem, 2.25vw, 2.35rem);
  line-height: var(--jc-line-height-accent);
  white-space: nowrap;
}

.jc-home-awards-copy p {
  max-width: 425px;
  margin-right: 0;
  margin-left: 0;
}

.jc-home-awards-copy .jc-home-awards-subhead {
  max-width: 640px;
  margin: 0 0 1.2rem;
  font-family: var(--jc-font-heading);
  font-size: clamp(1.12rem, 1.32vw, 1.55rem);
  line-height: 1.08;
}


.jc-awards-board {
  display: grid;
  gap: 0.75rem;
  width: 80%;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
  justify-self: center;
}

.jc-awards-board img {
  display: block;
  width: 100%;
  height: auto;
}

.jc-home-social-band {
  position: relative;
  overflow: hidden;
  color: var(--jc-color-brand-dark);
  background-color: var(--jc-color-brand-gold);
  background-image:
    linear-gradient(180deg, rgba(159, 142, 95, 0.52), rgba(159, 142, 95, 0.52)),
    url("assets/img/pages/about-banner.jpg");
  background-position: center, center bottom;
  background-repeat: no-repeat;
  background-size: auto, cover;
}

.jc-home-video-section {
  padding: clamp(2.5rem, 4.5vw, 4rem) 0 clamp(3.25rem, 6vw, 5rem);
  background:
    linear-gradient(180deg, var(--jc-color-cream) 0 42%, rgba(170, 152, 106, 0) 42% 100%);
}

.jc-home-video-frame {
  position: relative;
  display: grid;
  width: 85%;
  min-height: 0;
  margin-right: auto;
  margin-left: auto;
  aspect-ratio: 2.72 / 1;
  place-items: center;
  overflow: hidden;
  background-color: var(--jc-color-brand-dark);
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.42)),
    url("assets/img/pages/about-banner.jpg");
  background-position: center 54%;
  background-size: cover;
  box-shadow: 0 26px 72px rgba(0, 0, 0, 0.22);
  text-decoration: none;
}

.jc-home-video-frame__play {
  width: clamp(72px, 9vw, 128px);
  height: auto;
  transition: transform var(--jc-duration) var(--jc-ease);
}

.jc-home-video-frame iframe {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.jc-home-video-frame.is-playing {
  background-image: none;
  cursor: default;
}

.jc-home-video-frame:hover .jc-home-video-frame__play,
.jc-home-video-frame:focus-visible .jc-home-video-frame__play {
  transform: scale(1.06);
}

.jc-home-social {
  position: relative;
  overflow: hidden;
  color: var(--jc-color-brand-dark);
  background: transparent;
}

.jc-home-social__inner {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(100% - 40px, 2060px);
  justify-items: center;
  gap: clamp(3.25rem, 5.5vw, 5.25rem);
  text-align: center;
}

.jc-home-social__copy {
  max-width: 780px;
}

#main-content .jc-home-social__copy h3,
.jc-home-social__copy h3 {
  margin: 0 0 0.45rem;
  color: var(--jc-color-white);
  font-size: clamp(1.85rem, 2.35vw, 2.5rem);
  line-height: 0.88;
}

.jc-home-social__copy p {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  border: 0;
  color: var(--jc-color-brand-dark);
  font-family: var(--jc-font-display);
  font-size: var(--jc-font-size-h4);
  font-weight: 500;
  line-height: 1.04;
}

.jc-home-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
  justify-content: center;
  margin-top: 1.05rem;
}

.jc-home-social-links a {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  transition: opacity var(--jc-duration) var(--jc-ease), transform var(--jc-duration) var(--jc-ease);
}

.jc-home-social-links a:hover,
.jc-home-social-links a:focus-visible {
  opacity: 0.78;
  transform: translateY(-2px);
}

.jc-home-social-links img {
  width: 36px;
  height: 36px;
}

.jc-home-social__grid {
  display: block;
  width: min(82%, 1804px);
  height: auto;
}

.jc-social-actions,
.jc-section-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
  margin-top: 2rem;
}

.jc-section-actions {
  justify-content: center;
  text-align: center;
}

.jc-section-actions p {
  width: 100%;
  margin: 0;
  color: inherit;
  font-weight: 600;
}

.jc-section-actions--dark {
  color: var(--jc-color-text-inverse);
}

.jc-section-actions--dark p {
  color: var(--jc-color-text-inverse);
}

.jc-product-tile-grid,
.jc-product-card-grid,
.jc-welfare-strip,
.jc-statement-grid {
  display: grid;
  gap: 1.25rem;
}

.jc-product-tile-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  margin-top: 3rem;
}

.jc-product-tile {
  display: flex;
  height: 100%;
  min-height: 340px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  border: 1px solid rgba(51, 46, 40, 0.1);
  color: var(--jc-color-text-inverse);
  text-decoration: none;
  background: #ffffff;
  text-align: center;
  transition: transform var(--jc-duration) var(--jc-ease), border-color var(--jc-duration) var(--jc-ease), background var(--jc-duration) var(--jc-ease);
}

.jc-product-tile:hover,
.jc-product-tile:focus-visible {
  border-color: var(--jc-color-brand-gold);
  background: #ffffff;
  transform: translateY(-6px);
}

.jc-product-tile img {
  width: min(170px, 78%);
  height: 112px;
  margin: 0 auto 1.35rem;
  object-fit: contain;
  object-position: center;
}

.jc-product-tile h3,
.jc-product-tile p,
.jc-product-tile span {
  margin: 0;
}

.jc-product-tile h3 {
  font-size: 1.45rem;
}

.jc-product-tile p {
  color: var(--jc-color-brand-gold);
  font-weight: 700;
}

.jc-product-tile span {
  display: block;
  margin-top: 0.7rem;
  line-height: 1.55;
}

.jc-product-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.jc-product-card {
  overflow: hidden;
  border: 1px solid rgba(159, 142, 95, 0.36);
  background: rgba(255, 255, 255, 0.055);
}

.jc-product-gallery {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 46px;
  gap: 0.5rem;
  align-items: center;
  padding: 0.75rem;
}

.jc-product-gallery__track {
  display: flex;
  overflow: hidden;
  scroll-snap-type: x mandatory;
}

.jc-product-gallery img[data-jc-gallery-slide] {
  display: block;
  width: 100%;
  min-width: 100%;
  aspect-ratio: 5 / 3;
  object-fit: cover;
  scroll-snap-align: center;
}

.jc-product-card__body {
  padding: 1.5rem;
}

.jc-product-card__logo {
  width: min(160px, 58%);
  height: 92px;
  object-fit: contain;
  object-position: left center;
}

.jc-product-card h3 {
  margin: 1rem 0 0;
  font-size: 2rem;
}

.jc-product-subtitle {
  margin: 0.2rem 0 1rem;
  color: var(--jc-color-brand-gold-light);
  font-weight: 700;
}

.jc-attribute-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}

.jc-attribute-list li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 0.25rem 0.7rem;
  align-items: center;
  padding: 0.75rem;
  border: 1px solid rgba(159, 142, 95, 0.3);
}

.jc-attribute-list img {
  grid-row: span 2;
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.jc-attribute-list span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.jc-attribute-list strong {
  color: var(--jc-color-white);
  font-size: 0.9rem;
}

.jc-video-section {
  background: var(--jc-color-brand-dark);
}

.jc-video-note {
  max-width: 720px;
  margin: 1.25rem auto 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.92rem;
  text-align: center;
}

.jc-video-placeholder {
  position: relative;
  display: grid;
  min-height: 560px;
  place-items: center;
  overflow: hidden;
  color: var(--jc-color-white);
  text-align: center;
  background-image: url("assets/img/pages/corporate-banner.jpg");
  background-position: center;
  background-size: cover;
}

.jc-video-link {
  display: grid;
  min-height: inherit;
  place-items: center;
  padding: 3rem;
  color: inherit;
  text-decoration: none;
}

.jc-video-placeholder::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.68));
}

.jc-video-placeholder span {
  display: block;
  margin-bottom: 1rem;
  color: var(--jc-color-brand-gold-light);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
}

.jc-play-button {
  width: 86px;
  height: 86px;
  border: 1px solid var(--jc-color-brand-gold-light);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.jc-play-button::before {
  display: block;
  width: 0;
  height: 0;
  margin: 24px 0 0 33px;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 25px solid var(--jc-color-white);
  content: "";
}

.jc-welfare-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 3rem;
}

.jc-welfare-strip article {
  padding: 1.5rem;
  border: 1px solid rgba(51, 46, 40, 0.14);
  background: rgba(255, 255, 255, 0.48);
}

.jc-welfare-strip img {
  width: 72px;
  height: 72px;
  object-fit: contain;
}

.jc-welfare-strip h3 {
  margin: 1rem 0 0.6rem;
  font-size: 1.35rem;
}

.jc-statement-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.jc-statement-grid article {
  padding: 1.25rem;
  border: 1px solid rgba(159, 142, 95, 0.35);
}

.jc-back-to-top {
  position: fixed;
  right: max(var(--jc-space-3), env(safe-area-inset-right));
  bottom: max(var(--jc-space-3), env(safe-area-inset-bottom));
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 999px;
  color: var(--jc-color-white);
  background: transparent;
  text-decoration: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity var(--jc-duration) var(--jc-ease), transform var(--jc-duration) var(--jc-ease);
}

.jc-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.jc-back-to-top img {
  display: block;
  width: 44px;
  height: auto;
  filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.3));
}

/* Keep the persistent privacy shortcut opposite Back to top. The plugin still
   owns the banner position, visibility, colours, choices and click behavior. */
body #cmplz-manage-consent .cmplz-manage-consent {
  left: max(var(--jc-space-3), env(safe-area-inset-left));
  right: auto;
  /* Keep the background edge-attached through the plugin's bottom animation.
     Safe-area clearance belongs inside the tab, below its readable label. */
  margin-bottom: 0;
  height: calc(var(--cmplz-manage-consent-height, 50px) + env(safe-area-inset-bottom));
  padding-bottom: calc(15px + env(safe-area-inset-bottom));
  max-width: calc(100vw - max(var(--jc-space-3), env(safe-area-inset-left)) - max(var(--jc-space-3), env(safe-area-inset-right)));
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
  .jc-back-to-top {
    transition: none;
  }
}

.jc-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--jc-space-4);
  align-items: stretch;
}

.jc-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(159, 142, 95, 0.28);
  transition: transform var(--jc-duration) var(--jc-ease), border-color var(--jc-duration) var(--jc-ease);
}

.jc-card:hover,
.jc-card:focus-visible {
  border-color: var(--jc-color-brand-gold);
  transform: translateY(-4px);
}

.jc-card img {
  display: block;
  width: 100%;
  aspect-ratio: 5 / 3;
  object-fit: cover;
}

.jc-card__body {
  display: grid;
  flex: 1;
  align-content: start;
  gap: 0.75rem;
  padding: var(--jc-space-3);
}

.jc-card__body h3 {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.18;
}

.jc-card__body p {
  margin: 0;
  line-height: 1.6;
}

.jc-cook-recipes .jc-card {
  background: rgba(255, 255, 255, 0.45);
  border-color: rgba(51, 46, 40, 0.12);
}

.jc-cook-recipes .jc-card:hover,
.jc-cook-recipes .jc-card:focus-visible {
  border-color: var(--jc-color-brand-gold);
  background: rgba(255, 255, 255, 0.72);
}

.jc-feature-section--dark .jc-card {
  color: var(--jc-color-white);
}

#main-content .jc-feature-section--dark .jc-card h3,
.jc-feature-section--dark .jc-card h3 {
  color: var(--jc-color-white);
}

#main-content .jc-feature-section--dark .jc-card p,
.jc-feature-section--dark .jc-card p {
  color: rgba(255, 255, 255, 0.76);
}

.jc-video-card {
  overflow: hidden;
}

.jc-video-card--pending {
  cursor: default;
}

.jc-video-card--pending:hover,
.jc-video-card--pending:focus-visible {
  transform: none;
}

.jc-video-card__poster {
  position: relative;
  display: block;
  min-height: 0;
  aspect-ratio: 5 / 3;
  overflow: hidden;
  background-color: var(--jc-color-brand-dark);
  background-position: center;
  background-size: cover;
}

/* The card owns its crop even when Elementor's generic image CSS loads later. */
.jc-video-card .jc-video-card__poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jc-video-card__poster::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.46));
  pointer-events: none;
}

.jc-video-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  /* Match the dark symbol in the cropped original fallback artwork. */
  width: 20.6%;
  min-width: 40px;
  height: auto;
  aspect-ratio: 1;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.72);
  transform: translate(-50%, -50%);
}

.jc-video-card__play::before {
  position: absolute;
  top: 50%;
  left: 54%;
  width: 26%;
  height: 37%;
  content: "";
  background: var(--jc-color-white);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transform: translate(-50%, -50%);
}

/* The explicit missing-thumbnail graphic contains instructions, not a photo.
   Preserve the full artwork and leave its central logo/text unobstructed. */
.jc-video-card.jc-video-card--thumbnail-missing .jc-video-card__poster img {
  object-fit: contain;
  filter: none;
}

.jc-video-card--thumbnail-missing .jc-video-card__poster::after {
  display: none;
}

.jc-video-card--thumbnail-missing .jc-video-card__play {
  top: 8px;
  right: 8px;
  left: auto;
  width: 32px;
  min-width: 32px;
  transform: none;
}

.jc-video-card__status {
  position: absolute;
  right: 0.85rem;
  bottom: 0.85rem;
  z-index: 1;
  padding: 0.42rem 0.6rem;
  color: var(--jc-color-white);
  background: rgba(51, 46, 40, 0.86);
  font-size: 0.78rem;
  font-weight: 600;
}

.jc-empty-state {
  grid-column: 1 / -1;
  padding: 2rem;
  border: 1px solid rgba(159, 142, 95, 0.28);
  text-align: center;
}

.jc-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
  margin-top: var(--jc-space-2);
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0;
}

.jc-archive-page,
.jc-recipe-single {
  /* These page wrappers already occupy the full content container. Use its
     available width so a classic browser scrollbar does not push them sideways. */
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  color: var(--jc-color-text-inverse);
  background: var(--jc-color-cream);
  overflow-x: clip;
}

.jc-archive-page *,
.jc-archive-page *::before,
.jc-archive-page *::after,
.jc-recipe-single *,
.jc-recipe-single *::before,
.jc-recipe-single *::after {
  box-sizing: border-box;
}

.jc-archive-hero,
.jc-recipe-single-hero {
  display: flex;
  align-items: flex-end;
  min-height: 640px;
  padding: 12rem 0 5rem;
  text-align: center;
}

.jc-archive-hero .jc-section-inner,
.jc-recipe-single-hero .jc-section-inner {
  display: grid;
  justify-items: center;
}

#main-content .jc-archive-hero h1,
#main-content .jc-recipe-single-hero h1,
.jc-archive-hero h1,
.jc-recipe-single-hero h1 {
  display: grid;
  justify-items: center;
  gap: 0.15rem;
  max-width: 980px;
  margin: 0 auto;
  color: var(--jc-color-white);
  font-size: 4.5rem;
  line-height: 0.96;
  text-align: center;
}

.jc-archive-hero h1 .jc-accent,
.jc-recipe-single-hero h1 .jc-accent {
  color: var(--jc-color-brand-gold-light);
  font-size: 0.78em;
  line-height: 0.78;
}

#main-content .jc-archive-hero p,
#main-content .jc-recipe-single-hero p,
.jc-archive-hero p,
.jc-recipe-single-hero p {
  max-width: 860px;
  margin: 1.25rem auto 0;
  color: rgba(255, 255, 255, 0.86);
  font-family: var(--jc-font-body);
  font-size: 1.18rem;
  font-weight: 400;
  line-height: 1.5;
}

.jc-archive-hero .jc-eyebrow a,
.jc-recipe-single-hero .jc-eyebrow a {
  color: inherit;
  text-decoration: none;
}

.jc-archive-section,
.jc-recipe-single-section {
  padding: 5.5rem 0;
}

.jc-archive-section--dark {
  color: var(--jc-color-white);
  background: #050504;
}

.jc-archive-heading {
  max-width: 760px;
  margin-bottom: 2.5rem;
}

.jc-archive-heading h2 {
  margin: 0;
  font-size: 2.75rem;
  line-height: 1.08;
}

.jc-archive-section--dark .jc-archive-heading h2,
.jc-archive-section--dark .jc-empty-state,
.jc-archive-section--dark .jc-load-more-status {
  color: var(--jc-color-white);
}

.jc-archive-section--dark .jc-card {
  color: var(--jc-color-white);
}

.jc-archive-section--dark .jc-card h3 {
  color: var(--jc-color-white);
}

.jc-archive-section--dark .jc-card p {
  color: rgba(255, 255, 255, 0.76);
}

.jc-archive-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 2.5rem;
}

.jc-archive-section--dark .jc-button--dark {
  color: var(--jc-color-white);
  border-color: var(--jc-color-brand-gold);
}

.jc-archive-section--dark .jc-button--dark:hover,
.jc-archive-section--dark .jc-button--dark:focus-visible {
  color: var(--jc-color-brand-dark);
  background: var(--jc-color-brand-gold-light);
  border-color: var(--jc-color-brand-gold-light);
}

.jc-archive-actions .jc-button.is-loading {
  opacity: 0.72;
  cursor: wait;
}

.jc-archive-actions .jc-button[hidden] {
  display: none;
}

.jc-load-more-status {
  min-height: 1.5rem;
  margin: 0;
  font-size: 0.9rem;
}

.jc-archive-prefooter {
  --jc-prefooter-default-image: url("assets/img/pages/home-prefooter.jpg");
}

.jc-archive-page--recipes .jc-archive-prefooter {
  --jc-prefooter-default-image: url("assets/img/pages/recipes-prefooter.jpg");
}

.jc-archive-page--videos .jc-archive-prefooter {
  --jc-prefooter-default-image: url("assets/img/pages/video-prefooter.jpg");
}

/* Theme-owned defaults, Elementor-owned overrides. Keep the original responsive
 * crop cascade in variables, but let normal saved image controls win.
 * This does not change heroes, overlays, dimensions or buttons. */
.jc-standard-prefooter {
  background-image: var(--jc-prefooter-default-image, none);
  background-position: var(--jc-prefooter-default-position, center);
  background-size: var(--jc-prefooter-selected-size, var(--jc-prefooter-default-size, cover));
  background-repeat: var(--jc-prefooter-selected-repeat, repeat);
}

.jc-recipe-single-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 2rem;
}

.jc-recipe-single-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.62rem 0.78rem;
  border: 1px solid rgba(255, 255, 255, 0.34);
  color: var(--jc-color-white);
  background: rgba(0, 0, 0, 0.22);
  font-size: 0.82rem;
  text-transform: uppercase;
}

.jc-recipe-single-meta strong {
  color: var(--jc-color-brand-gold-light);
  font-weight: 600;
}

.jc-recipe-single-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr);
  gap: 4rem;
  align-items: start;
}

.jc-recipe-single-copy h2,
.jc-recipe-panel h2 {
  margin: 0 0 1.3rem;
  font-size: 2.4rem;
  line-height: 1.1;
}

.jc-recipe-intro {
  max-width: 760px;
  margin-bottom: 2.25rem;
}

.jc-recipe-intro p,
.jc-recipe-method p,
.jc-recipe-ingredients li {
  line-height: 1.75;
}

/* Optional recipe-only media: no wrapper is rendered when disabled or empty. */
.jc-recipe-video {
  /* Compact on desktop; keep controls usable without overflowing narrow columns. */
  width: min(100%, max(320px, 30%));
  margin: 2rem 0;
}

.jc-recipe-video .jc-recipe-video__player {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #000;
  color: var(--jc-color-brand-gold-light);
  object-fit: contain;
}

.jc-recipe-video button.jc-recipe-video__player { cursor: pointer; }
.jc-recipe-video button.jc-recipe-video__player:focus-visible {
  outline: 3px solid var(--jc-color-brand-gold-light);
  outline-offset: 4px;
}
.jc-recipe-video .jc-recipe-video__player > img,
.jc-recipe-video .jc-recipe-video__player > iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  object-fit: cover;
}
.jc-recipe-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 1.5rem;
}

.jc-recipe-method {
  display: grid;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: recipe-step;
}

.jc-recipe-method li {
  position: relative;
  padding: 1.5rem 1.5rem 1.5rem 4.2rem;
  border: 1px solid rgba(51, 46, 40, 0.14);
  background: rgba(255, 255, 255, 0.45);
  counter-increment: recipe-step;
}

.jc-recipe-method li::before {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--jc-color-white);
  background: var(--jc-color-brand-dark);
  content: counter(recipe-step);
  font-weight: 600;
}

.jc-recipe-method h3 {
  margin: 0 0 0.45rem;
  font-family: var(--jc-font-body);
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

.jc-recipe-method p {
  margin: 0;
}


.jc-recipe-ingredients {
  display: grid;
  gap: 0.78rem;
  margin: 0 0 2rem;
  padding-left: 1.1rem;
}

.jc-brand-hub-page .jc-system-hero {
  min-height: 560px;
}


.jc-brand-hub-login-panels .jc-system-grid--two-panels {
  gap: 0;
  align-items: stretch;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.12);
}

.jc-brand-hub-login-panels .jc-system-panel {
  display: grid;
  align-content: start;
  gap: 0.8rem;
  min-height: 480px;
  padding: clamp(2rem, 4vw, 4rem);
  border: 0;
  background: var(--jc-color-cream);
}

#main-content .jc-brand-hub-login-panels .jc-system-panel:first-child h2,
.jc-brand-hub-login-panels .jc-system-panel:first-child h2,
.jc-brand-hub-login-panels .jc-system-panel:first-child p,
.jc-brand-hub-login-panels .jc-system-panel:first-child .wpaloginform .wpa-login-label {
  color: var(--jc-color-white);
}

.jc-brand-hub-login-panels .jc-passwordless-panel {
  margin-top: 0.75rem;
}

.jc-brand-hub-intro {
  max-width: 820px;
}

.jc-brand-hub-intro a {
  color: var(--jc-color-brand-dark);
  font-weight: 700;
}

.jc-resource-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.jc-resource-card {
  padding: 2rem;
  border: 1px solid rgba(159, 142, 95, 0.36);
  background: rgba(0, 0, 0, 0.15);
}

.jc-resource-card--wide {
  grid-column: 1 / -1;
}

#main-content .jc-resource-card h2,
#main-content .jc-resource-card h3,
.jc-resource-card h2,
.jc-resource-card h3 {
  color: var(--jc-color-white);
}

.jc-resource-card h2 {
  margin: 0 0 0.9rem;
  font-size: 1.55rem;
}

.jc-resource-card h3 {
  margin: 0 0 0.75rem;
  font-family: var(--jc-font-body);
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
}

.jc-resource-card p {
  margin: 0 0 1.2rem;
  color: rgba(255, 255, 255, 0.74);
}

.jc-resource-card ul {
  display: grid;
  gap: 0.65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jc-resource-card a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  color: var(--jc-color-brand-gold-light);
  font-weight: 700;
  text-decoration: none;
}

.jc-resource-card a::after {
  margin-left: 0.45rem;
  content: none;
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
}

.jc-resource-card .jc-brand-hub-resource-label {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  color: var(--jc-color-brand-gold-light);
  font-weight: 700;
}

.jc-resource-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.jc-brand-hub-note {
  max-width: 820px;
  margin: 2rem 0 0;
  color: rgba(255, 255, 255, 0.7);
}

/* JPEG-first alignment pass for Brent review. */
.jc-brand-hero {
  min-height: clamp(820px, 56vw, 980px);
  padding-bottom: 1.1rem;
  background-position: center top;
}

.jc-feature-hero--cook,
.jc-system-hero {
  min-height: clamp(760px, 52vw, 920px);
  padding-bottom: 1.1rem;
  background-position: center top;
}

.jc-contact-hero,
.jc-brand-hub-login-hero {
  min-height: clamp(760px, 54vw, 940px);
}

#main-content .jc-brand-hero h1,
.jc-brand-hero h1,
#main-content .jc-feature-hero h1,
.jc-feature-hero h1,
#main-content .jc-system-hero h1,
.jc-system-hero h1 {
  font-size: clamp(4.5rem, 5.2vw, 8rem);
  line-height: 0.92;
}

.jc-brand-hero h1 .jc-accent,
.jc-feature-hero h1 .jc-accent,
.jc-system-hero h1 .jc-accent {
  font-size: 0.82em;
  line-height: 0.7;
}

.jc-brand-hero .jc-scroll-marker,
.jc-feature-hero--cook .jc-scroll-marker,
.jc-system-hero .jc-scroll-marker {
  margin-top: clamp(2rem, 6vh, 4.5rem);
  transform: translateY(24px);
}

.jc-brand-hero .jc-scroll-marker::after,
.jc-feature-hero--cook .jc-scroll-marker::after,
.jc-system-hero .jc-scroll-marker::after {
  height: clamp(68px, 6.5vw, 112px);
}

.jc-about-intro .jc-design-intro__inner > .jc-accent,
.jc-products-intro .jc-design-intro__inner > .jc-accent,
.jc-corporate-intro .jc-design-intro__inner > .jc-accent,
.jc-cook-recipes .jc-section-heading > .jc-accent {
  color: var(--jc-color-brand-gold);
  font-size: clamp(2.8rem, 4.5vw, 5.4rem);
  line-height: 0.76;
}

.jc-about-intro .jc-design-intro__inner,
.jc-products-intro .jc-design-intro__inner,
.jc-corporate-intro .jc-design-intro__inner {
  max-width: 1120px;
}

#main-content .jc-about-intro .jc-design-intro__inner h2,
.jc-about-intro .jc-design-intro__inner h2,
#main-content .jc-products-intro .jc-design-intro__inner h2,
.jc-products-intro .jc-design-intro__inner h2,
#main-content .jc-corporate-intro .jc-design-intro__inner h2,
.jc-corporate-intro .jc-design-intro__inner h2 {
  max-width: 960px;
  font-size: clamp(3.2rem, 5.1vw, 6.2rem);
  line-height: 0.94;
}

.jc-story-section {
  padding: clamp(6rem, 9vw, 10rem) 0;
}

.jc-story-copy > .jc-eyebrow {
  display: block;
  margin-bottom: 1rem;
  color: var(--jc-color-brand-gold-light);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#main-content .jc-story-copy h2,
.jc-story-copy h2 {
  max-width: 920px;
  margin-bottom: 2.5rem;
  font-size: clamp(3.25rem, 5.2vw, 6.5rem);
  line-height: 0.98;
}

.jc-story-prose {
  max-width: 1160px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.3rem 2.4rem;
  text-align: left;
}

.jc-story-pullquote {
  grid-column: 1 / -1;
  max-width: 1060px;
  justify-self: center;
  margin-top: 1rem !important;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  color: #050504 !important;
  background: var(--jc-color-brand-gold-light);
  font-family: var(--jc-font-display);
  font-size: clamp(1.25rem, 1.7vw, 1.9rem) !important;
  line-height: 1.32 !important;
  text-align: center;
}

.jc-supply-section {
  background: #050504;
}

.jc-supply-section .jc-section-heading {
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.jc-carousel__controls {
  justify-content: center;
  margin-bottom: 0;
}

.jc-carousel__viewport {
  overflow-x: auto;
  --jc-supply-card-width: min(72vw, 540px);
  scroll-padding-inline: max(1rem, calc((100% - var(--jc-supply-card-width)) / 2));
  scrollbar-width: none;
}

.jc-carousel__viewport::-webkit-scrollbar {
  display: none;
}

.jc-carousel__track {
  gap: clamp(1.25rem, 2.5vw, 2.25rem);
  padding: 3rem max(1rem, calc((100% - var(--jc-supply-card-width)) / 2)) 3.5rem;
}

.jc-supply-card {
  position: relative;
  flex-basis: var(--jc-supply-card-width);
  overflow: visible;
  border: 0;
  color: var(--jc-color-brand-dark);
  background: var(--jc-color-cream);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.26);
  opacity: 0.72;
  transform: scale(0.88);
}

.jc-supply-card.is-active {
  border-color: transparent;
  opacity: 1;
  transform: scale(1.06);
}

.jc-supply-card div {
  position: relative;
  padding: 2.4rem 1.7rem 1.7rem;
  text-align: center;
}

.jc-supply-card span {
  position: absolute;
  top: -24px;
  left: 50%;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 999px;
  color: var(--jc-color-brand-dark);
  background: var(--jc-color-brand-gold-light);
  font-family: var(--jc-font-display);
  font-size: 1rem;
  transform: translateX(-50%);
}

#main-content .jc-supply-card h3,
.jc-supply-card h3 {
  color: var(--jc-color-brand-dark);
  font-size: clamp(1.5rem, 2vw, 2.1rem);
}

#main-content .jc-supply-card p,
.jc-supply-card p {
  color: var(--jc-color-text-muted);
}

.jc-map-section {
  background: #050504;
}

.jc-map-grid--text-right {
  grid-template-columns: minmax(420px, 1.08fr) minmax(360px, 0.92fr);
  align-items: center;
}

.jc-map-grid--text-right > div {
  padding: clamp(2rem, 4vw, 4rem);
  color: var(--jc-color-brand-dark);
  background: var(--jc-color-cream);
}

#main-content .jc-map-grid--text-right h2,
.jc-map-grid--text-right h2 {
  color: var(--jc-color-brand-dark);
  font-size: clamp(2.6rem, 4vw, 5rem);
}

.jc-map-grid--text-right p,
.jc-map-grid--text-right li {
  color: var(--jc-color-text-muted);
}

.jc-map-figure,
.jc-wide-map {
  border: 0;
  background: transparent;
}

.jc-brand-prefooter .jc-button,
.jc-prefooter-cta .jc-button {
  border-color: var(--jc-color-brand-gold-light);
  border-radius: 6px;
  color: var(--jc-color-brand-dark);
  background: var(--jc-color-brand-gold-light);
}

.jc-brand-prefooter .jc-button:hover,
.jc-brand-prefooter .jc-button:focus-visible,
.jc-prefooter-cta .jc-button:hover,
.jc-prefooter-cta .jc-button:focus-visible {
  color: var(--jc-color-white);
  background: transparent;
}

.jc-brand-prefooter.jc-prefooter--home .jc-button {
  border-color: var(--jc-color-brand-gold);
  border-radius: 6px;
  color: var(--jc-color-white);
  background: var(--jc-color-brand-gold);
}

.jc-brand-prefooter.jc-prefooter--home .jc-button:hover,
.jc-brand-prefooter.jc-prefooter--home .jc-button:focus-visible {
  color: var(--jc-color-white);
  background: var(--jc-color-brand-gold);
  border-color: var(--jc-color-brand-gold);
}

.jc-products-page .jc-prefooter--products .jc-button {
  border-color: var(--jc-color-brand-gold-light);
  border-radius: 6px;
  color: var(--jc-color-white);
  background: rgba(0, 0, 0, 0.08);
}

.jc-products-page .jc-prefooter--products .jc-button:hover,
.jc-products-page .jc-prefooter--products .jc-button:focus-visible {
  color: var(--jc-color-brand-dark);
  background: var(--jc-color-brand-gold-light);
}

.jc-product-tile-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}

.jc-product-tile {
  position: relative;
  min-height: 310px;
  padding: 5.6rem 1.5rem 1.6rem;
  overflow: visible;
  text-align: center;
}

.jc-product-tile img {
  position: absolute;
  top: -52px;
  left: 50%;
  width: min(155px, 72%);
  height: 112px;
  margin: 0;
  object-position: center;
  transform: translateX(-50%);
}

.jc-product-card {
  overflow: visible;
  text-align: center;
}

.jc-product-gallery {
  padding: 0;
  grid-template-columns: 0 minmax(0, 1fr) 0;
}

.jc-product-gallery .jc-icon-button {
  z-index: 2;
  opacity: 0;
}

.jc-product-card__body {
  position: relative;
  padding: 5.2rem clamp(1.5rem, 3vw, 2.5rem) 2rem;
}

.jc-product-card__logo {
  position: absolute;
  top: -58px;
  left: 50%;
  width: min(170px, 48%);
  height: 116px;
  object-position: center;
  transform: translateX(-50%);
}

.jc-attribute-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-right: -2.5rem;
  margin-bottom: -2rem;
  margin-left: -2.5rem;
  border-top: 1px solid rgba(159, 142, 95, 0.32);
}

.jc-attribute-list li {
  grid-template-columns: 1fr;
  justify-items: center;
  min-height: 112px;
  padding: 1rem 0.65rem;
  border: 0;
  border-right: 1px solid rgba(159, 142, 95, 0.24);
  text-align: center;
}

.jc-attribute-list li:last-child {
  border-right: 0;
}

.jc-feature-hero--cook {
  background-position: center top;
}

.jc-video-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
}

.jc-section-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.jc-section-actions p {
  margin: 0;
  font-family: var(--jc-font-display);
  font-size: clamp(1.45rem, 2vw, 2rem);
}

.jc-cook-page .jc-section-actions p {
  flex: 0 1 auto;
  width: auto;
}

.jc-cook-page .jc-section-actions .jc-button {
  flex: 0 0 auto;
}

.jc-cook-recipes .jc-section-heading {
  display: flow-root;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#main-content .jc-cook-recipes .jc-section-heading h2,
.jc-cook-recipes .jc-section-heading h2 {
  font-size: clamp(3rem, 4.8vw, 5.6rem);
}

.jc-cook-recipes .jc-recipe-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.jc-meta-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 1rem calc(var(--jc-space-3) * -1) calc(var(--jc-space-3) * -1);
  border-top: 1px solid rgba(159, 142, 95, 0.24);
  font-size: 0.72rem;
  text-align: center;
}

.jc-meta-row > span {
  display: grid;
  align-content: center;
  min-height: 58px;
  padding: 0.55rem;
  border-right: 1px solid rgba(159, 142, 95, 0.2);
}

.jc-meta-row > span:last-child {
  border-right: 0;
}

.jc-site-footer__medallion {
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42);
}


.jc-brand-hub-login-panels .jc-system-grid--two-panels {
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: none;
}

.jc-brand-hub-login-panels .jc-system-panel {
  border: 0;
  background: transparent;
}

.jc-brand-hub-login-panels .jc-form-panel,
.jc-brand-hub-login-panels .jc-passwordless-panel {
  padding: 0;
  border: 0;
  background: transparent;
}


.jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="submit"],
.jc-brand-hub-login-panels .gform_wrapper input[type="submit"],
.jc-brand-hub-login-panels .wpaloginform .wpa-submit {
  display: flex;
  min-width: 160px;
  margin: 1.25rem auto 0;
  border-color: var(--jc-color-brand-gold);
  border-radius: 6px;
  color: var(--jc-color-white);
  background: var(--jc-color-brand-gold);
}

.jc-brand-hub-review-note {
  max-width: 460px;
  margin: 1.25rem auto 0;
  text-align: center;
}


.jc-contact-form-section .jc-form-panel {
  padding: 0;
  border: 0;
  background: transparent;
}

.jc-contact-form-section .gform_wrapper.gravity-theme input[type="text"],
.jc-contact-form-section .gform_wrapper.gravity-theme input[type="email"],
.jc-contact-form-section .gform_wrapper.gravity-theme input[type="tel"],
.jc-contact-form-section .gform_wrapper.gravity-theme select,
.jc-contact-form-section .gform_wrapper.gravity-theme textarea,
.jc-contact-form-section .gform_wrapper input[type="text"],
.jc-contact-form-section .gform_wrapper input[type="email"],
.jc-contact-form-section .gform_wrapper input[type="tel"],
.jc-contact-form-section .gform_wrapper select,
.jc-contact-form-section .gform_wrapper textarea {
  border: 0;
  border-bottom: 1px solid rgba(198, 180, 122, 0.75);
  color: var(--jc-color-white);
  background: transparent;
}

.jc-contact-form-section .gform_wrapper.gravity-theme input[type="submit"],
.jc-contact-form-section .gform_wrapper input[type="submit"] {
  display: flex;
  min-width: 170px;
  margin: 1.25rem auto 0;
  border-radius: 6px;
}

.jc-contact-map-section .jc-section-heading {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.jc-office-grid {
  position: relative;
  z-index: 1;
  gap: 0;
  margin: 2.25rem 0 -1.5rem;
}

.jc-office-grid article {
  padding: 0 1.25rem;
  border: 0;
  background: transparent;
  text-align: center;
}

.jc-contact-map {
  margin-top: 0;
  border: 0;
  background: transparent;
}

@media (max-width: 900px) {
  .jc-recipe-single-layout,
  .jc-resource-grid,
  .jc-resource-columns {
    grid-template-columns: 1fr;
  }

  .jc-home-awards-grid {
    grid-template-columns: 1fr;
  }

  .jc-home-awards-copy,
  .jc-awards-section .jc-section-heading {
    text-align: center;
  }

  .jc-home-awards-copy p {
    margin-right: auto;
    margin-left: auto;
  }

  .jc-recipe-panel {
    position: static;
  }
}

@media (max-width: 640px) {
  .jc-section-inner {
    width: min(100% - 28px, var(--jc-container-max));
  }

  .jc-system-hero {
    min-height: 440px;
    padding: 8rem 0 3rem;
  }

  .jc-system-hero h1 {
    font-size: 2.75rem;
  }

  .jc-system-hero p {
    font-size: 1rem;
  }

  .jc-archive-hero,
  .jc-recipe-single-hero {
    min-height: 480px;
    padding: 8rem 0 3rem;
  }

  #main-content .jc-archive-hero h1,
  #main-content .jc-recipe-single-hero h1,
  .jc-archive-hero h1,
  .jc-recipe-single-hero h1 {
    font-size: 2.75rem;
  }

  #main-content .jc-archive-hero p,
  #main-content .jc-recipe-single-hero p,
  .jc-archive-hero p,
  .jc-recipe-single-hero p {
    font-size: 1rem;
  }

  .jc-system-section {
    padding: 3.5rem 0;
  }

  .jc-archive-section,
  .jc-recipe-single-section {
    padding: 3.5rem 0;
  }

  .jc-archive-heading h2,
  .jc-recipe-single-copy h2,
  .jc-recipe-panel h2 {
    font-size: 2rem;
  }

  .jc-archive-actions {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    text-align: center;
  }

  .jc-recipe-method li {
    padding: 1.25rem;
  }

  .jc-recipe-method li::before {
    position: static;
    margin-bottom: 0.85rem;
  }

  .jc-brand-hero {
    min-height: 560px;
    padding: 8rem 0 3rem;
  }

  .jc-feature-hero {
    min-height: 620px;
    padding: 8rem 0 3.5rem;
  }

  .jc-home-hero-brand {
    min-height: 620px;
    padding: 7rem 0 0;
  }

  .jc-home-hero-brand .jc-section-inner {
    min-height: 540px;
    align-content: end;
    gap: 6rem;
  }

  #main-content .jc-home-wordmark-heading,
  .jc-home-wordmark-heading {
    width: min(78vw, 360px);
  }

  #main-content .jc-brand-hero h1,
  .jc-brand-hero h1 {
    font-size: 3.35rem;
  }

  #main-content .jc-feature-hero h1,
  .jc-feature-hero h1 {
    font-size: 3.35rem;
  }

  .jc-brand-section {
    padding: 4rem 0;
  }

  #main-content .jc-design-intro__inner h2,
  .jc-design-intro__inner h2 {
    font-size: 2.7rem;
  }

  .jc-design-intro__inner > .jc-accent,
  .jc-cook-videos__intro > .jc-accent {
    font-size: 2.35rem;
  }

  .jc-feature-section {
    padding: 4rem 0;
  }

  .jc-home-intro-stage {
    min-height: 920px;
    padding-top: 4.75rem;
    background-position: center, center, center, center top;
    background-size: auto, auto, auto, cover;
  }

  #main-content .jc-home-intro-stage__copy h2,
  .jc-home-intro-stage__copy h2 {
    font-size: 3.65rem;
  }

  .jc-home-intro-stage__copy p {
    font-size: 0.88rem;
  }

  .jc-home-intro-stage__copy .jc-home-intro-stage__lead {
    font-size: 1.35rem;
  }

  .jc-two-column,
  .jc-two-column--wide,
  .jc-story-grid,
  .jc-map-grid,
  .jc-feature-intro__grid,
  .jc-product-tile-grid,
  .jc-product-card-grid,
  .jc-home-cta-grid,
  .jc-welfare-strip,
  .jc-statement-grid {
    grid-template-columns: 1fr;
  }

  #main-content .jc-feature-intro__copy h2,
  .jc-feature-intro__copy h2,
  #main-content .jc-section-heading h2,
  .jc-section-heading h2 {
    font-size: 2.45rem;
  }

  .jc-feature-intro__media,
  .jc-home-social__media {
    min-height: 360px;
  }

  .jc-home-cta-grid {
    min-height: 0;
    margin-top: 4rem;
    margin-bottom: 0;
  }

  .jc-home-cta-card {
    min-height: 240px;
  }

  .jc-home-cta-card strong {
    font-size: 1rem;
  }

  .jc-awards-section {
    padding-top: 7rem;
  }

  .jc-home-video-frame {
    min-height: 270px;
  }

  .jc-home-social__grid {
    width: min(100%, 520px);
  }

  #main-content .jc-home-social__copy h3,
  .jc-home-social__copy h3 {
    font-size: 2rem;
  }

  .jc-carousel__controls {
    justify-content: flex-start;
  }

  .jc-supply-card {
    flex-basis: min(86vw, 360px);
  }

  .jc-product-tile {
    min-height: 260px;
  }

  .jc-product-gallery {
    grid-template-columns: 40px minmax(0, 1fr) 40px;
  }

  .jc-attribute-list {
    grid-template-columns: 1fr;
  }

  .jc-video-placeholder {
    min-height: 380px;
  }

  .jc-brand-prefooter {
    min-height: 360px;
  }

  .jc-brand-prefooter .jc-button + .jc-button {
    margin-top: 0.75rem;
    margin-left: 0;
  }

  .jc-social-actions,
  .jc-section-actions {
    align-items: stretch;
  }

  .jc-social-actions .jc-button,
  .jc-section-actions .jc-button {
    width: 100%;
  }

  .jc-system-section h2,
  .jc-system-copy h2,
  .jc-prefooter-cta h2 {
    font-size: 2rem;
  }

  .jc-system-grid--form,
  .jc-system-grid--two-panels,
  .jc-office-grid {
    grid-template-columns: 1fr;
  }

  .jc-brand-hub-login-panels {
    background: var(--jc-color-cream);
  }

  .jc-system-panel,
  .jc-form-panel {
    padding: 1.25rem;
  }

  .jc-contact-map {
    padding: 0.75rem;
  }

  .jc-contact-map img {
    min-height: 220px;
    object-fit: cover;
    object-position: 18% center;
  }

  .jc-prefooter-cta .jc-button + .jc-button {
    margin-top: 0.75rem;
    margin-left: 0;
  }

  .jc-back-to-top {
    right: var(--jc-space-2);
    bottom: var(--jc-space-2);
  }

}

@media (min-width: 641px) and (max-width: 980px) {
  .jc-system-grid--form,
  .jc-system-grid--two-panels,
  .jc-office-grid,
  .jc-product-tile-grid,
  .jc-product-card-grid,
  .jc-home-cta-grid,
  .jc-welfare-strip {
    grid-template-columns: 1fr 1fr;
  }

  .jc-two-column,
  .jc-two-column--wide,
  .jc-story-grid,
  .jc-map-grid,
  .jc-feature-intro__grid {
    grid-template-columns: 1fr;
  }

  .jc-feature-intro__media,
  .jc-home-social__media {
    min-height: 460px;
  }
}

@media (max-width: 980px) {

  .jc-contact-form-section .jc-form-panel,
  .jc-contact-form-section .gform_wrapper,
  .jc-contact-form-section form,
  .jc-contact-form-section .gform_fields,
  .jc-contact-form-section .gfield,
  .jc-contact-form-section .ginput_container,
  .jc-contact-form-section input,
  .jc-contact-form-section select,
  .jc-contact-form-section textarea {
    max-width: 100%;
    min-width: 0;
  }
}

/* Spec alignment pass: full-canvas pages, corrected typography, and review layouts. */
#page-container,
#main-content {
  min-height: 0;
}

body #page-container,
body #main-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#main-content {
  overflow-x: clip;
}

#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 {
  font-family: var(--jc-font-heading);
  line-height: var(--jc-line-height-heading);
}

#main-content p,
#main-content li {
  font-family: var(--jc-font-body);
  font-size: var(--jc-font-size-body);
  line-height: var(--jc-line-height-body);
}

#main-content .jc-about-page .jc-about-intro .jc-design-intro__inner > .jc-accent,
.jc-about-page .jc-about-intro .jc-design-intro__inner > .jc-accent {
  font-size: clamp(1.9rem, 2.25vw, 3.2rem);
  line-height: 0.86;
}

#main-content .jc-corporate-page .jc-corporate-intro .jc-design-intro__inner > .jc-accent,
.jc-corporate-page .jc-corporate-intro .jc-design-intro__inner > .jc-accent {
  font-size: clamp(1.9rem, 2.25vw, 3.2rem);
  line-height: 0.86;
}

#main-content .jc-cook-page .jc-cook-videos__intro > .jc-accent,
.jc-cook-page .jc-cook-videos__intro > .jc-accent {
  font-size: clamp(1.9rem, 2.25vw, 3.2rem);
  line-height: 0.86;
}

#main-content .jc-cook-page .jc-cook-recipes .jc-section-heading > .jc-accent,
.jc-cook-page .jc-cook-recipes .jc-section-heading > .jc-accent {
  font-size: clamp(1.9rem, 2.25vw, 3.2rem);
  line-height: 0.86;
}

#main-content .jc-home-intro-stage__copy .jc-home-intro-stage__lead,
.jc-home-intro-stage__copy .jc-home-intro-stage__lead {
  font-family: var(--jc-font-display);
  font-size: var(--jc-font-size-h3);
  line-height: 1.12;
}

#main-content .jc-home-intro-stage__copy p:not(.jc-home-intro-stage__lead),
.jc-home-intro-stage__copy p:not(.jc-home-intro-stage__lead) {
  font-size: 0.93rem;
  line-height: 1.68;
}

#main-content .jc-home-awards-copy .jc-home-awards-subhead,
.jc-home-awards-copy .jc-home-awards-subhead {
  font-family: var(--jc-font-heading);
  font-size: clamp(1.12rem, 1.32vw, 1.55rem);
  line-height: 1.08;
}

#main-content .jc-home-awards-copy .jc-home-awards-subhead + p,
.jc-home-awards-copy .jc-home-awards-subhead + p {
  max-width: 425px;
  font-size: 0.88rem;
  line-height: 1.68;
}

#main-content .jc-home-page .jc-home-awards-copy.jc-section-heading h2,
.jc-home-page .jc-home-awards-copy.jc-section-heading h2 {
  font-size: clamp(1.75rem, 2.25vw, 2.35rem);
}

#main-content .jc-home-social__copy p,
.jc-home-social__copy p,
#main-content .jc-home-cta-card strong,
.jc-home-cta-card strong {
  font-size: var(--jc-font-size-h4);
}

#main-content .jc-home-social__copy p,
.jc-home-social__copy p {
  font-family: var(--jc-font-display);
  line-height: 1.04;
}

#main-content .jc-home-cta-card strong,
.jc-home-cta-card strong {
  font-family: var(--jc-font-display);
  line-height: 1.08;
}

#main-content .jc-eyebrow,
#main-content .jc-button,
#main-content .jc-meta-row,
#main-content .jc-recipe-single-meta,
#main-content .gform_wrapper,
#main-content .wpaloginform {
  font-family: var(--jc-font-ui);
}

#main-content .jc-button,
#main-content .jc-home-cta-card__button,
#main-content .gform_wrapper input[type="submit"],
#main-content .gform_wrapper.gravity-theme input[type="submit"],
#main-content .wpaloginform .wpa-submit,
.jc-button,
.jc-home-cta-card__button,
.gform_wrapper input[type="submit"],
.gform_wrapper.gravity-theme input[type="submit"],
.wpaloginform .wpa-submit {
  font-family: var(--jc-font-display);
}

.jc-system-page {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  overflow-x: clip;
}

.jc-section-inner {
  width: min(100% - clamp(2rem, 6vw, 8rem), min(var(--jc-container-max), 1760px));
}

.jc-system-page .jc-section-inner,
.jc-brand-page .jc-section-inner,
.jc-archive-page .jc-section-inner,
.jc-recipe-single .jc-section-inner {
  width: min(100% - clamp(2rem, 7vw, 10rem), 1760px);
}

.jc-brand-hero,
.jc-system-hero,
.jc-feature-hero--cook,
.jc-archive-hero,
.jc-recipe-single-hero {
  min-height: min(920px, 64vw);
  padding: 11.5rem 0 4.4rem;
}

#main-content .jc-brand-hero h1,
.jc-brand-hero h1,
#main-content .jc-feature-hero h1,
.jc-feature-hero h1,
#main-content .jc-system-hero h1,
.jc-system-hero h1,
#main-content .jc-archive-hero h1,
.jc-archive-hero h1,
#main-content .jc-recipe-single-hero h1,
.jc-recipe-single-hero h1 {
  font-size: var(--jc-font-size-h1);
  line-height: var(--jc-line-height-heading);
}

#main-content .jc-design-intro__inner h2,
.jc-design-intro__inner h2,
#main-content .jc-section-heading h2,
.jc-section-heading h2,
#main-content .jc-system-section h2,
.jc-system-section h2,
#main-content .jc-archive-heading h2,
.jc-archive-heading h2,
#main-content .jc-recipe-single-copy h2,
.jc-recipe-single-copy h2,
#main-content .jc-recipe-panel h2,
.jc-recipe-panel h2 {
  font-size: var(--jc-font-size-h2);
  line-height: var(--jc-line-height-heading);
}

#main-content .jc-card h3,
.jc-card h3,
#main-content .jc-product-card h3,
.jc-product-card h3,
#main-content .jc-statement-grid h3,
.jc-statement-grid h3,
#main-content .jc-resource-card h2,
.jc-resource-card h2 {
  font-size: var(--jc-font-size-h3);
  line-height: var(--jc-line-height-heading);
}

#main-content .jc-statement-grid h4,
.jc-statement-grid h4,
#main-content .jc-product-subtitle,
.jc-product-subtitle {
  font-size: var(--jc-font-size-h4);
  line-height: var(--jc-line-height-subtitle);
}

.jc-brand-hero h1 .jc-accent,
.jc-feature-hero h1 .jc-accent,
.jc-system-hero h1 .jc-accent,
.jc-archive-hero h1 .jc-accent,
.jc-recipe-single-hero h1 .jc-accent,
.jc-design-intro__inner > .jc-accent,
.jc-story-copy > .jc-accent,
.jc-cook-videos__intro > .jc-accent,
.jc-cook-recipes .jc-section-heading > .jc-accent {
  line-height: var(--jc-line-height-accent);
}

.jc-system-page--brand-hub-login .jc-system-hero,
.jc-brand-hub-page .jc-system-hero {
  min-height: min(960px, 61.25vw);
  padding-bottom: 5rem;
}

.jc-system-page--brand-hub-login .jc-section-inner,
.jc-brand-hub-page .jc-section-inner,
.jc-system-page--privacy .jc-section-inner,
.jc-system-page--thank-you .jc-section-inner {
  max-width: none;
}

.jc-brand-hub-login-panels {
  padding: 0;
  background: linear-gradient(90deg, var(--jc-color-brand-gold) 0 50%, var(--jc-color-white) 50% 100%);
}

.jc-brand-hub-login-panels .jc-system-grid--two-panels {
  width: 100%;
  max-width: none;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
}

.jc-brand-hub-login-panels .jc-system-panel {
  display: grid;
  min-height: clamp(760px, 52vw, 920px);
  align-content: center;
  justify-items: center;
  padding: clamp(4rem, 8vw, 8rem) clamp(2rem, 8vw, 9rem);
  text-align: center;
}

.jc-brand-hub-login-panels .jc-system-panel:first-child {
  color: var(--jc-color-white);
  background: var(--jc-color-brand-gold);
}

.jc-brand-hub-login-panels .jc-system-panel:last-child {
  color: var(--jc-color-brand-gold);
  background: var(--jc-color-white);
}

#main-content .jc-brand-hub-login-panels h2,
.jc-brand-hub-login-panels h2 {
  color: inherit;
  font-size: var(--jc-font-size-h3);
}

.jc-brand-hub-login-panels .jc-system-panel > p {
  max-width: 720px;
}

.jc-brand-hub-login-panels .jc-form-panel,
.jc-brand-hub-login-panels .jc-passwordless-panel,
.jc-brand-hub-login-panels .gform_wrapper,
.jc-brand-hub-login-panels .wpaloginform {
  width: min(100%, 720px);
}

.jc-brand-hub-login-panels .gform_wrapper.gravity-theme .gfield_label,
.jc-brand-hub-login-panels .gform_wrapper .gfield_label,
.jc-brand-hub-login-panels .wpaloginform .wpa-login-label {
  color: currentColor;
}

.jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="text"],
.jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="email"],
.jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="tel"],
.jc-brand-hub-login-panels .gform_wrapper.gravity-theme textarea,
.jc-brand-hub-login-panels .gform_wrapper input[type="text"],
.jc-brand-hub-login-panels .gform_wrapper input[type="email"],
.jc-brand-hub-login-panels .gform_wrapper input[type="tel"],
.jc-brand-hub-login-panels .gform_wrapper textarea,
.jc-brand-hub-login-panels .wpaloginform .wpa-user-email-username {
  border: 0;
  border-bottom: 1px solid currentColor;
  color: inherit;
  background: transparent;
}

.jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="submit"],
.jc-brand-hub-login-panels .gform_wrapper input[type="submit"],
.jc-brand-hub-login-panels .wpaloginform .wpa-submit {
  min-width: 250px;
  border-color: var(--jc-color-brand-gold);
  border-radius: 6px !important;
  color: var(--jc-color-white);
  background: var(--jc-color-brand-gold);
}

.jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper.gravity-theme input[type="submit"],
.jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper input[type="submit"] {
  color: var(--jc-color-white);
  background: var(--jc-color-brand-gold);
}

.jc-brand-hub-review-note {
  max-width: 560px;
  color: rgba(159, 142, 95, 0.72);
}

.jc-contact-form-section {
  background: #050504;
}

.jc-contact-form-section .jc-system-grid--form {
  max-width: 1040px;
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
}

.jc-contact-form-section .jc-system-grid--form > div:first-child {
  max-width: 760px;
}

.jc-contact-form-section .jc-form-panel {
  width: min(100%, 900px);
}

.jc-contact-map-section {
  padding-top: clamp(5rem, 8vw, 8rem);
  padding-bottom: 0;
  background: #050504;
}

.jc-contact-map {
  width: 100vw;
  max-width: 100vw;
  margin: clamp(2rem, 4vw, 4rem) calc(50% - 50vw) 0;
  padding: 0;
}

.jc-contact-map img {
  width: 100%;
  min-height: clamp(460px, 42vw, 920px);
  object-fit: cover;
  object-position: center;
  filter: brightness(1.75) contrast(1.04);
}

.jc-office-grid {
  width: min(100%, 1560px);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: clamp(2rem, 4vw, 4rem) auto 0;
}

.jc-statement-section {
  display: block;
}

.jc-statement-section[hidden] {
  display: none !important;
}

.jc-statement-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.jc-statement-grid article {
  display: grid;
  gap: 1rem;
  align-content: start;
  min-height: 420px;
  padding: clamp(1.4rem, 2vw, 2.5rem);
  border-color: rgba(198, 180, 122, 0.32);
  background: rgba(255, 255, 255, 0.035);
}

.jc-corporate-page .jc-statement-grid .jc-button {
  align-self: end;
  justify-self: start;
  border-color: var(--jc-color-brand-gold-light);
  border-radius: 6px;
  color: var(--jc-color-brand-dark);
  background: var(--jc-color-brand-gold-light);
}

.jc-corporate-page .jc-statement-grid .jc-button:hover,
.jc-corporate-page .jc-statement-grid .jc-button:focus-visible {
  border-color: var(--jc-color-brand-dark);
  color: var(--jc-color-white);
  background: var(--jc-color-brand-dark);
}

.jc-welfare-feature {
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(420px, 1.18fr);
  gap: clamp(2rem, 6vw, 7rem);
  align-items: center;
}

.jc-welfare-feature__media {
  min-height: clamp(520px, 43vw, 780px);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.32)), url("assets/img/pages/corporate-banner.jpg") center / cover;
}

#main-content .jc-corporate-page .jc-corporate-welfare-copy > .jc-eyebrow,
.jc-corporate-page .jc-corporate-welfare-copy > .jc-eyebrow,
#main-content .jc-corporate-page .jc-corporate-welfare-copy > .jc-accent,
.jc-corporate-page .jc-corporate-welfare-copy > .jc-accent {
  margin: 0 0 0.15rem;
  color: var(--jc-color-brand-gold);
  font-family: var(--jc-font-accent) !important;
  font-size: clamp(1.9rem, 2.25vw, 3.2rem);
  font-style: normal;
  font-weight: 400 !important;
  letter-spacing: 0;
  line-height: 0.86;
  text-transform: none;
}

.jc-welfare-strip {
  gap: 0;
  margin-top: 0;
}

.jc-welfare-strip article {
  min-height: 260px;
  padding: clamp(1.5rem, 2.4vw, 3rem);
  border-color: rgba(51, 46, 40, 0.16);
  text-align: center;
}

.jc-products-page .jc-products-detail-section .jc-section-heading,
.jc-products-page .jc-products-intro {
  text-align: center;
}

.jc-products-detail-section {
  overflow: hidden;
}

.jc-products-detail-section .jc-section-heading {
  margin-right: auto;
  margin-left: auto;
}

.jc-product-card-grid {
  display: flex;
  gap: clamp(1.5rem, 3vw, 3rem);
  overflow-x: auto;
  padding: 4rem max(1rem, calc((100vw - min(1180px, 82vw)) / 2)) 5rem;
  scroll-padding-inline: max(1rem, calc((100vw - min(1180px, 82vw)) / 2));
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.jc-product-card {
  flex: 0 0 min(1180px, 82vw);
  scroll-snap-align: center;
}

.jc-video-card__poster img {
  filter: brightness(1.24) contrast(1.04) saturate(1.08);
}

.jc-video-card__poster::after,
.jc-video-placeholder::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.22));
}

.jc-archive-page--recipes .jc-archive-section--dark {
  color: var(--jc-color-brand-dark);
  background: linear-gradient(to bottom, var(--jc-color-cream), var(--jc-color-cream-alt));
}

.jc-archive-page--recipes .jc-archive-heading {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.jc-archive-page--recipes .jc-archive-section--dark .jc-archive-heading h2,
.jc-archive-page--recipes .jc-archive-section--dark .jc-empty-state,
.jc-archive-page--recipes .jc-archive-section--dark .jc-load-more-status,
.jc-archive-page--recipes .jc-archive-section--dark .jc-card h3 {
  color: var(--jc-color-brand-dark);
}

.jc-archive-page--recipes .jc-archive-section--dark .jc-card p {
  color: var(--jc-color-text-muted);
}

.jc-archive-page--recipes .jc-recipe-grid,
.jc-cook-recipes .jc-recipe-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.jc-archive-page--recipes .jc-card,
.jc-cook-recipes .jc-card {
  color: var(--jc-color-brand-dark);
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(159, 142, 95, 0.22);
}

.jc-card__body {
  padding: clamp(1.25rem, 2vw, 2rem);
}

.jc-meta-row {
  color: var(--jc-color-brand-gold);
  background: rgba(159, 142, 95, 0.08);
}

.jc-meta-row strong {
  display: block;
  margin-bottom: 0.2rem;
  color: var(--jc-color-brand-dark);
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
}

.jc-recipe-single-section {
  background: var(--jc-color-white);
}

.jc-recipe-single-layout {
  grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
  gap: 0;
}

.jc-recipe-panel {
  position: sticky;
  top: 7.5rem;
  min-height: 640px;
  padding: clamp(2rem, 4vw, 4.5rem);
  color: var(--jc-color-white);
  background: var(--jc-color-brand-gold);
  border: 0;
}

#main-content .jc-recipe-panel h2,
.jc-recipe-panel h2 {
  color: var(--jc-color-white);
}

.jc-recipe-ingredients {
  padding-left: 1.2rem;
}

.jc-recipe-ingredients li {
  color: var(--jc-color-white);
}

.jc-recipe-single-copy {
  padding: clamp(2rem, 4vw, 4.5rem);
  background: var(--jc-color-white);
}

#page-container #main-content.jc-recipe-single .jc-recipe-breadcrumb a,
#main-content.jc-recipe-single .jc-recipe-breadcrumb a,
.jc-recipe-single .jc-recipe-breadcrumb a {
  color: var(--jc-color-brand-gold) !important;
}

.jc-recipe-method {
  display: grid;
  gap: 1.25rem;
  padding-left: 1.35rem;
  list-style: decimal;
  counter-reset: none;
}

.jc-recipe-method li {
  padding: 0 0 0.85rem;
  border: 0;
  background: transparent;
  counter-increment: none;
}

.jc-recipe-method li::before {
  display: none;
}

.jc-recipe-method h3 {
  display: none;
}

.jc-recipe-method p {
  color: var(--jc-color-brand-dark);
}

.jc-recipe-card .jc-card__body > p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.jc-recipe-card .jc-meta-row {
  margin-top: 0.85rem;
}

.jc-recipe-card .jc-meta-row > span,
.jc-recipe-card__meta-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.38rem;
  align-content: center;
  align-items: center;
  min-height: 52px;
  padding: 0.5rem 0.42rem;
}

.jc-recipe-card__meta-icon {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  opacity: 0.9;
}

.jc-recipe-card img.jc-recipe-card__meta-icon {
  width: 18px;
  height: 18px;
  aspect-ratio: auto;
  object-fit: contain;
}

.jc-recipe-card__meta-icon::before,
.jc-recipe-card__meta-icon::after {
  position: absolute;
  content: "";
  background: currentColor;
}

.jc-recipe-card__meta-icon--skill::before {
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
}

.jc-recipe-card__meta-icon--servings::before,
.jc-recipe-card__meta-icon--servings::after {
  top: 5px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
}

.jc-recipe-card__meta-icon--servings::before {
  left: 4px;
}

.jc-recipe-card__meta-icon--servings::after {
  right: 4px;
}

.jc-recipe-card__meta-icon--cook-time::before,
.jc-recipe-card__meta-icon--prep-time::before {
  width: 1px;
  height: 6px;
  transform: translateY(-2px);
}

.jc-recipe-card__meta-icon--cook-time::after,
.jc-recipe-card__meta-icon--prep-time::after {
  width: 5px;
  height: 1px;
  transform: translate(2px, 1px);
}

.jc-recipe-card__meta-icon--prep-time {
  border-radius: 0;
}

.jc-recipe-card__meta-copy {
  display: grid;
  min-width: 0;
  gap: 0.1rem;
  overflow: hidden;
}

.jc-recipe-card__meta-value {
  display: block;
  color: inherit;
  line-height: 1.18;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jc-archive-page--recipes .jc-card__body {
  gap: 0.75rem;
  padding: clamp(1.15rem, 1.55vw, 1.55rem);
}

.jc-archive-page--recipes .jc-recipe-card > img {
  aspect-ratio: 1.82 / 1;
}

.jc-home-intro-stage,
.jc-home-intro-stage__inner,
.jc-home-intro-stage__copy {
  overflow: visible;
}

body .jc-home-intro-stage__copy h2 {
  line-height: var(--jc-line-height-heading);
  overflow: visible;
}

body .jc-home-intro-stage__copy h2 .jc-accent {
  line-height: var(--jc-line-height-accent);
}

@media (min-width: 981px) {
  .jc-home-page .jc-home-hero-brand {
    min-height: min(1490px, 59.4vw);
    padding-top: 0;
  }

  .jc-home-page .jc-home-hero-brand .jc-section-inner {
    min-height: min(1490px, 59.4vw);
    gap: clamp(22rem, 24.2vw, 36rem);
  }

  #main-content .jc-home-page .jc-home-wordmark-heading,
  .jc-home-page .jc-home-wordmark-heading {
    width: min(41vw, 840px);
    max-width: 840px;
  }

  .jc-home-page .jc-home-intro-stage {
    min-height: min(1730px, 71.5vw);
    padding-top: clamp(7rem, 8.6vw, 11rem);
    background-position: center, center, calc(50% + 6vw) calc(100% - 7rem);
    background-size: auto, auto, min(1860px, 98vw) auto;
  }

  .jc-home-page .jc-home-intro-stage__inner {
    width: 100%;
    max-width: none;
  }

  .jc-home-page .jc-home-cta-grid {
    width: min(100% - clamp(22rem, 30vw, 31rem), 1680px);
    margin-top: clamp(18rem, 28vw, 44rem);
    margin-bottom: clamp(-5.5rem, -4vw, -3rem);
  }

  .jc-home-page .jc-home-cta-card {
    min-height: 0;
    aspect-ratio: 1 / 1;
  }

  #main-content .jc-home-page .jc-home-intro-stage__copy h2,
  .jc-home-page .jc-home-intro-stage__copy h2 {
    font-size: clamp(3.8rem, 6.6vw, 6.9rem);
  }

  .jc-home-page .jc-home-intro-stage__copy p {
    font-size: clamp(0.94rem, 0.7vw, 1.08rem);
  }

  .jc-home-page .jc-home-intro-stage__copy .jc-home-intro-stage__lead {
    font-size: clamp(1.75rem, 1.72vw, 2.55rem);
  }

  #main-content .jc-home-page .jc-home-cta-card strong,
  .jc-home-page .jc-home-cta-card strong {
    font-size: clamp(1.18rem, 1.12vw, 1.72rem);
  }

  .jc-home-page .jc-awards-section {
    display: grid;
    min-height: min(900px, 36vw);
    align-items: center;
    padding-top: clamp(7rem, 8.5vw, 10rem);
    padding-bottom: clamp(4rem, 5vw, 6rem);
    background: #f8f3ed;
  }

  .jc-home-page .jc-home-awards-grid {
    width: min(100% - clamp(6rem, 11vw, 18rem), 1080px);
    grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1fr);
    gap: clamp(1.75rem, 3vw, 3.5rem);
  }

  .jc-home-page .jc-awards-board {
    width: 100%;
    max-width: 520px;
    justify-self: start;
  }

  .jc-home-page .jc-home-video-section {
    min-height: min(1120px, 45.3vw);
    padding-top: clamp(1.75rem, 2.25vw, 3rem);
    padding-bottom: clamp(5.75rem, 7.4vw, 9.5rem);
    background:
      linear-gradient(180deg, #f8f3ed 0 42%, #AA986A 42% 100%);
  }

  .jc-home-page .jc-home-video-section .jc-section-inner {
    width: min(100% - clamp(3rem, 6vw, 10rem), 2040px);
  }

  .jc-home-page .jc-home-video-frame {
    min-height: 0;
    aspect-ratio: 2.66 / 1;
  }

  .jc-home-page .jc-home-social {
    min-height: min(1840px, 73.4vw);
    padding-top: clamp(4rem, 4.5vw, 5.75rem);
    padding-bottom: clamp(7.25rem, 9vw, 12.25rem);
    background-position: center, center 58%;
    background-size: auto, 100vw auto;
  }

  .jc-home-page .jc-home-social__inner {
    width: min(100% - clamp(3rem, 4.5vw, 7rem), 2360px);
    gap: clamp(3rem, 4.4vw, 5.5rem);
  }

  .jc-home-page .jc-brand-prefooter {
    min-height: min(720px, 28vw);
    align-items: flex-start;
    padding-top: clamp(7.75rem, 8.4vw, 10.5rem);
    --jc-prefooter-default-position: center 42%;
  }

  .jc-about-page .jc-brand-hero,
  .jc-system-page--contact .jc-system-hero {
    min-height: min(1320px, 51.5vw);
    padding-bottom: clamp(5rem, 6.5vw, 8rem);
  }

  #main-content .jc-about-page .jc-brand-hero h1,
  .jc-about-page .jc-brand-hero h1,
  #main-content .jc-system-page--contact .jc-system-hero h1,
  .jc-system-page--contact .jc-system-hero h1 {
    font-size: clamp(6rem, 5.2vw, 8.25rem);
    line-height: 0.93;
  }

  #main-content .jc-about-page .jc-brand-hero p,
  .jc-about-page .jc-brand-hero p {
    max-width: 720px;
    font-size: clamp(1.3rem, 1.05vw, 1.7rem);
    line-height: 1.42;
  }

  #main-content .jc-system-page--contact .jc-system-hero p,
  .jc-system-page--contact .jc-system-hero p {
    max-width: 1280px;
    font-size: clamp(1.3rem, 1.05vw, 1.7rem);
    line-height: 1.42;
  }

  .jc-about-page .jc-about-intro {
    min-height: min(960px, 37.5vw);
    display: grid;
    align-items: center;
  }

  .jc-about-page .jc-story-section,
  .jc-about-page .jc-about-editorial {
    min-height: min(1840px, 72vw);
    display: grid;
    align-items: center;
    padding-top: clamp(7.5rem, 8vw, 10rem);
    padding-bottom: clamp(7.5rem, 8vw, 10rem);
  }

  .jc-about-page .jc-story-banner,
  .jc-about-page .jc-about-story-banner {
    min-height: min(760px, 29.5vw);
  }

  .jc-about-page .jc-supply-section {
    min-height: min(1520px, 59vw);
  }

  .jc-about-page .jc-carousel__viewport {
    --jc-supply-card-width: min(29vw, 720px);
  }

  .jc-about-page .jc-supply-card {
    transform: scale(0.94);
  }

  .jc-about-page .jc-supply-card.is-active {
    transform: scale(1.08);
  }

  .jc-about-page .jc-map-section {
    min-height: min(1280px, 50vw);
    display: grid;
    align-items: center;
  }

  .jc-about-page .jc-global-section {
    min-height: min(2220px, 86vw);
    display: grid;
    align-items: center;
  }

  .jc-about-page .jc-global-section .jc-wide-map img {
    width: min(100%, 2240px);
    margin-right: auto;
    margin-left: auto;
  }

  .jc-about-page .jc-brand-prefooter {
    min-height: min(620px, 24vw);
  }

  .jc-system-page--contact .jc-contact-form-section {
    min-height: min(1600px, 62.5vw);
    display: grid;
    align-items: center;
  }

  .jc-system-page--contact .jc-contact-form-section .jc-system-grid--form {
    width: min(100% - clamp(4rem, 14vw, 22rem), 1320px);
    max-width: none;
    gap: clamp(4rem, 5vw, 6rem);
  }

  .jc-system-page--contact .jc-contact-form-section .jc-system-grid--form > div:first-child {
    max-width: none;
  }

  .jc-system-page--contact .jc-contact-form-section .jc-form-panel {
    width: min(100%, 1220px);
  }

  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gfield_label,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield_label {
    color: var(--jc-color-brand-gold-light);
  }

  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="text"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="email"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="tel"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme select,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme textarea,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="text"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="email"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="tel"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper select,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper textarea {
    background: transparent;
    border-color: rgba(198, 180, 122, 0.72);
  }

  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gform_footer,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gform_footer {
    justify-content: center;
    text-align: center;
  }

  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="submit"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"] {
    min-width: 250px;
    margin-right: auto;
    margin-left: auto;
    border-color: var(--jc-color-brand-gold-light);
    padding: 0.95rem 1.5rem;
    border-radius: 6px;
    color: var(--jc-color-brand-dark);
    background: var(--jc-color-brand-gold-light);
  }

  .jc-system-page--contact .jc-contact-map-section {
    min-height: min(2000px, 78vw);
    padding-top: clamp(7rem, 8.5vw, 11rem);
    background-color: #050504;
    background-image:
      linear-gradient(180deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.18) 36%, #050504 56%),
      url("assets/img/pages/contact-map-background.jpg");
    background-position: center top;
    background-size: cover;
  }

  .jc-system-page--contact .jc-contact-map-section .jc-section-inner {
    display: flex;
    flex-direction: column;
  }

  .jc-system-page--contact .jc-contact-map-section .jc-section-heading {
    display: none;
  }

  .jc-system-page--contact .jc-office-grid {
    order: 1;
    width: min(100%, 2040px);
    margin-top: 0;
    margin-bottom: clamp(4rem, 6vw, 8rem);
    gap: clamp(2rem, 4vw, 6rem);
  }

  .jc-system-page--contact .jc-office-grid article {
    padding: 0;
    border: 0;
    color: rgba(255, 255, 255, 0.84);
    background: transparent;
    text-align: center;
  }

  #main-content .jc-system-page--contact .jc-office-grid h3,
  .jc-system-page--contact .jc-office-grid h3 {
    color: var(--jc-color-brand-gold-light);
    text-align: center;
  }

  .jc-system-page--contact .jc-office-grid p {
    text-align: center;
  }

  .jc-system-page--contact .jc-contact-map {
    order: 2;
    margin-top: 0;
  }

  .jc-system-page--contact .jc-contact-map img {
    min-height: min(1020px, 40vw);
    object-position: center top;
    filter: brightness(1.28) contrast(1.04);
  }

  .jc-system-page--contact .jc-contact-prefooter {
    min-height: min(760px, 30vw);
    align-items: center;
    --jc-prefooter-default-position: center 42%;
  }

  #main-content .jc-system-page--contact .jc-contact-prefooter .jc-prefooter-cta h2,
  .jc-system-page--contact .jc-contact-prefooter .jc-prefooter-cta h2 {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    color: var(--jc-color-white);
    font-size: clamp(2rem, 1.55vw, 2.65rem);
    line-height: 1.12;
  }

  .jc-system-page--contact .jc-contact-prefooter .jc-button {
    min-width: 180px;
    border-radius: 6px;
  }

  .jc-products-page .jc-brand-hero,
  .jc-corporate-page .jc-brand-hero,
  .jc-cook-page .jc-feature-hero--cook {
    min-height: min(1320px, 51.5vw);
    padding-bottom: clamp(5rem, 6.5vw, 8rem);
  }

  .jc-products-page .jc-brand-hero {
    min-height: min(1440px, 56vw);
    background-position: center 46%;
  }

  #main-content .jc-products-page .jc-brand-hero h1,
  .jc-products-page .jc-brand-hero h1,
  #main-content .jc-corporate-page .jc-brand-hero h1,
  .jc-corporate-page .jc-brand-hero h1,
  #main-content .jc-cook-page .jc-feature-hero h1,
  .jc-cook-page .jc-feature-hero h1 {
    font-size: clamp(6rem, 5.2vw, 8.25rem);
    line-height: 0.93;
  }

  #main-content .jc-products-page .jc-brand-hero p,
  .jc-products-page .jc-brand-hero p,
  #main-content .jc-corporate-page .jc-brand-hero p,
  .jc-corporate-page .jc-brand-hero p,
  #main-content .jc-cook-page .jc-feature-hero p,
  .jc-cook-page .jc-feature-hero p {
    max-width: 1280px;
    font-size: clamp(1.25rem, 1vw, 1.6rem);
    line-height: 1.42;
  }

  #main-content .jc-products-page .jc-brand-hero p,
  .jc-products-page .jc-brand-hero p {
    max-width: 820px;
    font-size: clamp(1.3rem, 1.08vw, 1.72rem);
    line-height: 1.38;
  }

  #main-content .jc-products-page .jc-brand-hero h1,
  .jc-products-page .jc-brand-hero h1 {
    font-size: clamp(6rem, 5.2vw, 8.25rem);
    line-height: 0.93;
  }

  .jc-products-page .jc-products-intro {
    min-height: min(1720px, 67.2vw);
    display: grid;
    align-content: center;
    padding-top: clamp(6rem, 7vw, 9rem);
    padding-bottom: 0;
    background: #f8f3ed;
  }

  .jc-products-page .jc-products-intro .jc-design-intro__inner {
    max-width: 980px;
  }

  #main-content .jc-products-page .jc-products-intro .jc-design-intro__inner h2,
  .jc-products-page .jc-products-intro .jc-design-intro__inner h2 {
    max-width: 900px;
    margin-bottom: 0;
    font-size: clamp(2.2rem, 2.25vw, 3.4rem);
    line-height: 0.98;
  }

  .jc-products-page .jc-products-intro .jc-design-intro__inner p:not(.jc-accent) {
    max-width: 850px;
    font-size: clamp(0.72rem, 0.58vw, 0.88rem);
    line-height: 1.45;
  }

  #main-content .jc-products-page .jc-products-intro .jc-design-intro__inner h3,
  .jc-products-page .jc-products-intro .jc-design-intro__inner h3 {
    max-width: 900px;
    margin: 1rem auto 0;
    color: var(--jc-color-brand-gold);
    font-family: var(--jc-font-display);
    font-size: clamp(1.25rem, 1.08vw, 1.7rem);
    line-height: 1.12;
  }

  .jc-products-page .jc-product-tile-grid {
    width: min(100% - clamp(5rem, 10vw, 16rem), 2040px);
    margin-top: clamp(10rem, 15vw, 24rem);
    margin-bottom: clamp(-20rem, -18.6vw, -17rem);
    gap: clamp(1.5rem, 2vw, 2.7rem);
    position: relative;
    z-index: 2;
  }

  .jc-products-page .jc-product-tile {
    min-height: min(410px, 16vw);
    padding: clamp(4.9rem, 5.5vw, 6.2rem) clamp(1.25rem, 1.8vw, 2.1rem) clamp(1.6rem, 2vw, 2.4rem);
    justify-content: center;
    background: #ffffff;
    border-color: rgba(51, 46, 40, 0.08);
  }

  .jc-products-page .jc-product-tile:hover,
  .jc-products-page .jc-product-tile:focus-visible {
    background: #ffffff;
  }

  .jc-products-page .jc-product-tile img {
    position: absolute;
    top: clamp(-4rem, -2.9vw, -3rem);
    left: 50%;
    width: min(185px, 72%);
    height: clamp(118px, 6vw, 152px);
    margin: 0;
    object-position: center;
    transform: translateX(-50%);
  }

  .jc-products-page .jc-product-tile h3 {
    font-size: clamp(1.35rem, 1.12vw, 1.7rem);
    line-height: 1.05;
  }

  .jc-products-page .jc-product-tile p {
    margin-top: 0.35rem;
    font-size: clamp(0.78rem, 0.68vw, 1rem);
    line-height: 1.2;
  }

  .jc-products-page .jc-product-tile span {
    margin-top: 0.7rem;
    font-size: clamp(0.72rem, 0.58vw, 0.88rem);
    line-height: 1.45;
  }

  .jc-products-page .jc-products-detail-section {
    min-height: min(3100px, 121vw);
    padding-top: clamp(19.5rem, 22vw, 24rem);
    padding-bottom: clamp(7rem, 8.3vw, 10.5rem);
    background: #050504;
  }

  .jc-products-page .jc-products-detail-section .jc-section-heading {
    max-width: 1120px;
    margin-bottom: clamp(5rem, 6vw, 8rem);
  }

  #main-content .jc-products-page .jc-products-detail-section .jc-eyebrow,
  .jc-products-page .jc-products-detail-section .jc-eyebrow {
    color: var(--jc-color-brand-gold-light);
    font-family: var(--jc-font-accent);
    font-size: clamp(1.9rem, 2.25vw, 3.2rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.86;
    text-transform: none;
  }

  .jc-products-page .jc-product-card-grid {
    display: grid;
    width: min(100% - clamp(4rem, 7vw, 10rem), 1180px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(2rem, 2.6vw, 3rem);
    margin: 0 auto;
    padding: 0;
    overflow: visible;
    scroll-padding-inline: 0;
    scroll-snap-type: none;
  }

  .jc-products-page .jc-product-card {
    display: grid;
    grid-template-rows: auto 1fr;
    flex: initial;
    background: rgba(255, 255, 255, 0.035);
    border-color: rgba(198, 180, 122, 0.26);
    scroll-snap-align: unset;
  }

  .jc-products-page .jc-product-gallery {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    padding: 0;
    background: rgba(255, 255, 255, 0.035);
  }

  .jc-products-page .jc-product-gallery .jc-icon-button {
    position: relative;
    z-index: 2;
    width: 38px;
    height: 38px;
    margin: 0 auto;
  }

  .jc-products-page .jc-product-gallery img[data-jc-gallery-slide] {
    min-height: 0;
    aspect-ratio: 1.82 / 1;
    object-position: center;
  }

  .jc-products-page .jc-product-card__body {
    display: flex;
    flex-direction: column;
    padding: clamp(4.3rem, 4.5vw, 5.7rem) clamp(1.55rem, 2vw, 2.45rem) clamp(2rem, 2.3vw, 2.8rem);
    background: #332e28;
  }

  .jc-products-page .jc-product-card__logo {
    top: clamp(-5.9rem, -3.55vw, -4.45rem);
    width: min(252px, 52%);
    height: clamp(148px, 7vw, 180px);
    object-position: center;
  }

  #main-content .jc-products-page .jc-product-card h3,
  .jc-products-page .jc-product-card h3 {
    font-size: clamp(2rem, 1.8vw, 2.7rem);
  }

  .jc-products-page .jc-product-subtitle {
    margin-bottom: 1rem;
    font-size: clamp(0.92rem, 0.78vw, 1.15rem);
    font-weight: 400;
  }

  .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle) {
    font-size: var(--jc-type-card-body-size);
    line-height: var(--jc-type-card-body-line-height);
  }

  .jc-products-page .jc-attribute-list {
    margin-top: auto;
    margin-right: clamp(-2.45rem, -2vw, -1.55rem);
    margin-bottom: clamp(-2.8rem, -2.3vw, -2rem);
    margin-left: clamp(-2.45rem, -2vw, -1.55rem);
    background: #332e28;
  }

  .jc-products-page .jc-attribute-list li {
    min-height: min(118px, 4.6vw);
    padding: 1rem 0.65rem;
  }

  .jc-products-page .jc-attribute-list img {
    width: clamp(30px, 1.45vw, 38px);
    height: clamp(30px, 1.45vw, 38px);
  }

  .jc-products-page .jc-attribute-list span {
    font-size: clamp(0.62rem, 0.5vw, 0.76rem);
    font-weight: 400;
  }

  .jc-products-page .jc-attribute-list strong {
    font-size: clamp(0.68rem, 0.56vw, 0.84rem);
    font-weight: 400;
  }

  .jc-products-page .jc-brand-prefooter {
    min-height: min(640px, 25vw);
  }

  #main-content .jc-products-page .jc-brand-prefooter h2,
  .jc-products-page .jc-brand-prefooter h2 {
    font-size: clamp(2rem, 1.75vw, 3.05rem);
    line-height: 1.08;
  }

  .jc-corporate-page .jc-corporate-intro {
    min-height: min(1280px, 50vw);
    display: grid;
    align-content: center;
    padding-top: clamp(7.5rem, 8vw, 10rem);
    padding-bottom: clamp(7.5rem, 8vw, 10rem);
  }

  .jc-corporate-page .jc-video-section,
  .jc-corporate-page .jc-corporate-banner-section {
    min-height: min(1040px, 40.5vw);
    display: grid;
    align-content: center;
    padding: 0;
  }

  .jc-corporate-page .jc-corporate-banner-section > .jc-section-inner {
    width: 100%;
    max-width: none;
  }

  .jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder,
  .jc-corporate-page .jc-corporate-media {
    min-height: min(930px, 36.3vw);
    background-image:
      linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.44)),
      url("assets/img/pages/home-prefooter.jpg");
    background-position: center 48%;
  }

  .jc-corporate-page .jc-corporate-banner-section .jc-video-note {
    display: none;
  }

  .jc-corporate-page .jc-brand-section--cream,
  .jc-corporate-page .jc-corporate-esg-intro {
    min-height: min(1760px, 68.75vw);
    display: grid;
    align-content: center;
    row-gap: clamp(4rem, 6vw, 8rem);
    background: #f8f3ed;
  }

  .jc-corporate-page .jc-corporate-welfare-copy {
    width: min(100% - clamp(5rem, 10vw, 16rem), 1440px);
    text-align: center;
  }

  #main-content .jc-corporate-page .jc-corporate-welfare-copy h2,
  .jc-corporate-page .jc-corporate-welfare-copy h2 {
    color: var(--jc-color-text-inverse);
    font-size: clamp(3.2rem, 4.8vw, 6.1rem);
  }

  .jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy {
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
  }

  .jc-corporate-page .jc-welfare-feature {
    width: min(100% - clamp(5rem, 10vw, 16rem), 1960px);
  }

  .jc-corporate-page .jc-welfare-strip {
    width: min(100% - clamp(5rem, 10vw, 16rem), 1960px);
    gap: 1px;
    min-height: min(560px, 21.85vw);
    align-items: center;
    padding: clamp(2.5rem, 4vw, 5rem);
    color: var(--jc-color-white);
    background-image:
      linear-gradient(90deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.68)),
      url("assets/img/pages/corporate-banner.jpg");
    background-position: center;
    background-size: cover;
  }

  .jc-corporate-page .jc-welfare-strip article {
    display: grid;
    justify-items: center;
    border: 0;
    color: rgba(255, 255, 255, 0.86);
    background: transparent;
    text-align: center;
  }

  .jc-corporate-page .jc-welfare-strip h3 {
    color: var(--jc-color-white);
  }

  .jc-corporate-page .jc-welfare-strip p {
    max-width: 320px;
    color: rgba(255, 255, 255, 0.76);
  }

  .jc-corporate-page .jc-statement-section {
    min-height: min(3600px, 140.6vw);
    padding: 0;
    color: var(--jc-color-text-inverse);
    background: var(--jc-color-white);
  }

  .jc-corporate-page .jc-statement-section .jc-section-heading {
    display: none;
  }

  .jc-corporate-page .jc-statement-section > .jc-section-inner {
    width: 100%;
    max-width: none;
  }

  .jc-corporate-page .jc-statement-grid {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .jc-corporate-page .jc-statement-grid article {
    display: grid;
    min-height: min(900px, 35.15vw);
    align-content: center;
    justify-items: center;
    padding: clamp(6rem, 8vw, 10rem) clamp(12rem, 22vw, 34rem);
    border: 0;
    color: var(--jc-color-text-inverse);
    background: var(--jc-color-white);
    text-align: center;
  }

  .jc-corporate-page .jc-statement-grid article:nth-child(even) {
    background: #f6f5f0;
  }

  #main-content .jc-corporate-page .jc-statement-grid h3,
  .jc-corporate-page .jc-statement-grid h3 {
    margin-bottom: 0.5rem;
    color: var(--jc-color-text-inverse);
    font-size: clamp(2.6rem, 3.8vw, 4.8rem);
  }

  #main-content .jc-corporate-page .jc-statement-grid h4,
  .jc-corporate-page .jc-statement-grid h4 {
    max-width: 860px;
    color: var(--jc-color-brand-gold);
    font-size: clamp(1.15rem, 1.35vw, 1.75rem);
  }

  .jc-corporate-page .jc-statement-grid p {
    max-width: 980px;
    color: var(--jc-color-text-muted);
  }

  .jc-corporate-page .jc-statement-grid .jc-button {
    justify-self: center;
  }

  .jc-corporate-page .jc-brand-prefooter,
  .jc-cook-page .jc-brand-prefooter {
    min-height: min(760px, 29.5vw);
  }

  .jc-corporate-page .jc-brand-prefooter {
    display: none;
  }

  .jc-cook-page .jc-cook-videos {
    min-height: min(2240px, 87.5vw);
    display: grid;
    align-content: center;
    padding-top: clamp(8rem, 9vw, 12rem);
    padding-bottom: clamp(8rem, 9vw, 12rem);
  }

  .jc-cook-page .jc-video-grid {
    width: 100%;
    max-width: none;
    gap: clamp(3rem, 4.8vw, 6rem) clamp(2.75rem, 4vw, 5rem);
  }

  .jc-cook-page .jc-video-card__poster {
    min-height: min(460px, 19vw);
    aspect-ratio: 1.88 / 1;
    background-position: center;
    background-size: cover;
  }

  .jc-cook-page .jc-cook-recipes {
    min-height: min(3000px, 117vw);
    display: grid;
    align-content: center;
    padding-top: clamp(8rem, 9vw, 12rem);
    padding-bottom: clamp(8rem, 9vw, 12rem);
  }

  .jc-cook-page .jc-cook-recipes .jc-recipe-grid {
    gap: clamp(2.6rem, 3.8vw, 5rem);
  }

  .jc-cook-page .jc-cook-recipes .jc-card__body {
    gap: 1rem;
    padding: clamp(1.8rem, 2.4vw, 2.8rem);
  }

  .jc-cook-page .jc-cook-recipes .jc-meta-row {
    margin-top: 1.25rem;
  }

  .jc-cook-page .jc-cook-recipes .jc-meta-row > span {
    min-height: 66px;
  }

  .jc-archive-page--recipes .jc-archive-hero {
    min-height: min(1320px, 51.5vw);
    align-items: center;
    padding-top: clamp(8rem, 10vw, 13rem);
    padding-bottom: clamp(12rem, 15vw, 20rem);
  }

  .jc-system-page--brand-hub-login .jc-system-hero,
  .jc-brand-hub-page .jc-system-hero {
    min-height: min(960px, 37.5vw);
    padding-bottom: clamp(4rem, 5vw, 6rem);
  }

  #main-content .jc-system-page--brand-hub-login .jc-system-hero h1,
  #main-content.jc-system-page--brand-hub-login .jc-system-hero h1,
  .jc-system-page--brand-hub-login .jc-system-hero h1,
  #main-content .jc-brand-hub-page .jc-system-hero h1,
  #main-content.jc-brand-hub-page .jc-system-hero h1,
  .jc-brand-hub-page .jc-system-hero h1,
  #main-content .jc-archive-page--recipes .jc-archive-hero h1,
  #main-content.jc-archive-page--recipes .jc-archive-hero h1,
  .jc-archive-page--recipes .jc-archive-hero h1 {
    max-width: 1280px;
    font-size: clamp(6rem, 5.2vw, 8.25rem);
    line-height: 0.95;
  }

  #main-content .jc-system-page--brand-hub-login .jc-system-hero p,
  #main-content.jc-system-page--brand-hub-login .jc-system-hero p,
  .jc-system-page--brand-hub-login .jc-system-hero p,
  #main-content .jc-brand-hub-page .jc-system-hero p,
  #main-content.jc-brand-hub-page .jc-system-hero p,
  .jc-brand-hub-page .jc-system-hero p,
  #main-content .jc-archive-page--recipes .jc-archive-hero p,
  #main-content.jc-archive-page--recipes .jc-archive-hero p,
  .jc-archive-page--recipes .jc-archive-hero p {
    max-width: 1180px;
    font-size: clamp(1.25rem, 1vw, 1.6rem);
    line-height: 1.42;
  }

  .jc-archive-page--recipes .jc-archive-hero .jc-section-inner {
    width: min(100% - clamp(5rem, 10vw, 16rem), 1960px);
    justify-items: start;
  }

  #main-content .jc-archive-page--recipes .jc-archive-hero h1,
  #main-content.jc-archive-page--recipes .jc-archive-hero h1,
  .jc-archive-page--recipes .jc-archive-hero h1 {
    max-width: 1300px;
    margin: 0;
    font-size: clamp(6rem, 5vw, 7rem);
  }

  .jc-archive-page--recipes .jc-archive-hero h1 .jc-accent {
    font-size: 0.86em;
    line-height: 0.8;
  }

  #main-content .jc-archive-page--recipes .jc-archive-hero p,
  #main-content.jc-archive-page--recipes .jc-archive-hero p,
  .jc-archive-page--recipes .jc-archive-hero p {
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }

  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels {
    min-height: min(1240px, 48.5vw);
  }

  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel {
    min-height: min(1240px, 48.5vw);
    padding: clamp(3.25rem, 4vw, 5rem);
  }

  .jc-brand-hub-page > .jc-system-section:nth-of-type(2) {
    min-height: min(450px, 17.6vw);
    display: grid;
    align-items: center;
    color: var(--jc-color-white);
    background: #a8976c;
    text-align: center;
  }

  .jc-brand-hub-page .jc-brand-hub-intro {
    max-width: 1120px;
  }

  .jc-brand-hub-page .jc-brand-hub-intro h2 {
    display: none;
  }

  .jc-brand-hub-page .jc-brand-hub-intro p,
  .jc-brand-hub-page .jc-brand-hub-intro a {
    color: var(--jc-color-white);
  }

  .jc-brand-hub-page .jc-system-section--dark {
    min-height: min(2450px, 95.7vw);
    display: grid;
    align-items: center;
    color: var(--jc-color-text-inverse);
    background: var(--jc-color-white);
  }

  .jc-brand-hub-page .jc-system-section--dark > .jc-section-inner {
    width: min(100% - clamp(5rem, 10vw, 16rem), 1900px);
    max-width: none;
  }

  .jc-brand-hub-page .jc-resource-grid {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 0 auto;
  }

  .jc-brand-hub-page .jc-resource-card,
  .jc-brand-hub-page .jc-resource-card--wide {
    display: grid;
    min-height: min(280px, 11vw);
    grid-column: auto;
    grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
    gap: clamp(2.5rem, 4vw, 5rem);
    align-items: center;
    padding: clamp(1.7rem, 2.45vw, 3rem) 0;
    border: 0;
    border-bottom: 1px solid rgba(159, 142, 95, 0.32);
    background: transparent;
  }

  .jc-brand-hub-page .jc-resource-card h2,
  #main-content .jc-brand-hub-page .jc-resource-card h2,
  #main-content.jc-brand-hub-page .jc-resource-card h2 {
    margin: 0;
    color: var(--jc-color-brand-gold);
    font-size: clamp(2.15rem, 2.6vw, 3.4rem);
  }

  .jc-brand-hub-page .jc-resource-card h3,
  #main-content .jc-brand-hub-page .jc-resource-card h3,
  #main-content.jc-brand-hub-page .jc-resource-card h3 {
    color: var(--jc-color-text-inverse);
  }

  .jc-brand-hub-page .jc-resource-card p {
    margin-bottom: 0.75rem;
    color: var(--jc-color-text-muted);
  }

  .jc-brand-hub-page .jc-resource-card ul {
    grid-column: 2;
    gap: 0.35rem;
  }

  .jc-brand-hub-page .jc-resource-columns {
    grid-column: 2;
  }

  .jc-brand-hub-page .jc-resource-card a {
    min-height: 0;
    color: var(--jc-color-brand-gold);
    text-decoration: underline;
    text-underline-offset: 0.18em;
  }

  .jc-brand-hub-page .jc-resource-card a::after {
    content: none;
  }

  .jc-brand-hub-page .jc-resource-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jc-brand-hub-page .jc-brand-hub-note {
    width: 100%;
    max-width: none;
    margin: clamp(1.25rem, 2vw, 2.5rem) auto 0;
    color: var(--jc-color-text-muted);
  }

  .jc-archive-page--recipes .jc-archive-section--dark {
    min-height: min(3560px, 139vw);
    display: grid;
    align-content: center;
    color: var(--jc-color-white);
    background: #050504;
  }

  .jc-archive-page--recipes .jc-archive-heading {
    max-width: 900px;
    margin-right: auto;
    margin-bottom: clamp(4rem, 6vw, 8rem);
    margin-left: auto;
    text-align: center;
  }

  #main-content .jc-archive-page--recipes .jc-archive-heading h2,
  #main-content.jc-archive-page--recipes .jc-archive-heading h2,
  .jc-archive-page--recipes .jc-archive-heading h2 {
    color: var(--jc-color-white);
    font-size: clamp(3.2rem, 5vw, 6.2rem);
  }

  .jc-archive-page--recipes .jc-archive-heading .jc-eyebrow {
    color: var(--jc-color-brand-gold-light);
  }

  .jc-archive-page--recipes .jc-archive-section--dark > .jc-section-inner {
    width: min(100% - clamp(5rem, 10vw, 16rem), 1960px);
  }

  .jc-archive-page--recipes .jc-recipe-grid {
    gap: clamp(2rem, 3vw, 4rem);
  }

  .jc-archive-page--recipes .jc-card {
    color: var(--jc-color-white);
    background: rgba(51, 46, 40, 0.92);
    border-color: rgba(159, 142, 95, 0.32);
  }

  #main-content .jc-archive-page--recipes .jc-card h3,
  #main-content.jc-archive-page--recipes .jc-card h3,
  .jc-archive-page--recipes .jc-card h3 {
    color: var(--jc-color-brand-gold-light);
  }

  .jc-archive-page--recipes .jc-archive-section--dark .jc-card p {
    color: rgba(255, 255, 255, 0.76);
  }

  .jc-archive-page--recipes .jc-meta-row strong {
    color: var(--jc-color-brand-gold-light);
  }

  .jc-archive-page--recipes .jc-archive-actions {
    justify-content: center;
    margin-top: clamp(3rem, 4vw, 5rem);
  }

  .jc-archive-page--recipes .jc-archive-prefooter {
    min-height: min(540px, 21vw);
  }

  .jc-archive-page--videos .jc-archive-hero {
    min-height: min(1320px, 51.5vw);
    align-items: center;
    padding-top: clamp(8rem, 10vw, 13rem);
    padding-bottom: clamp(10rem, 13vw, 18rem);
  }

  .jc-archive-page--videos .jc-archive-hero .jc-section-inner {
    justify-items: center;
  }

  #main-content .jc-archive-page--videos .jc-archive-hero h1,
  #main-content.jc-archive-page--videos .jc-archive-hero h1,
  .jc-archive-page--videos .jc-archive-hero h1 {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
    max-width: 1320px;
    color: var(--jc-color-white);
    font-size: clamp(6rem, 5.2vw, 8.25rem);
    line-height: 0.94;
  }

  #main-content .jc-archive-page--videos .jc-archive-hero h1 span:first-child,
  #main-content.jc-archive-page--videos .jc-archive-hero h1 span:first-child,
  .jc-archive-page--videos .jc-archive-hero h1 span:first-child {
    color: var(--jc-color-white);
    font-family: var(--jc-font-display) !important;
    font-size: 0.86em;
    line-height: 0.96;
  }

  #main-content .jc-archive-page--videos .jc-archive-hero h1 span:last-child,
  #main-content.jc-archive-page--videos .jc-archive-hero h1 span:last-child,
  .jc-archive-page--videos .jc-archive-hero h1 span:last-child {
    color: var(--jc-color-brand-gold-light);
    font-family: var(--jc-font-accent) !important;
    font-size: 0.78em;
    line-height: 0.95;
  }

  #main-content .jc-archive-page--videos .jc-archive-hero p,
  #main-content.jc-archive-page--videos .jc-archive-hero p,
  .jc-archive-page--videos .jc-archive-hero p {
    max-width: 1180px;
    font-size: clamp(1.25rem, 1vw, 1.6rem);
    line-height: 1.42;
  }

  .jc-archive-page--videos .jc-archive-section--dark {
    min-height: min(2980px, 116.5vw);
    display: grid;
    align-content: center;
    padding-top: clamp(5rem, 6.5vw, 8rem);
    padding-bottom: clamp(6rem, 7vw, 9rem);
    background: #050504;
  }

  .jc-archive-page--videos .jc-archive-section--dark > .jc-section-inner {
    width: min(100% - clamp(5rem, 10vw, 16rem), 1960px);
  }

  .jc-archive-page--videos .jc-archive-heading {
    max-width: none;
    margin-bottom: clamp(2.5rem, 4vw, 5rem);
    color: var(--jc-color-white);
    text-align: left;
  }

  #main-content .jc-archive-page--videos .jc-archive-heading h2,
  #main-content.jc-archive-page--videos .jc-archive-heading h2,
  .jc-archive-page--videos .jc-archive-heading h2 {
    display: none;
  }

  .jc-archive-page--videos .jc-archive-heading .jc-eyebrow {
    color: var(--jc-color-brand-gold-light);
    font-family: var(--jc-font-display);
    font-size: clamp(0.95rem, 0.72vw, 1.15rem);
    font-weight: 400;
    text-transform: none;
  }

  .jc-archive-page--videos .jc-video-grid {
    width: 100%;
    max-width: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(5rem, 6.4vw, 8rem) clamp(3rem, 4vw, 5rem);
  }

  .jc-archive-page--videos .jc-video-card {
    color: var(--jc-color-white);
    background: rgba(51, 46, 40, 0.96);
    border-color: rgba(159, 142, 95, 0.28);
  }

  .jc-archive-page--videos .jc-video-card__poster {
    aspect-ratio: 1.9 / 1;
    background-size: cover;
  }

  .jc-archive-page--videos .jc-video-card .jc-card__body {
    min-height: clamp(12rem, 12vw, 18rem);
    padding: clamp(2rem, 3vw, 3.5rem);
    text-align: center;
  }

  #main-content .jc-archive-page--videos .jc-video-card h3,
  #main-content.jc-archive-page--videos .jc-video-card h3,
  .jc-archive-page--videos .jc-video-card h3 {
    color: var(--jc-color-brand-gold-light);
    font-size: clamp(2rem, 2.2vw, 3.1rem);
  }

  .jc-archive-page--videos .jc-video-card p {
    color: rgba(255, 255, 255, 0.78);
  }

  .jc-archive-page--videos .jc-archive-actions {
    justify-content: center;
    margin-top: clamp(4rem, 5vw, 7rem);
  }

  .jc-archive-page--videos .jc-archive-prefooter {
    min-height: min(760px, 29.5vw);
  }

  .jc-recipe-single .jc-recipe-single-hero {
    min-height: min(760px, 28vw);
    align-items: center;
    padding-top: clamp(5.8rem, 6.6vw, 9rem);
    padding-bottom: clamp(4.9rem, 5.7vw, 7.8rem);
  }

  .jc-recipe-single .jc-recipe-single-hero .jc-section-inner {
    transform: translateY(clamp(1.45rem, 2vw, 3rem));
  }

  #main-content.jc-recipe-single .jc-recipe-single-hero h1,
  #main-content .jc-recipe-single .jc-recipe-single-hero h1,
  .jc-recipe-single .jc-recipe-single-hero h1 {
    max-width: 1515px;
    color: var(--jc-color-white);
    font-size: clamp(4.85rem, 4.17vw, 6.72rem);
    line-height: 0.93;
  }

  #main-content.jc-recipe-single .jc-recipe-single-hero > .jc-section-inner > p:not(.jc-eyebrow),
  #main-content .jc-recipe-single .jc-recipe-single-hero > .jc-section-inner > p:not(.jc-eyebrow),
  .jc-recipe-single .jc-recipe-single-hero > .jc-section-inner > p:not(.jc-eyebrow) {
    display: none;
  }

  .jc-recipe-single .jc-recipe-single-section {
    min-height: min(1360px, 52vw);
    padding: 0;
    background: var(--jc-color-white);
  }

  .jc-recipe-single .jc-recipe-single-layout {
    width: 100%;
    max-width: none;
    min-height: inherit;
    grid-template-columns: minmax(476px, 29.75vw) minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
  }

  .jc-recipe-single .jc-recipe-panel {
    position: static;
    top: auto;
    min-height: inherit;
    padding: clamp(4.4rem, 5vw, 7rem) clamp(3rem, 4.15vw, 6rem) clamp(4.4rem, 5vw, 6.6rem) clamp(5.8rem, 8vw, 12.8rem);
    color: var(--jc-color-white);
    background: var(--jc-color-brand-gold);
  }

  #main-content.jc-recipe-single .jc-recipe-panel h2,
  #main-content .jc-recipe-single .jc-recipe-panel h2,
  .jc-recipe-single .jc-recipe-panel h2 {
    margin-bottom: clamp(2.04rem, 2.76vw, 3.61rem);
    color: var(--jc-color-brand-dark);
    font-size: clamp(1.87rem, 1.66vw, 2.64rem);
  }

  .jc-recipe-single .jc-recipe-ingredients {
    display: grid;
    gap: clamp(0.72rem, 0.92vw, 1.15rem);
    padding-left: 0;
    list-style: none;
  }

  #main-content.jc-recipe-single .jc-recipe-ingredients li,
  #main-content .jc-recipe-single .jc-recipe-ingredients li,
  .jc-recipe-single .jc-recipe-ingredients li {
    color: rgba(255, 255, 255, 0.92);
    font-size: clamp(0.73rem, 0.56vw, 0.85rem);
    font-weight: 400;
    line-height: 1.48;
  }

  .jc-recipe-single .jc-recipe-single-copy {
    padding: 0 clamp(4.25rem, 6.2vw, 10.2rem) clamp(3rem, 4.2vw, 5.5rem) clamp(4.25rem, 5.1vw, 8.5rem);
    background: var(--jc-color-white);
  }

  .jc-recipe-single .jc-recipe-single-meta {
    display: grid;
    width: min(100%, 551px);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0 0 clamp(3.8rem, 4.2vw, 6.2rem);
  }

  .jc-recipe-single .jc-recipe-single-meta__item {
    display: grid;
    min-height: 109px;
    place-items: center;
    gap: 0.24rem;
    padding: 0.85rem 0.47rem 0.77rem;
    border: 0;
    color: var(--jc-color-brand-dark);
    background: #f6f1e4;
    font-size: 0.88rem;
    line-height: 1.2;
    text-align: center;
    text-transform: none;
  }

  .jc-recipe-single .jc-recipe-single-meta__icon {
    display: block;
    width: clamp(22px, 1.45vw, 36px);
    height: clamp(22px, 1.45vw, 36px);
    object-fit: contain;
  }

  .jc-recipe-single .jc-recipe-single-meta__label {
    color: var(--jc-color-brand-gold);
    font-family: var(--jc-font-display);
    font-size: clamp(0.77rem, 0.61vw, 0.89rem);
    line-height: 1.1;
  }

  .jc-recipe-single .jc-recipe-single-meta__value {
    display: block;
    color: var(--jc-color-brand-dark);
    font-family: var(--jc-font-ui);
    font-size: clamp(0.7rem, 0.53vw, 0.81rem);
    font-weight: 600;
    line-height: 1.18;
  }

  #main-content.jc-recipe-single .jc-recipe-breadcrumb,
  #main-content .jc-recipe-single .jc-recipe-breadcrumb,
  .jc-recipe-single .jc-recipe-breadcrumb {
    margin: 0 0 clamp(2.2rem, 2.8vw, 3.7rem);
    color: var(--jc-color-brand-gold);
    font-size: clamp(0.77rem, 0.61vw, 0.92rem);
    line-height: 1.7;
  }

  .jc-recipe-single .jc-recipe-breadcrumb a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.18em;
  }

  .jc-recipe-single .jc-recipe-intro {
    max-width: 952px;
    margin-bottom: clamp(2.2rem, 2.7vw, 3.6rem);
  }

  #main-content.jc-recipe-single .jc-recipe-intro p,
  #main-content .jc-recipe-single .jc-recipe-intro p,
  .jc-recipe-single .jc-recipe-intro p {
    font-family: var(--jc-font-display);
    font-size: clamp(1.15rem, 1.23vw, 1.66rem);
    font-weight: 400;
    line-height: 1.32;
  }

  #main-content.jc-recipe-single .jc-recipe-single-copy h2,
  #main-content .jc-recipe-single .jc-recipe-single-copy h2,
  .jc-recipe-single .jc-recipe-single-copy h2 {
    margin-bottom: clamp(1.7rem, 2.55vw, 3.4rem);
    color: var(--jc-color-brand-gold);
    font-size: clamp(1.7rem, 1.96vw, 2.72rem);
  }

  .jc-recipe-single .jc-recipe-method {
    max-width: 1003px;
    gap: clamp(1.06rem, 1.36vw, 1.7rem);
    padding-left: 1.19rem;
  }

  #main-content.jc-recipe-single .jc-recipe-method p,
  #main-content.jc-recipe-single .jc-recipe-method li,
  #main-content .jc-recipe-single .jc-recipe-method p,
  #main-content .jc-recipe-single .jc-recipe-method li,
  .jc-recipe-single .jc-recipe-method p,
  .jc-recipe-single .jc-recipe-method li {
    font-size: clamp(0.78rem, 0.66vw, 0.94rem);
    font-weight: 400;
    line-height: 1.55;
  }

  .jc-recipe-single .jc-recipe-actions {
    display: flex;
    gap: 0.85rem;
    margin-top: clamp(2rem, 2.55vw, 3.4rem);
  }

  .jc-recipe-single .jc-recipe-actions .jc-button {
    min-width: clamp(179px, 8.93vw, 230px);
    min-height: clamp(36px, 1.7vw, 43px);
    padding-inline: clamp(1.36rem, 1.53vw, 2.04rem);
    font-size: clamp(0.85rem, 0.66vw, 0.98rem);
    font-weight: 400;
  }

  .jc-about-page .jc-supply-section {
    min-height: auto;
    padding: 0 0 clamp(5rem, 7vw, 9rem);
    background: #050504;
  }

  .jc-about-page .jc-supply-section > .jc-section-inner {
    width: 100%;
    max-width: none;
  }

  .jc-about-page .jc-supply-section .jc-section-heading {
    display: none;
  }

  .jc-about-page .jc-supply-section .jc-carousel {
    position: relative;
    display: grid;
    --jc-about-supply-card-width: min(24vw, 390px);
    --jc-about-supply-active-width: min(28vw, 470px);
    --jc-about-supply-gap: clamp(2rem, 2.5vw, 3.5rem);
    --jc-about-supply-gutter: max(1rem, calc((100vw - var(--jc-about-supply-active-width)) / 2));
    --jc-about-supply-image-height: clamp(12.5rem, 13vw, 15rem);
    --jc-about-supply-active-image-height: clamp(14.75rem, 15.6vw, 17.5rem);
    --jc-about-supply-body-height: clamp(18.5rem, 20vw, 22rem);
    --jc-about-supply-number-size: clamp(5rem, 4.4vw, 7rem);
    --jc-about-supply-active-lift: calc(var(--jc-about-supply-active-image-height) - var(--jc-about-supply-image-height));
    min-height: auto;
    align-items: center;
    padding: clamp(0.75rem, 1.4vw, 2rem) 0 clamp(5rem, 6vw, 8rem);
    overflow: visible;
    background: #050504;
  }

  .jc-about-page .jc-supply-section .jc-carousel__controls {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 clamp(5.5rem, 6.5vw, 10rem);
    pointer-events: none;
  }

  .jc-about-page .jc-supply-section .jc-icon-button {
    width: clamp(2.75rem, 3vw, 3.6rem);
    height: clamp(2.75rem, 3vw, 3.6rem);
    color: var(--jc-color-white);
    background: var(--jc-color-brand-gold);
    font-size: clamp(2.25rem, 2.55vw, 3rem);
    pointer-events: auto;
  }

  .jc-about-page .jc-supply-section .jc-carousel__viewport {
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--jc-about-supply-gutter);
  }

  .jc-about-page .jc-supply-section .jc-carousel__track {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--jc-about-supply-gap);
    width: max-content;
    padding: clamp(2rem, 2.7vw, 4rem) var(--jc-about-supply-gutter) clamp(4rem, 5vw, 7rem);
    overflow: visible;
  }

  .jc-about-page .jc-supply-card,
  .jc-about-page .jc-supply-card.is-active {
    position: relative;
    flex: 0 0 var(--jc-about-supply-card-width);
    color: var(--jc-color-white);
    background: var(--jc-color-brand-dark);
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    transform: translateY(0);
    transition: flex-basis var(--jc-duration) var(--jc-ease), opacity var(--jc-duration) var(--jc-ease), transform var(--jc-duration) var(--jc-ease);
  }

  .jc-about-page .jc-supply-card.is-outer {
    opacity: 0.42;
    transform: scale(0.86);
  }

  .jc-about-page .jc-supply-card.is-active {
    z-index: 2;
    flex-basis: var(--jc-about-supply-active-width);
    transform: translateY(calc(var(--jc-about-supply-active-lift) * -1));
  }

  .jc-about-page .jc-supply-card:not(:last-child)::after {
    position: absolute;
    top: calc(var(--jc-about-supply-image-height) + (var(--jc-about-supply-number-size) / 2));
    right: calc(var(--jc-about-supply-gap) * -1);
    width: var(--jc-about-supply-gap);
    height: 4px;
    content: "";
    background: var(--jc-color-brand-dark);
  }

  .jc-about-page .jc-supply-card.is-active::after {
    top: calc(var(--jc-about-supply-active-image-height) + (var(--jc-about-supply-number-size) / 2));
  }

  .jc-about-page .jc-supply-card img {
    display: block;
    width: 100%;
    height: var(--jc-about-supply-image-height);
    border-radius: 0;
    object-fit: cover;
  }

  .jc-about-page .jc-supply-card.is-active img {
    height: var(--jc-about-supply-active-image-height);
  }

  .jc-about-page .jc-supply-card div {
    position: relative;
    min-height: var(--jc-about-supply-body-height);
    padding: clamp(4rem, 3.8vw, 5rem) clamp(1.8rem, 2.2vw, 3rem) clamp(1.6rem, 2vw, 2.6rem);
    color: var(--jc-color-white);
    background: var(--jc-color-brand-dark);
    text-align: center;
  }

  .jc-about-page .jc-supply-card.is-active div {
    min-height: calc(var(--jc-about-supply-body-height) + var(--jc-about-supply-active-lift));
  }

  .jc-about-page .jc-supply-card span {
    top: calc(var(--jc-about-supply-number-size) / -2);
    width: var(--jc-about-supply-number-size);
    height: var(--jc-about-supply-number-size);
    color: var(--jc-color-brand-dark);
    background: var(--jc-color-brand-gold-light);
    align-items: center;
    justify-items: center;
    justify-content: center;
    font-family: var(--jc-font-ui);
    font-weight: 700;
    font-size: clamp(1.4rem, 1.45vw, 2.25rem);
    line-height: 1;
  }

  #main-content .jc-about-page .jc-supply-card h3,
  .jc-about-page .jc-supply-card h3 {
    color: var(--jc-color-white);
    font-size: clamp(1.6rem, 1.35vw, 2.15rem);
  }

  #main-content .jc-about-page .jc-supply-card p,
  .jc-about-page .jc-supply-card p {
    color: rgba(255, 255, 255, 0.88);
    font-family: var(--jc-font-ui);
    font-size: clamp(0.76rem, 0.66vw, 0.95rem);
    line-height: 1.32;
  }

  .jc-system-page--thank-you .jc-thank-you-hero {
    min-height: min(1085px, 42.4vw);
    align-items: center;
    padding-top: clamp(8rem, 10vw, 13rem);
    padding-bottom: clamp(7rem, 9vw, 12rem);
  }

  .jc-system-page--thank-you .jc-thank-you-hero::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.04) 46%, rgba(0, 0, 0, 0.16));
  }

  .jc-system-page--thank-you .jc-thank-you-hero .jc-section-inner {
    transform: none;
  }

  #main-content .jc-system-page--thank-you .jc-thank-you-hero h1,
  #main-content.jc-system-page--thank-you .jc-thank-you-hero h1,
  .jc-system-page--thank-you .jc-thank-you-hero h1 {
    max-width: 1200px;
    color: var(--jc-color-white);
    font-size: clamp(6rem, 5.2vw, 8.25rem);
    line-height: 0.95;
  }

  #main-content .jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)),
  #main-content.jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)),
  .jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)) {
    max-width: 1120px;
    font-size: clamp(1.55rem, 1.35vw, 2.1rem);
    line-height: 1.28;
  }

  .jc-system-page--thank-you .jc-thank-you-hero p:has(.jc-button) {
    display: none;
  }

  body:has(.jc-system-page--thank-you) .jc-site-footer__inner {
    padding-top: clamp(8.5rem, 7.6vw, 12.25rem);
    padding-bottom: clamp(5rem, 5.35vw, 8.5rem);
  }

  .jc-system-page--privacy .jc-privacy-hero {
    min-height: min(960px, 37.5vw);
    align-items: center;
    padding-top: clamp(8rem, 10vw, 13rem);
    padding-bottom: clamp(6rem, 8vw, 10rem);
    background-color: #8b835f;
    background-image: none;
  }

  #main-content .jc-system-page--privacy .jc-privacy-hero h1,
  .jc-system-page--privacy .jc-privacy-hero h1 {
    max-width: 1200px;
    color: var(--jc-color-white);
    font-size: clamp(5.5rem, 4.8vw, 7.4rem);
    line-height: 0.98;
  }

  #main-content .jc-system-page--privacy .jc-privacy-hero p,
  .jc-system-page--privacy .jc-privacy-hero p {
    max-width: 900px;
    font-family: var(--jc-font-ui);
    font-size: clamp(1rem, 0.85vw, 1.25rem);
    line-height: 1.55;
  }

  .jc-system-page--privacy .jc-system-section--privacy-copy {
    min-height: 0;
    padding-top: clamp(6rem, 8vw, 10rem);
    padding-bottom: clamp(6rem, 8vw, 10rem);
    background: var(--jc-color-white);
  }

  .jc-system-page--privacy .jc-system-copy {
    width: 100%;
    max-width: none;
    color: var(--jc-color-text-inverse);
    font-family: var(--jc-font-ui);
    font-size: 1rem;
    line-height: 1.7;
  }

  .jc-system-page--privacy .jc-privacy-copy {
    display: grid;
    gap: 1.15rem;
    max-width: 720px;
    margin: 0 auto;
  }

  #main-content .jc-system-page--privacy .jc-privacy-copy h2,
  .jc-system-page--privacy .jc-privacy-copy h2 {
    margin: 0 0 0.5rem;
    color: var(--jc-color-text-inverse);
    font-size: clamp(2.2rem, 2.4vw, 3.4rem);
  }

  .jc-system-page--privacy .jc-privacy-copy p {
    max-width: none;
    margin: 0;
    color: #333333;
  }

  .jc-system-page--privacy .jc-system-section--privacy-copy:last-of-type {
    padding-bottom: clamp(5rem, 6vw, 8rem);
  }
}

.jc-supply-intro-section {
  background: #050504;
  text-align: center;
}

.jc-supply-intro-section .jc-section-heading {
  margin-right: auto;
  margin-left: auto;
}

.jc-about-page .jc-brand-hero {
  padding-bottom: 0;
}

#main-content .jc-about-page .jc-story-copy > .jc-eyebrow,
.jc-about-page .jc-story-copy > .jc-eyebrow {
  margin-bottom: clamp(1rem, 1.7vw, 2.2rem);
  color: var(--jc-color-brand-gold-light);
  font-family: var(--jc-font-accent);
  font-size: clamp(2.75rem, 3.2vw, 4.85rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.86;
  text-transform: none;
}

#main-content .jc-about-page .jc-story-prose p:first-child,
.jc-about-page .jc-story-prose p:first-child {
  max-width: 920px;
  margin-right: auto;
  margin-left: auto;
  color: var(--jc-color-white);
  font-family: var(--jc-font-display);
  font-size: clamp(1.75rem, 1.65vw, 2.7rem);
  line-height: 1.08;
}

.jc-about-page .jc-story-prose p:not(:first-child),
.jc-about-page .jc-story-pullquote {
  font-size: clamp(0.9rem, 0.68vw, 1.06rem) !important;
  line-height: 1.48 !important;
}

.jc-about-page .jc-story-pullquote {
  color: var(--jc-color-brand-gold-light) !important;
}

.jc-about-page .jc-supply-intro-section .jc-section-heading {
  max-width: 1320px;
}

#main-content .jc-about-page .jc-supply-intro-section .jc-section-heading > p:not(.jc-eyebrow),
.jc-about-page .jc-supply-intro-section .jc-section-heading > p:not(.jc-eyebrow) {
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(0.78rem, 0.58vw, 0.92rem);
  line-height: 1.52;
}

.jc-about-page .jc-supply-section {
  padding-bottom: clamp(5rem, 7vw, 9rem);
  background: #050504;
}

.jc-about-page .jc-supply-section .jc-carousel__viewport {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}

.jc-about-page .jc-supply-section .jc-carousel__track {
  justify-content: flex-start;
}

.jc-about-page .jc-supply-card {
  border-radius: 0;
  transform: translateY(0);
}

.jc-about-page .jc-supply-card img {
  border-radius: 0;
}

.jc-about-page .jc-supply-card.is-active {
  z-index: 2;
  transform: translateY(calc(var(--jc-about-supply-active-lift) * -1));
}

.jc-about-page .jc-supply-card span {
  align-items: center;
  justify-items: center;
  justify-content: center;
  font-family: var(--jc-font-ui);
  font-weight: 700;
  font-size: clamp(1.4rem, 1.45vw, 2.25rem);
  line-height: 1;
}

.jc-about-page .jc-supply-card span::after {
  content: none;
}

@media (min-width: 981px) {
  .jc-about-page .jc-brand-hero,
  .jc-cook-page .jc-feature-hero--cook {
    min-height: min(1120px, 43.75vw);
    padding-bottom: clamp(3.25rem, 4.8vw, 6rem);
  }

  .jc-about-page .jc-brand-hero {
    padding-bottom: 0;
  }

  .jc-about-page .jc-brand-hero::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.08) 42%, rgba(0, 0, 0, 0.56));
  }

  .jc-about-page .jc-about-intro {
    min-height: min(800px, 31.25vw);
    padding-top: clamp(4.5rem, 5.5vw, 7rem);
    padding-bottom: clamp(4.5rem, 5.5vw, 7rem);
    background: #f8f3ed;
  }

  .jc-about-page .jc-about-intro .jc-design-intro__inner {
    max-width: 1580px;
  }

  #main-content .jc-about-page .jc-about-intro .jc-design-intro__inner h2,
  .jc-about-page .jc-about-intro .jc-design-intro__inner h2 {
    max-width: 1420px;
    margin-bottom: clamp(0.9rem, 1.1vw, 1.35rem);
    font-size: clamp(2.9rem, 3.05vw, 4.65rem);
    line-height: 1;
  }

  .jc-about-page .jc-about-intro .jc-design-intro__inner p:not(.jc-accent) {
    max-width: 1180px;
    font-size: clamp(0.78rem, 0.56vw, 0.9rem);
    line-height: 1.52;
  }

  .jc-about-page .jc-story-section,
  .jc-about-page .jc-about-editorial {
    min-height: min(1520px, 59.4vw);
    padding-top: clamp(6rem, 7vw, 9rem);
    padding-bottom: clamp(5.5rem, 7vw, 8.5rem);
  }

  .jc-about-page .jc-story-copy > .jc-eyebrow {
    margin-bottom: 0.2rem;
    color: var(--jc-color-brand-gold-light);
    font-family: var(--jc-font-accent);
    font-size: clamp(2.4rem, 2.6vw, 4rem);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.86;
    text-transform: none;
  }

  #main-content .jc-about-page .jc-story-copy h2,
  .jc-about-page .jc-story-copy h2 {
    max-width: 820px;
    margin-bottom: clamp(2rem, 2.8vw, 3.5rem);
    font-size: clamp(1.85rem, 1.55vw, 2.55rem);
    line-height: 1.02;
  }

  .jc-about-page .jc-story-prose {
    max-width: 920px;
    grid-template-columns: 1fr;
    gap: clamp(0.75rem, 0.72vw, 1.05rem);
    text-align: center;
  }

  .jc-about-page .jc-story-prose p {
    max-width: 920px;
    margin-right: auto;
    margin-left: auto;
    font-size: clamp(0.66rem, 0.54vw, 0.84rem);
    line-height: 1.42;
    text-align: center;
  }

  .jc-about-page .jc-story-pullquote {
    max-width: 920px;
    margin-top: clamp(1.1rem, 1.4vw, 2rem) !important;
    padding: 0;
    color: var(--jc-color-brand-gold-light) !important;
    background: transparent;
    font-size: clamp(0.92rem, 0.78vw, 1.18rem) !important;
    line-height: 1.28 !important;
  }

  #main-content .jc-about-page .jc-story-copy > .jc-eyebrow,
  .jc-about-page .jc-story-copy > .jc-eyebrow {
    margin-bottom: clamp(1.25rem, 1.7vw, 2.4rem);
    font-size: clamp(2.75rem, 3.2vw, 4.85rem);
  }

  #main-content .jc-about-page .jc-story-prose p:first-child,
  .jc-about-page .jc-story-prose p:first-child {
    max-width: 920px;
    color: var(--jc-color-white);
    font-family: var(--jc-font-display);
    font-size: clamp(1.75rem, 1.65vw, 2.7rem);
    line-height: 1.08;
  }

  .jc-about-page .jc-story-prose p:not(:first-child),
  .jc-about-page .jc-story-pullquote {
    font-size: clamp(0.9rem, 0.68vw, 1.06rem) !important;
    line-height: 1.48 !important;
  }

  .jc-about-page .jc-story-pullquote {
    font-size: clamp(18px, 1.25vw, 24px) !important;
  }

  #main-content .jc-about-page .jc-story-prose p.jc-story-pullquote,
  .jc-about-page .jc-story-prose p.jc-story-pullquote {
    font-size: clamp(18px, 1.25vw, 24px) !important;
  }

  .jc-about-page .jc-story-banner,
  .jc-about-page .jc-about-story-banner {
    min-height: min(700px, 27.35vw);
  }

  .jc-about-page .jc-supply-intro-section {
    min-height: min(660px, 25vw);
    display: grid;
    align-items: center;
    padding-top: clamp(3.5rem, 4.8vw, 6rem);
    padding-bottom: clamp(3rem, 4vw, 5rem);
  }

  .jc-about-page .jc-supply-intro-section .jc-section-heading {
    max-width: 1520px;
    margin-bottom: 0;
  }

  #main-content .jc-about-page .jc-supply-intro-section .jc-eyebrow,
  .jc-about-page .jc-supply-intro-section .jc-eyebrow {
    color: var(--jc-color-brand-gold-light);
    font-size: clamp(2rem, 2.05vw, 3.1rem);
    font-family: var(--jc-font-display);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: 0;
    text-transform: none;
  }

  #main-content .jc-about-page .jc-supply-intro-section h2,
  .jc-about-page .jc-supply-intro-section h2 {
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
    color: var(--jc-color-white);
    font-size: clamp(1.55rem, 1.35vw, 2.15rem);
    line-height: 1.05;
  }

  .jc-about-page .jc-supply-intro-section p {
    max-width: 1340px;
    margin-right: auto;
    margin-left: auto;
    color: rgba(255, 255, 255, 0.78);
    font-size: clamp(0.72rem, 0.52vw, 0.86rem);
    line-height: 1.48;
  }

  #main-content .jc-about-page .jc-supply-intro-section .jc-section-heading > p:not(.jc-eyebrow),
  .jc-about-page .jc-supply-intro-section .jc-section-heading > p:not(.jc-eyebrow) {
    max-width: 1120px;
    font-size: clamp(0.78rem, 0.58vw, 0.92rem);
    line-height: 1.52;
  }

  .jc-about-page .jc-map-section,
  .jc-about-page .jc-about-production-section {
    min-height: min(900px, 35.15vw);
    padding: 0;
    background: var(--jc-color-brand-dark);
  }

  .jc-about-page .jc-map-grid--text-right {
    width: 100%;
    max-width: none;
    min-height: inherit;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
  }

  .jc-about-page .jc-map-grid--text-right > div {
    display: grid;
    align-content: center;
    padding: clamp(4rem, 5.7vw, 8rem) clamp(6rem, 9vw, 14rem);
    color: var(--jc-color-white);
    background: transparent;
    text-align: center;
  }

  #main-content .jc-about-page .jc-map-grid--text-right h2,
  .jc-about-page .jc-map-grid--text-right h2 {
    color: var(--jc-color-white);
    font-size: clamp(1.8rem, 1.75vw, 2.8rem);
    line-height: 1.05;
  }

  #main-content .jc-about-page .jc-map-grid--text-right .jc-eyebrow,
  .jc-about-page .jc-map-grid--text-right .jc-eyebrow {
    color: var(--jc-color-brand-gold-light);
    font-family: var(--jc-font-accent);
    font-size: clamp(1.8rem, 2vw, 3rem);
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
  }

  #main-content .jc-about-page .jc-map-grid--text-right p,
  #main-content .jc-about-page .jc-map-grid--text-right li,
  .jc-about-page .jc-map-grid--text-right p,
  .jc-about-page .jc-map-grid--text-right li {
    color: rgba(255, 255, 255, 0.8);
    font-size: clamp(0.76rem, 0.54vw, 0.88rem);
    line-height: 1.46;
  }

  #main-content .jc-about-page .jc-map-grid--text-right .jc-number-list li,
  .jc-about-page .jc-map-grid--text-right .jc-number-list li {
    color: var(--jc-color-brand-gold-light);
    font-size: clamp(0.74rem, 0.52vw, 0.84rem);
    line-height: 1.42;
  }

  .jc-about-page .jc-map-figure {
    display: block;
    min-height: inherit;
    padding: 0;
  }

  .jc-about-page .jc-map-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center left;
  }

  .jc-about-page .jc-global-section,
  .jc-about-page .jc-about-world-map-section {
    min-height: min(1780px, 69.5vw);
    padding-top: clamp(6rem, 7vw, 9rem);
    padding-bottom: clamp(6rem, 7vw, 9rem);
    background: #050504;
  }

  .jc-about-page .jc-global-section .jc-section-heading {
    max-width: 1540px;
    margin-right: auto;
    margin-bottom: clamp(4.25rem, 6vw, 8rem);
    margin-left: auto;
    text-align: center;
  }

  #main-content .jc-about-page .jc-global-section .jc-section-heading h2,
  .jc-about-page .jc-global-section .jc-section-heading h2 {
    color: var(--jc-color-white);
    font-size: clamp(1.55rem, 1.35vw, 2.15rem);
  }

  #main-content .jc-about-page .jc-global-section .jc-section-heading .jc-eyebrow,
  .jc-about-page .jc-global-section .jc-section-heading .jc-eyebrow {
    color: var(--jc-color-brand-gold-light);
    font-size: clamp(2rem, 2.05vw, 3.1rem);
    font-family: var(--jc-font-display);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: 0;
    text-transform: none;
  }

  #main-content .jc-about-page .jc-global-section .jc-section-heading p,
  .jc-about-page .jc-global-section .jc-section-heading p {
    max-width: 1380px;
    margin-right: auto;
    margin-left: auto;
    color: rgba(255, 255, 255, 0.78);
    font-size: clamp(0.76rem, 0.54vw, 0.88rem);
    line-height: 1.48;
  }

  .jc-about-page .jc-global-section .jc-wide-map {
    padding: 0;
  }

  .jc-about-page .jc-global-section .jc-wide-map img {
    width: min(100%, 2280px);
    margin-right: auto;
    margin-left: auto;
  }

  .jc-cook-page .jc-feature-hero--cook {
    min-height: min(1420px, 55vw);
    padding-bottom: clamp(6rem, 7.2vw, 9rem);
    background-position: center 46%;
  }

  #main-content .jc-cook-page .jc-feature-hero h1,
  .jc-cook-page .jc-feature-hero h1 {
    font-size: clamp(6.15rem, 5.45vw, 8.85rem);
    line-height: 0.92;
  }

  #main-content .jc-cook-page .jc-feature-hero p,
  .jc-cook-page .jc-feature-hero p {
    max-width: 1220px;
    font-size: clamp(1.28rem, 1.04vw, 1.68rem);
    line-height: 1.4;
  }

  .jc-cook-page .jc-cook-videos {
    min-height: min(2240px, 87.5vw);
    align-content: start;
    padding-top: clamp(8rem, 9vw, 12rem);
    padding-bottom: clamp(8rem, 9vw, 12rem);
    background: #050504;
  }

  .jc-cook-page .jc-cook-videos__intro {
    max-width: 1500px;
    margin-bottom: clamp(4rem, 5.4vw, 7rem);
  }

  .jc-cook-page .jc-cook-videos__intro > .jc-accent {
    margin-bottom: 0;
    color: var(--jc-color-brand-gold-light);
    font-size: clamp(2.6rem, 2.8vw, 4.35rem);
    line-height: 0.82;
  }

  #main-content .jc-cook-page .jc-cook-videos__intro h2,
  .jc-cook-page .jc-cook-videos__intro h2 {
    margin-bottom: clamp(1.6rem, 2vw, 2.5rem);
    color: var(--jc-color-white);
    font-size: clamp(1.65rem, 1.5vw, 2.35rem);
    line-height: 1.04;
  }

  .jc-cook-page .jc-cook-videos__intro p {
    max-width: 1340px;
    font-size: clamp(0.78rem, 0.6vw, 0.96rem);
    line-height: 1.5;
  }

  .jc-cook-page .jc-cook-videos > .jc-section-inner:not(.jc-section-heading):not(.jc-section-actions) {
    width: min(100% - clamp(5rem, 9vw, 14rem), 2040px);
  }

  .jc-cook-page .jc-video-grid {
    width: 100%;
    max-width: none;
    gap: clamp(2.6rem, 4vw, 5rem) clamp(2.25rem, 3.2vw, 4.2rem);
  }

  .jc-cook-page .jc-video-card {
    border: 0;
    background: var(--jc-color-brand-dark);
  }

  .jc-cook-page .jc-video-card__poster {
    min-height: min(540px, 21.5vw);
    aspect-ratio: 1.88 / 1;
  }

  .jc-cook-page .jc-video-card .jc-card__body {
    min-height: 0;
    padding: clamp(1rem, 1.2vw, 1.55rem);
    text-align: center;
  }

  #main-content .jc-cook-page .jc-video-card h3,
  .jc-cook-page .jc-video-card h3 {
    color: var(--jc-color-brand-gold-light);
    font-size: clamp(1.25rem, 1.05vw, 1.6rem);
  }

  .jc-cook-page .jc-section-actions p {
    color: var(--jc-color-white);
    font-size: clamp(1.1rem, 0.95vw, 1.45rem);
    font-weight: 400;
  }

  .jc-cook-page .jc-cook-videos .jc-button {
    border-color: var(--jc-color-brand-gold);
    color: var(--jc-color-white);
    background: var(--jc-color-brand-gold);
  }

  .jc-cook-page .jc-cook-videos .jc-button:hover,
  .jc-cook-page .jc-cook-videos .jc-button:focus-visible {
    border-color: var(--jc-color-brand-gold);
    color: var(--jc-color-white);
    background: var(--jc-color-brand-gold);
  }

  .jc-cook-page .jc-cook-recipes {
    min-height: min(3000px, 117vw);
    display: grid;
    align-content: center;
    padding-top: clamp(8rem, 9vw, 12rem);
    padding-bottom: clamp(8rem, 9vw, 12rem);
    color: var(--jc-color-brand-dark);
    background: #a8976c;
  }

  .jc-cook-page .jc-cook-recipes > .jc-section-inner:not(.jc-section-heading):not(.jc-section-actions) {
    width: min(100% - clamp(5rem, 9vw, 14rem), 2040px);
  }

  .jc-cook-page .jc-cook-recipes .jc-recipe-grid {
    gap: clamp(2.5rem, 3.6vw, 4.75rem);
  }

  .jc-cook-page .jc-cook-recipes .jc-section-heading {
    max-width: 1500px;
    margin-bottom: clamp(4.5rem, 5.6vw, 7rem);
  }

  .jc-cook-page .jc-cook-recipes .jc-section-heading > .jc-accent {
    color: var(--jc-color-white);
    font-size: clamp(1.9rem, 2.25vw, 3.2rem);
    line-height: 0.86;
  }

  #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading h2,
  .jc-cook-page .jc-cook-recipes .jc-section-heading h2 {
    color: var(--jc-color-brand-dark);
    font-size: clamp(1.8rem, 1.85vw, 2.85rem);
    line-height: 1.05;
  }

  .jc-cook-page .jc-cook-recipes .jc-section-heading p {
    max-width: 1360px;
    color: rgba(51, 46, 40, 0.78);
    font-size: clamp(0.72rem, 0.52vw, 0.86rem);
    line-height: 1.5;
  }

  .jc-cook-page .jc-cook-recipes .jc-card {
    border: 0;
    background: var(--jc-color-white);
  }

  .jc-cook-page .jc-cook-recipes .jc-card__body {
    gap: clamp(0.72rem, 0.82vw, 1rem);
    padding: clamp(1.45rem, 1.85vw, 2.25rem);
    text-align: center;
  }

  #main-content .jc-cook-page .jc-cook-recipes .jc-card h3,
  .jc-cook-page .jc-cook-recipes .jc-card h3 {
    color: var(--jc-color-brand-dark);
    font-size: clamp(1.3rem, 1.15vw, 1.75rem);
    line-height: 1.12;
  }

  .jc-cook-page .jc-cook-recipes .jc-card__body > p {
    display: -webkit-box;
    overflow: hidden;
    color: var(--jc-color-text-muted);
    font-size: clamp(0.8rem, 0.68vw, 1.05rem);
    line-height: 1.42;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .jc-cook-page .jc-cook-recipes .jc-meta-row {
    margin-top: clamp(0.7rem, 0.85vw, 1rem);
    font-size: clamp(0.68rem, 0.54vw, 0.82rem);
  }

  .jc-cook-page .jc-cook-recipes .jc-meta-row > span {
    min-height: clamp(50px, 2.35vw, 56px);
    padding: clamp(0.42rem, 0.52vw, 0.62rem);
  }

  .jc-cook-page .jc-brand-prefooter {
    min-height: min(620px, 24vw);
  }

  #main-content .jc-cook-page .jc-brand-prefooter h2,
  .jc-cook-page .jc-brand-prefooter h2 {
    font-size: clamp(2rem, 1.75vw, 3.05rem);
    line-height: 1.08;
  }

  .jc-cook-page .jc-prefooter--cook .jc-button {
    border-color: var(--jc-color-brand-gold);
    border-radius: 6px;
    color: var(--jc-color-white);
    background: var(--jc-color-brand-gold);
  }

  .jc-cook-page .jc-prefooter--cook .jc-button:hover,
  .jc-cook-page .jc-prefooter--cook .jc-button:focus-visible {
    border-color: var(--jc-color-brand-gold);
    color: var(--jc-color-white);
    background: var(--jc-color-brand-gold);
  }
}

.jc-button--brand-gold,
.jc-button.jc-button--brand-gold,
input.jc-button--brand-gold,
.jc-about-page .jc-prefooter--about .jc-button,
.jc-corporate-page .jc-statement-grid .jc-button,
.jc-corporate-page .jc-corporate-statement-card .jc-button,
.jc-contact-form-section input[type="submit"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="submit"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"],
.jc-products-page .jc-prefooter--products .jc-button,
.jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper.gravity-theme input[type="submit"],
.jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper input[type="submit"],
.jc-system-page--contact .jc-contact-prefooter .jc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  min-width: clamp(150px, 8.25vw, 176px);
  padding: 0.48rem 1.55rem;
  border-color: var(--jc-color-brand-gold);
  border-radius: 6px !important;
  color: var(--jc-color-white);
  background: var(--jc-color-brand-gold);
  font-family: var(--jc-font-ui);
  font-size: var(--jc-font-size-body);
  font-weight: 600;
  line-height: 1;
}

.jc-button--brand-gold:hover,
.jc-button--brand-gold:focus-visible,
.jc-button.jc-button--brand-gold:hover,
.jc-button.jc-button--brand-gold:focus-visible,
input.jc-button--brand-gold:hover,
input.jc-button--brand-gold:focus-visible,
.jc-about-page .jc-prefooter--about .jc-button:hover,
.jc-about-page .jc-prefooter--about .jc-button:focus-visible,
.jc-corporate-page .jc-statement-grid .jc-button:hover,
.jc-corporate-page .jc-statement-grid .jc-button:focus-visible,
.jc-corporate-page .jc-corporate-statement-card .jc-button:hover,
.jc-corporate-page .jc-corporate-statement-card .jc-button:focus-visible,
.jc-contact-form-section input[type="submit"]:hover,
.jc-contact-form-section input[type="submit"]:focus-visible,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="submit"]:hover,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="submit"]:focus-visible,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"]:hover,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"]:focus-visible,
.jc-products-page .jc-prefooter--products .jc-button:hover,
.jc-products-page .jc-prefooter--products .jc-button:focus-visible,
.jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper.gravity-theme input[type="submit"]:hover,
.jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper.gravity-theme input[type="submit"]:focus-visible,
.jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper input[type="submit"]:hover,
.jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper input[type="submit"]:focus-visible,
.jc-system-page--contact .jc-contact-prefooter .jc-button:hover,
.jc-system-page--contact .jc-contact-prefooter .jc-button:focus-visible {
  border-color: var(--jc-color-brand-gold);
  color: var(--jc-color-white);
  background: var(--jc-color-brand-gold);
}

.jc-brand-hub-login-panels .jc-system-panel:first-child .wpaloginform .wpa-submit,
.jc-brand-hub-login-panels .jc-system-panel:first-child .wpaloginform .wpa-submit:hover,
.jc-brand-hub-login-panels .jc-system-panel:first-child .wpaloginform .wpa-submit:focus-visible {
  border-color: var(--jc-color-white);
  color: var(--jc-color-brand-gold) !important;
  background: var(--jc-color-white);
}

.jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper.gravity-theme .gform_footer,
.jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gform_footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.jc-brand-hub-login-panels .jc-system-panel:last-child .jc-brand-hub-review-note {
  margin: 0 auto clamp(2rem, 2.6vw, 3rem);
}

.jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper.gravity-theme input[type="submit"],
.jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper input[type="submit"] {
  margin-right: auto;
  margin-left: auto;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels {
  padding-top: 0;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-grid--two-panels {
  align-items: start;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel {
  min-height: 0;
  gap: 0.55rem;
  padding: clamp(2rem, 3vw, 3.2rem) clamp(1.75rem, 5vw, 5rem);
}

#main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels h2,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels h2 {
  margin-bottom: 0.35rem;
  font-size: clamp(1.75rem, 2vw, 2.35rem);
  line-height: 1.06;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel > p {
  max-width: 560px;
  margin-bottom: 0.35rem;
  font-size: clamp(0.88rem, 0.82vw, 0.98rem);
  line-height: 1.45;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-form-panel,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-passwordless-panel,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform {
  width: min(100%, 560px);
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme .gform_fields,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper .gform_fields {
  grid-row-gap: 0.55rem;
  row-gap: 0.55rem;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme .gfield,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper .gfield {
  margin-top: 0 !important;
  margin-bottom: 0;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme .gfield_label,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper .gfield_label,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-login-label {
  margin-bottom: 0.18rem;
  font-size: clamp(0.72rem, 0.66vw, 0.82rem);
  line-height: 1.2;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="text"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="email"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="tel"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme textarea,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper input[type="text"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper input[type="email"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper input[type="tel"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper textarea,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-user-email-username {
  min-height: 38px;
  padding-top: 0.36rem;
  padding-bottom: 0.42rem;
  font-size: clamp(0.86rem, 0.78vw, 0.96rem);
}


.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme .gform_footer,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper .gform_footer {
  margin-top: 0.85rem;
  padding-top: 0;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="submit"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper input[type="submit"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-submit {
  min-height: 42px;
  margin-top: 0.85rem;
}

#main-content .jc-archive-page--recipes .jc-archive-prefooter h2,
#main-content.jc-archive-page--recipes .jc-archive-prefooter h2,
.jc-archive-page--recipes .jc-archive-prefooter h2 {
  max-width: 880px;
  margin-right: auto;
  margin-bottom: 1.45rem;
  margin-left: auto;
  color: var(--jc-color-white);
  font-size: clamp(1.75rem, 2vw, 2.7rem);
  line-height: 1.1;
}

.jc-archive-page--recipes .jc-archive-prefooter p {
  display: inline-flex;
  gap: 0.75rem;
  padding: 0;
  border: 0;
}

.jc-archive-page--recipes .jc-archive-prefooter .jc-button + .jc-button {
  margin-left: 0;
}

@media (max-width: 980px) {
  :root {
    --jc-font-size-h1: 40px;
    --jc-font-size-h2: 32px;
    --jc-font-size-h3: 28px;
    --jc-font-size-h4: 20px;
    --jc-font-size-body: 14px;
    --jc-line-height-accent: 1.2;
  }

  .jc-section-inner,
  .jc-system-page .jc-section-inner,
  .jc-brand-page .jc-section-inner,
  .jc-archive-page .jc-section-inner,
  .jc-recipe-single .jc-section-inner {
    width: min(100% - 28px, var(--jc-container-max));
  }

  .jc-brand-hub-login-panels {
    background: var(--jc-color-white);
  }

  .jc-brand-hub-login-panels .jc-system-grid--two-panels,
  .jc-contact-form-section .jc-system-grid--form,
  .jc-welfare-feature,
  .jc-recipe-single-layout,
  .jc-office-grid,
  .jc-statement-grid,
  .jc-archive-page--recipes .jc-recipe-grid,
  .jc-cook-recipes .jc-recipe-grid {
    grid-template-columns: 1fr;
  }

  .jc-brand-hub-login-panels .jc-system-panel {
    min-height: auto;
    padding: 4rem 1.4rem;
  }

  .jc-contact-map img {
    min-height: 340px;
  }

  .jc-product-card-grid {
    padding-inline: 14px;
    scroll-padding-inline: 14px;
  }

  .jc-product-card {
    flex-basis: min(92vw, 520px);
  }

  .jc-recipe-panel {
    position: static;
    min-height: 0;
  }

  #main-content .jc-home-intro-stage__copy h2,
  .jc-home-intro-stage__copy h2 {
    max-width: 100%;
    font-size: 40px;
    line-height: 1.08;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  #main-content .jc-home-intro-stage__copy h2 .jc-accent,
  .jc-home-intro-stage__copy h2 .jc-accent {
    display: block;
    font-size: 48px;
    line-height: var(--jc-line-height-accent);
  }
}

.jc-home-page .jc-home-hero-brand,
.jc-about-page .jc-brand-hero,
.jc-products-page .jc-brand-hero,
.jc-corporate-page .jc-brand-hero,
.jc-cook-page .jc-feature-hero--cook,
.jc-system-page--contact .jc-contact-hero {
  padding-bottom: 0;
}

.jc-home-page .jc-home-hero-brand {
  position: relative;
  overflow: hidden;
  background-color: #050504;
}

.jc-home-page .jc-home-hero-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}

.jc-home-page .jc-home-hero-brand::before {
  z-index: 1;
}

.jc-home-page .jc-home-hero-brand > .jc-section-inner {
  position: relative;
  z-index: 2;
}

/* Page standardisation pass: shared hero guide-line alignment. */
@media (min-width: 981px) {
  :root {
    --jc-standard-hero-height: 100vh;
    --jc-standard-hero-height: 100svh;
    --jc-standard-hero-scroll-bottom: 0px;
    --jc-standard-next-heading-pad: 80px;
  }

  .jc-home-page .jc-home-hero-brand,
  .jc-about-page .jc-brand-hero,
  .jc-products-page .jc-brand-hero,
  .jc-corporate-page .jc-brand-hero,
  .jc-cook-page .jc-feature-hero--cook,
  .jc-archive-page .jc-archive-hero,
  .jc-system-page--contact .jc-system-hero,
  .jc-system-page--brand-hub-login .jc-system-hero,
  .jc-system-page--privacy .jc-system-hero,
  .jc-system-page--thank-you .jc-system-hero {
    display: block;
    min-height: var(--jc-standard-hero-height);
    height: var(--jc-standard-hero-height);
    padding-top: 0;
    padding-bottom: 0;
    align-items: flex-start;
  }

  .jc-system-page--contact,
  .jc-system-page--brand-hub-login,
  .jc-system-page--privacy,
  .jc-system-page--thank-you {
    margin-top: -36px;
  }

  .jc-home-page .jc-home-hero-brand > .jc-section-inner,
  .jc-about-page .jc-brand-hero > .jc-section-inner,
  .jc-products-page .jc-brand-hero > .jc-section-inner,
  .jc-corporate-page .jc-brand-hero > .jc-section-inner,
  .jc-cook-page .jc-feature-hero--cook > .jc-section-inner,
  .jc-archive-page .jc-archive-hero > .jc-section-inner,
  .jc-system-page--contact .jc-system-hero > .jc-section-inner,
  .jc-system-page--brand-hub-login .jc-system-hero > .jc-section-inner,
  .jc-system-page--privacy .jc-system-hero > .jc-section-inner,
  .jc-system-page--thank-you .jc-system-hero > .jc-section-inner {
    position: relative;
    display: grid;
    min-height: var(--jc-standard-hero-height);
    align-content: center;
    justify-items: center;
    padding-top: 0;
  }

  #main-content .jc-about-page .jc-brand-hero h1,
  .jc-about-page .jc-brand-hero h1,
  #main-content .jc-products-page .jc-brand-hero h1,
  .jc-products-page .jc-brand-hero h1,
  #main-content .jc-corporate-page .jc-brand-hero h1,
  .jc-corporate-page .jc-brand-hero h1,
  #main-content .jc-cook-page .jc-feature-hero h1,
  .jc-cook-page .jc-feature-hero h1,
  #main-content .jc-archive-page .jc-archive-hero h1,
  .jc-archive-page .jc-archive-hero h1,
  #main-content .jc-system-page--contact .jc-system-hero h1,
  .jc-system-page--contact .jc-system-hero h1 {
    display: grid;
    justify-items: center;
    gap: 0;
    max-width: 1320px;
    margin: 0;
    color: var(--jc-color-white);
    font-size: clamp(5.5rem, 7.4vw, 6.65rem);
    line-height: 0.92;
    text-align: center;
  }

  .jc-about-page .jc-brand-hero h1 .jc-accent,
  .jc-products-page .jc-brand-hero h1 .jc-accent,
  .jc-corporate-page .jc-brand-hero h1 .jc-accent,
  .jc-cook-page .jc-feature-hero h1 .jc-accent,
  .jc-archive-page .jc-archive-hero h1 .jc-accent,
  .jc-system-page--contact .jc-system-hero h1 .jc-accent {
    color: var(--jc-color-brand-gold-light);
    font-family: var(--jc-font-accent) !important;
    font-size: 0.86em;
    line-height: 0.78;
  }

  #main-content .jc-about-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-about-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #main-content .jc-products-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-products-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #main-content .jc-corporate-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-corporate-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #main-content .jc-cook-page .jc-feature-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-cook-page .jc-feature-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #main-content .jc-archive-page .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-archive-page .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #main-content .jc-system-page--contact .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-system-page--contact .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    max-width: 1080px;
    margin: 1.45rem auto 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(1.02rem, 1.25vw, 1.18rem);
    line-height: 1.44;
    text-align: center;
  }

  #main-content .jc-system-page--brand-hub-login .jc-system-hero h1,
  .jc-system-page--brand-hub-login .jc-system-hero h1,
  #main-content .jc-system-page--privacy .jc-system-hero h1,
  .jc-system-page--privacy .jc-system-hero h1 {
    max-width: 1280px;
    margin: 0;
    color: var(--jc-color-white);
    font-size: clamp(4.8rem, 6vw, 5.9rem);
    line-height: 0.98;
    text-align: center;
  }

  .jc-system-page--brand-hub-login .jc-system-hero > .jc-section-inner,
  .jc-system-page--privacy .jc-system-hero > .jc-section-inner {
    padding-top: 0;
  }

  #main-content .jc-system-page--brand-hub-login .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-system-page--brand-hub-login .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #main-content .jc-system-page--privacy .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-system-page--privacy .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    max-width: 980px;
    margin: 1.35rem auto 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(1rem, 1.15vw, 1.12rem);
    line-height: 1.46;
    text-align: center;
  }

  .jc-home-page .jc-home-wordmark-heading {
    position: static;
    top: auto;
    left: auto;
    margin: 0;
    transform: none;
  }

  #main-content .jc-home-page .jc-home-wordmark-heading,
  .jc-home-page .jc-home-wordmark-heading {
    width: min(38vw, 620px);
  }

  #main-content .jc-home-page .jc-home-hero-brand .jc-scroll-marker,
  .jc-home-page .jc-home-hero-brand .jc-scroll-marker,
  .jc-about-page .jc-brand-hero .jc-scroll-marker,
  .jc-products-page .jc-brand-hero .jc-scroll-marker,
  .jc-corporate-page .jc-brand-hero .jc-scroll-marker,
  .jc-cook-page .jc-feature-hero--cook .jc-scroll-marker,
  .jc-archive-page .jc-archive-hero .jc-scroll-marker,
  .jc-system-page--contact .jc-system-hero .jc-scroll-marker,
  .jc-system-page--brand-hub-login .jc-system-hero .jc-scroll-marker,
  .jc-system-page--privacy .jc-system-hero .jc-scroll-marker {
    position: absolute;
    right: 50%;
    bottom: var(--jc-standard-hero-scroll-bottom);
    margin: 0;
    font-size: 0.78rem !important;
    line-height: 1.15;
    transform: translateX(50%);
  }

  .jc-home-page .jc-home-hero-brand .jc-scroll-marker::after,
  .jc-about-page .jc-brand-hero .jc-scroll-marker::after,
  .jc-products-page .jc-brand-hero .jc-scroll-marker::after,
  .jc-corporate-page .jc-brand-hero .jc-scroll-marker::after,
  .jc-cook-page .jc-feature-hero--cook .jc-scroll-marker::after,
  .jc-archive-page .jc-archive-hero .jc-scroll-marker::after,
  .jc-system-page--contact .jc-system-hero .jc-scroll-marker::after,
  .jc-system-page--brand-hub-login .jc-system-hero .jc-scroll-marker::after,
  .jc-system-page--privacy .jc-system-hero .jc-scroll-marker::after {
    height: 58px;
  }

  .jc-home-page .jc-home-intro-stage,
  .jc-about-page .jc-about-intro,
  .jc-products-page .jc-products-intro,
  .jc-corporate-page .jc-corporate-intro,
  .jc-cook-page .jc-cook-videos,
  .jc-archive-page--recipes .jc-archive-section--dark,
  .jc-archive-page--videos .jc-archive-section--dark,
  .jc-system-page--contact .jc-contact-form-section,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels,
  .jc-system-page--privacy .jc-system-section--privacy-copy {
    align-content: start;
    align-items: start;
    padding-top: var(--jc-standard-next-heading-pad);
  }

  .jc-home-page .jc-home-intro-stage {
    min-height: min(1180px, 58vw);
  }

  .jc-products-page .jc-products-intro,
  .jc-cook-page .jc-cook-videos,
  .jc-system-page--contact .jc-contact-form-section,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels {
    min-height: auto;
  }

  .jc-products-page .jc-product-tile-grid {
    margin-top: clamp(5rem, 7vw, 7.5rem);
  }

  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel {
    min-height: 0;
    align-content: start;
    padding-top: 0;
  }

  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels {
    padding-top: 0;
  }

  #main-content .jc-archive-page--videos .jc-archive-hero h1,
  #main-content.jc-archive-page--videos .jc-archive-hero h1,
  .jc-archive-page--videos .jc-archive-hero h1 {
    display: grid !important;
    flex-direction: initial;
    justify-items: center;
    gap: 0;
    font-size: clamp(5.5rem, 7.4vw, 6.65rem);
    line-height: 0.92;
  }

  #main-content .jc-archive-page--videos .jc-archive-hero h1 span:first-child,
  #main-content.jc-archive-page--videos .jc-archive-hero h1 span:first-child,
  .jc-archive-page--videos .jc-archive-hero h1 span:first-child,
  #main-content .jc-archive-page--videos .jc-archive-hero h1 span:last-child,
  #main-content.jc-archive-page--videos .jc-archive-hero h1 span:last-child,
  .jc-archive-page--videos .jc-archive-hero h1 span:last-child {
    font-family: var(--jc-font-display) !important;
    font-size: 1em;
    line-height: 0.92;
  }

  #main-content .jc-archive-page--videos .jc-archive-hero h1 .jc-accent,
  #main-content.jc-archive-page--videos .jc-archive-hero h1 .jc-accent,
  .jc-archive-page--videos .jc-archive-hero h1 .jc-accent {
    color: var(--jc-color-brand-gold-light);
    font-family: var(--jc-font-accent) !important;
    font-size: 0.86em;
    line-height: 0.78;
  }

  #main-content .jc-archive-page--videos .jc-archive-hero h1 span.jc-accent:first-child,
  #main-content.jc-archive-page--videos .jc-archive-hero h1 span.jc-accent:first-child,
  .jc-archive-page--videos .jc-archive-hero h1 span.jc-accent:first-child {
    font-family: var(--jc-font-accent) !important;
  }
}

.jc-corporate-page .jc-corporate-intro {
  min-height: min(1080px, 42vw);
  padding-bottom: clamp(5rem, 5.4vw, 7rem);
}

.jc-corporate-page .jc-corporate-intro .jc-design-intro__inner {
  width: min(100% - clamp(4rem, 8vw, 12rem), 1440px);
  max-width: 1440px;
}

#main-content .jc-corporate-page .jc-corporate-intro .jc-design-intro__inner h2,
.jc-corporate-page .jc-corporate-intro .jc-design-intro__inner h2 {
  max-width: 1040px;
  font-size: clamp(2.75rem, 4vw, 4rem);
  line-height: 0.98;
}

.jc-corporate-page .jc-corporate-intro .jc-design-intro__inner p:not(.jc-accent) {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(1rem, 1.02vw, 1.16rem);
}

.jc-corporate-page .jc-corporate-esg-intro {
  min-height: min(1480px, 57.8vw);
  row-gap: clamp(3rem, 4.4vw, 5.8rem);
}

.jc-corporate-page .jc-welfare-strip {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
  box-sizing: border-box;
}

.jc-corporate-page .jc-welfare-strip img {
  filter: brightness(0) invert(1);
}

#main-content .jc-corporate-page .jc-welfare-strip h3,
.jc-corporate-page .jc-welfare-strip h3 {
  color: var(--jc-color-white);
}

.jc-corporate-page .jc-statement-grid article {
  min-height: min(760px, 29.7vw);
  padding: clamp(4.5rem, 6vw, 7rem) clamp(3rem, 10vw, 12rem);
}

#main-content .jc-corporate-page .jc-statement-grid h3,
.jc-corporate-page .jc-statement-grid h3 {
  font-size: clamp(2rem, 2.8vw, 3.3rem);
  line-height: 1;
}

.jc-corporate-page .jc-statement-grid .jc-button,
.jc-corporate-page .jc-statement-grid .jc-button:hover,
.jc-corporate-page .jc-statement-grid .jc-button:focus-visible {
  border-color: var(--jc-color-brand-dark);
  color: var(--jc-color-white);
  background: var(--jc-color-brand-dark);
}

.jc-cook-page .jc-video-card__poster {
  aspect-ratio: 2.85 / 1;
  min-height: min(360px, 15.8vw);
}

.jc-corporate-page .jc-corporate-statement-section {
  display: grid;
  min-height: min(900px, 35.15vw);
  align-content: center;
  padding: clamp(5.5rem, 7vw, 9rem) 0;
  color: var(--jc-color-text-inverse);
  text-align: center;
}

.jc-corporate-page .jc-corporate-statement-section--cream {
  background: var(--jc-color-cream);
}

.jc-corporate-page .jc-corporate-statement-section--offwhite {
  background: #f8f3ed;
}

.jc-corporate-page .jc-corporate-statement-section > .jc-section-inner {
  width: min(calc(100% - clamp(3rem, 12vw, 18rem)), 980px) !important;
  max-width: 980px !important;
}

.jc-corporate-page .jc-corporate-statement-card {
  display: grid;
  justify-items: center;
  gap: clamp(0.7rem, 0.9vw, 1.05rem);
  margin: 0 auto;
}

#main-content .jc-corporate-page .jc-corporate-statement-card h3,
.jc-corporate-page .jc-corporate-statement-card h3 {
  margin: 0;
  color: var(--jc-color-text-inverse);
  font-family: var(--jc-font-display);
  font-size: clamp(1.8rem, 2.35vw, 3.05rem);
  font-weight: 400;
  line-height: 1.04;
}

.jc-corporate-page .jc-corporate-statement-subtitle p,
#main-content .jc-corporate-page .jc-corporate-statement-subtitle p {
  margin: 0;
  color: var(--jc-color-brand-gold);
  font-family: var(--jc-font-display);
  font-size: clamp(1.2rem, 1.22vw, 1.6rem);
  font-style: normal;
  line-height: 1.2;
}

.jc-corporate-page .jc-corporate-statement-card .jc-type-body-base p,
#main-content .jc-corporate-page .jc-corporate-statement-card .jc-type-body-base p {
  max-width: 640px;
  margin: 0 auto;
  color: var(--jc-color-text-muted);
  font-size: var(--jc-type-body-size);
  line-height: var(--jc-type-body-line-height);
}

.jc-corporate-page .jc-corporate-statement-card .jc-button {
  margin-top: clamp(1rem, 1.4vw, 1.8rem);
  justify-self: center;
  border-color: var(--jc-color-brand-gold) !important;
  color: var(--jc-color-white) !important;
  background: var(--jc-color-brand-gold) !important;
}

.jc-corporate-page .jc-corporate-statement-card .jc-button:hover,
.jc-corporate-page .jc-corporate-statement-card .jc-button:focus-visible {
  border-color: var(--jc-color-brand-gold) !important;
  color: var(--jc-color-white) !important;
  background: var(--jc-color-brand-gold) !important;
}

@media (max-width: 767px) {
  .jc-corporate-page .jc-corporate-statement-section {
    min-height: 0;
    padding: clamp(4rem, 15vw, 6rem) 0;
  }

  .jc-corporate-page .jc-corporate-statement-section > .jc-section-inner {
    width: min(calc(100% - 2.5rem), 38rem) !important;
  }

  #main-content .jc-corporate-page .jc-corporate-statement-card h3,
  .jc-corporate-page .jc-corporate-statement-card h3 {
    font-size: clamp(1.8rem, 8vw, 2.65rem);
  }
}

.jc-cook-page .jc-cook-videos {
  padding-top: clamp(3rem, 4.2vw, 5rem);
  padding-bottom: clamp(3rem, 4.2vw, 5rem);
}

.jc-cook-page .jc-cook-videos__intro {
  max-width: 1040px;
  margin-bottom: clamp(1.5rem, 2vw, 2.4rem);
}

.jc-cook-page .jc-cook-videos > .jc-section-inner:not(.jc-section-heading):not(.jc-section-actions) {
  width: min(100% - clamp(2rem, 5vw, 6rem), 1120px);
}

.jc-cook-page .jc-video-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1040px;
  gap: clamp(1.25rem, 1.6vw, 1.75rem);
}

.jc-cook-page .jc-video-card {
  min-height: 0;
}

.jc-cook-page .jc-video-card__poster,
.jc-cook-page .jc-video-card:nth-child(3) .jc-video-card__poster,
.jc-cook-page .jc-video-card:nth-child(4) .jc-video-card__poster {
  min-height: 0;
  aspect-ratio: 16 / 9;
  background-position: center;
  background-size: cover;
  filter: brightness(1.08) saturate(1.2) contrast(1.06);
}

.jc-cook-page .jc-video-card__poster::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.18));
}

.jc-cook-page .jc-video-card .jc-card__body {
  padding: clamp(0.85rem, 1vw, 1rem);
}

#main-content .jc-cook-page .jc-video-card h3,
.jc-cook-page .jc-video-card h3 {
  font-size: clamp(1rem, 0.95vw, 1.2rem);
  line-height: 1.12;
}

@media (max-width: 980px) {
  .jc-cook-page .jc-video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 720px;
  }
}

@media (max-width: 640px) {
  .jc-cook-page .jc-cook-videos > .jc-section-inner:not(.jc-section-heading):not(.jc-section-actions) {
    width: min(100% - 2rem, 420px);
  }

  .jc-cook-page .jc-video-grid {
    grid-template-columns: 1fr;
    max-width: 420px;
  }
}

.jc-recipe-card .jc-meta-row > span {
  min-height: 50px;
  padding: 0.42rem 0.38rem;
}

.jc-recipe-card .jc-meta-row strong {
  margin-bottom: 0;
  font-size: 0.58rem;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

.jc-recipe-card__meta-copy {
  gap: 0;
}

.jc-recipe-card__meta-value {
  font-size: 0.66rem;
  line-height: 1.08;
  white-space: nowrap;
}

.jc-cook-page .jc-cook-recipes .jc-meta-row > span {
  min-height: 50px;
  padding: 0.36rem 0.32rem;
}

.jc-cook-page .jc-cook-recipes .jc-section-actions .jc-button {
  color: var(--jc-color-white);
  border-color: #000;
  background: #000;
}

@media (min-width: 981px) {
  .jc-cook-page .jc-cook-recipes {
    min-height: auto;
    padding-top: clamp(4.75rem, 5.2vw, 6.5rem);
    padding-bottom: clamp(4.75rem, 5.2vw, 6.5rem);
  }

  .jc-cook-page .jc-cook-recipes .jc-section-heading {
    max-width: 1280px;
    margin-bottom: clamp(2rem, 2.45vw, 3.2rem);
  }

  .jc-cook-page .jc-cook-recipes .jc-section-heading > .jc-accent {
    display: block;
    width: 100%;
    margin-bottom: -0.54rem;
    font-size: clamp(1.5rem, 1.62vw, 2.2rem);
    line-height: 0.58;
    text-align: center;
  }

  #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading h2,
  .jc-cook-page .jc-cook-recipes .jc-section-heading h2 {
    font-size: clamp(1.45rem, 1.34vw, 2.05rem);
    line-height: 0.84;
  }

  .jc-cook-page .jc-cook-recipes .jc-section-heading p:not(.jc-accent) {
    max-width: 960px;
    margin-top: 0.5rem;
    color: var(--jc-color-white);
    font-size: clamp(0.66rem, 0.46vw, 0.74rem);
    line-height: 1.28;
  }

  .jc-cook-page .jc-cook-recipes > .jc-section-inner:not(.jc-section-heading):not(.jc-section-actions) {
    width: min(100% - clamp(2rem, 6vw, 7rem), 1180px);
  }

  .jc-cook-page .jc-cook-recipes .jc-recipe-grid {
    gap: clamp(1.9rem, 2.7vw, 3rem);
  }

  .jc-cook-page .jc-cook-recipes .jc-recipe-card {
    height: min(520px, 36vw);
    overflow: hidden;
  }

  .jc-cook-page .jc-cook-recipes .jc-recipe-card > img {
    aspect-ratio: 1.72 / 1;
  }

  .jc-cook-page .jc-cook-recipes .jc-card__body {
    flex: 1 1 auto;
    align-content: start;
    gap: clamp(0.48rem, 0.66vw, 0.78rem);
    padding: clamp(0.9rem, 1vw, 1.18rem) clamp(1rem, 1.15vw, 1.35rem) clamp(0.72rem, 0.86vw, 0.95rem);
    overflow: visible;
  }

  #main-content .jc-cook-page .jc-cook-recipes .jc-card h3,
  .jc-cook-page .jc-cook-recipes .jc-card h3 {
    color: var(--jc-color-brand-gold);
    font-size: clamp(1.12rem, 1vw, 1.48rem);
    font-weight: 400;
    line-height: 1.05;
  }

  .jc-cook-page .jc-cook-recipes .jc-card__body > p {
    color: rgba(51, 46, 40, 0.78);
    font-size: clamp(0.72rem, 0.58vw, 0.86rem);
    line-height: 1.34;
    -webkit-line-clamp: 3;
  }

  .jc-cook-page .jc-cook-recipes .jc-meta-row {
    position: static;
    width: 100%;
    margin: auto 0 0;
    text-transform: none;
  }

  .jc-cook-page .jc-cook-recipes .jc-meta-row > span {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 0.3rem;
    min-height: 76px;
    padding: 0.5rem 0.36rem 0.46rem;
    text-align: center;
  }

  .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-icon {
    width: 31px;
    height: 31px;
    aspect-ratio: auto;
  }

  .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-copy {
    display: grid;
    justify-items: center;
    max-width: 100%;
  }

  .jc-cook-page .jc-cook-recipes .jc-meta-row strong {
    max-width: 100%;
    color: var(--jc-color-brand-gold);
    font-family: var(--jc-font-display);
    font-size: clamp(0.66rem, 0.52vw, 0.8rem);
    font-weight: 400;
    line-height: 1.05;
    text-transform: none;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-value {
    max-width: 100%;
    color: var(--jc-color-brand-dark);
    font-size: clamp(0.66rem, 0.52vw, 0.82rem);
    line-height: 1.12;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

/* Brent review pass: About page typography, copy width, and supply-chain carousel polish. */
@media (min-width: 981px) {
  #main-content .jc-about-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-about-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    max-width: 1062px;
    font-family: var(--jc-font-display);
    font-size: clamp(1.18rem, 1.35vw, 1.72rem);
    font-weight: 400;
    line-height: 1.42;
  }

  .jc-about-page .jc-about-intro {
    display: grid;
    align-items: center;
  }

  #main-content .jc-about-page .jc-about-intro .jc-design-intro__inner > .jc-accent,
  .jc-about-page .jc-about-intro .jc-design-intro__inner > .jc-accent {
    margin-bottom: 0;
    font-size: clamp(1.45rem, 1.8vw, 2.35rem);
    line-height: 0.92;
  }

  #main-content .jc-about-page .jc-about-intro .jc-design-intro__inner h2,
  .jc-about-page .jc-about-intro .jc-design-intro__inner h2 {
    max-width: 1040px;
    margin-top: 0;
    margin-bottom: clamp(0.7rem, 0.9vw, 1.1rem);
    font-size: clamp(1.82rem, 2.05vw, 3rem);
    line-height: 1.02;
  }

  #main-content .jc-about-page .jc-about-intro .jc-design-intro__inner p:not(.jc-accent),
  .jc-about-page .jc-about-intro .jc-design-intro__inner p:not(.jc-accent) {
    max-width: 940px;
    font-size: clamp(0.86rem, 0.94vw, 0.98rem);
    font-weight: 400;
    line-height: 1.5;
  }

  #main-content .jc-about-page .jc-story-copy > .jc-eyebrow,
  .jc-about-page .jc-story-copy > .jc-eyebrow {
    margin-bottom: clamp(1rem, 1.35vw, 1.8rem);
    font-size: clamp(2.2rem, 2.35vw, 3.6rem);
  }

  #main-content .jc-about-page .jc-story-prose p:first-child,
  .jc-about-page .jc-story-prose p:first-child {
    max-width: 736px;
    font-size: clamp(1.42rem, 1.48vw, 2.15rem);
    font-weight: 400;
    line-height: 1.12;
  }

  #main-content .jc-about-page .jc-story-prose p,
  .jc-about-page .jc-story-prose p {
    font-weight: 400;
  }

  #main-content .jc-about-page .jc-story-prose p.jc-story-pullquote,
  .jc-about-page .jc-story-prose p.jc-story-pullquote {
    font-family: var(--jc-font-display);
    font-size: clamp(16px, 1.06vw, 21px) !important;
    font-weight: 400;
  }

  #main-content .jc-about-page .jc-about-story-banner p,
  .jc-about-page .jc-about-story-banner p {
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    font-family: var(--jc-font-display);
    font-size: clamp(1.35rem, 1.5vw, 2rem);
    font-weight: 400;
    line-height: 1.34;
  }

  #main-content .jc-about-page .jc-supply-intro-section .jc-eyebrow,
  .jc-about-page .jc-supply-intro-section .jc-eyebrow {
    font-family: var(--jc-font-display) !important;
    font-size: clamp(1.7rem, 1.75vw, 2.45rem);
    line-height: 1.05;
  }

  #main-content .jc-about-page .jc-supply-intro-section .jc-section-heading > p:not(.jc-eyebrow),
  .jc-about-page .jc-supply-intro-section .jc-section-heading > p:not(.jc-eyebrow) {
    max-width: 1008px;
    font-size: clamp(0.92rem, 1vw, 1.08rem);
    font-weight: 400;
    line-height: 1.5;
  }

  .jc-about-page .jc-supply-section .jc-carousel {
    --jc-about-supply-number-size: clamp(5.75rem, 5.06vw, 8.05rem);
  }

  .jc-about-page .jc-supply-card:not(:last-child)::after,
  .jc-about-page .jc-supply-card.is-active::after {
    background: var(--jc-color-brand-gold-light);
  }

  .jc-about-page .jc-supply-card span {
    font-family: var(--jc-font-display);
    font-size: clamp(1.6rem, 1.67vw, 2.6rem);
    font-weight: 400;
  }

  #main-content .jc-about-page .jc-supply-card h3,
  .jc-about-page .jc-supply-card h3,
  #main-content .jc-about-page .jc-supply-card p,
  .jc-about-page .jc-supply-card p {
    font-weight: 400;
  }

  #main-content .jc-about-page .jc-map-grid--text-right .jc-eyebrow,
  .jc-about-page .jc-map-grid--text-right .jc-eyebrow {
    margin-bottom: 0;
    font-size: clamp(1.55rem, 1.65vw, 2.45rem);
  }

  .jc-about-page .jc-map-grid--text-right > div {
    padding-right: clamp(2.75rem, 3.5vw, 6rem);
    padding-left: clamp(2.75rem, 3.5vw, 6rem);
  }

  #main-content .jc-about-page .jc-map-grid--text-right h2,
  .jc-about-page .jc-map-grid--text-right h2 {
    max-width: 590px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: clamp(0.75rem, 0.9vw, 1.15rem);
    margin-left: auto;
  }

  #main-content .jc-about-page .jc-map-grid--text-right > div > p:not(.jc-eyebrow),
  .jc-about-page .jc-map-grid--text-right > div > p:not(.jc-eyebrow) {
    max-width: 590px;
    margin-right: auto;
    margin-left: auto;
    font-size: clamp(0.92rem, 1vw, 1.05rem);
    font-weight: 400;
    line-height: 1.5;
  }

  .jc-about-page .jc-map-grid--text-right .jc-number-list {
    margin-top: clamp(3rem, 3.4vw, 4.25rem);
  }

  #main-content .jc-about-page .jc-map-grid--text-right .jc-number-list li,
  .jc-about-page .jc-map-grid--text-right .jc-number-list li {
    font-size: clamp(0.92rem, 1vw, 1.05rem);
    font-weight: 400;
    line-height: 1.5;
  }

  #main-content .jc-about-page .jc-global-section .jc-section-heading .jc-eyebrow,
  .jc-about-page .jc-global-section .jc-section-heading .jc-eyebrow {
    font-size: clamp(1.65rem, 1.75vw, 2.6rem);
  }

  #main-content .jc-about-page .jc-global-section .jc-section-heading p,
  .jc-about-page .jc-global-section .jc-section-heading p {
    max-width: 1120px;
    font-size: clamp(0.92rem, 1vw, 1.05rem);
    font-weight: 400;
    line-height: 1.5;
  }

  #main-content .jc-about-page .jc-prefooter--about h2,
  .jc-about-page .jc-prefooter--about h2 {
    font-size: clamp(1.82rem, 2.15vw, 2.35rem);
    font-weight: 400;
    line-height: 1.05;
  }
}

@media (max-width: 980px) {
  .jc-brand-hero,
  .jc-system-hero,
  .jc-feature-hero--cook,
  .jc-archive-hero,
  .jc-recipe-single-hero {
    min-height: 560px;
    padding: 7.25rem 0 2.5rem;
  }

  #main-content .jc-brand-hero h1,
  .jc-brand-hero h1,
  #main-content .jc-feature-hero h1,
  .jc-feature-hero h1,
  #main-content .jc-system-hero h1,
  .jc-system-hero h1,
  #main-content .jc-archive-hero h1,
  .jc-archive-hero h1 {
    font-size: clamp(3.2rem, 15vw, 4.35rem);
    line-height: 0.98;
  }
}

@media (max-width: 980px) {
  .jc-home-page .jc-home-hero-brand,
  .jc-about-page .jc-brand-hero,
  .jc-products-page .jc-brand-hero,
  .jc-corporate-page .jc-brand-hero,
  .jc-cook-page .jc-feature-hero--cook,
  .jc-archive-page .jc-archive-hero {
    min-height: calc(100vh - 80px);
    min-height: calc(100svh - 80px);
    padding-top: 0;
    padding-bottom: 0;
  }

  .jc-system-page--contact .jc-system-hero,
  .jc-system-page--brand-hub-login .jc-system-hero,
  .jc-system-page--privacy .jc-system-hero,
  .jc-system-page--thank-you .jc-system-hero {
    min-height: calc(100vh - 112px);
    min-height: calc(100svh - 112px);
    padding-top: 0;
    padding-bottom: 0;
  }

  .jc-home-page .jc-home-hero-brand > .jc-section-inner,
  .jc-about-page .jc-brand-hero > .jc-section-inner,
  .jc-products-page .jc-brand-hero > .jc-section-inner,
  .jc-corporate-page .jc-brand-hero > .jc-section-inner,
  .jc-cook-page .jc-feature-hero--cook > .jc-section-inner,
  .jc-archive-page .jc-archive-hero > .jc-section-inner,
  .jc-system-page--contact .jc-system-hero > .jc-section-inner,
  .jc-system-page--brand-hub-login .jc-system-hero > .jc-section-inner,
  .jc-system-page--privacy .jc-system-hero > .jc-section-inner,
  .jc-system-page--thank-you .jc-system-hero > .jc-section-inner {
    position: relative;
    display: grid;
    min-height: inherit;
    align-content: center;
    justify-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .jc-system-page--thank-you .jc-system-hero > .jc-section-inner {
    transform: translateY(33px);
  }

  .jc-home-page .jc-home-wordmark-heading {
    position: static;
    top: auto;
    left: auto;
    margin: 0;
    transform: none;
  }

  #main-content .jc-home-page .jc-home-hero-brand .jc-scroll-marker,
  .jc-home-page .jc-home-hero-brand .jc-scroll-marker,
  .jc-about-page .jc-brand-hero .jc-scroll-marker,
  .jc-products-page .jc-brand-hero .jc-scroll-marker,
  .jc-corporate-page .jc-brand-hero .jc-scroll-marker,
  .jc-cook-page .jc-feature-hero--cook .jc-scroll-marker,
  .jc-archive-page .jc-archive-hero .jc-scroll-marker,
  .jc-system-page--contact .jc-system-hero .jc-scroll-marker,
  .jc-system-page--brand-hub-login .jc-system-hero .jc-scroll-marker,
  .jc-system-page--privacy .jc-system-hero .jc-scroll-marker {
    position: absolute;
    right: 50%;
    bottom: 0;
    margin: 0;
    transform: translateX(50%);
  }
}

/* Native Home hero: keep the video module as a background layer. */
.jc-home-page .jc-home-hero-brand > .jc-section-inner {
  position: static !important;
}

.jc-home-page .jc-home-hero-video-module {
  position: absolute !important;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.jc-home-page .jc-home-hero-video-module,
.jc-home-page .jc-home-hero-brand .jc-scroll-marker-module {
  pointer-events: none;
}

.jc-home-page .jc-home-hero-brand .jc-scroll-marker-module {
  position: static !important;
}

.jc-home-page .jc-home-hero-brand .jc-home-wordmark-heading {
  position: absolute !important;
}

.jc-home-page .jc-home-hero-brand .jc-home-hero-logo,
.jc-home-page .jc-home-hero-brand .jc-home-wordmark-heading,
.jc-home-page .jc-home-hero-brand .jc-scroll-marker-module {
  position: relative;
  z-index: 2;
}

/* Native handover bridge: body gets page identity only, sections keep wrapper styling. */
body.jc-feature-page,
body.jc-brand-page {
  width: auto;
  max-width: none;
  margin-left: 0;
  overflow-x: clip;
  overflow-y: auto;
}

.jc-about-page .jc-brand-hero,
.jc-about-page .jc-about-intro,
.jc-about-page .jc-story-section,
.jc-about-page .jc-about-story-banner,
.jc-about-page .jc-supply-intro-section,
.jc-about-page .jc-supply-section,
.jc-about-page .jc-map-section,
.jc-about-page .jc-global-section,
.jc-about-page .jc-prefooter--about {
  width: 100%;
}

.jc-about-page .jc-brand-hero .jc-native-row,
.jc-about-page .jc-about-intro .jc-native-row,
.jc-about-page .jc-story-section .jc-native-row,
.jc-about-page .jc-supply-intro-section .jc-native-row,
.jc-about-page .jc-global-section .jc-native-row,
.jc-about-page .jc-prefooter--about .jc-native-row {
  display: grid;
  justify-items: center;
}

#main-content .jc-about-page .jc-brand-hero h1,
.jc-about-page .jc-brand-hero h1,
#main-content .jc-about-page .jc-brand-hero p,
.jc-about-page .jc-brand-hero p {
  color: var(--jc-color-white);
}

.jc-about-page .jc-brand-hero .jc-eyebrow {
  margin-bottom: clamp(0.75rem, 1vw, 1.25rem);
}

#main-content .jc-about-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
.jc-about-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
  max-width: 1062px;
  margin-right: auto;
  margin-left: auto;
  font-family: var(--jc-font-display);
  font-size: clamp(1.18rem, 1.35vw, 1.72rem);
  font-weight: 400;
  line-height: 1.42;
}

.jc-about-page .jc-about-intro {
  display: grid;
  align-items: center;
  background: #f8f3ed;
}

#main-content .jc-about-page .jc-about-intro .jc-accent,
.jc-about-page .jc-about-intro .jc-accent {
  margin: 0;
  color: var(--jc-color-brand-gold);
  font-size: clamp(1.45rem, 1.8vw, 2.35rem);
  line-height: 0.92;
}

#main-content .jc-about-page .jc-about-intro h2,
.jc-about-page .jc-about-intro h2 {
  max-width: 1040px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: clamp(0.7rem, 0.9vw, 1.1rem);
  margin-left: auto;
  color: var(--jc-color-brand-dark);
  font-size: clamp(1.82rem, 2.05vw, 3rem);
  line-height: 1.02;
  text-align: center;
}

#main-content .jc-about-page .jc-about-intro p:not(.jc-accent),
.jc-about-page .jc-about-intro p:not(.jc-accent) {
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
  color: var(--jc-color-brand-dark);
  font-size: clamp(0.86rem, 0.94vw, 0.98rem);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

.jc-about-page .jc-story-section {
  color: var(--jc-color-white);
  background: #050504;
}

#main-content .jc-about-page .jc-story-copy .jc-eyebrow,
.jc-about-page .jc-story-copy .jc-eyebrow {
  margin-bottom: clamp(1rem, 1.35vw, 1.8rem);
  color: var(--jc-color-brand-gold-light);
  font-family: var(--jc-font-accent) !important;
  font-size: clamp(2.2rem, 2.35vw, 3.6rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.86;
  text-align: center;
  text-transform: none;
}

.jc-about-page .jc-story-copy .jc-story-prose {
  max-width: 920px;
  margin-right: auto;
  margin-left: auto;
}

#main-content .jc-about-page .jc-story-prose--lead p,
.jc-about-page .jc-story-prose--lead p {
  max-width: 736px;
  color: var(--jc-color-white);
  font-family: var(--jc-font-display);
  font-size: clamp(1.42rem, 1.48vw, 2.15rem);
  font-weight: 400;
  line-height: 1.12;
  text-align: center;
}

#main-content .jc-about-page .jc-story-prose p,
.jc-about-page .jc-story-prose p {
  color: var(--jc-color-white);
  font-size: clamp(0.9rem, 0.68vw, 1.06rem);
  font-weight: 400;
  line-height: 1.48;
  text-align: center;
}

#main-content .jc-about-page .jc-story-pullquote,
.jc-about-page .jc-story-pullquote {
  max-width: 920px;
  margin-top: clamp(1.1rem, 1.4vw, 2rem);
  margin-right: auto;
  margin-left: auto;
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-display);
  font-size: clamp(18px, 1.25vw, 24px) !important;
  font-weight: 400;
  line-height: 1.28 !important;
  text-align: center;
}

.jc-about-page .jc-about-story-banner {
  display: grid;
  align-items: center;
}

#main-content .jc-about-page .jc-about-story-banner p,
.jc-about-page .jc-about-story-banner p {
  max-width: 1220px;
  margin-right: auto;
  margin-left: auto;
  color: var(--jc-color-white);
  font-family: var(--jc-font-display);
  font-size: clamp(1.35rem, 1.5vw, 2rem);
  font-weight: 400;
  line-height: 1.34;
  text-align: center;
}

.jc-about-page .jc-supply-intro-section,
.jc-about-page .jc-supply-section,
.jc-about-page .jc-map-section,
.jc-about-page .jc-global-section {
  background: #050504;
}

#main-content .jc-about-page .jc-supply-intro-section .jc-eyebrow,
.jc-about-page .jc-supply-intro-section .jc-eyebrow,
#main-content .jc-about-page .jc-map-grid--text-right .jc-eyebrow,
.jc-about-page .jc-map-grid--text-right .jc-eyebrow,
#main-content .jc-about-page .jc-global-section .jc-eyebrow,
.jc-about-page .jc-global-section .jc-eyebrow {
  margin-bottom: clamp(0.5rem, 0.7vw, 0.9rem);
  color: var(--jc-color-brand-gold-light);
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.55rem, 1.65vw, 2.45rem);
  line-height: 1.05;
  text-align: center;
}

#main-content .jc-about-page .jc-supply-intro-section h2,
.jc-about-page .jc-supply-intro-section h2,
#main-content .jc-about-page .jc-map-grid--text-right h2,
.jc-about-page .jc-map-grid--text-right h2,
#main-content .jc-about-page .jc-global-section h2,
.jc-about-page .jc-global-section h2 {
  max-width: 780px;
  margin-right: auto;
  margin-left: auto;
  color: var(--jc-color-white);
  font-size: clamp(1.82rem, 2.05vw, 3rem);
  line-height: 1.05;
  text-align: center;
}

#main-content .jc-about-page .jc-supply-intro-section p:not(.jc-eyebrow),
.jc-about-page .jc-supply-intro-section p:not(.jc-eyebrow),
#main-content .jc-about-page .jc-global-section p:not(.jc-eyebrow),
.jc-about-page .jc-global-section p:not(.jc-eyebrow) {
  max-width: 1008px;
  margin-right: auto;
  margin-left: auto;
  color: var(--jc-color-white);
  font-size: clamp(0.92rem, 1vw, 1.08rem);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

.jc-about-page .jc-map-grid--text-right {
  align-items: center;
}

.jc-about-page .jc-map-copy-column {
  display: grid;
  align-content: center;
  justify-items: center;
  padding-right: clamp(2.75rem, 3.5vw, 6rem);
  padding-left: clamp(2.75rem, 3.5vw, 6rem);
}

#main-content .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
.jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
#main-content .jc-about-page .jc-map-copy-column li,
.jc-about-page .jc-map-copy-column li {
  max-width: 590px;
  color: var(--jc-color-white);
  font-size: clamp(0.92rem, 1vw, 1.05rem);
  font-weight: 400;
  line-height: 1.5;
}

.jc-about-page .jc-map-copy-column .jc-number-list {
  max-width: 590px;
  margin-top: clamp(2rem, 2.6vw, 3.4rem);
}

@media (min-width: 981px) {
  .jc-about-page .jc-about-intro {
    min-height: min(800px, 31.25vw);
  }

  .jc-about-page .jc-story-section {
    min-height: min(1520px, 59.4vw);
  }

  .jc-about-page .jc-about-story-banner {
    min-height: min(700px, 27.35vw);
  }

  .jc-about-page .jc-supply-intro-section {
    min-height: min(660px, 25vw);
  }
}

.jc-products-page .jc-product-tile-grid {
  margin-bottom: clamp(-14rem, -12.5vw, -11rem);
}

/* Legacy builder module CSS was printed late, so these native About overrides must win. */
#page-container #main-content .jc-about-page .jc-brand-hero h1,
#page-container .jc-about-page .jc-brand-hero h1 {
  color: var(--jc-color-white) !important;
}

#page-container #main-content .jc-about-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
#page-container .jc-about-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.18rem, 1.35vw, 1.72rem) !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
}

#page-container #main-content .jc-about-page .jc-about-intro .jc-accent,
#page-container .jc-about-page .jc-about-intro .jc-accent {
  color: var(--jc-color-brand-gold) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: clamp(1.45rem, 1.8vw, 2.35rem) !important;
  font-weight: 400 !important;
  line-height: 0.92 !important;
}

#page-container #main-content .jc-about-page .jc-about-intro h2,
#page-container .jc-about-page .jc-about-intro h2 {
  color: var(--jc-color-brand-dark) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.82rem, 2.05vw, 3rem) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
}

#page-container #main-content .jc-about-page .jc-about-intro p:not(.jc-accent),
#page-container .jc-about-page .jc-about-intro p:not(.jc-accent) {
  color: var(--jc-color-brand-dark) !important;
  font-family: var(--jc-font-body) !important;
  font-size: clamp(0.86rem, 0.94vw, 0.98rem) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

#page-container #main-content .jc-about-page .jc-story-copy .jc-eyebrow,
#page-container .jc-about-page .jc-story-copy .jc-eyebrow {
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: clamp(2.2rem, 2.35vw, 3.6rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 0.86 !important;
  text-transform: none !important;
}

#page-container #main-content .jc-about-page .jc-story-prose--lead p,
#page-container .jc-about-page .jc-story-prose--lead p {
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.42rem, 1.48vw, 2.15rem) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
}

#page-container #main-content .jc-about-page .jc-story-prose p,
#page-container .jc-about-page .jc-story-prose p {
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-body) !important;
  font-size: clamp(0.9rem, 0.68vw, 1.06rem) !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
}

#page-container #main-content .jc-about-page .jc-story-pullquote,
#page-container .jc-about-page .jc-story-pullquote {
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(18px, 1.25vw, 24px) !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
}

#page-container #main-content .jc-about-page .jc-about-story-banner p,
#page-container .jc-about-page .jc-about-story-banner p,
#page-container #main-content .jc-about-page .jc-supply-intro-section h2,
#page-container .jc-about-page .jc-supply-intro-section h2,
#page-container #main-content .jc-about-page .jc-map-grid--text-right h2,
#page-container .jc-about-page .jc-map-grid--text-right h2,
#page-container #main-content .jc-about-page .jc-global-section h2,
#page-container .jc-about-page .jc-global-section h2 {
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-weight: 400 !important;
}


body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent {
  color: var(--jc-color-brand-gold) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: clamp(1.45rem, 1.8vw, 2.35rem) !important;
  font-weight: 400 !important;
  line-height: 0.92 !important;
}

body.jc-about-page #page-container #main-content .jc-about-intro h2 {
  color: var(--jc-color-brand-dark) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.82rem, 2.05vw, 3rem) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
}

body.jc-about-page #page-container #main-content .jc-about-intro p:not(.jc-accent) {
  color: var(--jc-color-brand-dark) !important;
  font-family: var(--jc-font-body) !important;
  font-size: clamp(0.86rem, 0.94vw, 0.98rem) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

body.jc-about-page #page-container #main-content .jc-story-copy .jc-eyebrow {
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: clamp(2.2rem, 2.35vw, 3.6rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 0.86 !important;
  text-transform: none !important;
}

/* Emergency review polish: scoped to About/Product visual presentation only. */
.jc-about-page .jc-brand-hero {
  display: grid !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  height: 100vh !important;
  height: 100svh !important;
  align-items: stretch !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.jc-about-page .jc-brand-hero > .jc-section-inner,
.jc-about-page .jc-brand-hero > .jc-native-row {
  position: relative !important;
  display: grid !important;
  min-height: inherit !important;
  height: 100% !important;
  align-content: center !important;
  justify-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.jc-about-page .jc-brand-hero .jc-scroll-marker {
  position: absolute !important;
  right: 50% !important;
  bottom: 0 !important;
  z-index: 2 !important;
  margin: 0 !important;
  transform: translateX(50%) !important;
}

.jc-products-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
  max-width: min(60vw, 760px) !important;
  font-weight: 400 !important;
}

.jc-products-page .jc-products-intro .jc-design-intro__inner {
  max-width: 1040px !important;
}

#main-content .jc-products-page .jc-products-intro .jc-products-intro__heading,
.jc-products-page .jc-products-intro .jc-products-intro__heading {
  max-width: 820px !important;
  margin-bottom: 1rem !important;
}

.jc-products-page .jc-products-intro .jc-products-intro__heading span:not(.jc-accent) {
  font-size: clamp(1.45rem, 1.45vw, 2.1rem) !important;
  line-height: 1.08 !important;
}

.jc-products-page .jc-products-intro .jc-design-intro__inner > p {
  max-width: 920px !important;
  font-size: clamp(0.92rem, 0.72vw, 1.02rem) !important;
  font-weight: 400 !important;
  line-height: 1.62 !important;
}

.jc-products-page .jc-product-tile-grid {
  width: min(100% - clamp(5rem, 14vw, 20rem), 1120px) !important;
  max-width: 1120px !important;
  gap: clamp(0.9rem, 1.15vw, 1.2rem) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.jc-products-page .jc-product-tile {
  min-height: 320px !important;
  padding: clamp(1.65rem, 1.8vw, 2rem) clamp(1.15rem, 1.3vw, 1.45rem) !important;
}

.jc-products-page .jc-product-tile img {
  width: min(187px, 86%) !important;
  height: 123px !important;
  margin-bottom: 1.15rem !important;
}

#main-content .jc-products-page .jc-product-tile h3,
.jc-products-page .jc-product-tile h3,
#main-content .jc-products-page .jc-product-card h3,
.jc-products-page .jc-product-card h3 {
  color: var(--jc-color-brand-gold-light) !important;
}

.jc-products-page .jc-product-tile p,
.jc-products-page .jc-product-subtitle {
  color: var(--jc-color-brand-gold-light) !important;
  font-weight: 400 !important;
}

.jc-products-page .jc-product-tile p::before,
.jc-products-page .jc-product-subtitle::before {
  content: "(";
}

.jc-products-page .jc-product-tile p::after,
.jc-products-page .jc-product-subtitle::after {
  content: ")";
}

.jc-products-page .jc-product-tile span {
  max-width: 17rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: clamp(0.92rem, 0.72vw, 1.04rem) !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
}

.jc-products-page .jc-products-detail-section {
  padding-top: clamp(8rem, 9vw, 11rem) !important;
  padding-bottom: clamp(4rem, 5vw, 6rem) !important;
}

.jc-products-page .jc-products-detail-section .jc-section-heading {
  max-width: 780px !important;
  margin-bottom: clamp(2.2rem, 3vw, 3.6rem) !important;
}

#main-content .jc-products-page .jc-products-detail-section .jc-eyebrow,
.jc-products-page .jc-products-detail-section .jc-eyebrow {
  margin-bottom: 0.2rem !important;
}

#main-content .jc-products-page .jc-products-detail-section h2,
.jc-products-page .jc-products-detail-section h2 {
  margin-bottom: 0.75rem !important;
  font-size: clamp(1.8rem, 2.35vw, 3.4rem) !important;
}

.jc-products-page .jc-products-detail-section .jc-section-heading p:not(.jc-eyebrow) {
  max-width: 620px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: clamp(0.84rem, 0.66vw, 0.96rem) !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
}

.jc-products-page .jc-product-card-grid {
  display: grid !important;
  width: min(100% - clamp(2.5rem, 5vw, 7rem), 1680px) !important;
  max-width: 1680px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(0.8rem, 1.25vw, 1.25rem) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

.jc-products-page .jc-product-card {
  display: grid !important;
  min-height: 0 !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  flex: initial !important;
}

.jc-products-page .jc-product-gallery {
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.jc-products-page .jc-product-gallery__track {
  display: flex !important;
  width: 100% !important;
  overflow: hidden !important;
}

.jc-products-page .jc-product-gallery img[data-jc-gallery-slide] {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  aspect-ratio: 2.04 / 1 !important;
  object-fit: cover !important;
  object-position: center !important;
}

.jc-products-page .jc-product-gallery .jc-icon-button {
  position: absolute !important;
  top: 50% !important;
  z-index: 4 !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 999px !important;
  color: var(--jc-color-white) !important;
  background: rgba(0, 0, 0, 0.62) !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
}

.jc-products-page .jc-product-gallery [data-jc-gallery-prev] {
  left: 0.55rem !important;
}

.jc-products-page .jc-product-gallery [data-jc-gallery-next] {
  right: 0.55rem !important;
}

.jc-products-page .jc-product-card__body {
  display: flex !important;
  min-height: 0 !important;
  flex-direction: column !important;
  padding: clamp(2.55rem, 2.3vw, 3.2rem) clamp(0.85rem, 1vw, 1.15rem) 0 !important;
}

.jc-products-page .jc-product-card__logo {
  top: clamp(-4.05rem, -3vw, -3.15rem) !important;
  width: min(138px, 52%) !important;
  height: clamp(82px, 5vw, 104px) !important;
}

#main-content .jc-products-page .jc-product-card h3,
.jc-products-page .jc-product-card h3 {
  margin-top: 0 !important;
  font-size: clamp(1.22rem, 1.08vw, 1.6rem) !important;
  line-height: 1.08 !important;
}

.jc-products-page .jc-product-subtitle {
  margin: 0.2rem 0 0.65rem !important;
  font-size: clamp(0.78rem, 0.56vw, 0.92rem) !important;
  line-height: 1.16 !important;
}

.jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle) {
  max-width: 19rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: var(--jc-type-card-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--jc-type-card-body-line-height) !important;
}

.jc-products-page .jc-attribute-list {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: auto !important;
  margin-right: clamp(-1.15rem, -1vw, -0.85rem) !important;
  margin-bottom: 0 !important;
  margin-left: clamp(-1.15rem, -1vw, -0.85rem) !important;
  border-top: 1px solid rgba(198, 180, 122, 0.24) !important;
}

.jc-products-page .jc-attribute-list li {
  min-height: clamp(70px, 5vw, 86px) !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  gap: 0.15rem !important;
  padding: 0.45rem 0.25rem !important;
  border-top: 0 !important;
  border-right: 1px solid rgba(198, 180, 122, 0.24) !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  text-align: center !important;
}

.jc-products-page .jc-attribute-list li:last-child {
  border-right: 0 !important;
}

.jc-products-page .jc-attribute-list img {
  grid-row: auto !important;
  width: clamp(22px, 1.45vw, 30px) !important;
  height: clamp(22px, 1.45vw, 30px) !important;
}

.jc-products-page .jc-attribute-list span {
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(0.58rem, 0.42vw, 0.7rem) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  text-transform: none !important;
}

.jc-products-page .jc-attribute-list strong {
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(0.56rem, 0.4vw, 0.68rem) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
}

#main-content .jc-products-page .jc-brand-prefooter h2,
.jc-products-page .jc-brand-prefooter h2 {
  font-size: clamp(1.55rem, 1.45vw, 2.35rem) !important;
}

@media (max-width: 1399px) {
  .jc-products-page .jc-product-card-grid {
    width: min(100% - 2rem, 1040px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .jc-about-page .jc-brand-hero {
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
  }

  .jc-products-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-products-page .jc-products-intro .jc-design-intro__inner > p,
  .jc-products-page .jc-products-detail-section .jc-section-heading p:not(.jc-eyebrow) {
    max-width: min(100%, 560px) !important;
  }

  .jc-products-page .jc-product-tile-grid,
  .jc-products-page .jc-product-card-grid {
    width: min(100% - 2rem, 560px) !important;
    grid-template-columns: 1fr !important;
  }

  .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle) {
    max-width: 24rem !important;
  }
}

/* Home visual recovery: map the signed-off full-canvas styling onto native modules. */
html,
body.jc-home-page,
body.jc-home-page #page-container {
  background: #050504;
}

body.jc-home-page #main-content {
  overflow-x: clip;
  background: #050504;
}

body.jc-home-page #page-container,
body.jc-home-page #main-content,
body.jc-home-page .jc-native-section {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}

body.jc-home-page #main-content .jc-native-section {
  width: 100%;
  max-width: none;
}

body.jc-home-page #main-content .jc-home-hero-brand {
  position: relative;
  display: grid;
  min-height: 100vh;
  min-height: 100svh;
  height: 100vh;
  height: 100svh;
  align-items: stretch;
  padding: 0 !important;
  overflow: hidden;
  background: #050504;
}

body.jc-home-page #main-content .jc-home-hero-brand::before {
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.18) 44%, rgba(0, 0, 0, 0.76));
}

body.jc-home-page #main-content .jc-home-hero-brand > .jc-section-inner,
body.jc-home-page #main-content .jc-home-hero-brand > .jc-native-row {
  position: relative !important;
  z-index: 2;
  display: grid;
  width: 100% !important;
  max-width: none !important;
  min-height: inherit;
  align-content: stretch;
  justify-items: center;
  padding: 0 !important;
}

body.jc-home-page #main-content .jc-home-hero-brand .jc-native-column {
  display: grid;
  min-height: inherit;
  align-content: end;
  justify-items: center;
  gap: clamp(9rem, 16vh, 15rem);
  padding-bottom: 0;
}

body.jc-home-page #main-content .jc-home-hero-video-module {
  position: absolute !important;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body.jc-home-page #main-content .jc-home-hero-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

body.jc-home-page #main-content .jc-home-hero-logo {
  position: relative;
  z-index: 2;
  width: min(41vw, 840px) !important;
  max-width: 840px;
  margin: 0 auto;
}

body.jc-home-page #main-content .jc-home-wordmark-heading {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

body.jc-home-page #main-content .jc-home-hero-brand .jc-scroll-marker-module {
  position: static !important;
}

body.jc-home-page #main-content .jc-home-hero-brand .jc-scroll-marker {
  position: absolute;
  right: 50%;
  bottom: 0;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 0.78rem !important;
  line-height: 1.15;
  transform: translateX(50%);
}

body.jc-home-page #main-content .jc-home-hero-brand .jc-scroll-marker::after {
  height: clamp(58px, 7vh, 88px);
}

body.jc-home-page #main-content .jc-home-intro-stage {
  min-height: min(1560px, 64vw);
  padding-top: clamp(7rem, 8.6vw, 11rem) !important;
  color: var(--jc-color-white);
  background-color: #050504;
  background-image:
    radial-gradient(circle at center 58%, rgba(198, 180, 122, 0.12), rgba(0, 0, 0, 0) 34%),
    linear-gradient(180deg, rgba(5, 5, 4, 0.82), rgba(5, 5, 4, 0.14) 36%, rgba(5, 5, 4, 0.82) 100%),
    url("assets/img/pages/home-intro.jpg");
  background-position: center, center, calc(50% + 6vw) calc(100% - 7rem);
  background-repeat: no-repeat;
  background-size: auto, auto, min(1860px, 98vw) auto;
}

body.jc-home-page #main-content .jc-home-intro-stage__inner {
  width: 100% !important;
  max-width: none !important;
}

body.jc-home-page #main-content .jc-home-intro-stage__copy {
  width: min(100%, 760px);
  margin: 0 auto;
  text-align: center;
}

body.jc-home-page #main-content .jc-home-intro-accent p {
  margin: 0;
  color: var(--jc-color-brand-gold-light);
  font-family: var(--jc-font-accent) !important;
  font-size: clamp(2.9rem, 5vw, 5.25rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  line-height: 0.82 !important;
}

body.jc-home-page #main-content .jc-home-intro-title h2 {
  margin: -0.08em 0 1.4rem;
  color: var(--jc-color-white);
  font-family: var(--jc-font-display) !important;
  font-size: clamp(3.8rem, 6.6vw, 6.9rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  line-height: 0.92 !important;
}

body.jc-home-page #main-content .jc-home-intro-stage__lead {
  max-width: 640px;
  margin: 1.05rem auto 0;
  color: rgba(255, 255, 255, 0.92) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.75rem, 1.72vw, 2.55rem) !important;
  line-height: 1.12 !important;
}

body.jc-home-page #main-content .jc-home-intro-stage__copy .jc-native-text:not(.jc-home-intro-accent) p:not(.jc-home-intro-stage__lead) {
  max-width: 600px;
  margin: 1.05rem auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(0.94rem, 0.7vw, 1.08rem) !important;
  line-height: 1.68 !important;
}

body.jc-home-page #main-content .jc-home-cta-grid {
  position: relative;
  z-index: 4;
  width: min(100% - clamp(22rem, 30vw, 31rem), 1680px) !important;
  max-width: 1680px !important;
  margin-top: clamp(12rem, 22vw, 35.5rem);
  margin-bottom: clamp(-8rem, -5.9vw, -4.5rem);
  margin-right: auto !important;
  margin-left: auto !important;
}

body.jc-home-page #main-content .jc-awards-section {
  display: grid;
  min-height: min(900px, 36vw);
  align-items: center;
  padding: clamp(11.25rem, 13.75vw, 16.25rem) 0 clamp(5.625rem, 8.125vw, 8.75rem) !important;
  background: #f8f3ed;
}

body.jc-home-page #main-content .jc-home-awards-grid {
  align-items: center;
}

body.jc-home-page #main-content .jc-home-awards-copy {
  gap: clamp(0.45rem, 0.65vw, 0.95rem) !important;
}

body.jc-home-page #main-content .jc-accent-heading h2,
body.jc-home-page #main-content .jc-accent-heading h3 {
  color: var(--jc-color-brand-gold);
  font-family: var(--jc-font-accent) !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  line-height: 0.86 !important;
}

body.jc-home-page #main-content .jc-home-awards-heading h2 {
  margin-bottom: 0 !important;
  font-size: clamp(1.75rem, 2.25vw, 2.35rem) !important;
}

body.jc-home-page #main-content .jc-home-awards-subhead {
  max-width: 490px;
  margin-bottom: clamp(0.25rem, 0.42vw, 0.55rem) !important;
}

body.jc-home-page #main-content .jc-home-awards-subhead + p {
  max-width: 530px;
}

body.jc-home-page #main-content .jc-home-awards-copy .jc-native-text p:not(.jc-home-awards-subhead) {
  max-width: 530px !important;
  margin-top: 0 !important;
}

body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow {
  color: var(--jc-color-brand-gold-light) !important;
}

body.jc-home-page #main-content .jc-home-cta-card h3 {
  color: var(--jc-color-white) !important;
}

body.jc-home-page #main-content .jc-home-video-section {
  min-height: min(1120px, 45.3vw);
  padding-top: clamp(1.75rem, 2.25vw, 3rem) !important;
  padding-bottom: clamp(5.75rem, 7.4vw, 9.5rem) !important;
  background-color: transparent;
  background-image: linear-gradient(180deg, #f8f3ed 0 42%, rgba(248, 243, 237, 0) 42% 100%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

body.jc-home-page #main-content .jc-home-video-section > .jc-section-inner,
body.jc-home-page #main-content .jc-home-video-section > .jc-native-row {
  width: min(100% - clamp(3rem, 6vw, 10rem), 2040px) !important;
  max-width: 2040px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.jc-home-page #main-content .jc-home-video-frame {
  min-height: 0;
  aspect-ratio: 2.66 / 1;
}

body.jc-home-page #main-content .jc-home-social {
  min-height: min(1840px, 73.4vw);
  padding-top: clamp(2.1rem, 2.5vw, 3.3rem) !important;
  padding-bottom: clamp(7.25rem, 9vw, 12.25rem) !important;
  overflow: hidden;
  color: var(--jc-color-brand-dark);
  background: transparent;
}

body.jc-home-page #main-content .jc-home-social__inner {
  display: grid;
  grid-template-columns: 1fr;
  width: min(100% - clamp(3rem, 4.5vw, 7rem), 2360px) !important;
  max-width: 2360px !important;
  gap: clamp(3rem, 4.4vw, 5.5rem);
  align-items: center;
  justify-items: center;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center;
}

body.jc-home-page #main-content .jc-home-social__inner > .jc-native-column {
  width: 100%;
  max-width: none;
}

body.jc-home-page #main-content .jc-home-social__copy {
  max-width: 780px;
  justify-self: center;
}

body.jc-home-page #main-content .jc-home-social-heading h3 {
  margin-bottom: 0.15rem !important;
  color: var(--jc-color-white);
  font-size: clamp(1.85rem, 2.35vw, 2.5rem) !important;
  line-height: 0.88 !important;
}

body.jc-home-page #main-content .jc-home-social__copy p {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  border: 0;
  color: var(--jc-color-brand-dark);
  font-family: var(--jc-font-display) !important;
  font-size: var(--jc-font-size-h4) !important;
  font-weight: 500;
  line-height: 1.04 !important;
}

body.jc-home-page #main-content .jc-home-social__copy .jc-home-social-heading + .jc-native-text {
  margin-top: 0 !important;
}

body.jc-home-page #main-content .jc-home-social__grid,
body.jc-home-page #main-content .jc-home-social__grid img {
  display: block;
  width: 100%;
  height: auto;
}

body.jc-home-page #main-content .jc-home-social__grid {
  width: min(82%, 1804px);
  max-width: 1804px;
  margin-right: auto;
  margin-left: auto;
}

body.jc-home-page #main-content .jc-prefooter--home {
  box-sizing: border-box;
  display: grid;
  min-height: clamp(340px, 22vw, 560px);
  align-items: flex-start;
  padding-top: clamp(5rem, 5.6vw, 7rem) !important;
  --jc-prefooter-default-image: url("assets/img/pages/home-prefooter.jpg");
  --jc-prefooter-default-position: center 82%;
  --jc-prefooter-default-size: cover;
}

body.jc-home-page #main-content .jc-prefooter--home > .jc-section-inner,
body.jc-home-page #main-content .jc-prefooter--home > .jc-native-row {
  display: grid;
  min-height: inherit;
  align-content: start;
  justify-items: center;
  text-align: center;
  transform: translateY(-0.75rem);
}

body.jc-home-page #main-content .jc-prefooter--home .jc-native-column {
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.65rem 0.75rem;
  align-content: start;
  align-items: center;
  justify-content: center;
}

body.jc-home-page #main-content .jc-prefooter--home .jc-native-heading {
  flex: 0 0 100%;
  width: 100%;
  display: grid;
  justify-items: center;
  text-align: center;
}

body.jc-home-page #main-content .jc-prefooter--home h2 {
  width: min(100%, 880px);
  max-width: 880px;
  margin: 0 auto 1.45rem;
  color: var(--jc-color-white);
  font-size: clamp(1.58rem, 1.78vw, 2.4rem) !important;
  line-height: 1.1 !important;
}

body.jc-home-page #main-content .jc-prefooter--home .jc-button {
  min-width: clamp(150px, 8.25vw, 176px);
  min-height: 38px;
  padding: 0.48rem 1.55rem !important;
  font-size: clamp(0.92rem, 0.58vw, 1rem) !important;
  line-height: 1 !important;
  white-space: nowrap;
}

/* Home markup feedback pass: keep video/social background ownership on one wrapper and center the final CTA. */
body.jc-home-page #main-content {
  --jc-home-social-field: #8c805f;
}

body.jc-home-page #main-content .jc-home-social-band {
  background-color: var(--jc-home-social-field);
  background-image:
    linear-gradient(180deg, rgba(140, 128, 95, 0.74), rgba(140, 128, 95, 0.74)),
    url("assets/img/pages/about-banner.jpg");
  background-position: center, center bottom;
  background-repeat: no-repeat;
  background-size: auto, cover;
}

body.jc-home-page #main-content .jc-home-video-section {
  background-color: transparent;
  background-image: linear-gradient(180deg, #f8f3ed 0 42%, rgba(248, 243, 237, 0) 42% 100%);
}

body.jc-home-page #main-content .jc-home-social {
  background: transparent;
}

body.jc-home-page #main-content .jc-prefooter--home {
  align-items: center;
  padding-top: 0 !important;
}

body.jc-home-page #main-content .jc-prefooter--home > .jc-section-inner,
body.jc-home-page #main-content .jc-prefooter--home > .jc-native-row {
  align-content: center;
  transform: none;
}

body.jc-home-page #main-content .jc-home-hero-brand .jc-native-column {
  align-content: center;
  gap: 0;
}

body.jc-home-page #main-content .jc-home-hero-logo {
  transform: translateY(-2vh);
}

@media (max-width: 980px) {
  body.jc-home-page #main-content .jc-home-hero-logo {
    width: min(78vw, 360px) !important;
  }

  body.jc-home-page #main-content .jc-home-video-section {
    padding-top: clamp(2.75rem, 12vw, 4rem) !important;
    padding-bottom: clamp(2.75rem, 12vw, 4rem) !important;
    background-image: linear-gradient(180deg, #f8f3ed 0 50%, rgba(248, 243, 237, 0) 50% 100%) !important;
  }

  body.jc-home-page #main-content .jc-home-video-frame {
    aspect-ratio: 16 / 9;
  }

  body.jc-home-page #main-content .jc-home-hero-brand {
    min-height: 620px;
    padding-top: 7rem !important;
  }

  body.jc-home-page #main-content .jc-home-hero-brand > .jc-section-inner,
  body.jc-home-page #main-content .jc-home-hero-brand > .jc-native-row {
    position: static !important;
  }

  body.jc-home-page #main-content .jc-home-hero-brand .jc-native-column {
    min-height: 540px;
    gap: 6rem;
  }

  body.jc-home-page #main-content .jc-home-intro-stage {
    min-height: 920px;
    background-position: center, center, center bottom;
    background-size: auto, auto, cover;
  }

  body.jc-home-page #main-content .jc-home-intro-accent p {
    font-size: 48px !important;
  }

  body.jc-home-page #main-content .jc-home-intro-title h2 {
    font-size: 40px !important;
    line-height: 1.08 !important;
  }

  body.jc-home-page #main-content .jc-home-social__inner {
    grid-template-columns: 1fr;
  }

  body.jc-home-page #main-content .jc-home-social__grid {
    width: min(100%, 520px);
  }
}

body.jc-about-page #page-container #main-content .jc-story-prose p {
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-body) !important;
  font-size: clamp(0.9rem, 0.68vw, 1.06rem) !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
}

body.jc-about-page #page-container #main-content .jc-story-pullquote,
body.jc-about-page #page-container #main-content .jc-about-story-banner p,
body.jc-about-page #page-container #main-content .jc-supply-intro-section h2,
body.jc-about-page #page-container #main-content .jc-map-grid--text-right h2,
body.jc-about-page #page-container #main-content .jc-global-section h2 {
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-weight: 400 !important;
}

body.jc-about-page #page-container #main-content .jc-story-pullquote {
  color: var(--jc-color-brand-gold-light) !important;
  font-size: clamp(18px, 1.25vw, 24px) !important;
  line-height: 1.28 !important;
}

body.jc-about-page #page-container #main-content .jc-story-prose--lead p {
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.42rem, 1.48vw, 2.15rem) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
}

/* About PR37 visual recovery: keep native modules and restore signed-off brand-page geometry. */
html,
body.jc-about-page,
body.jc-about-page #page-container {
  background: #050504;
}

body.jc-about-page #main-content {
  overflow-x: clip;
  background: #050504;
}

body.jc-about-page #main-content .jc-native-section,
body.jc-about-page #main-content .jc-brand-page,
body.jc-about-page #main-content .jc-brand-page > .jc-native-section {
  width: 100%;
  max-width: none;
}

body.jc-about-page #main-content .jc-brand-hero {
  position: relative;
  display: grid;
  min-height: clamp(860px, 43.75vw, 1120px);
  align-items: stretch;
  padding: 0 !important;
  overflow: hidden;
  background-position: center top;
  background-size: cover;
}

body.jc-about-page #main-content .jc-brand-hero::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.12) 42%, rgba(0, 0, 0, 0.64));
}

body.jc-about-page #main-content .jc-brand-hero > .jc-section-inner,
body.jc-about-page #main-content .jc-brand-hero > .jc-native-row {
  position: relative !important;
  z-index: 2;
  display: grid;
  width: 100% !important;
  max-width: none !important;
  min-height: inherit;
  align-content: center;
  justify-items: center;
  padding: clamp(7rem, 8vw, 11rem) clamp(3rem, 5vw, 7rem) clamp(4rem, 4.6vw, 6rem) !important;
  text-align: center;
}

body.jc-about-page #main-content .jc-brand-hero .jc-native-column {
  display: grid;
  width: min(100%, 1280px);
  max-width: 1280px;
  justify-items: center;
  gap: clamp(0.85rem, 1vw, 1.25rem);
}

#page-container #main-content .jc-about-page .jc-brand-hero h1,
body.jc-about-page #page-container #main-content .jc-brand-hero h1 {
  width: min(100%, 1280px);
  max-width: 1280px;
  margin: 0 auto;
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(4.5rem, 5.2vw, 8.25rem) !important;
  font-weight: 400 !important;
  line-height: 0.92 !important;
  text-align: center;
}

body.jc-about-page #page-container #main-content .jc-brand-hero h1 .jc-accent {
  color: var(--jc-color-brand-gold-light);
  font-family: var(--jc-font-accent) !important;
  font-size: 0.82em;
  line-height: 0.7;
}

body.jc-about-page #page-container #main-content .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
  max-width: 1062px;
  margin: 0 auto;
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.18rem, 1.35vw, 1.72rem) !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
  text-align: center;
}

body.jc-about-page #main-content .jc-brand-hero .jc-scroll-marker {
  position: absolute;
  right: 50%;
  bottom: 0;
  margin: 0;
  transform: translateX(50%);
}

body.jc-about-page #main-content .jc-brand-hero .jc-scroll-marker::after {
  height: clamp(68px, 6.5vw, 112px);
}

body.jc-about-page #main-content .jc-about-intro {
  display: grid;
  min-height: min(800px, 31.25vw);
  align-items: center;
  padding: clamp(4.5rem, 5.5vw, 7rem) 0 !important;
  background: #f8f3ed;
}

body.jc-about-page #main-content .jc-about-intro > .jc-section-inner,
body.jc-about-page #main-content .jc-about-intro > .jc-native-row {
  display: grid;
  width: min(100% - clamp(3rem, 8vw, 12rem), 1580px) !important;
  max-width: 1580px !important;
  justify-items: center;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center;
}

body.jc-about-page #main-content .jc-about-intro .jc-native-column {
  display: grid;
  justify-items: center;
  text-align: center;
}

#page-container #main-content .jc-about-page .jc-about-intro .jc-accent,
body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent {
  width: 100%;
  margin: 0 auto -0.12em;
  color: var(--jc-color-brand-gold) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: clamp(2.8rem, 4.5vw, 5.4rem) !important;
  font-weight: 400 !important;
  line-height: 0.76 !important;
  text-align: center;
}

#page-container #main-content .jc-about-page .jc-about-intro h2,
body.jc-about-page #page-container #main-content .jc-about-intro h2 {
  max-width: 1420px;
  margin: 0 auto clamp(0.9rem, 1.1vw, 1.35rem);
  color: var(--jc-color-brand-dark) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(2.9rem, 3.05vw, 4.65rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center;
}

#page-container #main-content .jc-about-page .jc-about-intro p:not(.jc-accent),
body.jc-about-page #page-container #main-content .jc-about-intro p:not(.jc-accent) {
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
  color: var(--jc-color-brand-dark) !important;
  font-size: clamp(0.78rem, 0.56vw, 0.9rem) !important;
  line-height: 1.52 !important;
  text-align: center;
}

body.jc-about-page #main-content .jc-story-section {
  display: grid;
  min-height: min(1520px, 59.4vw);
  align-items: center;
  padding: clamp(6rem, 7vw, 9rem) 0 clamp(5.5rem, 7vw, 8.5rem) !important;
  color: var(--jc-color-white);
  background: #050504;
}

body.jc-about-page #main-content .jc-story-section > .jc-section-inner,
body.jc-about-page #main-content .jc-story-section > .jc-native-row {
  width: min(100% - clamp(3rem, 10vw, 16rem), 1280px) !important;
  max-width: 1280px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.jc-about-page #main-content .jc-story-copy {
  display: grid;
  justify-items: center;
  text-align: center;
}

body.jc-about-page #main-content .jc-about-story-banner {
  box-sizing: border-box !important;
  min-height: min(700px, 27.35vw);
  padding-block: clamp(1.5rem, 6vw, 3rem) !important;
  background-position: center center;
  background-size: cover;
}

body.jc-about-page #main-content .jc-supply-intro-section {
  display: grid;
  min-height: min(660px, 25vw);
  align-items: center;
  padding: clamp(3.5rem, 4.8vw, 6rem) 0 clamp(3rem, 4vw, 5rem) !important;
}

body.jc-about-page #main-content .jc-supply-section {
  padding: 0 0 clamp(5rem, 7vw, 9rem) !important;
  background: #050504;
}

body.jc-about-page #main-content .jc-supply-section .jc-carousel {
  --jc-about-supply-card-width: min(24vw, 390px);
  --jc-about-supply-active-width: min(28vw, 470px);
  --jc-about-supply-gap: clamp(2rem, 2.5vw, 3.5rem);
  --jc-about-supply-image-height: clamp(12.5rem, 13vw, 15rem);
  --jc-about-supply-active-image-height: clamp(14.75rem, 15.6vw, 17.5rem);
  --jc-about-supply-body-height: clamp(18.5rem, 20vw, 22rem);
  --jc-about-supply-number-size: clamp(5rem, 4.4vw, 7rem);
  --jc-about-supply-active-lift: calc(var(--jc-about-supply-active-image-height) - var(--jc-about-supply-image-height));
  width: 100%;
  overflow: hidden;
}

body.jc-about-page #main-content .jc-supply-section .jc-carousel__viewport {
  width: 100%;
  overflow-x: hidden;
  scroll-snap-type: none;
}

body.jc-about-page #main-content .jc-supply-section .jc-carousel__track {
  display: flex;
  width: min(100% - clamp(3rem, 6vw, 10rem), 2140px) !important;
  max-width: 2140px !important;
  justify-content: center !important;
  gap: var(--jc-about-supply-gap);
  margin-right: auto !important;
  margin-left: auto !important;
  padding: clamp(2rem, 2.7vw, 4rem) 0 clamp(4rem, 5vw, 7rem) !important;
  transform: none !important;
}

body.jc-about-page #main-content .jc-supply-card {
  flex: 0 1 var(--jc-about-supply-card-width) !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

body.jc-about-page #main-content .jc-supply-card.is-active {
  flex-basis: var(--jc-about-supply-active-width) !important;
  transform: translateY(calc(var(--jc-about-supply-active-lift) * -1)) !important;
}

body.jc-about-page #main-content .jc-supply-card.is-outer {
  transform: scale(0.86) !important;
}

body.jc-about-page #main-content .jc-map-section {
  min-height: min(900px, 35.15vw);
}

body.jc-about-page #main-content .jc-global-section {
  min-height: min(1780px, 69.5vw);
  padding-top: clamp(6rem, 7vw, 9rem) !important;
  padding-bottom: clamp(6rem, 7vw, 9rem) !important;
}

body.jc-about-page #main-content .jc-prefooter--about {
  box-sizing: border-box;
  display: grid;
  min-height: clamp(360px, 24vw, 620px);
  align-items: flex-start;
  padding-top: clamp(5rem, 5.6vw, 7rem) !important;
  --jc-prefooter-default-position: center 76%;
  --jc-prefooter-default-size: cover;
}

body.jc-about-page #main-content .jc-prefooter--about > .jc-section-inner,
body.jc-about-page #main-content .jc-prefooter--about > .jc-native-row {
  display: grid;
  min-height: inherit;
  align-content: start;
  justify-items: center;
  text-align: center;
}

body.jc-about-page #main-content .jc-prefooter--about .jc-native-column {
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.65rem 0.75rem;
  align-content: start;
  align-items: center;
  justify-content: center;
}

body.jc-about-page #main-content .jc-prefooter--about .jc-native-heading {
  flex: 0 0 100%;
  width: 100%;
  display: grid;
  justify-items: center;
  text-align: center;
}

body.jc-about-page #main-content .jc-prefooter--about h2 {
  width: min(100%, 880px);
  max-width: 880px;
  margin: 0 auto 1.45rem;
  color: var(--jc-color-white);
  font-size: clamp(1.58rem, 1.78vw, 2.4rem) !important;
  line-height: 1.1 !important;
}

body.jc-about-page #main-content .jc-prefooter--about .jc-button {
  min-width: clamp(150px, 8.25vw, 176px);
  min-height: 38px;
  padding: 0.48rem 1.55rem !important;
  font-size: clamp(0.92rem, 0.58vw, 1rem) !important;
  line-height: 1 !important;
  white-space: nowrap;
}

@media (max-width: 980px) {
  body.jc-about-page #main-content .jc-brand-hero {
    min-height: 680px;
  }

  #page-container #main-content .jc-about-page .jc-brand-hero h1,
  body.jc-about-page #page-container #main-content .jc-brand-hero h1 {
    font-size: clamp(3rem, 14vw, 5rem) !important;
  }

  #page-container #main-content .jc-about-page .jc-about-intro .jc-accent,
  body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent {
    font-size: clamp(2.8rem, 12vw, 4.5rem) !important;
  }

  body.jc-about-page #main-content .jc-supply-section .jc-carousel__viewport {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }

  body.jc-about-page #main-content .jc-supply-section .jc-carousel__track {
    width: max-content !important;
    justify-content: flex-start !important;
    padding-right: clamp(1.25rem, 6vw, 2rem) !important;
    padding-left: clamp(1.25rem, 6vw, 2rem) !important;
  }
}

/* About correction pass: PR37 brand-page scale and a full-canvas carousel viewport. */
#page-container #main-content .jc-about-page .jc-about-intro .jc-accent,
body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent {
  margin: 0 auto;
  font-size: clamp(1.45rem, 1.8vw, 2.35rem) !important;
  line-height: 0.92 !important;
}

#page-container #main-content .jc-about-page .jc-about-intro h2,
body.jc-about-page #page-container #main-content .jc-about-intro h2 {
  max-width: 1040px;
  margin-bottom: clamp(0.7rem, 0.9vw, 1.1rem);
  font-size: clamp(1.82rem, 2.05vw, 3rem) !important;
  line-height: 1.02 !important;
}

#page-container #main-content .jc-about-page .jc-about-intro p:not(.jc-accent),
body.jc-about-page #page-container #main-content .jc-about-intro p:not(.jc-accent) {
  max-width: 940px;
  font-size: clamp(0.86rem, 0.94vw, 0.98rem) !important;
  line-height: 1.5 !important;
}

body.jc-about-page #main-content .jc-supply-intro-section {
  min-height: min(560px, 22vw);
  padding-top: clamp(3rem, 4vw, 5rem) !important;
  padding-bottom: clamp(2.75rem, 3.6vw, 4.5rem) !important;
}

#page-container #main-content .jc-about-page .jc-supply-intro-section .jc-eyebrow,
body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-eyebrow {
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.55rem, 1.65vw, 2.45rem) !important;
  line-height: 1.05 !important;
}

body.jc-about-page #main-content .jc-supply-section > .jc-section-inner,
body.jc-about-page #main-content .jc-supply-section > .jc-native-row {
  width: 100% !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.jc-about-page #main-content .jc-supply-section .jc-carousel {
  --jc-about-supply-gutter: max(1rem, calc((100vw - var(--jc-about-supply-active-width)) / 2));
  overflow: visible;
}

body.jc-about-page #main-content .jc-supply-section .jc-carousel__viewport {
  width: 100%;
  overflow-x: auto;
  scroll-padding-inline: var(--jc-about-supply-gutter);
  scroll-snap-type: x mandatory;
}

body.jc-about-page #main-content .jc-supply-section .jc-carousel__track {
  width: max-content !important;
  max-width: none !important;
  justify-content: flex-start !important;
  padding: clamp(2rem, 2.7vw, 4rem) var(--jc-about-supply-gutter) clamp(4rem, 5vw, 7rem) !important;
}

body.jc-about-page #main-content .jc-supply-card {
  flex: 0 0 var(--jc-about-supply-card-width) !important;
}

body.jc-about-page #main-content .jc-supply-card.is-active {
  flex-basis: var(--jc-about-supply-active-width) !important;
}

/* Final deadline override: About hero must match the Home full-screen treatment. */
body.jc-about-page #main-content .jc-brand-hero,
.jc-about-page .jc-brand-hero {
  min-height: 100vh !important;
  min-height: 100svh !important;
  height: 100vh !important;
  height: 100svh !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.jc-about-page #main-content .jc-brand-hero > .jc-section-inner,
body.jc-about-page #main-content .jc-brand-hero > .jc-native-row,
.jc-about-page .jc-brand-hero > .jc-section-inner,
.jc-about-page .jc-brand-hero > .jc-native-row {
  min-height: inherit !important;
  height: 100% !important;
  align-content: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.jc-about-page #main-content .jc-brand-hero .jc-scroll-marker,
.jc-about-page .jc-brand-hero .jc-scroll-marker {
  position: static !important;
  margin: 0 !important;
  transform: none !important;
}

body.jc-about-page #main-content .jc-brand-hero .jc-scroll-marker-module,
.jc-about-page .jc-brand-hero .jc-scroll-marker-module {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 3 !important;
  display: grid !important;
  width: 100% !important;
  justify-items: center !important;
  pointer-events: none !important;
}

.jc-products-page .jc-product-tile-grid {
  margin-bottom: clamp(3rem, 4vw, 5rem) !important;
}

.jc-products-page .jc-products-detail-section {
  padding-top: clamp(4.5rem, 5vw, 6.5rem) !important;
}

.jc-products-page .jc-product-gallery .jc-icon-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-color: rgba(198, 180, 122, 0.86) !important;
  opacity: 1 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.38) !important;
}

.jc-products-page .jc-product-gallery .jc-icon-button span {
  display: block !important;
  color: var(--jc-color-white) !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
}

/* Products reference-match pass: overlapping portfolio cards and 2x2 detail grid. */
body:not(.home) .jc-products-page {
  --jc-products-tile-height: clamp(210px, 13.5vw, 252px);
  --jc-products-tile-overlap: clamp(168px, 10.8vw, 202px);
}

body:not(.home) #page-container #main-content .jc-products-page .jc-products-intro,
body:not(.home) .jc-products-page .jc-products-intro {
  position: relative !important;
  z-index: 3 !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile-grid,
body:not(.home) .jc-products-page .jc-product-tile-grid {
  position: relative !important;
  z-index: 8 !important;
  display: grid !important;
  width: min(100% - clamp(5rem, 12vw, 11rem), 1080px) !important;
  max-width: 1080px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: clamp(0.85rem, 1.05vw, 1.2rem) !important;
  margin-top: clamp(4.5rem, 6vw, 7.25rem) !important;
  margin-right: auto !important;
  margin-bottom: calc(-1 * var(--jc-products-tile-overlap)) !important;
  margin-left: auto !important;
  padding: 0 !important;
  overflow: visible !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile,
body:not(.home) .jc-products-page .jc-product-tile {
  position: relative !important;
  min-height: var(--jc-products-tile-height) !important;
  height: var(--jc-products-tile-height) !important;
  justify-content: flex-start !important;
  padding: clamp(2.45rem, 2.7vw, 3.2rem) clamp(0.85rem, 1vw, 1.1rem) clamp(1rem, 1.1vw, 1.35rem) !important;
  border: 0 !important;
  overflow: visible !important;
  background: #fffdfa !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12) !important;
  transform: none !important;
}

body:not(.home) .jc-products-page .jc-product-tile:hover,
body:not(.home) .jc-products-page .jc-product-tile:focus-visible {
  transform: translateY(-4px) !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile img,
body:not(.home) .jc-products-page .jc-product-tile img {
  position: absolute !important;
  top: clamp(-2.85rem, -2.5vw, -2.15rem) !important;
  right: auto !important;
  left: 50% !important;
  width: min(118px, 64%) !important;
  height: clamp(78px, 5.2vw, 98px) !important;
  margin: 0 !important;
  object-fit: contain !important;
  transform: translateX(-50%) !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile h3,
body:not(.home) .jc-products-page .jc-product-tile h3 {
  margin-top: clamp(1.1rem, 1vw, 1.45rem) !important;
  font-size: clamp(1.14rem, 1vw, 1.42rem) !important;
  line-height: 1.08 !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile p,
body:not(.home) .jc-products-page .jc-product-tile p {
  margin-top: 0.18rem !important;
  font-size: clamp(0.82rem, 0.66vw, 0.98rem) !important;
  line-height: 1.12 !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile span,
body:not(.home) .jc-products-page .jc-product-tile span {
  max-width: 13.5rem !important;
  margin-top: clamp(0.65rem, 0.75vw, 0.9rem) !important;
  font-size: clamp(0.68rem, 0.54vw, 0.82rem) !important;
  line-height: 1.36 !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-products-detail-section,
body:not(.home) .jc-products-page .jc-products-detail-section {
  position: relative !important;
  z-index: 1 !important;
  padding-top: clamp(17.5rem, 19.5vw, 22rem) !important;
  padding-bottom: clamp(7rem, 9vw, 11rem) !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-products-detail-section .jc-section-heading,
body:not(.home) .jc-products-page .jc-products-detail-section .jc-section-heading {
  max-width: 760px !important;
  margin-bottom: clamp(3.4rem, 5vw, 5.25rem) !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-card-grid,
body:not(.home) .jc-products-page .jc-product-card-grid {
  display: grid !important;
  width: min(100% - clamp(3rem, 9vw, 12rem), 1210px) !important;
  max-width: 1210px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(3rem, 4.6vw, 4.75rem) clamp(2.1rem, 3vw, 3.4rem) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-card,
body:not(.home) .jc-products-page .jc-product-card {
  display: grid !important;
  min-height: 0 !important;
  grid-template-rows: auto 1fr !important;
  overflow: hidden !important;
  border: 0 !important;
  background: #332e28 !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-gallery,
body:not(.home) .jc-products-page .jc-product-gallery {
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #111 !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-gallery__track,
body:not(.home) .jc-products-page .jc-product-gallery__track {
  display: flex !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
}

body:not(.home) .jc-products-page .jc-product-gallery__track::-webkit-scrollbar {
  display: none !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-gallery img[data-jc-gallery-slide],
body:not(.home) .jc-products-page .jc-product-gallery img[data-jc-gallery-slide] {
  width: 100% !important;
  min-width: 100% !important;
  aspect-ratio: 2.05 / 1 !important;
  object-fit: cover !important;
  object-position: center !important;
  scroll-snap-align: center !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-gallery .jc-icon-button,
body:not(.home) .jc-products-page .jc-product-gallery .jc-icon-button {
  top: 50% !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-color: transparent !important;
  background: rgba(0, 0, 0, 0.48) !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-card__body,
body:not(.home) .jc-products-page .jc-product-card__body {
  position: relative !important;
  display: flex !important;
  min-height: clamp(292px, 22vw, 365px) !important;
  flex-direction: column !important;
  padding: clamp(4.35rem, 4.4vw, 5.5rem) clamp(2rem, 2.6vw, 3rem) 0 !important;
  background: #332e28 !important;
  text-align: center !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-card__logo,
body:not(.home) .jc-products-page .jc-product-card__logo {
  position: absolute !important;
  top: clamp(-4.6rem, -4vw, -3.5rem) !important;
  right: auto !important;
  left: 50% !important;
  width: min(154px, 36%) !important;
  height: clamp(94px, 7vw, 120px) !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: translateX(-50%) !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-card h3,
body:not(.home) .jc-products-page .jc-product-card h3 {
  margin-top: 0 !important;
  color: var(--jc-color-white) !important;
  font-size: clamp(1.45rem, 1.55vw, 2.05rem) !important;
  line-height: 1.08 !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-subtitle,
body:not(.home) .jc-products-page .jc-product-subtitle {
  margin: 0.28rem 0 1.2rem !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-size: clamp(0.86rem, 0.78vw, 1.08rem) !important;
  font-weight: 400 !important;
  line-height: 1.16 !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle),
body:not(.home) .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle) {
  max-width: 26rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
  color: var(--jc-color-white) !important;
  font-size: var(--jc-type-card-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--jc-type-card-body-line-height) !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-attribute-list,
body:not(.home) .jc-products-page .jc-attribute-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: auto clamp(-3rem, -2.6vw, -2rem) 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(198, 180, 122, 0.26) !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-attribute-list li,
body:not(.home) .jc-products-page .jc-attribute-list li {
  min-height: clamp(82px, 6.4vw, 104px) !important;
  justify-items: center !important;
  gap: 0.18rem !important;
  padding: clamp(0.58rem, 0.7vw, 0.8rem) 0.35rem !important;
  border-top: 0 !important;
  border-right: 1px solid rgba(198, 180, 122, 0.26) !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-attribute-list img,
body:not(.home) .jc-products-page .jc-attribute-list img {
  width: clamp(24px, 1.8vw, 34px) !important;
  height: clamp(24px, 1.8vw, 34px) !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-attribute-list span,
body:not(.home) .jc-products-page .jc-attribute-list span {
  color: var(--jc-color-brand-gold-light) !important;
  font-size: clamp(0.66rem, 0.54vw, 0.78rem) !important;
}

body:not(.home) #page-container #main-content .jc-products-page .jc-attribute-list strong,
body:not(.home) .jc-products-page .jc-attribute-list strong {
  color: var(--jc-color-white) !important;
  font-size: clamp(0.62rem, 0.5vw, 0.74rem) !important;
}

@media (max-width: 980px) {
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile-grid,
  body:not(.home) .jc-products-page .jc-product-tile-grid {
    width: min(100% - 2rem, 560px) !important;
    grid-template-columns: 1fr !important;
    margin-top: 3rem !important;
    margin-bottom: 3.5rem !important;
  }

  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile,
  body:not(.home) .jc-products-page .jc-product-tile {
    height: auto !important;
    min-height: 220px !important;
  }

  body:not(.home) #page-container #main-content .jc-products-page .jc-products-detail-section,
  body:not(.home) .jc-products-page .jc-products-detail-section {
    padding-top: clamp(4.75rem, 12vw, 7rem) !important;
  }

  body:not(.home) #page-container #main-content .jc-products-page .jc-product-card-grid,
  body:not(.home) .jc-products-page .jc-product-card-grid {
    width: min(100% - 2rem, 620px) !important;
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
  }
}

/* Corporate responsibility feedback pass. */
#page-container #main-content .jc-corporate-page .jc-brand-hero h1,
.jc-corporate-page .jc-brand-hero h1 {
  max-width: 980px !important;
  font-size: clamp(4.1rem, 5.35vw, 5.15rem) !important;
  line-height: 0.93 !important;
}

#page-container #main-content .jc-corporate-page .jc-brand-hero h1 .jc-accent,
.jc-corporate-page .jc-brand-hero h1 .jc-accent {
  font-size: 0.86em !important;
}

#page-container #main-content .jc-corporate-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
.jc-corporate-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
  width: min(100%, 620px) !important;
  max-width: 620px !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-intro {
  min-height: min(820px, 32vw) !important;
  padding-top: clamp(4.5rem, 5.2vw, 7rem) !important;
  padding-bottom: clamp(4rem, 4.8vw, 6.25rem) !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-design-intro__inner,
.jc-corporate-page .jc-corporate-intro .jc-design-intro__inner {
  width: min(100% - clamp(2rem, 7vw, 10rem), 1280px) !important;
  max-width: 1280px !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-design-intro__inner > .jc-accent,
.jc-corporate-page .jc-corporate-intro .jc-design-intro__inner > .jc-accent,
#page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy > .jc-accent,
.jc-corporate-page .jc-corporate-welfare-copy > .jc-accent {
  font-size: clamp(1.5rem, 1.75vw, 2.55rem) !important;
  line-height: 0.9 !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-design-intro__inner > .jc-accent,
.jc-corporate-page .jc-corporate-intro .jc-design-intro__inner > .jc-accent {
  margin-bottom: -0.12rem !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-design-intro__inner h2,
.jc-corporate-page .jc-corporate-intro .jc-design-intro__inner h2 {
  max-width: 740px !important;
  margin-top: 0 !important;
  margin-bottom: clamp(0.9rem, 1vw, 1.35rem) !important;
  font-size: clamp(1.2rem, 1.35vw, 1.8rem) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-design-intro__inner p:not(.jc-accent),
.jc-corporate-page .jc-corporate-intro .jc-design-intro__inner p:not(.jc-accent),
#page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy p,
.jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy p {
  max-width: 1060px !important;
  font-size: clamp(0.74rem, 0.66vw, 0.88rem) !important;
  font-weight: 400 !important;
  line-height: 1.56 !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-design-intro__inner p:not(.jc-accent),
.jc-corporate-page .jc-corporate-intro .jc-design-intro__inner p:not(.jc-accent) {
  max-width: 920px !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-banner-section,
.jc-corporate-page .jc-corporate-banner-section {
  min-height: 0 !important;
  padding: 0 !important;
  background: linear-gradient(to bottom, #050504 0 50%, #f8f3ed 50% 100%) !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-banner-section > .jc-section-inner,
.jc-corporate-page .jc-corporate-banner-section > .jc-section-inner {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  justify-items: center !important;
  padding: 0 clamp(2rem, 7vw, 8rem) !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder,
#page-container #main-content .jc-corporate-page .jc-corporate-media,
.jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder,
.jc-corporate-page .jc-corporate-media {
  width: min(100%, 1370px) !important;
  min-height: 0 !important;
  aspect-ratio: 3.12 / 1 !important;
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.34)),
    url("assets/img/pages/corporate-banner.jpg") !important;
  background-position: center 48% !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.18) !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder::before,
.jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder::before {
  background: transparent !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-banner-section .jc-video-note,
.jc-corporate-page .jc-corporate-banner-section .jc-video-note {
  display: none !important;
}

#page-container #main-content .jc-corporate-page .jc-video-link,
.jc-corporate-page .jc-video-link {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#page-container #main-content .jc-corporate-page .jc-play-button,
.jc-corporate-page .jc-play-button {
  position: relative !important;
  width: clamp(76px, 5vw, 112px) !important;
  height: clamp(76px, 5vw, 112px) !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: url("assets/img/brand/jacks-creek-stamp-logo.svg") center / contain no-repeat !important;
}

#page-container #main-content .jc-corporate-page .jc-play-button::after,
.jc-corporate-page .jc-play-button::after {
  position: absolute;
  inset: 22%;
  z-index: 1;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.86);
  content: "";
}

#page-container #main-content .jc-corporate-page .jc-play-button::before,
.jc-corporate-page .jc-play-button::before {
  position: absolute !important;
  top: 50% !important;
  left: 53% !important;
  z-index: 2 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  border-top: clamp(9px, 0.66vw, 14px) solid transparent !important;
  border-bottom: clamp(9px, 0.66vw, 14px) solid transparent !important;
  border-left: clamp(14px, 0.95vw, 20px) solid var(--jc-color-white) !important;
  content: "" !important;
  transform: translate(-50%, -50%) !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-esg-intro,
.jc-corporate-page .jc-corporate-esg-intro {
  min-height: auto !important;
  align-content: start !important;
  row-gap: clamp(1.25rem, 2vw, 2.8rem) !important;
  padding-top: clamp(3rem, 4vw, 5rem) !important;
  padding-bottom: 0 !important;
  background: #f8f3ed !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy,
.jc-corporate-page .jc-corporate-welfare-copy {
  width: min(100% - clamp(2rem, 8vw, 12rem), 1120px) !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy h2,
.jc-corporate-page .jc-corporate-welfare-copy h2 {
  max-width: 680px !important;
  margin: 0 auto clamp(0.7rem, 0.9vw, 1.15rem) !important;
  color: var(--jc-color-text-inverse) !important;
  font-size: clamp(1.15rem, 1.32vw, 1.8rem) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy,
.jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy {
  max-width: 900px !important;
}

#page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy p,
.jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy p {
  font-size: clamp(0.68rem, 0.58vw, 0.78rem) !important;
  line-height: 1.48 !important;
}

#page-container #main-content .jc-corporate-page .jc-welfare-strip,
.jc-corporate-page .jc-welfare-strip {
  width: 100% !important;
  min-height: clamp(220px, 16.5vw, 282px) !important;
  grid-template-columns: repeat(3, minmax(0, 220px)) !important;
  justify-content: center !important;
  align-items: start !important;
  gap: clamp(3.5rem, 8vw, 9rem) !important;
  padding: clamp(1.3rem, 2vw, 2.4rem) clamp(2rem, 6vw, 8rem) clamp(1.75rem, 2.4vw, 3rem) !important;
  background-image:
    linear-gradient(90deg, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.08) 42%, rgba(0, 0, 0, 0.62)),
    url("assets/img/pages/corporate-banner.jpg") !important;
  background-position: center 42% !important;
  background-size: cover !important;
}

#page-container #main-content .jc-corporate-page .jc-welfare-strip article,
.jc-corporate-page .jc-welfare-strip article {
  min-height: 0 !important;
  align-content: start !important;
  gap: clamp(0.35rem, 0.55vw, 0.7rem) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--jc-color-brand-gold-light) !important;
  text-align: center !important;
}

#page-container #main-content .jc-corporate-page .jc-welfare-strip img,
.jc-corporate-page .jc-welfare-strip img {
  width: auto !important;
  max-width: 78px !important;
  height: clamp(54px, 3.8vw, 60px) !important;
  filter: none !important;
}

#page-container #main-content .jc-corporate-page .jc-welfare-strip h3,
.jc-corporate-page .jc-welfare-strip h3 {
  max-width: 190px !important;
  margin: 0 !important;
  font-size: clamp(0.78rem, 0.74vw, 0.92rem) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
}

#page-container #main-content .jc-corporate-page .jc-welfare-strip p,
.jc-corporate-page .jc-welfare-strip p {
  max-width: 240px !important;
  margin: 0 !important;
  font-size: clamp(0.88rem, 0.78vw, 1rem) !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
}

#page-container #main-content .jc-corporate-page .jc-welfare-strip h3,
.jc-corporate-page .jc-welfare-strip h3,
#page-container #main-content .jc-corporate-page .jc-welfare-strip p,
.jc-corporate-page .jc-welfare-strip p {
  color: var(--jc-color-brand-gold-light) !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-section,
.jc-corporate-page .jc-statement-section {
  min-height: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-section .jc-section-heading,
.jc-corporate-page .jc-statement-section .jc-section-heading {
  display: none !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-grid,
.jc-corporate-page .jc-statement-grid {
  margin-bottom: 0 !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-grid article,
.jc-corporate-page .jc-statement-grid article {
  min-height: clamp(290px, 21vw, 420px) !important;
  align-content: start !important;
  justify-items: center !important;
  gap: clamp(0.45rem, 0.7vw, 0.9rem) !important;
  padding: clamp(2.15rem, 3.2vw, 4rem) clamp(2rem, 11vw, 15rem) clamp(2.5rem, 3.8vw, 4.5rem) !important;
  margin-bottom: 0 !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-grid article:last-child,
.jc-corporate-page .jc-statement-grid article:last-child {
  min-height: auto !important;
  padding-bottom: clamp(2.5rem, 3.8vw, 4.5rem) !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-grid h3,
.jc-corporate-page .jc-statement-grid h3 {
  margin-bottom: 0.35rem !important;
  font-size: clamp(1.25rem, 1.45vw, 1.9rem) !important;
  font-weight: 400 !important;
  line-height: 1.06 !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-grid h4,
.jc-corporate-page .jc-statement-grid h4 {
  max-width: 760px !important;
  font-size: clamp(0.95rem, 0.95vw, 1.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-grid p,
.jc-corporate-page .jc-statement-grid p {
  max-width: 900px !important;
  font-size: clamp(0.72rem, 0.63vw, 0.86rem) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-grid .jc-button,
#page-container #main-content .jc-corporate-page .jc-statement-grid .jc-button:hover,
#page-container #main-content .jc-corporate-page .jc-statement-grid .jc-button:focus-visible,
.jc-corporate-page .jc-statement-grid .jc-button,
.jc-corporate-page .jc-statement-grid .jc-button:hover,
.jc-corporate-page .jc-statement-grid .jc-button:focus-visible {
  min-width: clamp(128px, 7vw, 156px) !important;
  min-height: 30px !important;
  padding: 0.38rem 1.2rem !important;
  border-color: var(--jc-color-brand-gold) !important;
  color: var(--jc-color-white) !important;
  background: var(--jc-color-brand-gold) !important;
  font-size: clamp(0.66rem, 0.56vw, 0.72rem) !important;
}

#page-container #main-content .jc-corporate-page .jc-brand-prefooter,
.jc-corporate-page .jc-brand-prefooter {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Contact feedback pass: compact form, office/map scale, and CTA vertical centering. */
#page-container #main-content .jc-system-page--contact .jc-contact-form-section,
.jc-system-page--contact .jc-contact-form-section {
  display: grid !important;
  min-height: min(960px, 47vw) !important;
  align-content: center !important;
  align-items: center !important;
  padding-top: clamp(3.25rem, 4vw, 5.25rem) !important;
  padding-bottom: clamp(3.25rem, 4vw, 5rem) !important;
}

#page-container #main-content .jc-system-page--contact .jc-contact-form-section h2,
.jc-system-page--contact .jc-contact-form-section h2 {
  margin-bottom: 0;
  font-size: clamp(1.05rem, 1.8vw, 1.925rem) !important;
  line-height: 1.02 !important;
}

.jc-system-page--contact .jc-contact-form-section .jc-system-grid--form {
  width: min(100% - clamp(2.5rem, 14vw, 18rem), 940px) !important;
  gap: clamp(1.45rem, 2.3vw, 3rem) !important;
}

.jc-system-page--contact .jc-contact-form-section .jc-form-panel,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper {
  width: min(100%, 730px) !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gform_fields,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gform_fields {
  grid-row-gap: 0.34rem !important;
  row-gap: 0.34rem !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gfield,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gfield_label,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield_label {
  margin-bottom: 0.12rem !important;
  font-size: clamp(0.62rem, 0.52vw, 0.76rem) !important;
  font-weight: 500 !important;
  line-height: 1.18 !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="text"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="email"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="tel"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme select,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme textarea,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="text"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="email"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="tel"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper select,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper textarea {
  min-height: 30px !important;
  padding-top: 0.18rem !important;
  padding-bottom: 0.2rem !important;
  border-bottom-width: 1px !important;
  font-size: clamp(0.74rem, 0.62vw, 0.88rem) !important;
  line-height: 1.12 !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme textarea,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper textarea {
  height: 78px !important;
  min-height: 78px !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gform_footer,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gform_footer {
  margin-top: 0.45rem !important;
  padding-top: 0 !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="submit"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"] {
  min-width: 150px !important;
  min-height: 34px !important;
  margin-top: 0.45rem !important;
  padding: 0.42rem 1.25rem !important;
  font-size: clamp(0.78rem, 0.62vw, 0.9rem) !important;
}

#page-container #main-content .jc-system-page--contact .jc-contact-map-section,
.jc-system-page--contact .jc-contact-map-section {
  min-height: min(1600px, 62vw) !important;
  padding-top: clamp(10rem, 10vw, 13rem) !important;
  background-position: center top !important;
}

.jc-system-page--contact .jc-office-grid {
  position: relative;
  left: 50%;
  width: min(calc(100vw - clamp(8rem, 14vw, 20rem)), 2180px) !important;
  gap: clamp(2rem, 4vw, 6rem) !important;
  margin-bottom: clamp(2.25rem, 3.5vw, 4.8rem) !important;
  transform: translateX(-50%);
}

.jc-system-page--contact .jc-office-grid article {
  position: relative;
  min-height: clamp(17rem, 17vw, 21rem);
  max-width: 23rem;
  padding: 0 !important;
  font-size: clamp(0.82rem, 0.78vw, 1rem) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  color: var(--jc-color-white) !important;
}

#page-container #main-content .jc-system-page--contact .jc-office-grid h3,
.jc-system-page--contact .jc-office-grid h3 {
  margin-bottom: 0 !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(0.98rem, 1vw, 1.45rem) !important;
  font-weight: 400 !important;
  line-height: 1.04 !important;
}

.jc-system-page--contact .jc-office-grid p {
  margin: 0 0 clamp(1.35rem, 2vw, 2.5rem) !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  color: var(--jc-color-white) !important;
}

.jc-system-page--contact .jc-office-grid article > p:first-of-type {
  margin-bottom: clamp(1.8rem, 2.6vw, 3.2rem) !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(0.98rem, 1vw, 1.45rem) !important;
  line-height: 1.04 !important;
}

.jc-system-page--contact .jc-office-grid article > p:nth-of-type(2) {
  position: absolute;
  top: clamp(6.25rem, 7vw, 7.35rem);
  right: 0;
  left: 0;
  max-width: 14.5rem;
  margin: 0 !important;
}

.jc-system-page--contact .jc-office-details {
  margin-top: clamp(1.6rem, 2vw, 2.6rem) !important;
}

.jc-system-page--contact .jc-office-detail {
  display: block;
  margin-top: clamp(1.05rem, 1.45vw, 1.8rem);
  color: var(--jc-color-white);
}

.jc-system-page--contact .jc-office-detail:first-child {
  margin-top: 0;
}

.jc-system-page--contact .jc-office-detail__label {
  display: block;
  color: var(--jc-color-brand-gold-light);
  font-family: var(--jc-font-body);
  font-size: clamp(0.82rem, 0.78vw, 1rem);
  font-weight: 700;
  line-height: 1.1;
}

.jc-system-page--contact .jc-office-detail__value {
  display: block;
  margin-top: 0.12rem;
}

.jc-system-page--contact .jc-contact-map {
  position: relative;
  left: 50%;
  width: min(80vw, 2048px) !important;
  max-width: 2048px !important;
  margin: 0 !important;
  transform: translateX(-50%);
}

.jc-system-page--contact .jc-contact-map img {
  min-height: min(816px, 32vw) !important;
  object-position: center top !important;
}

#page-container #main-content .jc-system-page--contact .jc-contact-prefooter,
.jc-system-page--contact .jc-contact-prefooter {
  display: grid !important;
  min-height: min(608px, 24vw) !important;
  align-items: center !important;
  padding: 0 !important;
  --jc-prefooter-default-position: center 42% !important;
}

.jc-system-page--contact .jc-contact-prefooter > .jc-section-inner {
  display: grid;
  min-height: inherit;
  align-items: center;
  justify-items: center;
}

.jc-system-page--contact .jc-contact-prefooter .jc-prefooter-cta {
  display: grid;
  align-content: center;
  justify-items: center;
  padding: 0 !important;
}

#page-container #main-content .jc-system-page--contact .jc-contact-prefooter .jc-prefooter-cta h2,
.jc-system-page--contact .jc-contact-prefooter .jc-prefooter-cta h2 {
  margin-bottom: 1rem !important;
}

.jc-system-page--contact .jc-contact-prefooter .jc-prefooter-cta p {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 0.75rem;
  justify-content: center;
}

.jc-system-page--contact .jc-contact-prefooter .jc-prefooter-cta .jc-button + .jc-button {
  margin-left: 0 !important;
}

@media (max-width: 767px) {
  #page-container #main-content .jc-corporate-page .jc-brand-hero h1,
  .jc-corporate-page .jc-brand-hero h1 {
    width: min(100% - 1.5rem, 360px) !important;
    max-width: 360px !important;
    font-size: clamp(3rem, 12vw, 3.65rem) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-corporate-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    width: min(100% - 2rem, 340px) !important;
    max-width: 340px !important;
  }

  #page-container #main-content .jc-corporate-page .jc-corporate-banner-section > .jc-section-inner,
  .jc-corporate-page .jc-corporate-banner-section > .jc-section-inner {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }

  #page-container #main-content .jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder,
  #page-container #main-content .jc-corporate-page .jc-corporate-media,
  .jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder,
  .jc-corporate-page .jc-corporate-media {
    aspect-ratio: 2.1 / 1 !important;
  }

  #page-container #main-content .jc-corporate-page .jc-corporate-esg-intro,
  .jc-corporate-page .jc-corporate-esg-intro {
    row-gap: 1.25rem !important;
    padding-top: 3rem !important;
  }

  #page-container #main-content .jc-corporate-page .jc-welfare-strip,
  .jc-corporate-page .jc-welfare-strip {
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
    padding: 2rem 1.25rem !important;
  }

  #page-container #main-content .jc-corporate-page .jc-welfare-strip article,
  .jc-corporate-page .jc-welfare-strip article {
    justify-items: center !important;
  }

  #page-container #main-content .jc-corporate-page .jc-statement-grid article,
  .jc-corporate-page .jc-statement-grid article {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
}

@media (max-width: 980px) {
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section,
  .jc-system-page--contact .jc-contact-form-section {
    min-height: auto !important;
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .jc-system-page--contact .jc-contact-form-section .jc-system-grid--form {
    width: min(100% - 28px, 680px) !important;
  }

  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="text"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="email"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="tel"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme select,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme textarea,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="text"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="email"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="tel"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper select,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper textarea {
    min-height: 40px !important;
    font-size: 0.9rem !important;
  }

  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme textarea,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper textarea {
    height: 118px !important;
    min-height: 118px !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-contact-map-section,
  .jc-system-page--contact .jc-contact-map-section {
    min-height: auto !important;
    padding-top: 4rem !important;
  }

  .jc-system-page--contact .jc-office-grid {
    width: min(100% - 28px, 620px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    gap: 1.1rem !important;
    margin-bottom: 2rem !important;
    transform: none !important;
    left: auto !important;
  }

  .jc-system-page--contact .jc-office-grid article {
    max-width: none;
    font-size: 0.82rem !important;
  }

  .jc-system-page--contact .jc-contact-map {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  .jc-system-page--contact .jc-contact-map img {
    min-height: 300px !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-contact-prefooter,
  .jc-system-page--contact .jc-contact-prefooter {
    min-height: 360px !important;
  }
}

/* About judge-window copy and scale pass. */
body.jc-about-page #main-content .jc-about-intro {
  align-content: center !important;
  align-items: center !important;
}

body.jc-about-page #main-content .jc-about-intro > .jc-section-inner,
body.jc-about-page #main-content .jc-about-intro > .jc-native-row {
  align-content: center !important;
  align-items: center !important;
}

#page-container #main-content .jc-about-page .jc-about-intro .jc-accent,
body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent {
  font-size: clamp(1.25rem, 1.42vw, 1.95rem) !important;
  line-height: 0.94 !important;
}

#page-container #main-content .jc-about-page .jc-about-intro h2,
body.jc-about-page #page-container #main-content .jc-about-intro h2 {
  max-width: 860px !important;
  font-size: clamp(1.28rem, 1.48vw, 2.05rem) !important;
  line-height: 1.06 !important;
}

#page-container #main-content .jc-about-page .jc-about-intro p:not(.jc-accent),
body.jc-about-page #page-container #main-content .jc-about-intro p:not(.jc-accent) {
  max-width: 850px !important;
  font-size: clamp(0.76rem, 0.72vw, 0.88rem) !important;
  line-height: 1.48 !important;
}

body.jc-about-page #page-container #main-content .jc-story-pullquote,
#page-container #main-content .jc-about-page .jc-story-pullquote {
  max-width: 780px !important;
  font-size: clamp(15px, 0.95vw, 20px) !important;
  line-height: 1.26 !important;
}

body.jc-about-page #main-content .jc-about-story-banner > .jc-section-inner,
body.jc-about-page #main-content .jc-about-story-banner > .jc-native-row {
  width: min(100% - clamp(4rem, 20vw, 32rem), 860px) !important;
  max-width: 860px !important;
}

#main-content .jc-about-page .jc-about-story-banner p,
body.jc-about-page #page-container #main-content .jc-about-story-banner p {
  max-width: 760px !important;
}

body.jc-about-page #main-content .jc-supply-intro-section h2,
.jc-about-page .jc-supply-intro-section h2 {
  display: none !important;
}

body.jc-about-page #main-content .jc-supply-intro-section .jc-section-heading > p:not(.jc-eyebrow),
#page-container #main-content .jc-about-page .jc-supply-intro-section .jc-section-heading > p:not(.jc-eyebrow),
.jc-about-page .jc-supply-intro-section .jc-section-heading > p:not(.jc-eyebrow) {
  max-width: 820px !important;
  font-size: clamp(0.76rem, 0.7vw, 0.88rem) !important;
  line-height: 1.48 !important;
}

#main-content .jc-about-page .jc-supply-card h3,
.jc-about-page .jc-supply-card h3 {
  color: var(--jc-color-white) !important;
  font-size: clamp(1rem, 0.92vw, 1.28rem) !important;
  line-height: 1.1 !important;
}

#main-content .jc-about-page .jc-supply-card p,
.jc-about-page .jc-supply-card p {
  color: var(--jc-color-white) !important;
  font-size: clamp(0.66rem, 0.56vw, 0.76rem) !important;
  line-height: 1.42 !important;
}

body.jc-about-page #main-content .jc-map-section,
body.jc-about-page #main-content .jc-about-production-section,
.jc-about-page .jc-map-section,
.jc-about-page .jc-about-production-section {
  background: #332e28 !important;
}

#main-content .jc-about-page .jc-map-grid--text-right .jc-eyebrow,
.jc-about-page .jc-map-grid--text-right .jc-eyebrow {
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: clamp(1.75rem, 2vw, 3rem) !important;
  line-height: 0.82 !important;
  text-transform: none !important;
}

#main-content .jc-about-page .jc-map-grid--text-right h2,
.jc-about-page .jc-map-grid--text-right h2 {
  max-width: 520px !important;
  font-size: clamp(1.2rem, 1.25vw, 1.85rem) !important;
  line-height: 1.08 !important;
}

#main-content .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
.jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
#main-content .jc-about-page .jc-map-copy-column li,
.jc-about-page .jc-map-copy-column li {
  max-width: 560px !important;
  font-size: clamp(0.66rem, 0.58vw, 0.78rem) !important;
  line-height: 1.46 !important;
}

#main-content .jc-about-page .jc-global-section .jc-section-heading .jc-eyebrow,
.jc-about-page .jc-global-section .jc-section-heading .jc-eyebrow {
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.6rem, 1.8vw, 2.6rem) !important;
  line-height: 1.06 !important;
  text-transform: none !important;
}

body.jc-about-page #main-content .jc-global-section h2,
.jc-about-page .jc-global-section h2 {
  display: none !important;
}

#main-content .jc-about-page .jc-global-section .jc-section-heading p:not(.jc-eyebrow),
.jc-about-page .jc-global-section .jc-section-heading p:not(.jc-eyebrow) {
  max-width: 980px !important;
  font-size: clamp(0.72rem, 0.62vw, 0.84rem) !important;
  line-height: 1.46 !important;
}

/* Brand Hub Welcome fidelity pass. */
#page-container #main-content .jc-brand-hub-page,
.jc-brand-hub-page {
  color: var(--jc-color-text-inverse);
  background: var(--jc-color-white);
}

#page-container #main-content .jc-brand-hub-page .jc-brand-hub-welcome-hero,
.jc-brand-hub-page .jc-brand-hub-welcome-hero {
  display: grid !important;
  min-height: 500px !important;
  height: 500px !important;
  align-items: center !important;
  padding: 0 !important;
  background-position: center 45%;
}

#page-container #main-content .jc-brand-hub-page .jc-brand-hub-welcome-hero::before,
.jc-brand-hub-page .jc-brand-hub-welcome-hero::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.46), rgba(0, 0, 0, 0.24) 44%, rgba(0, 0, 0, 0.5)) !important;
}

#page-container #main-content .jc-brand-hub-page .jc-brand-hub-welcome-hero > .jc-section-inner,
.jc-brand-hub-page .jc-brand-hub-welcome-hero > .jc-section-inner {
  display: grid !important;
  width: min(100% - 40px, 1180px) !important;
  max-width: 1180px !important;
  min-height: 500px !important;
  align-content: center !important;
  justify-items: center !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-top: 50px !important;
}

#page-container #main-content .jc-brand-hub-page .jc-brand-hub-welcome-hero h1,
#main-content.jc-brand-hub-page .jc-brand-hub-welcome-hero h1,
.jc-brand-hub-page .jc-brand-hub-welcome-hero h1 {
  max-width: 920px !important;
  margin: 0 !important;
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(4.25rem, 5.05vw, 4.75rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
}

#page-container #main-content .jc-brand-hub-page .jc-brand-hub-welcome-hero .jc-type-hero-lead p,
#main-content.jc-brand-hub-page .jc-brand-hub-welcome-hero .jc-type-hero-lead p,
.jc-brand-hub-page .jc-brand-hub-welcome-hero .jc-type-hero-lead p {
  width: min(100%, 690px) !important;
  max-width: 690px !important;
  justify-self: center !important;
  margin: 1.35rem auto 0 !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-family: var(--jc-font-display) !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
  line-height: 1.24 !important;
  text-align: center !important;
}

#page-container #main-content .jc-brand-hub-page .jc-brand-hub-contact-band,
.jc-brand-hub-page .jc-brand-hub-contact-band {
  display: grid !important;
  min-height: 88px !important;
  align-items: center !important;
  padding: 0 !important;
  color: var(--jc-color-white) !important;
  background: #ad9d72;
  text-align: center !important;
}

#page-container #main-content .jc-brand-hub-page .jc-brand-hub-contact-band > .jc-section-inner,
.jc-brand-hub-page .jc-brand-hub-contact-band > .jc-section-inner {
  width: min(100% - 40px, 940px) !important;
  max-width: 940px !important;
  margin: 0 auto !important;
}

#page-container #main-content .jc-brand-hub-page .jc-brand-hub-contact-band p,
#main-content.jc-brand-hub-page .jc-brand-hub-contact-band p,
.jc-brand-hub-page .jc-brand-hub-contact-band p {
  max-width: none !important;
  margin: 0 !important;
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: 1.15rem !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  text-align: center !important;
}

.jc-brand-hub-page .jc-brand-hub-contact-band a {
  color: inherit !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

#page-container #main-content .jc-brand-hub-page .jc-system-section--dark,
.jc-brand-hub-page .jc-system-section--dark {
  display: block !important;
  min-height: 0 !important;
  padding: 66px 0 76px !important;
  color: var(--jc-color-text-inverse) !important;
  background: var(--jc-color-white) !important;
}

#page-container #main-content .jc-brand-hub-page .jc-system-section--dark > .jc-section-inner,
.jc-brand-hub-page .jc-system-section--dark > .jc-section-inner {
  width: min(100% - 40px, 1180px) !important;
  max-width: 1180px !important;
}

.jc-brand-hub-page .jc-resource-grid {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

#page-container #main-content .jc-brand-hub-page .jc-resource-card,
.jc-brand-hub-page .jc-resource-card,
.jc-brand-hub-page .jc-resource-card--wide {
  display: grid !important;
  min-height: 0 !important;
  grid-template-columns: 340px minmax(0, 720px);
  column-gap: 80px !important;
  row-gap: 0 !important;
  align-items: start !important;
  padding: 24px 0 28px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(159, 142, 95, 0.38) !important;
  background: transparent !important;
}

.jc-brand-hub-page .jc-resource-card > .jc-brand-hub-resource-heading {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
}

.jc-brand-hub-page .jc-resource-card > .jc-brand-hub-resource-description {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.jc-brand-hub-page .jc-resource-card > .jc-brand-hub-resource-links {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

.jc-brand-hub-page .jc-resource-card:first-child {
  padding-top: 18px !important;
}

.jc-brand-hub-page .jc-resource-card:last-child {
  border-bottom: 0 !important;
  padding-bottom: 16px !important;
}

#page-container #main-content .jc-brand-hub-page .jc-resource-card h2,
#main-content.jc-brand-hub-page .jc-resource-card h2,
.jc-brand-hub-page .jc-resource-card h2 {
  max-width: 320px !important;
  margin: 0 !important;
  color: var(--jc-color-brand-gold) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.75rem, 2.3vw, 2.05rem) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
}

.jc-brand-hub-page .jc-resource-card p {
  max-width: 720px !important;
  margin: 0 0 1.1rem !important;
  color: #3b3934 !important;
  font-family: var(--jc-font-body) !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
}

.jc-brand-hub-page .jc-resource-card ul {
  display: grid !important;
  gap: 0.22rem !important;
  margin: 0 !important;
  padding-left: 0.95rem !important;
  list-style: disc !important;
}

.jc-brand-hub-page .jc-resource-card li::marker {
  color: rgba(159, 142, 95, 0.62);
  font-size: 0.55em;
}

.jc-brand-hub-page .jc-resource-card a {
  display: inline !important;
  min-height: 0 !important;
  color: var(--jc-color-brand-gold) !important;
  font-family: var(--jc-font-body) !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  line-height: 1.32 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.16em !important;
}

.jc-brand-hub-page .jc-resource-card a::after {
  content: none !important;
}

.jc-brand-hub-page .jc-resource-card .jc-brand-hub-resource-label {
  display: inline !important;
  min-height: 0 !important;
  color: var(--jc-color-brand-gold) !important;
  font-family: var(--jc-font-body) !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  line-height: 1.32 !important;
}

.jc-brand-hub-page .jc-resource-columns {
  display: grid !important;
  grid-column: 2 !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 70px !important;
}

#page-container #main-content .jc-brand-hub-page .jc-resource-card h3,
#main-content.jc-brand-hub-page .jc-resource-card h3,
.jc-brand-hub-page .jc-resource-card h3 {
  margin: 0 0 0.65rem !important;
  color: #2f2d28 !important;
  font-family: var(--jc-font-body) !important;
  font-size: 0.72rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

@media (max-width: 980px) {
  #page-container #main-content .jc-brand-hub-page .jc-brand-hub-welcome-hero,
  .jc-brand-hub-page .jc-brand-hub-welcome-hero {
    min-height: 470px !important;
    height: auto !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-brand-hub-welcome-hero > .jc-section-inner,
  .jc-brand-hub-page .jc-brand-hub-welcome-hero > .jc-section-inner {
    min-height: 470px !important;
    padding-left: 0 !important;
    padding-top: 70px !important;
    padding-bottom: 40px !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-brand-hub-welcome-hero h1,
  #main-content.jc-brand-hub-page .jc-brand-hub-welcome-hero h1,
  .jc-brand-hub-page .jc-brand-hub-welcome-hero h1 {
    font-size: clamp(3.15rem, 9vw, 4rem) !important;
  }

  .jc-brand-hub-page .jc-resource-card,
  .jc-brand-hub-page .jc-resource-card--wide {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-resource-card h2,
  .jc-brand-hub-page .jc-resource-card h2,
  .jc-brand-hub-page .jc-resource-card p,
  .jc-brand-hub-page .jc-resource-card ul,
  .jc-brand-hub-page .jc-resource-card > .jc-brand-hub-resource-heading,
  .jc-brand-hub-page .jc-resource-card > .jc-brand-hub-resource-description,
  .jc-brand-hub-page .jc-resource-card > .jc-brand-hub-resource-links,
  .jc-brand-hub-page .jc-resource-columns {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 640px) {
  #page-container #main-content .jc-brand-hub-page .jc-brand-hub-contact-band,
  .jc-brand-hub-page .jc-brand-hub-contact-band {
    min-height: 112px !important;
  }

  .jc-brand-hub-page .jc-brand-hub-contact-band br {
    display: none;
  }

  .jc-brand-hub-page .jc-resource-columns {
    grid-template-columns: 1fr !important;
    gap: 1.4rem !important;
  }
}

/* Brand Hub Login reference fidelity pass. */
#page-container #main-content .jc-system-page--brand-hub-login,
.jc-system-page--brand-hub-login {
  margin-top: 0 !important;
  color: #2f2d28;
  background: #ffffff;
}

@media (min-width: 981px) {
  #page-container #main-content .jc-system-page--brand-hub-login,
  .jc-system-page--brand-hub-login {
    margin-top: -36px !important;
  }
}

body.jc-brand-hub-login-page #page-container {
  padding-top: 0 !important;
}

body.jc-brand-hub-login-page #main-content.jc-system-page--brand-hub-login,
body.jc-brand-hub-login-page #main-content .jc-brand-hub-login-hero,
body.jc-brand-hub-login-page #main-content .jc-brand-hub-login-hero > .jc-native-row,
body.jc-brand-hub-login-page #main-content .jc-brand-hub-login-hero .jc-native-column {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 981px) {
body.jc-brand-hub-login-page .jc-site-header__inner {
  width: min(100% - clamp(4.5rem, 7vw, 8rem), 2360px);
  min-height: clamp(116px, 6.7vw, 154px);
}

body.jc-brand-hub-login-page .jc-site-header.is-condensed .jc-site-header__inner {
  min-height: clamp(82px, 4.2vw, 104px);
}

body.jc-brand-hub-login-page .jc-site-header__stamp {
  width: clamp(78px, 4.4vw, 106px);
}

body.jc-brand-hub-login-page .jc-site-header.is-condensed .jc-site-header__stamp {
  width: clamp(64px, 3.15vw, 82px);
}

body.jc-brand-hub-login-page .jc-site-header__menu {
  gap: clamp(0.95rem, 1.3vw, 2.15rem);
}

body.jc-brand-hub-login-page .jc-site-header__menu a {
  min-height: 42px;
  font-size: clamp(1rem, 0.86vw, 1.35rem);
}
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero,
.jc-system-page--brand-hub-login .jc-system-hero {
  display: grid !important;
  min-height: clamp(540px, 41vw, 1048px) !important;
  height: clamp(540px, 41vw, 1048px) !important;
  align-items: center !important;
  padding: 0 !important;
  background-position: center 40% !important;
  background-size: cover !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero::before,
.jc-system-page--brand-hub-login .jc-system-hero::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 43%, rgba(0, 0, 0, 0.58)) !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero > .jc-section-inner,
.jc-system-page--brand-hub-login .jc-system-hero > .jc-section-inner {
  display: grid !important;
  width: min(100% - clamp(3rem, 8vw, 12rem), 1480px) !important;
  max-width: 1480px !important;
  min-height: clamp(540px, 41vw, 1048px) !important;
  align-content: center !important;
  justify-items: center !important;
  box-sizing: border-box !important;
  padding-top: clamp(74px, 6vw, 116px) !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero .jc-eyebrow,
#page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero .jc-scroll-marker,
.jc-system-page--brand-hub-login .jc-system-hero .jc-eyebrow,
.jc-system-page--brand-hub-login .jc-system-hero .jc-scroll-marker {
  display: none !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero h1,
#main-content.jc-system-page--brand-hub-login .jc-system-hero h1,
.jc-system-page--brand-hub-login .jc-system-hero h1 {
  max-width: 1360px !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(4.35rem, 4.95vw, 7.7rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
#main-content.jc-system-page--brand-hub-login .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
.jc-system-page--brand-hub-login .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin: 1.15rem auto 0 !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.14rem, 1.28vw, 1.65rem) !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  text-align: center !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: linear-gradient(90deg, #ad9d72 0 50%, #ffffff 50% 100%) !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels > .jc-section-inner,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels > .jc-section-inner {
  width: 100% !important;
  max-width: none !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-grid--two-panels,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-grid--two-panels {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel {
  display: grid !important;
  min-height: clamp(540px, 24vw, 720px) !important;
  align-content: start !important;
  justify-items: center !important;
  box-sizing: border-box !important;
  gap: 0 !important;
  padding: clamp(3.8rem, 4vw, 5.4rem) clamp(2rem, 8.75vw, 10.5rem) clamp(3rem, 3.8vw, 4.2rem) !important;
  border: 0 !important;
  text-align: center !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child {
  color: #ffffff !important;
  background: #ad9d72 !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child {
  color: #ad9d72 !important;
  background: #ffffff !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels h2,
#main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-panels h2,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels h2 {
  margin: 0 0 clamp(1.15rem, 1.45vw, 1.85rem) !important;
  color: inherit !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.7rem, 1.55vw, 2.35rem) !important;
  font-weight: 400 !important;
  line-height: 1.06 !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel > p,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel > p {
  width: min(100%, 650px) !important;
  max-width: 650px !important;
  margin: 0 auto clamp(1.2rem, 1.65vw, 2rem) !important;
  color: currentColor !important;
  font-family: var(--jc-font-body) !important;
  font-size: clamp(0.82rem, 0.62vw, 0.9rem) !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child > p,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child > p {
  color: #2f2d28 !important;
  font-family: var(--jc-font-body) !important;
  font-weight: 400 !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child > p + p {
  margin-top: clamp(1.2rem, 1.8vw, 2rem) !important;
  margin-bottom: clamp(1.1rem, 1.8vw, 2rem) !important;
  opacity: 0.78;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child > .jc-login-helper {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  margin: clamp(1.15rem, 1.5vw, 1.7rem) auto 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(0.78rem, 0.62vw, 0.9rem) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child > .jc-login-helper {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  margin: clamp(1.15rem, 1.5vw, 1.7rem) auto 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(0.78rem, 0.62vw, 0.9rem) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-form-panel,
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-passwordless-panel,
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper,
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-form-panel,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-passwordless-panel,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform {
  width: min(100%, 500px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child .jc-passwordless-panel,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child .wpaloginform {
  width: min(100%, 400px) !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child .jc-passwordless-panel,
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child .wpaloginform {
  width: min(100%, 400px) !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme .gform_fields,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper .gform_fields {
  display: grid !important;
  row-gap: clamp(1.05rem, 1.25vw, 1.75rem) !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme .gfield,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper .gfield {
  position: relative !important;
  margin: 0 !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme .gfield_label,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper .gfield_label,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-login-label {
  display: block !important;
  margin: 0 0 0.12rem !important;
  color: #ad9d72 !important;
  font-family: var(--jc-font-body) !important;
  font-size: clamp(0.72rem, 0.56vw, 0.82rem) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-login-label {
  color: #ffffff !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper.gravity-theme .gfield_label,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield_label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="text"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="email"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="tel"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme select,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme textarea,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper input[type="text"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper input[type="email"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper input[type="tel"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper select,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper textarea,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-user-email-username {
  width: 100% !important;
  min-height: clamp(32px, 1.55vw, 40px) !important;
  padding: 0.16rem 0 0.42rem !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(173, 157, 114, 0.72) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #2f2d28 !important;
  background: transparent !important;
  font-family: var(--jc-font-body) !important;
  font-size: clamp(0.86rem, 0.72vw, 1rem) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme input::placeholder,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme textarea::placeholder,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper input::placeholder,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper textarea::placeholder {
  color: #ad9d72 !important;
  opacity: 1 !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme select:required:invalid,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper select:required:invalid {
  color: #ad9d72 !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme select option,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper select option {
  color: #2f2d28 !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-user-email-username {
  border-bottom-color: rgba(255, 255, 255, 0.8) !important;
  color: #ffffff !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme select,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper select {
  appearance: none;
  color: #ad9d72 !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme textarea,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper textarea {
  height: clamp(70px, 3.35vw, 86px) !important;
  min-height: clamp(70px, 3.35vw, 86px) !important;
  resize: vertical;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme .gform_footer,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper .gform_footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  margin: clamp(1.25rem, 1.55vw, 2rem) 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-review-note {
  width: min(100%, 440px) !important;
  max-width: 440px !important;
  margin: 0 auto clamp(1.1rem, 1.25vw, 1.55rem) !important;
  color: rgba(173, 157, 114, 0.78) !important;
  font-family: var(--jc-font-body) !important;
  font-size: clamp(0.8rem, 0.62vw, 0.9rem) !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="submit"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper input[type="submit"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: clamp(156px, 8.2vw, 198px) !important;
  min-height: clamp(36px, 1.95vw, 44px) !important;
  margin: clamp(1.05rem, 1.55vw, 1.9rem) auto 0 !important;
  padding: 0.42rem 1.25rem !important;
  border: 1px solid #ad9d72 !important;
  border-radius: 5px !important;
  color: #ffffff !important;
  background: #ad9d72 !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(0.88rem, 0.68vw, 1rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: none !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-submit,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-submit:hover,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-submit:focus-visible {
  border-color: #ffffff !important;
  color: #ad9d72 !important;
  background: #ffffff !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="submit"]:hover,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper.gravity-theme input[type="submit"]:focus-visible,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper input[type="submit"]:hover,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .gform_wrapper input[type="submit"]:focus-visible {
  border-color: #8d7f56 !important;
  color: #ffffff !important;
  background: #8d7f56 !important;
}

.jc-system-page--brand-hub-login .wpa-box {
  border: 0 !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.16) !important;
}

@media (max-width: 980px) {
  #page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero,
  .jc-system-page--brand-hub-login .jc-system-hero {
    min-height: 520px !important;
    height: 520px !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero > .jc-section-inner,
  .jc-system-page--brand-hub-login .jc-system-hero > .jc-section-inner {
    width: min(100% - 28px, 720px) !important;
    min-height: 520px !important;
    padding-top: 82px !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero h1,
  .jc-system-page--brand-hub-login .jc-system-hero h1 {
    font-size: clamp(3.3rem, 8.5vw, 5rem) !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-system-page--brand-hub-login .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    width: min(100%, 620px) !important;
    font-size: clamp(1.05rem, 2.3vw, 1.25rem) !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels {
    background: #ffffff !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-grid--two-panels,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-grid--two-panels {
    grid-template-columns: 1fr !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel {
    min-height: auto !important;
    padding: clamp(4rem, 9vw, 6rem) 1.5rem !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child {
    padding-bottom: 6rem !important;
  }
}

@media (max-width: 640px) {
  #page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero,
  .jc-system-page--brand-hub-login .jc-system-hero {
    min-height: 470px !important;
    height: 470px !important;
    background-position: center top !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero > .jc-section-inner,
  .jc-system-page--brand-hub-login .jc-system-hero > .jc-section-inner {
    min-height: 470px !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero h1,
  .jc-system-page--brand-hub-login .jc-system-hero h1 {
    font-size: clamp(2.8rem, 13vw, 3.6rem) !important;
  }
}

/* Thank You reference-match pass. */
#page-container #main-content .jc-system-page--thank-you,
#main-content.jc-system-page--thank-you,
.jc-system-page--thank-you {
  margin-top: 0 !important;
  background: #050504 !important;
}

#page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero,
#main-content.jc-system-page--thank-you .jc-thank-you-hero,
.jc-system-page--thank-you .jc-thank-you-hero {
  display: grid !important;
  min-height: clamp(640px, 65vh, 940px) !important;
  height: clamp(640px, 65vh, 940px) !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-position: center 36% !important;
  background-size: cover !important;
}

#page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero::before,
#main-content.jc-system-page--thank-you .jc-thank-you-hero::before,
.jc-system-page--thank-you .jc-thank-you-hero::before {
  background:
    radial-gradient(circle at 56% 47%, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.35) 47%, rgba(0, 0, 0, 0.58) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.18) 42%, rgba(0, 0, 0, 0.52)) !important;
}

#page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner,
#main-content.jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner,
.jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner {
  min-height: inherit !important;
  height: 100% !important;
  align-content: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transform: translateY(clamp(-7rem, -8vh, -4.75rem)) !important;
}

#page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero h1,
#main-content.jc-system-page--thank-you .jc-thank-you-hero h1,
.jc-system-page--thank-you .jc-thank-you-hero h1 {
  margin: 0 !important;
  color: var(--jc-color-white) !important;
  font-size: clamp(5.25rem, 5.2vw, 7.4rem) !important;
  line-height: 0.94 !important;
}

#page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow),
#main-content.jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow),
.jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow) {
  max-width: 860px !important;
  margin-top: clamp(1.05rem, 1.15vw, 1.45rem) !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: clamp(1.32rem, 1.2vw, 1.72rem) !important;
  line-height: 1.25 !important;
}

#page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero p:has(.jc-button),
#main-content.jc-system-page--thank-you .jc-thank-you-hero p:has(.jc-button),
.jc-system-page--thank-you .jc-thank-you-hero p:has(.jc-button) {
  display: none !important;
}

body:has(.jc-system-page--thank-you) .jc-site-footer__medallion {
  width: clamp(112px, 6.15vw, 148px) !important;
}

body:has(.jc-system-page--thank-you) .jc-site-footer__inner {
  padding-top: clamp(6.75rem, 7.1vw, 9.5rem) !important;
  padding-bottom: clamp(4rem, 4.8vw, 6rem) !important;
}

/* Videos archive reference-match pass. */
#page-container #main-content.jc-archive-page--videos,
#main-content.jc-archive-page--videos,
.jc-archive-page--videos {
  background: #000000 !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-hero,
#main-content.jc-archive-page--videos .jc-archive-hero,
.jc-archive-page--videos .jc-archive-hero {
  min-height: min(1320px, 51.55vw) !important;
  height: min(1320px, 51.55vw) !important;
  align-items: center !important;
  padding: 0 !important;
  background-position: center 46% !important;
  background-size: cover !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-hero::before,
#main-content.jc-archive-page--videos .jc-archive-hero::before,
.jc-archive-page--videos .jc-archive-hero::before {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.28) 44%, rgba(0, 0, 0, 0.68)),
    radial-gradient(circle at 50% 48%, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.24) 42%, rgba(0, 0, 0, 0.5) 100%) !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner,
#main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner,
.jc-archive-page--videos .jc-archive-hero > .jc-section-inner {
  width: min(100% - clamp(4rem, 9vw, 14rem), 2140px) !important;
  min-height: inherit !important;
  height: 100% !important;
  align-content: center !important;
  justify-items: center !important;
  padding-top: clamp(2rem, 3vw, 4.75rem) !important;
  transform: translateY(clamp(1.15rem, 2.1vw, 3.2rem)) !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-hero .jc-eyebrow,
#main-content.jc-archive-page--videos .jc-archive-hero .jc-eyebrow,
.jc-archive-page--videos .jc-archive-hero .jc-eyebrow {
  display: none !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-hero h1,
#main-content.jc-archive-page--videos .jc-archive-hero h1,
.jc-archive-page--videos .jc-archive-hero h1 {
  display: grid !important;
  max-width: 1420px !important;
  margin: 0 auto !important;
  gap: 0.05em !important;
  color: #ffffff !important;
  font-size: 5.1rem !important;
  font-weight: 400 !important;
  line-height: 0.88 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 .jc-accent,
#main-content.jc-archive-page--videos .jc-archive-hero h1 .jc-accent,
.jc-archive-page--videos .jc-archive-hero h1 .jc-accent {
  color: #ad9d72 !important;
  font-family: var(--jc-font-accent) !important;
  font-size: 0.9em !important;
  line-height: 0.78 !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 span:not(.jc-accent),
#main-content.jc-archive-page--videos .jc-archive-hero h1 span:not(.jc-accent),
.jc-archive-page--videos .jc-archive-hero h1 span:not(.jc-accent) {
  color: #ffffff !important;
  font-family: var(--jc-font-display) !important;
  font-size: 1em !important;
  line-height: 0.9 !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
#main-content.jc-archive-page--videos .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
.jc-archive-page--videos .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
  width: min(100%, 860px) !important;
  max-width: 860px !important;
  margin: 1.7rem auto 0 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-family: var(--jc-font-display) !important;
  font-size: 1.08rem !important;
  font-weight: 400 !important;
  line-height: 1.32 !important;
  text-align: center !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker,
#main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker,
.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker {
  bottom: clamp(2.9rem, 4.3vw, 6.6rem) !important;
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 0.72rem !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker::after,
#main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker::after,
.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker::after {
  height: 72px !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-section--dark,
#main-content.jc-archive-page--videos .jc-archive-section--dark,
.jc-archive-page--videos .jc-archive-section--dark {
  min-height: min(3090px, 120.7vw) !important;
  align-content: start !important;
  padding-top: clamp(7rem, 8.3vw, 13.2rem) !important;
  padding-bottom: clamp(7.5rem, 7.8vw, 12rem) !important;
  color: #ffffff !important;
  background: #000000 !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-section--dark > .jc-section-inner,
#main-content.jc-archive-page--videos .jc-archive-section--dark > .jc-section-inner,
.jc-archive-page--videos .jc-archive-section--dark > .jc-section-inner {
  width: min(100% - clamp(4rem, 24vw, 39rem), 1960px) !important;
  max-width: none !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-heading,
#main-content.jc-archive-page--videos .jc-archive-heading,
.jc-archive-page--videos .jc-archive-heading {
  margin-bottom: clamp(3.5rem, 3.7vw, 5.7rem) !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-heading .jc-eyebrow,
#main-content.jc-archive-page--videos .jc-archive-heading .jc-eyebrow,
.jc-archive-page--videos .jc-archive-heading .jc-eyebrow {
  margin: 0 !important;
  color: #ad9d72 !important;
  font-family: var(--jc-font-display) !important;
  font-size: 0.92rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

#page-container #main-content.jc-archive-page--videos .jc-video-grid,
#main-content.jc-archive-page--videos .jc-video-grid,
.jc-archive-page--videos .jc-video-grid {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(6rem, 7.25vw, 11.8rem) clamp(4rem, 3.75vw, 6rem) !important;
}

#page-container #main-content.jc-archive-page--videos .jc-video-card,
#main-content.jc-archive-page--videos .jc-video-card,
.jc-archive-page--videos .jc-video-card {
  color: #ffffff !important;
  background: #312c26 !important;
  border: 1px solid rgba(159, 142, 95, 0.36) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#page-container #main-content.jc-archive-page--videos .jc-video-card__poster,
#main-content.jc-archive-page--videos .jc-video-card__poster,
.jc-archive-page--videos .jc-video-card__poster {
  aspect-ratio: 1.89 / 1 !important;
  background-position: center !important;
  background-size: cover !important;
}

#page-container #main-content.jc-archive-page--videos .jc-video-card__poster::after,
#main-content.jc-archive-page--videos .jc-video-card__poster::after,
.jc-archive-page--videos .jc-video-card__poster::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.38)) !important;
}

#page-container #main-content.jc-archive-page--videos .jc-video-card .jc-card__body,
#main-content.jc-archive-page--videos .jc-video-card .jc-card__body,
.jc-archive-page--videos .jc-video-card .jc-card__body {
  min-height: clamp(9.4rem, 8.9vw, 14.8rem) !important;
  padding: clamp(1.65rem, 2.15vw, 2.55rem) clamp(2rem, 2.7vw, 3rem) !important;
  text-align: center !important;
}


#page-container #main-content.jc-archive-page--videos .jc-video-card p,
#main-content.jc-archive-page--videos .jc-video-card p,
.jc-archive-page--videos .jc-video-card p {
  width: min(100%, 780px) !important;
  margin: 0 auto !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: 0.86rem !important;
  line-height: 1.44 !important;
  text-align: center !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-actions,
#main-content.jc-archive-page--videos .jc-archive-actions,
.jc-archive-page--videos .jc-archive-actions {
  justify-content: center !important;
  margin-top: clamp(5rem, 5.25vw, 8.4rem) !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button,
#main-content.jc-archive-page--videos .jc-archive-actions .jc-button,
.jc-archive-page--videos .jc-archive-actions .jc-button {
  min-width: 168px !important;
  min-height: 36px !important;
  padding: 0.5rem 1.4rem !important;
  border: 1px solid #ad9d72 !important;
  border-radius: 3px !important;
  color: #ffffff !important;
  background: #ad9d72 !important;
  font-family: var(--jc-font-display) !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button[disabled],
#main-content.jc-archive-page--videos .jc-archive-actions .jc-button[disabled],
.jc-archive-page--videos .jc-archive-actions .jc-button[disabled] {
  opacity: 1 !important;
  cursor: default !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-prefooter,
#main-content.jc-archive-page--videos .jc-archive-prefooter,
.jc-archive-page--videos .jc-archive-prefooter {
  min-height: 450px !important;
  height: 450px !important;
  --jc-prefooter-default-position: center 48% !important;
  --jc-prefooter-default-size: cover !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-prefooter::before,
#main-content.jc-archive-page--videos .jc-archive-prefooter::before,
.jc-archive-page--videos .jc-archive-prefooter::before {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.2) 43%, rgba(0, 0, 0, 0.76)),
    radial-gradient(circle at 50% 45%, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.56) 72%) !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-prefooter > .jc-section-inner,
#main-content.jc-archive-page--videos .jc-archive-prefooter > .jc-section-inner,
.jc-archive-page--videos .jc-archive-prefooter > .jc-section-inner {
  min-height: inherit !important;
  height: 100% !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  transform: translateY(0.6rem) !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-prefooter h2,
#main-content.jc-archive-page--videos .jc-archive-prefooter h2,
.jc-archive-page--videos .jc-archive-prefooter h2 {
  max-width: 900px !important;
  margin: 0 auto 1.45rem !important;
  color: rgba(173, 157, 114, 0.62) !important;
  font-family: var(--jc-font-display) !important;
  font-size: 2.1rem !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  text-align: center !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.62) !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-prefooter p,
#main-content.jc-archive-page--videos .jc-archive-prefooter p,
.jc-archive-page--videos .jc-archive-prefooter p {
  display: flex !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  margin: 0 !important;
}

#page-container #main-content.jc-archive-page--videos .jc-archive-prefooter .jc-button,
#main-content.jc-archive-page--videos .jc-archive-prefooter .jc-button,
.jc-archive-page--videos .jc-archive-prefooter .jc-button {
  min-width: 138px !important;
  min-height: 34px !important;
  padding: 0.48rem 1.25rem !important;
  border: 1px solid var(--jc-color-brand-gold) !important;
  border-radius: 6px !important;
  color: var(--jc-color-white) !important;
  background: var(--jc-color-brand-gold) !important;
  font-family: var(--jc-font-display) !important;
  font-size: 0.88rem !important;
  line-height: 1 !important;
}

.jc-video-modal[hidden] {
  display: none !important;
}

.jc-video-modal {
  position: fixed;
  inset: 0;
  /* Keep the entire close target above WordPress' 99999 admin toolbar. */
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: clamp(1rem, 4vw, 4rem);
}

.jc-video-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.86);
}

.jc-video-modal__panel {
  position: relative;
  z-index: 1;
  /* Fit short/landscape windows too, reserving space for the close button. */
  width: min(100%, 1120px, calc((100dvh - 8rem) * 16 / 9));
  border: 1px solid rgba(173, 157, 114, 0.42);
  background: #050504;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.58);
}

.jc-video-modal__close {
  position: absolute;
  top: -48px;
  right: 0;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(173, 157, 114, 0.68);
  border-radius: 50%;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.56);
  font-family: var(--jc-font-body);
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
}

.jc-video-modal__close:hover,
.jc-video-modal__close:focus-visible {
  color: #050504;
  background: #ad9d72;
  outline: 0;
}

.jc-video-modal__frame {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
  background: #000000;
}

.jc-video-modal__frame iframe,
.jc-video-modal__frame video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
}

.jc-video-modal-open {
  overflow: hidden;
}

.jc-video-consent-dialog[hidden] {
  display: none !important;
}

.jc-video-consent-dialog {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: grid;
  place-items: center;
  padding: clamp(1rem, 4vw, 4rem);
}

.jc-video-consent-dialog__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.86);
}

.jc-video-consent-dialog__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 34rem);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border: 1px solid rgba(173, 157, 114, 0.6);
  background: #050504;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.58);
  color: #ffffff;
  text-align: center;
}

.jc-video-consent-dialog__panel h2 {
  margin: 0 2rem 1rem;
  color: #ffffff;
  font-family: var(--jc-font-display);
  font-size: clamp(1.75rem, 4vw, 2.35rem);
  font-weight: 400;
  line-height: 1.08;
}

.jc-video-consent-dialog__panel p {
  max-width: 29rem;
  margin: 0 auto 1.5rem;
  color: #ffffff;
  font-family: var(--jc-font-body);
  font-size: 1rem;
  line-height: 1.55;
}

.jc-video-consent-dialog__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(173, 157, 114, 0.68);
  border-radius: 50%;
  color: #ffffff;
  background: transparent;
  font-family: var(--jc-font-body);
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}

.jc-video-consent-dialog__preferences {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  padding: 0.72rem 1.3rem;
  border: 1px solid var(--jc-color-brand-gold);
  border-radius: 0;
  color: #050504;
  background: var(--jc-color-brand-gold);
  font-family: var(--jc-font-body);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}

.jc-video-consent-dialog__close:hover,
.jc-video-consent-dialog__close:focus-visible,
.jc-video-consent-dialog__preferences:hover,
.jc-video-consent-dialog__preferences:focus-visible {
  color: #050504;
  background: #ffffff;
  outline: 2px solid var(--jc-color-brand-gold);
  outline-offset: 3px;
}

.jc-video-consent-dialog-open {
  overflow: hidden;
}

.jc-video-consent-dialog-open #cmplz-cookiebanner-container {
  visibility: hidden;
}

@media (max-width: 980px) {
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero,
  #main-content.jc-archive-page--videos .jc-archive-hero,
  .jc-archive-page--videos .jc-archive-hero {
    min-height: 620px !important;
    height: 620px !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1,
  #main-content.jc-archive-page--videos .jc-archive-hero h1,
  .jc-archive-page--videos .jc-archive-hero h1 {
    font-size: 4.3rem !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #main-content.jc-archive-page--videos .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-archive-page--videos .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    max-width: 680px !important;
    font-size: 1.05rem !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-section--dark > .jc-section-inner,
  #main-content.jc-archive-page--videos .jc-archive-section--dark > .jc-section-inner,
  .jc-archive-page--videos .jc-archive-section--dark > .jc-section-inner {
    width: min(100% - 28px, 680px) !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-video-grid,
  #main-content.jc-archive-page--videos .jc-video-grid,
  .jc-archive-page--videos .jc-video-grid {
    grid-template-columns: 1fr !important;
    gap: 4.25rem !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-prefooter,
  #main-content.jc-archive-page--videos .jc-archive-prefooter,
  .jc-archive-page--videos .jc-archive-prefooter {
    min-height: 450px !important;
    height: 450px !important;
  }
}

@media (max-width: 640px) {
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero,
  #main-content.jc-archive-page--videos .jc-archive-hero,
  .jc-archive-page--videos .jc-archive-hero {
    min-height: 520px !important;
    height: 520px !important;
    background-position: center 44% !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner,
  #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner,
  .jc-archive-page--videos .jc-archive-hero > .jc-section-inner {
    width: min(100% - 28px, 560px) !important;
    transform: none !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1,
  #main-content.jc-archive-page--videos .jc-archive-hero h1,
  .jc-archive-page--videos .jc-archive-hero h1 {
    font-size: 3.1rem !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-video-card h3,
  #main-content.jc-archive-page--videos .jc-video-card h3,
  .jc-archive-page--videos .jc-video-card h3 {
    font-size: 1.65rem !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-prefooter p,
  #main-content.jc-archive-page--videos .jc-archive-prefooter p,
  .jc-archive-page--videos .jc-archive-prefooter p {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 980px) {
  #page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero,
  #main-content.jc-system-page--thank-you .jc-thank-you-hero,
  .jc-system-page--thank-you .jc-thank-you-hero {
    min-height: clamp(520px, 72vh, 680px) !important;
    height: clamp(520px, 72vh, 680px) !important;
    background-position: center 38% !important;
  }

  #page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner,
  #main-content.jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner,
  .jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner {
    transform: translateY(-2.75rem) !important;
  }
}

/* Recipes archive reference polish. */
@media (min-width: 981px) {
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero,
  #main-content.jc-archive-page--recipes .jc-archive-hero,
  .jc-archive-page--recipes .jc-archive-hero {
    min-height: min(760px, 51vw) !important;
    height: min(760px, 51vw) !important;
    background-position: center 47% !important;
    background-size: cover !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero::before,
  #main-content.jc-archive-page--recipes .jc-archive-hero::before,
  .jc-archive-page--recipes .jc-archive-hero::before {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.42) 48%, rgba(0, 0, 0, 0.78)),
      radial-gradient(circle at 51% 47%, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.58) 72%) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner,
  #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner,
  .jc-archive-page--recipes .jc-archive-hero > .jc-section-inner {
    width: min(100% - 6rem, 1220px) !important;
    min-height: inherit !important;
    align-content: center !important;
    justify-items: center !important;
    transform: translateY(2.2rem) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1,
  #main-content.jc-archive-page--recipes .jc-archive-hero h1,
  .jc-archive-page--recipes .jc-archive-hero h1 {
    max-width: 1080px !important;
    margin: 0 auto !important;
    font-size: clamp(4rem, 4.9vw, 5.25rem) !important;
    line-height: 0.92 !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 .jc-accent,
  #main-content.jc-archive-page--recipes .jc-archive-hero h1 .jc-accent,
  .jc-archive-page--recipes .jc-archive-hero h1 .jc-accent {
    font-size: 0.72em !important;
    line-height: 0.78 !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #main-content.jc-archive-page--recipes .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-archive-page--recipes .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    max-width: 860px !important;
    margin-top: 1.15rem !important;
    color: rgba(255, 255, 255, 0.88) !important;
    font-family: var(--jc-font-display) !important;
    font-size: clamp(1rem, 1.05vw, 1.18rem) !important;
    line-height: 1.34 !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker,
  #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker,
  .jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker {
    bottom: 0.2rem !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 0.72rem !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-section--dark,
  #main-content.jc-archive-page--recipes .jc-archive-section--dark,
  .jc-archive-page--recipes .jc-archive-section--dark {
    min-height: 0 !important;
    display: block !important;
    padding-top: clamp(3.8rem, 4.6vw, 5.4rem) !important;
    padding-bottom: clamp(5rem, 6vw, 7rem) !important;
    background: #000 !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-section--dark > .jc-section-inner,
  #main-content.jc-archive-page--recipes .jc-archive-section--dark > .jc-section-inner,
  .jc-archive-page--recipes .jc-archive-section--dark > .jc-section-inner {
    width: min(100% - clamp(4rem, 8vw, 9rem), 1110px) !important;
    max-width: 1110px !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-heading,
  #main-content.jc-archive-page--recipes .jc-archive-heading,
  .jc-archive-page--recipes .jc-archive-heading {
    max-width: 1110px !important;
    margin: 0 auto clamp(2.4rem, 3vw, 3.4rem) !important;
    text-align: left !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-breadcrumb,
  #main-content.jc-archive-page--recipes .jc-archive-breadcrumb,
  .jc-archive-page--recipes .jc-archive-breadcrumb,
  .jc-archive-page--recipes .jc-archive-breadcrumb a {
    color: rgba(173, 157, 114, 0.78) !important;
    font-family: var(--jc-font-display) !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-transform: none !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-grid,
  #main-content.jc-archive-page--recipes .jc-recipe-grid,
  .jc-archive-page--recipes .jc-recipe-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(2.8rem, 3.5vw, 3.9rem) clamp(2.6rem, 3.1vw, 3.5rem) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card,
  #main-content.jc-archive-page--recipes .jc-recipe-card,
  .jc-archive-page--recipes .jc-recipe-card {
    height: clamp(390px, 32.1vw, 455px) !important;
    overflow: hidden !important;
    color: #ffffff !important;
    background: #312c26 !important;
    border: 1px solid rgba(173, 157, 114, 0.25) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card > img,
  #main-content.jc-archive-page--recipes .jc-recipe-card > img,
  .jc-archive-page--recipes .jc-recipe-card > img {
    flex: 0 0 auto !important;
    aspect-ratio: 1.84 / 1 !important;
    object-fit: cover !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body,
  .jc-archive-page--recipes .jc-recipe-card .jc-card__body {
    flex: 1 1 auto !important;
    align-content: center !important;
    gap: 0.5rem !important;
    min-height: 0 !important;
    padding: clamp(0.9rem, 1.02vw, 1.18rem) clamp(1rem, 1.18vw, 1.32rem) !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card h3,
  #main-content.jc-archive-page--recipes .jc-recipe-card h3,
  .jc-archive-page--recipes .jc-recipe-card h3 {
    color: #ad9d72 !important;
    font-family: var(--jc-font-display) !important;
    font-size: clamp(1.2rem, 1.18vw, 1.42rem) !important;
    font-weight: 400 !important;
    line-height: 1.04 !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body > p,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body > p,
  .jc-archive-page--recipes .jc-recipe-card .jc-card__body > p {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: clamp(0.72rem, 0.6vw, 0.8rem) !important;
    line-height: 1.34 !important;
    text-align: center !important;
    -webkit-line-clamp: 3 !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: auto 0 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.46) !important;
    background: #2c2822 !important;
    color: #ad9d72 !important;
    text-transform: none !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    gap: 0.24rem !important;
    min-height: 58px !important;
    padding: 0.4rem 0.22rem 0.44rem !important;
    border-left: 1px solid rgba(0, 0, 0, 0.55) !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span:first-child,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span:first-child,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span:first-child {
    border-left: 0 !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card__meta-icon,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card img.jc-recipe-card__meta-icon,
  #main-content.jc-archive-page--recipes .jc-recipe-card__meta-icon,
  #main-content.jc-archive-page--recipes .jc-recipe-card img.jc-recipe-card__meta-icon,
  .jc-archive-page--recipes .jc-recipe-card__meta-icon,
  .jc-archive-page--recipes .jc-recipe-card img.jc-recipe-card__meta-icon {
    width: 20px !important;
    height: 20px !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card__meta-copy,
  #main-content.jc-archive-page--recipes .jc-recipe-card__meta-copy,
  .jc-archive-page--recipes .jc-recipe-card__meta-copy {
    display: grid !important;
    justify-items: center !important;
    gap: 0.05rem !important;
    max-width: 100% !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong {
    max-width: 100% !important;
    color: #ad9d72 !important;
    font-family: var(--jc-font-display) !important;
    font-size: 0.56rem !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card__meta-value,
  #main-content.jc-archive-page--recipes .jc-recipe-card__meta-value,
  .jc-archive-page--recipes .jc-recipe-card__meta-value {
    max-width: 100% !important;
    color: rgba(255, 255, 255, 0.86) !important;
    font-size: 0.58rem !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-actions,
  #main-content.jc-archive-page--recipes .jc-archive-actions,
  .jc-archive-page--recipes .jc-archive-actions {
    justify-content: center !important;
    margin-top: clamp(3.1rem, 3.7vw, 4.4rem) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button,
  #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button,
  .jc-archive-page--recipes .jc-archive-actions .jc-button {
    min-width: 166px !important;
    min-height: 34px !important;
    padding: 0.48rem 1.25rem !important;
    border: 1px solid #ad9d72 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    background: #ad9d72 !important;
    font-family: var(--jc-font-display) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-load-more-status,
  #main-content.jc-archive-page--recipes .jc-load-more-status,
  .jc-archive-page--recipes .jc-load-more-status {
    color: rgba(173, 157, 114, 0.42) !important;
    font-size: 0.82rem !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter,
  #main-content.jc-archive-page--recipes .jc-archive-prefooter,
  .jc-archive-page--recipes .jc-archive-prefooter {
    min-height: 450px !important;
    height: 450px !important;
    --jc-prefooter-default-position: center 47% !important;
    --jc-prefooter-default-size: cover !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter::before,
  #main-content.jc-archive-page--recipes .jc-archive-prefooter::before,
  .jc-archive-page--recipes .jc-archive-prefooter::before {
    background:
      linear-gradient(90deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.16) 48%, rgba(0, 0, 0, 0.66)),
      linear-gradient(180deg, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.7)) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter > .jc-section-inner,
  #main-content.jc-archive-page--recipes .jc-archive-prefooter > .jc-section-inner,
  .jc-archive-page--recipes .jc-archive-prefooter > .jc-section-inner {
    display: grid !important;
    min-height: inherit !important;
    height: 100% !important;
    align-content: center !important;
    justify-items: center !important;
    transform: translateY(0.8rem) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter h2,
  #main-content.jc-archive-page--recipes .jc-archive-prefooter h2,
  .jc-archive-page--recipes .jc-archive-prefooter h2 {
    max-width: 900px !important;
    margin: 0 auto 1.35rem !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-family: var(--jc-font-display) !important;
    font-size: clamp(1.65rem, 1.9vw, 2.05rem) !important;
    font-weight: 400 !important;
    line-height: 1.12 !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter p,
  #main-content.jc-archive-page--recipes .jc-archive-prefooter p,
  .jc-archive-page--recipes .jc-archive-prefooter p {
    display: flex !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    margin: 0 !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter .jc-button,
  #main-content.jc-archive-page--recipes .jc-archive-prefooter .jc-button,
  .jc-archive-page--recipes .jc-archive-prefooter .jc-button {
    min-width: 132px !important;
    min-height: 32px !important;
    padding: 0.44rem 1.1rem !important;
    border: 1px solid #ad9d72 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    background: #ad9d72 !important;
    font-family: var(--jc-font-display) !important;
    font-size: 0.82rem !important;
    line-height: 1 !important;
  }
}

@media (max-width: 980px) {
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero,
  #main-content.jc-archive-page--recipes .jc-archive-hero,
  .jc-archive-page--recipes .jc-archive-hero {
    min-height: clamp(520px, 72svh, 660px) !important;
    height: clamp(520px, 72svh, 660px) !important;
    background-position: center 45% !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner,
  #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner,
  .jc-archive-page--recipes .jc-archive-hero > .jc-section-inner {
    width: min(100% - 2rem, 680px) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-section--dark,
  #main-content.jc-archive-page--recipes .jc-archive-section--dark,
  .jc-archive-page--recipes .jc-archive-section--dark {
    padding-top: 3rem !important;
    padding-bottom: 4rem !important;
    background: #000 !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-section--dark > .jc-section-inner,
  #main-content.jc-archive-page--recipes .jc-archive-section--dark > .jc-section-inner,
  .jc-archive-page--recipes .jc-archive-section--dark > .jc-section-inner {
    width: min(100% - 2rem, 680px) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-heading,
  #main-content.jc-archive-page--recipes .jc-archive-heading,
  .jc-archive-page--recipes .jc-archive-heading {
    margin-bottom: 2rem !important;
    text-align: left !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-grid,
  #main-content.jc-archive-page--recipes .jc-recipe-grid,
  .jc-archive-page--recipes .jc-recipe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2rem !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card,
  #main-content.jc-archive-page--recipes .jc-recipe-card,
  .jc-archive-page--recipes .jc-recipe-card {
    background: #312c26 !important;
    color: #ffffff !important;
    border-color: rgba(173, 157, 114, 0.25) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body,
  .jc-archive-page--recipes .jc-recipe-card .jc-card__body {
    gap: 0.75rem !important;
    padding: 1.2rem 1rem !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card h3,
  #main-content.jc-archive-page--recipes .jc-recipe-card h3,
  .jc-archive-page--recipes .jc-recipe-card h3 {
    color: #ad9d72 !important;
    font-family: var(--jc-font-display) !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body > p,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body > p,
  .jc-archive-page--recipes .jc-recipe-card .jc-card__body > p {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 0.82rem !important;
    line-height: 1.36 !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: auto !important;
    background: #2c2822 !important;
    color: #ad9d72 !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    min-height: 54px !important;
    padding: 0.35rem 0.2rem !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card__meta-value,
  #main-content.jc-archive-page--recipes .jc-recipe-card__meta-value,
  .jc-archive-page--recipes .jc-recipe-card__meta-value {
    max-width: 100% !important;
    color: #ad9d72 !important;
    font-size: 0.56rem !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 640px) {
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero,
  #main-content.jc-archive-page--recipes .jc-archive-hero,
  .jc-archive-page--recipes .jc-archive-hero {
    min-height: 520px !important;
    height: 520px !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1,
  #main-content.jc-archive-page--recipes .jc-archive-hero h1,
  .jc-archive-page--recipes .jc-archive-hero h1 {
    font-size: clamp(3rem, 14vw, 3.7rem) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-grid,
  #main-content.jc-archive-page--recipes .jc-recipe-grid,
  .jc-archive-page--recipes .jc-recipe-grid {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter p,
  #main-content.jc-archive-page--recipes .jc-archive-prefooter p,
  .jc-archive-page--recipes .jc-archive-prefooter p {
    flex-wrap: wrap !important;
  }
}

/* Final staging polish cascade - 2026-06-08. */
#page-container #main-content .jc-home-social__copy,
body.jc-home-page #main-content .jc-home-social__copy,
.jc-home-social__copy {
  justify-self: center !important;
  margin-inline: auto !important;
  text-align: center !important;
}

#page-container #main-content .jc-home-social__copy p,
body.jc-home-page #main-content .jc-home-social__copy p,
.jc-home-social__copy p {
  display: block !important;
  margin-inline: auto !important;
  text-align: center !important;
}

#page-container #main-content .jc-home-awards-copy .jc-home-awards-subhead + p,
body.jc-home-page #main-content .jc-home-awards-copy .jc-native-text p:not(.jc-home-awards-subhead),
.jc-home-awards-copy .jc-home-awards-subhead + p {
  font-size: clamp(0.76rem, 0.58vw, 0.82rem) !important;
  line-height: 1.58 !important;
}

@media (min-width: 981px) {
  #page-container #main-content .jc-about-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-about-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    font-size: clamp(1.12rem, 0.92vw, 1.45rem) !important;
    line-height: 1.4 !important;
  }

  #page-container #main-content .jc-about-page .jc-about-intro .jc-design-intro__inner p:not(.jc-accent),
  .jc-about-page .jc-about-intro .jc-design-intro__inner p:not(.jc-accent) {
    max-width: 1240px !important;
  }

  #page-container #main-content .jc-about-page .jc-supply-section .jc-carousel__controls,
  .jc-about-page .jc-supply-section .jc-carousel__controls {
    transform: translateY(clamp(-5.5rem, -3.8vw, -3.25rem)) !important;
  }

  #page-container #main-content .jc-about-page .jc-map-figure,
  .jc-about-page .jc-map-figure {
    overflow: visible !important;
  }

  #page-container #main-content .jc-about-page .jc-map-figure img,
  .jc-about-page .jc-map-figure img {
    width: 108% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center left !important;
    transform: scale(1.05) !important;
    transform-origin: center left !important;
  }

  #page-container #main-content .jc-about-page .jc-global-section .jc-wide-map img,
  .jc-about-page .jc-global-section .jc-wide-map img {
    width: min(110%, 2464px) !important;
    max-width: 110% !important;
  }

  #page-container #main-content .jc-products-page .jc-product-card-grid,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-card-grid,
  .jc-products-page .jc-product-card-grid {
    width: min(100% - clamp(3rem, 6vw, 8rem), 1300px) !important;
    gap: clamp(2.2rem, 2.9vw, 3.4rem) !important;
  }

  #page-container #main-content .jc-products-page .jc-product-card__body,
  .jc-products-page .jc-product-card__body {
    padding: clamp(4.7rem, 4.95vw, 6.25rem) clamp(1.7rem, 2.2vw, 2.7rem) clamp(2.2rem, 2.55vw, 3.1rem) !important;
  }

  #page-container #main-content .jc-products-page .jc-product-card h3,
  .jc-products-page .jc-product-card h3 {
    font-size: clamp(2.2rem, 1.98vw, 2.95rem) !important;
  }

  #page-container #main-content .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle),
  .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle) {
    font-size: var(--jc-type-card-body-size) !important;
    line-height: var(--jc-type-card-body-line-height) !important;
  }

  #page-container #main-content .jc-products-page .jc-product-card__logo,
  .jc-products-page .jc-product-card__logo {
    width: min(277px, 57%) !important;
    height: clamp(162px, 7.7vw, 198px) !important;
  }

  #page-container #main-content .jc-products-page .jc-product-gallery img[data-jc-gallery-slide],
  .jc-products-page .jc-product-gallery img[data-jc-gallery-slide] {
    aspect-ratio: 1.76 / 1 !important;
  }

  #page-container #main-content .jc-products-page .jc-products-detail-section .jc-section-heading h2,
  .jc-products-page .jc-products-detail-section .jc-section-heading h2 {
    font-size: clamp(1.75rem, 1.5vw, 2.65rem) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-corporate-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    max-width: 1088px !important;
    font-size: clamp(1.45rem, 1.15vw, 1.85rem) !important;
    line-height: 1.38 !important;
  }

  #page-container #main-content .jc-corporate-page .jc-play-button,
  .jc-corporate-page .jc-play-button {
    width: clamp(84px, 6vw, 132px) !important;
    height: clamp(84px, 6vw, 132px) !important;
    background: url("assets/img/brand/jacks-creek-stamp-logo.svg") center / contain no-repeat !important;
  }

  #page-container #main-content .jc-corporate-page .jc-corporate-esg-intro,
  .jc-corporate-page .jc-corporate-esg-intro {
    padding-top: clamp(9rem, 10vw, 13.5rem) !important;
    padding-bottom: clamp(9rem, 10vw, 13.5rem) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy p,
  .jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy p {
    font-size: clamp(0.9rem, 0.68vw, 1.08rem) !important;
    line-height: 1.62 !important;
  }

  #page-container #main-content .jc-corporate-page .jc-welfare-strip,
  .jc-corporate-page .jc-welfare-strip {
    min-height: min(840px, 32.8vw) !important;
    padding-top: clamp(4.5rem, 6vw, 7.5rem) !important;
    padding-bottom: clamp(4.5rem, 6vw, 7.5rem) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-welfare-strip p,
  .jc-corporate-page .jc-welfare-strip p {
    font-size: clamp(0.84rem, 0.66vw, 1rem) !important;
    line-height: 1.5 !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading,
  .jc-cook-page .jc-cook-recipes .jc-section-heading {
    margin-bottom: clamp(3.4rem, 4.6vw, 5.8rem) !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading > .jc-accent,
  .jc-cook-page .jc-cook-recipes .jc-section-heading > .jc-accent {
    margin-bottom: -0.35rem !important;
    line-height: 0.78 !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading h2,
  .jc-cook-page .jc-cook-recipes .jc-section-heading h2 {
    margin-top: 0 !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading p:not(.jc-accent),
  .jc-cook-page .jc-cook-recipes .jc-section-heading p:not(.jc-accent) {
    margin-inline: auto !important;
    text-align: center !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-card__body > p,
  .jc-cook-page .jc-cook-recipes .jc-card__body > p {
    font-size: clamp(0.72rem, 0.58vw, 0.92rem) !important;
    font-weight: 400 !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row,
  .jc-cook-page .jc-cook-recipes .jc-meta-row {
    border: 2px solid rgba(159, 142, 95, 0.62) !important;
    background: var(--jc-color-white) !important;
    color: var(--jc-color-brand-gold) !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row > span,
  .jc-cook-page .jc-cook-recipes .jc-meta-row > span {
    border-left: 1px solid rgba(159, 142, 95, 0.48) !important;
    background: transparent !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row > span:first-child,
  .jc-cook-page .jc-cook-recipes .jc-meta-row > span:first-child {
    border-left: 0 !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row strong,
  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-value,
  .jc-cook-page .jc-cook-recipes .jc-meta-row strong,
  .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-value {
    font-size: clamp(0.52rem, 0.45vw, 0.68rem) !important;
    font-weight: 400 !important;
    text-transform: none !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-actions p,
  .jc-cook-page .jc-cook-recipes .jc-section-actions p {
    font-size: clamp(1rem, 0.9vw, 1.25rem) !important;
  }
}

/* Recipe archive readability pass - 2026-06-08. */
@media (min-width: 981px) {
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card,
  #main-content.jc-archive-page--recipes .jc-recipe-card,
  .jc-archive-page--recipes .jc-recipe-card {
    height: clamp(470px, 36vw, 520px) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body,
  .jc-archive-page--recipes .jc-recipe-card .jc-card__body {
    gap: 0.78rem !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body > p,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body > p,
  .jc-archive-page--recipes .jc-recipe-card .jc-card__body > p {
    line-height: 1.38 !important;
    -webkit-line-clamp: 3 !important;
  }
}

@media (max-width: 980px) {
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body > p,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body > p,
  .jc-archive-page--recipes .jc-recipe-card .jc-card__body > p {
    -webkit-line-clamp: 3 !important;
  }
}

#page-container #main-content .jc-home-cta-card .jc-home-cta-card__button,
.jc-home-cta-card .jc-home-cta-card__button {
  padding-right: 1.55rem !important;
  color: var(--jc-color-white) !important;
}

#page-container #main-content .jc-home-intro-stage__copy .jc-native-text:not(.jc-home-intro-accent) p:not(.jc-home-intro-stage__lead),
#page-container #main-content .jc-about-page .jc-story-prose p,
#page-container #main-content .jc-about-page .jc-supply-card p,
#page-container #main-content .jc-about-page .jc-map-grid p,
#page-container #main-content .jc-products-page .jc-products-intro p,
#page-container #main-content .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle),
#page-container #main-content .jc-products-page .jc-product-tile span,
#page-container #main-content .jc-corporate-page .jc-design-intro__inner p,
#page-container #main-content .jc-corporate-page .jc-long-copy p,
#page-container #main-content .jc-corporate-page .jc-statement-grid p,
#page-container #main-content .jc-cook-page .jc-cook-videos__intro p,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading p:not(.jc-accent),
#page-container #main-content .jc-cook-page .jc-card__body > p,
#page-container #main-content.jc-archive-page--recipes .jc-card__body > p,
#page-container #main-content.jc-archive-page--videos .jc-video-card p,
#page-container #main-content.jc-recipe-single .jc-recipe-intro p,
#page-container #main-content.jc-recipe-single .jc-recipe-method p,
#page-container #main-content.jc-recipe-single .jc-recipe-method li,
#page-container #main-content.jc-recipe-single .jc-recipe-ingredients li,
#page-container #main-content .jc-system-page--contact .jc-office-grid p {
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
}

#page-container #main-content .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle) {
  font-size: var(--jc-type-card-body-size) !important;
  line-height: var(--jc-type-card-body-line-height) !important;
}

#page-container #main-content .jc-products-page .jc-products-intro p {
  font-size: 0.95rem !important;
}

#page-container #main-content .jc-products-page .jc-brand-hero h1,
#page-container #main-content .jc-cook-page .jc-feature-hero h1,
#page-container #main-content .jc-system-page--contact .jc-contact-hero h1 {
  font-size: var(--jc-font-size-h1) !important;
  line-height: var(--jc-line-height-heading) !important;
}

@media (min-width: 981px) {
  body.jc-home-page #main-content .jc-home-intro-stage {
    min-height: min(1420px, 72vw) !important;
    padding-top: 8rem !important;
    background-position: center, center, calc(50% + 2vw) calc(100% - 6rem) !important;
    background-size: auto, auto, min(1720px, 96vw) auto !important;
  }

  body.jc-home-page #main-content .jc-home-intro-stage__inner {
    display: grid !important;
    width: min(100% - 8rem, 1280px) !important;
    max-width: 1280px !important;
    justify-items: end !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.jc-home-page #main-content .jc-home-intro-stage__copy {
    width: min(47vw, 620px) !important;
    margin: 0 clamp(2rem, 5vw, 6rem) 0 auto !important;
    text-align: center !important;
  }

  body.jc-home-page #main-content .jc-home-intro-accent p,
  body.jc-home-page #main-content .jc-home-intro-title h2,
  body.jc-home-page #main-content .jc-home-intro-stage__lead,
  body.jc-home-page #main-content .jc-home-intro-stage__copy .jc-native-text:not(.jc-home-intro-accent) p:not(.jc-home-intro-stage__lead) {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.jc-home-page #main-content .jc-home-intro-title h2 {
    max-width: 100% !important;
    font-size: 5.2rem !important;
    line-height: 0.92 !important;
  }

  body.jc-home-page #main-content .jc-home-intro-stage__lead {
    max-width: 450px !important;
    font-size: 1.55rem !important;
  }

  body.jc-home-page #main-content .jc-home-intro-stage__copy .jc-native-text:not(.jc-home-intro-accent) p:not(.jc-home-intro-stage__lead) {
    max-width: 500px !important;
  }

  #page-container #main-content .jc-about-page .jc-map-grid,
  .jc-about-page .jc-map-grid {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    padding-right: clamp(3rem, 7vw, 8rem) !important;
    padding-left: 0 !important;
    transform: translateX(-50%) !important;
  }

  #page-container #main-content .jc-about-page .jc-map-figure img,
  .jc-about-page .jc-map-figure img {
    width: min(58vw, 1120px) !important;
    max-width: none !important;
    transform: translateX(-3vw) scale(1.06) !important;
    transform-origin: center left !important;
  }

  #page-container #main-content .jc-products-page .jc-products-intro,
  .jc-products-page .jc-products-intro {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  #page-container #main-content .jc-products-page .jc-products-detail-section,
  .jc-products-page .jc-products-detail-section {
    padding-top: 4.5rem !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-contact-map-section,
  .jc-system-page--contact .jc-contact-map-section {
    min-height: auto !important;
    padding-top: clamp(5rem, 6.5vw, 7.5rem) !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-office-grid,
  .jc-system-page--contact .jc-office-grid {
    margin-bottom: clamp(2.5rem, 3.5vw, 4.5rem) !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-contact-map img,
  .jc-system-page--contact .jc-contact-map img {
    height: min(660px, 30vw) !important;
    min-height: min(660px, 30vw) !important;
    object-fit: cover !important;
  }
}

#page-container #main-content .jc-corporate-page .jc-statement-grid,
.jc-corporate-page .jc-statement-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-grid article,
.jc-corporate-page .jc-statement-grid article {
  display: grid !important;
  min-height: 310px !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 0.8rem !important;
  padding: 3.5rem clamp(2rem, 12vw, 15rem) !important;
  border-right: 0 !important;
  border-left: 0 !important;
  text-align: center !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-grid h3,
#page-container #main-content .jc-corporate-page .jc-statement-grid h4,
#page-container #main-content .jc-corporate-page .jc-statement-grid p,
.jc-corporate-page .jc-statement-grid h3,
.jc-corporate-page .jc-statement-grid h4,
.jc-corporate-page .jc-statement-grid p {
  margin: 0 !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-grid h4,
.jc-corporate-page .jc-statement-grid h4 {
  max-width: 760px !important;
}

#page-container #main-content .jc-corporate-page .jc-statement-grid p,
.jc-corporate-page .jc-statement-grid p {
  max-width: 900px !important;
}

#page-container #main-content .jc-archive-page--videos .jc-video-card,
#page-container #main-content .jc-archive-page--videos .jc-video-card h3,
#page-container #main-content .jc-archive-page--videos .jc-video-card p,
.jc-archive-page--videos .jc-video-card,
.jc-archive-page--videos .jc-video-card h3,
.jc-archive-page--videos .jc-video-card p {
  color: var(--jc-color-white) !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero > .jc-section-inner,
.jc-system-page--brand-hub-login .jc-system-hero > .jc-section-inner {
  display: grid !important;
  justify-items: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

#page-container #main-content .jc-system-page--contact .jc-contact-map,
.jc-system-page--contact .jc-contact-map {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: 50% !important;
  overflow: hidden !important;
  transform: translateX(-50%) !important;
}

#page-container #main-content .jc-system-page--contact .jc-contact-map img,
.jc-system-page--contact .jc-contact-map img {
  width: 110vw !important;
  max-width: none !important;
  margin-left: -5vw !important;
}

#page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner,
.jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner {
  align-self: center !important;
  justify-self: center !important;
  padding-top: 8rem !important;
  text-align: center !important;
}

.jc-read-more-toggle {
  display: none;
}

@media (max-width: 980px) {
  body.jc-home-page #main-content .jc-home-intro-stage__copy {
    width: min(100%, 680px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.jc-home-page #main-content .jc-home-intro-accent p,
  body.jc-home-page #main-content .jc-home-intro-title h2,
  body.jc-home-page #main-content .jc-home-intro-stage__lead,
  body.jc-home-page #main-content .jc-home-intro-stage__copy .jc-native-text:not(.jc-home-intro-accent) p:not(.jc-home-intro-stage__lead) {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  [data-jc-read-more].is-collapsed,
  .jc-mobile-read-more.is-collapsed {
    --jc-read-more-fade-rgb: 5, 5, 4;
    --jc-read-more-fade-height: 5rem;
    --jc-read-more-fade-opacity: 1;
    --jc-read-more-fade-stop: 82%;

    position: relative;
    max-height: var(--jc-read-more-height, 300px);
    overflow: hidden;
  }

  [data-jc-read-more].is-collapsed::after,
  .jc-mobile-read-more.is-collapsed::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: var(--jc-read-more-fade-height, 5rem);
    content: "";
    background: linear-gradient(
      180deg,
      rgba(var(--jc-read-more-fade-rgb), 0),
      rgb(var(--jc-read-more-fade-rgb)) var(--jc-read-more-fade-stop, 82%)
    );
    opacity: var(--jc-read-more-fade-opacity, 1);
    pointer-events: none;
  }

  .jc-brand-section--cream [data-jc-read-more].is-collapsed::after,
  .jc-brand-section--cream .jc-mobile-read-more.is-collapsed::after,
  .jc-products-intro [data-jc-read-more].is-collapsed::after,
  .jc-products-intro .jc-mobile-read-more.is-collapsed::after {
    height: var(--jc-read-more-fade-height, 2.75rem);
  }

  .jc-brand-section--cream [data-jc-read-more].is-collapsed,
  .jc-brand-section--cream .jc-mobile-read-more.is-collapsed,
  .jc-products-intro [data-jc-read-more].is-collapsed,
  .jc-products-intro .jc-mobile-read-more.is-collapsed {
    --jc-read-more-fade-rgb: 244, 236, 216;
    --jc-read-more-fade-height: 2.75rem;
  }

  .jc-brand-section--dark [data-jc-read-more].is-collapsed,
  .jc-brand-section--dark .jc-mobile-read-more.is-collapsed {
    --jc-read-more-fade-rgb: 5, 5, 4;
  }

  .jc-story-section .jc-mobile-read-more.is-collapsed {
    --jc-read-more-fade-rgb: 0, 0, 0;
  }

  .jc-corporate-esg-intro .jc-corporate-welfare-copy.is-collapsed {
    --jc-read-more-fade-rgb: 248, 243, 237;
    --jc-read-more-fade-height: clamp(1.5rem, 6vw, 2rem);
    --jc-read-more-fade-stop: 92%;
  }

  .jc-read-more-toggle:not([hidden]) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    max-width: calc(100% - 2rem);
    min-height: 38px;
    margin: 1.25rem auto 0;
    padding: 0.48rem 1.4rem;
    border: 1px solid var(--jc-color-brand-gold);
    border-radius: 6px;
    color: var(--jc-color-white);
    background: var(--jc-color-brand-gold);
    font-family: var(--jc-font-ui);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
  }
}

/* Round 5 button size normalisation. */
#page-container #main-content .jc-contact-form-section input[type="submit"],
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"],
#page-container #main-content .jc-about-page .jc-prefooter--about .jc-button,
body.jc-about-page #page-container #main-content .jc-prefooter--about .jc-button,
#page-container #main-content .jc-prefooter--about .jc-button,
#page-container #main-content .jc-contact-prefooter .jc-button,
#page-container #main-content .jc-products-page .jc-prefooter--products .jc-button,
#page-container #main-content .jc-cook-page .jc-prefooter--cook .jc-button,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-button,
#page-container #main-content .jc-home-cta-card__button,
#page-container #main-content .jc-prefooter--home .jc-button,
#page-container #main-content .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper input[type="submit"],
#page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button,
#page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter .jc-button,
#page-container #main-content.jc-recipe-single .jc-recipe-actions .jc-button,
#page-container #main-content .jc-corporate-page .jc-statement-grid .jc-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 150px !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0.55rem 1.55rem !important;
  border-color: var(--jc-color-brand-gold) !important;
  border-radius: 6px !important;
  color: var(--jc-color-white) !important;
  background: var(--jc-color-brand-gold) !important;
  font-family: var(--jc-font-display) !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

#page-container #main-content .jc-contact-form-section input[type="submit"]:hover,
#page-container #main-content .jc-contact-form-section input[type="submit"]:focus-visible,
#page-container #main-content .jc-about-page .jc-prefooter--about .jc-button:hover,
#page-container #main-content .jc-about-page .jc-prefooter--about .jc-button:focus-visible,
body.jc-about-page #page-container #main-content .jc-prefooter--about .jc-button:hover,
body.jc-about-page #page-container #main-content .jc-prefooter--about .jc-button:focus-visible,
#page-container #main-content .jc-prefooter--about .jc-button:hover,
#page-container #main-content .jc-prefooter--about .jc-button:focus-visible,
#page-container #main-content .jc-contact-prefooter .jc-button:hover,
#page-container #main-content .jc-contact-prefooter .jc-button:focus-visible,
#page-container #main-content .jc-products-page .jc-prefooter--products .jc-button:hover,
#page-container #main-content .jc-products-page .jc-prefooter--products .jc-button:focus-visible,
#page-container #main-content .jc-cook-page .jc-prefooter--cook .jc-button:hover,
#page-container #main-content .jc-cook-page .jc-prefooter--cook .jc-button:focus-visible,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-button:hover,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-button:focus-visible,
#page-container #main-content .jc-home-cta-card__button:hover,
#page-container #main-content .jc-home-cta-card__button:focus-visible,
#page-container #main-content .jc-prefooter--home .jc-button:hover,
#page-container #main-content .jc-prefooter--home .jc-button:focus-visible,
#page-container #main-content .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper input[type="submit"]:hover,
#page-container #main-content .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper input[type="submit"]:focus-visible,
#page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button:hover,
#page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button:focus-visible,
#page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter .jc-button:hover,
#page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter .jc-button:focus-visible,
#page-container #main-content.jc-recipe-single .jc-recipe-actions .jc-button:hover,
#page-container #main-content.jc-recipe-single .jc-recipe-actions .jc-button:focus-visible,
#page-container #main-content .jc-corporate-page .jc-statement-grid .jc-button:hover,
#page-container #main-content .jc-corporate-page .jc-statement-grid .jc-button:focus-visible,
#page-container #main-content .jc-corporate-page .jc-corporate-statement-card .jc-button:hover,
#page-container #main-content .jc-corporate-page .jc-corporate-statement-card .jc-button:focus-visible {
  border-color: var(--jc-color-brand-gold) !important;
  color: var(--jc-color-white) !important;
  background: var(--jc-color-brand-gold) !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
}

#page-container #main-content .jc-home-cta-card__button {
  width: 160px !important;
  min-width: 160px !important;
}

#page-container #main-content .jc-prefooter--home .jc-button {
  width: 164px !important;
  min-width: 164px !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card h3,
body.jc-home-page #main-content .jc-home-cta-card h3,
#page-container #main-content .jc-home-cta-card h3 {
  font-size: 1.42rem !important;
  line-height: 1.04 !important;
  white-space: nowrap !important;
}

#page-container #main-content .jc-brand-hub-login-panels .wpaloginform .wpa-submit {
  min-height: 42px !important;
  height: 42px !important;
  border-radius: 6px !important;
}

#page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter h2 {
  max-width: 880px !important;
  margin-bottom: 23.2px !important;
  color: var(--jc-color-white) !important;
  font-size: 25.632px !important;
  line-height: 28.1952px !important;
}

body.jc-about-page #page-container #main-content .jc-brand-hero .jc-scroll-marker,
#page-container #main-content .jc-about-page .jc-brand-hero .jc-scroll-marker,
.jc-about-page .jc-brand-hero .jc-scroll-marker {
  position: absolute !important;
  right: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  z-index: 4 !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

body.jc-about-page #page-container #main-content .jc-brand-hero .jc-native-row,
#page-container #main-content .jc-about-page .jc-brand-hero .jc-native-row,
.jc-about-page .jc-brand-hero .jc-native-row {
  align-content: stretch !important;
  grid-template-rows: 100% !important;
}

body.jc-about-page #page-container #main-content .jc-brand-hero .jc-native-column,
#page-container #main-content .jc-about-page .jc-brand-hero .jc-native-column,
.jc-about-page .jc-brand-hero .jc-native-column {
  align-self: stretch !important;
  min-height: 100% !important;
  height: 100% !important;
  align-content: center !important;
}

@media (min-width: 981px) {
  #page-container #main-content.jc-recipe-single .jc-recipe-intro {
    margin-bottom: 2.5rem !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-intro p {
    font-family: var(--jc-font-display) !important;
    font-size: clamp(1.15rem, 1.23vw, 1.66rem) !important;
    line-height: 1.32 !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-actions {
    margin-top: 2.5rem !important;
  }
}

/* Round 6 visual alignment - 2026-06-10. */
@media (min-width: 981px) {
  body:not(.home) #page-container #main-content .jc-brand-hero .jc-native-column,
  body:not(.home) #page-container #main-content .jc-feature-hero--cook > .jc-section-inner,
  #page-container #main-content .jc-system-page--contact .jc-contact-hero > .jc-section-inner,
  #page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero > .jc-section-inner,
  #page-container #main-content .jc-brand-hub-page .jc-brand-hub-welcome-hero > .jc-section-inner,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner {
    transform: translateY(clamp(1rem, 1.25vw, 1.8rem)) !important;
  }

  body.jc-home-page #main-content .jc-home-intro-stage {
    min-height: min(1500px, 70vw) !important;
    padding-top: clamp(8.5rem, 9.4vw, 12.5rem) !important;
    background-position: center, center, center calc(100% - 6.5rem) !important;
    background-size: auto, auto, min(1840px, 96vw) auto !important;
  }

  body.jc-home-page #main-content .jc-home-intro-stage__inner {
    justify-items: center !important;
    width: min(100% - clamp(3rem, 7vw, 10rem), 1320px) !important;
    max-width: 1320px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.jc-home-page #main-content .jc-home-intro-stage__copy {
    width: min(100%, 720px) !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  body.jc-home-page #main-content .jc-home-intro-stage__lead {
    max-width: 600px !important;
    margin-top: 1.25rem !important;
  }

  body.jc-home-page #main-content .jc-home-intro-stage__copy .jc-native-text:not(.jc-home-intro-accent) p:not(.jc-home-intro-stage__lead) {
    max-width: 620px !important;
  }

  body.jc-home-page #main-content .jc-home-cta-grid {
    width: min(100% - clamp(14rem, 20vw, 24rem), 1840px) !important;
    max-width: 1840px !important;
    gap: clamp(1.1rem, 1.35vw, 1.7rem) !important;
    margin-top: clamp(9rem, 16vw, 25rem) !important;
    margin-bottom: clamp(-9.5rem, -6.7vw, -5.75rem) !important;
  }

  body.jc-home-page #main-content .jc-home-cta-card {
    min-height: clamp(320px, 19vw, 400px) !important;
    padding: clamp(2.1rem, 2.5vw, 3rem) clamp(1rem, 1.3vw, 1.65rem) !important;
  }

  body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow {
    font-size: clamp(0.9rem, 0.72vw, 1.05rem) !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-cta-card h3,
  body.jc-home-page #main-content .jc-home-cta-card h3,
  #page-container #main-content .jc-home-cta-card h3 {
    font-size: clamp(1.58rem, 1.45vw, 1.95rem) !important;
    line-height: 1.05 !important;
  }

  body.jc-home-page #main-content .jc-home-video-frame__play {
    width: clamp(43px, 5.4vw, 77px) !important;
  }

  body.jc-home-page #main-content .jc-home-social-heading h3 {
    font-size: clamp(1.12rem, 1.42vw, 1.52rem) !important;
    line-height: 0.95 !important;
  }

  #page-container #main-content .jc-about-page .jc-about-intro .jc-accent,
  body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent {
    font-size: clamp(1.62rem, 2vw, 2.65rem) !important;
  }

  #page-container #main-content .jc-about-page .jc-about-intro h2,
  body.jc-about-page #page-container #main-content .jc-about-intro h2 {
    max-width: 1120px !important;
    font-size: clamp(2rem, 2.22vw, 3.28rem) !important;
  }

  #page-container #main-content .jc-about-page .jc-about-intro p:not(.jc-accent),
  body.jc-about-page #page-container #main-content .jc-about-intro p:not(.jc-accent) {
    max-width: 1080px !important;
    font-size: clamp(0.96rem, 1.02vw, 1.08rem) !important;
  }

  #main-content .jc-about-page .jc-story-prose p:first-child,
  .jc-about-page .jc-story-prose p:first-child,
  body.jc-about-page #page-container #main-content .jc-story-prose--lead p {
    max-width: 960px !important;
    font-size: clamp(1.56rem, 1.63vw, 2.35rem) !important;
  }

  #page-container #main-content .jc-about-page .jc-story-prose p,
  #page-container .jc-about-page .jc-story-prose p,
  body.jc-about-page #page-container #main-content .jc-story-prose p {
    max-width: 1180px !important;
    font-size: clamp(0.98rem, 0.76vw, 1.16rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-pullquote,
  #page-container #main-content .jc-about-page .jc-story-pullquote {
    max-width: 1080px !important;
    font-size: clamp(19px, 1.32vw, 26px) !important;
  }

  #main-content .jc-about-page .jc-about-story-banner p,
  body.jc-about-page #page-container #main-content .jc-about-story-banner p {
    max-width: 1280px !important;
    font-size: clamp(1.55rem, 1.72vw, 2.25rem) !important;
    text-align: center !important;
  }

  body.jc-about-page #main-content .jc-supply-section .jc-carousel {
    --jc-about-supply-card-width: min(42vw, 780px) !important;
    --jc-about-supply-active-width: min(46vw, 860px) !important;
    --jc-about-supply-image-height: clamp(13rem, 13.4vw, 15.75rem) !important;
    --jc-about-supply-active-image-height: clamp(15.25rem, 16vw, 18rem) !important;
  }

  #main-content .jc-about-page .jc-supply-card h3,
  .jc-about-page .jc-supply-card h3 {
    font-size: clamp(1.2rem, 1.1vw, 1.52rem) !important;
  }

  #main-content .jc-about-page .jc-supply-card p,
  .jc-about-page .jc-supply-card p {
    font-size: clamp(0.86rem, 0.74vw, 1rem) !important;
    line-height: 1.5 !important;
  }

  .jc-about-page .jc-map-copy-column,
  .jc-about-page .jc-map-grid--text-right > div {
    justify-items: end !important;
    text-align: right !important;
  }

  #main-content .jc-about-page .jc-map-grid--text-right h2,
  .jc-about-page .jc-map-grid--text-right h2 {
    max-width: 700px !important;
    margin-right: 0 !important;
    margin-left: auto !important;
    font-size: clamp(1.32rem, 1.38vw, 2.05rem) !important;
    text-align: right !important;
  }

  #main-content .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  #main-content .jc-about-page .jc-map-copy-column li,
  .jc-about-page .jc-map-copy-column li {
    max-width: 700px !important;
    font-size: clamp(1rem, 1.06vw, 1.14rem) !important;
    text-align: right !important;
  }

  .jc-about-page .jc-global-section {
    min-height: min(1540px, 60vw) !important;
    padding-top: clamp(3.5rem, 4vw, 5.5rem) !important;
  }

  #main-content .jc-about-page .jc-global-section .jc-section-heading p,
  .jc-about-page .jc-global-section .jc-section-heading p {
    max-width: 1240px !important;
    font-size: clamp(1rem, 1.06vw, 1.14rem) !important;
  }

  .jc-about-page .jc-global-section .jc-wide-map {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
  }

  #page-container #main-content .jc-about-page .jc-global-section .jc-wide-map img,
  .jc-about-page .jc-global-section .jc-wide-map img {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  body.jc-about-page #main-content .jc-prefooter--about,
  .jc-about-page .jc-prefooter--about,
  #page-container #main-content .jc-products-page .jc-prefooter--products,
  .jc-products-page .jc-prefooter--products,
  #page-container #main-content .jc-cook-page .jc-prefooter--cook,
  .jc-cook-page .jc-prefooter--cook,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter,
  .jc-archive-page--recipes .jc-archive-prefooter,
  #page-container #main-content.jc-archive-page--videos .jc-archive-prefooter,
  .jc-archive-page--videos .jc-archive-prefooter,
  #page-container #main-content .jc-system-page--contact .jc-contact-prefooter,
  .jc-system-page--contact .jc-contact-prefooter {
    min-height: 450px !important;
    height: 450px !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.jc-about-page #main-content .jc-prefooter--about > .jc-section-inner,
  .jc-about-page .jc-prefooter--about > .jc-section-inner,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter > .jc-section-inner,
  .jc-archive-page--recipes .jc-archive-prefooter > .jc-section-inner,
  #page-container #main-content.jc-archive-page--videos .jc-archive-prefooter > .jc-section-inner,
  .jc-archive-page--videos .jc-archive-prefooter > .jc-section-inner {
    align-content: center !important;
    justify-items: center !important;
    transform: none !important;
  }

  #page-container #main-content .jc-products-page .jc-brand-hero h1,
  .jc-products-page .jc-brand-hero h1 {
    max-width: 1420px !important;
    font-size: clamp(5.9rem, 7.65vw, 7.7rem) !important;
  }

  #page-container #main-content .jc-products-page .jc-products-intro,
  .jc-products-page .jc-products-intro {
    padding-top: clamp(6.2rem, 6.7vw, 8rem) !important;
    padding-bottom: clamp(2.25rem, 3vw, 4rem) !important;
  }

  .jc-products-page .jc-products-intro .jc-products-intro__heading span:not(.jc-accent) {
    font-size: clamp(1.6rem, 1.6vw, 2.35rem) !important;
  }

  .jc-products-page .jc-products-intro .jc-design-intro__inner > p {
    font-size: clamp(1rem, 0.78vw, 1.12rem) !important;
  }

  body:not(.home) .jc-products-page {
    --jc-products-tile-height: clamp(230px, 14.85vw, 278px) !important;
    --jc-products-tile-overlap: clamp(180px, 11.6vw, 218px) !important;
  }

  .jc-products-page .jc-product-tile-grid,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile-grid {
    width: min(100% - clamp(4rem, 10vw, 16rem), 1232px) !important;
    max-width: 1232px !important;
    gap: clamp(1rem, 1.25vw, 1.55rem) !important;
  }

  .jc-products-page .jc-product-tile {
    min-height: 352px !important;
  }

  .jc-products-page .jc-product-tile img {
    width: min(205px, 88%) !important;
    height: 136px !important;
  }

  .jc-products-page .jc-product-card-grid {
    width: min(100% - clamp(2rem, 4vw, 6rem), 1920px) !important;
    max-width: 1920px !important;
    gap: clamp(0.95rem, 1.45vw, 1.45rem) !important;
  }

  .jc-products-page .jc-product-card__body {
    padding: clamp(2.95rem, 2.65vw, 3.7rem) clamp(1rem, 1.15vw, 1.35rem) 0 !important;
  }

  #main-content .jc-products-page .jc-product-card h3,
  .jc-products-page .jc-product-card h3 {
    font-size: clamp(1.4rem, 1.24vw, 1.84rem) !important;
  }

  .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle) {
    max-width: 21rem !important;
    font-size: var(--jc-type-card-body-size) !important;
    line-height: var(--jc-type-card-body-line-height) !important;
  }

  .jc-products-page .jc-products-detail-section {
    padding-bottom: clamp(3.25rem, 4vw, 5rem) !important;
  }

  #page-container #main-content .jc-cook-page .jc-feature-hero h1,
  .jc-cook-page .jc-feature-hero h1 {
    font-size: clamp(5.8rem, 7.7vw, 7.2rem) !important;
  }

  #page-container #main-content .jc-cook-page .jc-feature-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-cook-page .jc-feature-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    max-width: 1120px !important;
    font-size: clamp(1.24rem, 1.34vw, 1.42rem) !important;
  }

  .jc-cook-page .jc-cook-videos__intro {
    max-width: 1160px !important;
    margin-bottom: clamp(2.4rem, 3vw, 4rem) !important;
  }

  #main-content .jc-cook-page .jc-cook-videos__intro > .jc-accent,
  .jc-cook-page .jc-cook-videos__intro > .jc-accent {
    font-size: clamp(2.25rem, 2.42vw, 3.35rem) !important;
  }

  #main-content .jc-cook-page .jc-cook-videos__intro h2,
  .jc-cook-page .jc-cook-videos__intro h2 {
    font-size: clamp(2.05rem, 2.18vw, 3.1rem) !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-videos__intro p,
  .jc-cook-page .jc-cook-videos__intro p {
    max-width: 1040px !important;
    font-size: clamp(1rem, 0.9vw, 1.16rem) !important;
  }

  .jc-cook-page .jc-cook-videos > .jc-section-inner:not(.jc-section-heading):not(.jc-section-actions) {
    width: min(100% - clamp(2rem, 4vw, 5rem), 1344px) !important;
  }

  .jc-cook-page .jc-video-grid {
    max-width: 1248px !important;
    gap: clamp(1.5rem, 1.92vw, 2.1rem) !important;
  }

  .jc-cook-page .jc-video-card .jc-card__body {
    padding: clamp(1.05rem, 1.2vw, 1.35rem) !important;
  }

  #main-content .jc-cook-page .jc-video-card h3,
  .jc-cook-page .jc-video-card h3 {
    font-size: clamp(1.16rem, 1.1vw, 1.38rem) !important;
  }

  .jc-cook-page .jc-cook-recipes .jc-section-heading {
    margin-bottom: clamp(2.2rem, 3vw, 4rem) !important;
  }

  .jc-cook-page .jc-cook-recipes .jc-section-heading > .jc-accent {
    margin-bottom: -0.75rem !important;
    font-size: clamp(1.9rem, 2.05vw, 2.75rem) !important;
  }

  #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading h2,
  .jc-cook-page .jc-cook-recipes .jc-section-heading h2 {
    font-size: clamp(1.58rem, 1.5vw, 2.28rem) !important;
  }

  .jc-cook-page .jc-cook-recipes .jc-section-heading p:not(.jc-accent) {
    font-size: clamp(0.76rem, 0.56vw, 0.86rem) !important;
  }

  .jc-cook-page .jc-cook-recipes > .jc-section-inner:not(.jc-section-heading):not(.jc-section-actions) {
    width: min(100% - clamp(2rem, 5vw, 6rem), 1298px) !important;
  }

  .jc-cook-page .jc-cook-recipes .jc-recipe-card {
    height: clamp(490px, 34vw, 510px) !important;
  }

  #main-content .jc-cook-page .jc-cook-recipes .jc-card h3,
  .jc-cook-page .jc-cook-recipes .jc-card h3 {
    word-spacing: normal !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
  }

  .jc-cook-page .jc-cook-recipes .jc-section-actions {
    margin-top: clamp(2.5rem, 3.4vw, 4.4rem) !important;
  }

  .jc-cook-page .jc-cook-recipes .jc-section-actions p {
    margin-bottom: 1.1rem !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero,
  #main-content.jc-archive-page--recipes .jc-archive-hero,
  .jc-archive-page--recipes .jc-archive-hero {
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner,
  #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner,
  .jc-archive-page--recipes .jc-archive-hero > .jc-section-inner {
    align-content: center !important;
    transform: translateY(5vh) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 .jc-accent,
  #main-content.jc-archive-page--recipes .jc-archive-hero h1 .jc-accent,
  .jc-archive-page--recipes .jc-archive-hero h1 .jc-accent {
    font-size: 0.84em !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #main-content.jc-archive-page--recipes .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-archive-page--recipes .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    max-width: 960px !important;
    font-size: clamp(1.1rem, 1.14vw, 1.28rem) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker,
  #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker,
  .jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker {
    bottom: 0 !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-grid,
  #main-content.jc-archive-page--recipes .jc-recipe-grid,
  .jc-archive-page--recipes .jc-recipe-grid {
    width: min(100%, 1276px) !important;
    max-width: 1276px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card,
  #main-content.jc-archive-page--recipes .jc-recipe-card,
  .jc-archive-page--recipes .jc-recipe-card {
    height: clamp(430px, 34vw, 500px) !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-single-hero,
  #main-content.jc-recipe-single .jc-recipe-single-hero,
  .jc-recipe-single .jc-recipe-single-hero {
    min-height: min(760px, 28vw) !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-single-hero h1,
  #main-content.jc-recipe-single .jc-recipe-single-hero h1,
  .jc-recipe-single .jc-recipe-single-hero h1 {
    font-size: 4.75rem !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-single-meta__item,
  .jc-recipe-single .jc-recipe-single-meta__item {
    min-height: clamp(112px, 5.2vw, 145px) !important;
    padding: 0.85rem 0.5rem !important;
  }

  .jc-recipe-single .jc-recipe-single-meta__label {
    font-size: clamp(0.9rem, 0.7vw, 1.02rem) !important;
  }

  .jc-recipe-single .jc-recipe-single-meta__value {
    font-size: clamp(0.82rem, 0.64vw, 0.94rem) !important;
  }

  #main-content.jc-recipe-single .jc-recipe-breadcrumb,
  #main-content .jc-recipe-single .jc-recipe-breadcrumb,
  .jc-recipe-single .jc-recipe-breadcrumb {
    font-size: clamp(0.9rem, 0.74vw, 1.05rem) !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-intro,
  .jc-recipe-single .jc-recipe-intro,
  .jc-recipe-single .jc-recipe-method {
    max-width: 1220px !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-method p,
  #page-container #main-content.jc-recipe-single .jc-recipe-method li,
  .jc-recipe-single .jc-recipe-method p,
  .jc-recipe-single .jc-recipe-method li {
    font-size: clamp(0.9rem, 0.76vw, 1.06rem) !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1,
  #main-content.jc-archive-page--videos .jc-archive-hero h1,
  .jc-archive-page--videos .jc-archive-hero h1 {
    font-size: clamp(5.95rem, 7.95vw, 7.35rem) !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #main-content.jc-archive-page--videos .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-archive-page--videos .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    max-width: 1020px !important;
    font-size: clamp(1.2rem, 1.26vw, 1.36rem) !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-heading .jc-eyebrow,
  #main-content.jc-archive-page--videos .jc-archive-heading .jc-eyebrow,
  .jc-archive-page--videos .jc-archive-heading .jc-eyebrow {
    font-size: 1.05rem !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-video-card p,
  #main-content.jc-archive-page--videos .jc-video-card p,
  .jc-archive-page--videos .jc-video-card p {
    font-size: 0.96rem !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button,
  #main-content.jc-archive-page--videos .jc-archive-actions .jc-button,
  .jc-archive-page--videos .jc-archive-actions .jc-button {
    transition: background-color var(--jc-duration) var(--jc-ease), border-color var(--jc-duration) var(--jc-ease), color var(--jc-duration) var(--jc-ease) !important;
    transform: none !important;
    box-shadow: none !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button:hover,
  #main-content.jc-archive-page--videos .jc-archive-actions .jc-button:hover,
  .jc-archive-page--videos .jc-archive-actions .jc-button:hover,
  #page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button:focus-visible,
  #main-content.jc-archive-page--videos .jc-archive-actions .jc-button:focus-visible,
  .jc-archive-page--videos .jc-archive-actions .jc-button:focus-visible {
    border-color: #8d7f56 !important;
    background: #8d7f56 !important;
    transform: none !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-prefooter,
  #main-content.jc-archive-page--videos .jc-archive-prefooter,
  .jc-archive-page--videos .jc-archive-prefooter {
    --jc-prefooter-default-position: center 58% !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-prefooter h2,
  #main-content.jc-archive-page--videos .jc-archive-prefooter h2,
  .jc-archive-page--videos .jc-archive-prefooter h2 {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: clamp(2.2rem, 2.3vw, 2.75rem) !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-contact-hero h1 {
    font-size: clamp(6rem, 8vw, 7.6rem) !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-contact-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    max-width: 1120px !important;
    font-size: clamp(1.16rem, 1.28vw, 1.32rem) !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-contact-form-section,
  .jc-system-page--contact .jc-contact-form-section {
    min-height: min(1100px, 52vw) !important;
    padding-top: clamp(5.25rem, 6vw, 7.5rem) !important;
    padding-bottom: clamp(4.5rem, 5.3vw, 7rem) !important;
  }

  .jc-system-page--contact .jc-contact-form-section .jc-system-grid--form {
    width: min(100% - clamp(2rem, 10vw, 15rem), 1128px) !important;
  }

  .jc-system-page--contact .jc-contact-form-section .jc-form-panel,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper {
    width: min(100%, 876px) !important;
  }

  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme select,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper select {
    color: var(--jc-color-brand-gold-light) !important;
    accent-color: var(--jc-color-brand-gold-light);
  }

  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="submit"],
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"] {
    margin-top: 1.1rem !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-contact-map-section,
  .jc-system-page--contact .jc-contact-map-section {
    min-height: auto !important;
    padding-top: clamp(7rem, 7.5vw, 10rem) !important;
  }

  .jc-system-page--contact .jc-office-grid {
    width: min(calc(100vw - clamp(6rem, 10vw, 16rem)), 2200px) !important;
    gap: clamp(1.6rem, 3vw, 4rem) !important;
    margin-bottom: clamp(3rem, 4vw, 5rem) !important;
  }

  .jc-system-page--contact .jc-office-grid article {
    min-height: 0 !important;
    max-width: 27rem !important;
    font-size: clamp(0.94rem, 0.9vw, 1.12rem) !important;
    line-height: 1.2 !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-office-grid h3,
  .jc-system-page--contact .jc-office-grid h3,
  .jc-system-page--contact .jc-office-grid article > p:first-of-type {
    margin-bottom: 0.12rem !important;
    color: var(--jc-color-brand-gold-light) !important;
    font-family: var(--jc-font-display) !important;
    font-size: clamp(1.08rem, 1.05vw, 1.55rem) !important;
    line-height: 1.06 !important;
  }

  .jc-system-page--contact .jc-office-grid article > p:nth-of-type(2) {
    position: static !important;
    max-width: 20rem !important;
    margin-top: clamp(1.6rem, 2vw, 2.6rem) !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-contact-map,
  .jc-system-page--contact .jc-contact-map {
    left: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    overflow: visible !important;
    transform: translateX(-50%) !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-contact-map img,
  .jc-system-page--contact .jc-contact-map img {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-system-page--brand-hub-login .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    margin-top: clamp(1.9rem, 2.2vw, 2.7rem) !important;
    font-size: clamp(1.22rem, 1.38vw, 1.78rem) !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel {
    min-height: clamp(620px, 28vw, 820px) !important;
    padding-top: clamp(4.6rem, 5vw, 6.4rem) !important;
    padding-bottom: clamp(4.2rem, 4.7vw, 5.8rem) !important;
  }

  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child > .jc-login-helper {
    margin: 0 auto clamp(1.35rem, 1.7vw, 2.1rem) !important;
  }

  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-submit {
    margin-top: clamp(1.25rem, 1.7vw, 2rem) !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-brand-hub-welcome-hero h1,
  #main-content.jc-brand-hub-page .jc-brand-hub-welcome-hero h1,
  .jc-brand-hub-page .jc-brand-hub-welcome-hero h1 {
    font-size: clamp(4.55rem, 5.35vw, 5.15rem) !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-brand-hub-welcome-hero .jc-type-hero-lead p,
  #main-content.jc-brand-hub-page .jc-brand-hub-welcome-hero .jc-type-hero-lead p,
  .jc-brand-hub-page .jc-brand-hub-welcome-hero .jc-type-hero-lead p {
    width: min(100%, 920px) !important;
    max-width: 920px !important;
    justify-self: center !important;
    font-size: clamp(1.36rem, 1.34vw, 1.58rem) !important;
    text-align: center !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-brand-hub-contact-band,
  .jc-brand-hub-page .jc-brand-hub-contact-band {
    min-height: 124px !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-brand-hub-contact-band > .jc-section-inner,
  .jc-brand-hub-page .jc-brand-hub-contact-band > .jc-section-inner {
    width: min(100% - 40px, 1120px) !important;
    max-width: 1120px !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-brand-hub-contact-band p,
  #main-content.jc-brand-hub-page .jc-brand-hub-contact-band p,
  .jc-brand-hub-page .jc-brand-hub-contact-band p {
    font-size: 1.28rem !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-system-section--dark,
  .jc-brand-hub-page .jc-system-section--dark {
    padding-top: 88px !important;
    padding-bottom: 112px !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-system-section--dark > .jc-section-inner,
  .jc-brand-hub-page .jc-system-section--dark > .jc-section-inner {
    width: min(100% - clamp(40px, 18vw, 540px), 1380px) !important;
    max-width: 1380px !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-resource-card,
  .jc-brand-hub-page .jc-resource-card,
  .jc-brand-hub-page .jc-resource-card--wide {
    grid-template-columns: 390px minmax(0, 860px) !important;
    column-gap: 90px !important;
    padding-top: 30px !important;
    padding-bottom: 34px !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-resource-card h2,
  #main-content.jc-brand-hub-page .jc-resource-card h2,
  .jc-brand-hub-page .jc-resource-card h2 {
    max-width: 390px !important;
    font-size: clamp(1.95rem, 2.55vw, 2.32rem) !important;
  }

  .jc-brand-hub-page .jc-resource-card p,
  .jc-brand-hub-page .jc-resource-card a {
    max-width: 860px !important;
    font-size: 0.94rem !important;
    line-height: 1.5 !important;
  }

  .jc-brand-hub-page .jc-resource-card:last-child {
    padding-bottom: 48px !important;
  }

  #page-container #main-content .jc-system-page--privacy .jc-system-hero h1,
  .jc-system-page--privacy .jc-system-hero h1 {
    font-size: clamp(4.3rem, 5.25vw, 5.25rem) !important;
  }

  #page-container #main-content .jc-system-page--privacy .jc-system-hero .jc-scroll-marker,
  .jc-system-page--privacy .jc-system-hero .jc-scroll-marker {
    display: none !important;
  }

  .jc-system-page--privacy .jc-privacy-copy {
    max-width: 820px !important;
    gap: 1.25rem !important;
  }

  #page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero,
  #main-content.jc-system-page--thank-you .jc-thank-you-hero,
  .jc-system-page--thank-you .jc-thank-you-hero {
    background-position: center 46% !important;
  }

  #page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner,
  #main-content.jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner,
  .jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner {
    justify-items: center !important;
    text-align: center !important;
    transform: translateY(clamp(-3.5rem, -3.8vh, -2.25rem)) !important;
  }

  #page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow),
  #main-content.jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow),
  .jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow) {
    max-width: 920px !important;
    font-size: clamp(1.48rem, 1.36vw, 1.9rem) !important;
    line-height: 1.32 !important;
  }
}

@media (max-width: 980px) {
  body.jc-home-page #main-content .jc-home-cta-grid {
    margin-top: 4rem !important;
    margin-bottom: -3rem !important;
  }

  body.jc-home-page #main-content .jc-home-video-frame__play {
    width: clamp(42px, 14vw, 64px) !important;
  }

  #page-container #main-content .jc-brand-hub-page .jc-brand-hub-contact-band,
  .jc-brand-hub-page .jc-brand-hub-contact-band {
    min-height: 128px !important;
  }

  #page-container #main-content .jc-system-page--privacy .jc-system-hero .jc-scroll-marker,
  .jc-system-page--privacy .jc-system-hero .jc-scroll-marker {
    display: none !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-contact-map img,
  .jc-system-page--contact .jc-contact-map img {
    height: auto !important;
    min-height: 0 !important;
    object-fit: contain !important;
  }
}

/* Round 6 QA corrections - 2026-06-10. */
@media (min-width: 981px) {
  body.jc-home-page #main-content .jc-home-cta-grid {
    width: min(100% - clamp(7.5rem, 10vw, 12rem), 1840px) !important;
  }

  body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow {
    font-size: clamp(1rem, 0.86vw, 1.12rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-page .jc-story-prose p,
  body.jc-about-page #page-container #main-content .jc-story-prose p,
  #page-container #main-content .jc-about-page .jc-story-prose p {
    max-width: 1220px !important;
    font-size: clamp(1rem, 0.96vw, 1.18rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-page .jc-story-prose p:first-child,
  body.jc-about-page #page-container #main-content .jc-story-prose p:first-child,
  #page-container #main-content .jc-about-page .jc-story-prose p:first-child {
    max-width: 1060px !important;
    font-size: clamp(1.5rem, 1.72vw, 2.36rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-page .jc-story-pullquote,
  body.jc-about-page #page-container #main-content .jc-story-pullquote,
  #page-container #main-content .jc-about-page .jc-story-pullquote {
    max-width: 1160px !important;
    font-size: clamp(1.32rem, 1.44vw, 1.8rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-page .jc-global-section .jc-section-heading p:not(.jc-eyebrow),
  body.jc-about-page #page-container #main-content .jc-global-section .jc-section-heading p:not(.jc-eyebrow),
  #page-container #main-content .jc-about-page .jc-global-section .jc-section-heading p:not(.jc-eyebrow) {
    width: min(100%, 1160px) !important;
    max-width: 1160px !important;
    font-size: clamp(1rem, 1.02vw, 1.14rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  body.jc-about-page #page-container #main-content .jc-about-page .jc-map-copy-column li,
  body.jc-about-page #page-container #main-content .jc-map-copy-column p:not(.jc-eyebrow),
  body.jc-about-page #page-container #main-content .jc-map-copy-column li,
  #page-container #main-content .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  #page-container #main-content .jc-about-page .jc-map-copy-column li {
    font-size: clamp(1.02rem, 1.08vw, 1.16rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose {
    width: min(100%, 1220px) !important;
    max-width: 1220px !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose--lead {
    width: min(100%, 1060px) !important;
    max-width: 1060px !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose:not(.jc-story-prose--lead) p {
    max-width: 1220px !important;
    font-size: clamp(1rem, 0.96vw, 1.18rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose--lead p {
    max-width: 1060px !important;
    font-size: clamp(1.5rem, 1.72vw, 2.36rem) !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-hero,
  #main-content.jc-archive-page--videos .jc-archive-hero,
  .jc-archive-page--videos .jc-archive-hero {
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner,
  #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner,
  .jc-archive-page--videos .jc-archive-hero > .jc-section-inner {
    transform: translateY(clamp(1.6rem, 2.7vw, 3.8rem)) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker,
  #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker,
  .jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker {
    bottom: 45px !important;
  }
}

/* Round 7 visual polish - 2026-06-10. */
@media (min-width: 981px) {
  #page-container #main-content .jc-contact-form-section input[type="submit"],
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"],
  #page-container #main-content .jc-about-page .jc-prefooter--about .jc-button,
  body.jc-about-page #page-container #main-content .jc-prefooter--about .jc-button,
  #page-container #main-content .jc-prefooter--about .jc-button,
  #page-container #main-content .jc-contact-prefooter .jc-button,
  #page-container #main-content .jc-products-page .jc-prefooter--products .jc-button,
  #page-container #main-content .jc-cook-page .jc-prefooter--cook .jc-button,
  #page-container #main-content .jc-cook-page .jc-cook-videos .jc-button,
  #page-container #main-content .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper input[type="submit"],
  #page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter .jc-button,
  #page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button,
  #page-container #main-content.jc-archive-page--videos .jc-archive-prefooter .jc-button,
  #page-container #main-content.jc-recipe-single .jc-recipe-actions .jc-button,
  #page-container #main-content .jc-corporate-page .jc-statement-grid .jc-button {
    min-width: 165px !important;
  }

  #page-container #main-content .jc-home-cta-card__button {
    width: 176px !important;
    min-width: 176px !important;
  }

  #page-container #main-content .jc-prefooter--home .jc-button {
    width: 180px !important;
    min-width: 180px !important;
  }

  #page-container #main-content .jc-home-awards-copy .jc-home-awards-subhead + p,
  body.jc-home-page #main-content .jc-home-awards-copy .jc-native-text p:not(.jc-home-awards-subhead),
  .jc-home-awards-copy .jc-home-awards-subhead + p {
    width: min(100%, 620px) !important;
    max-width: 620px !important;
  }

  body.jc-home-page #main-content .jc-home-social-band {
    background-position: center, center 82% !important;
  }

  body.jc-home-page #main-content .jc-home-social {
    min-height: min(1420px, 58vw) !important;
    padding-top: clamp(3rem, 3.6vw, 4.75rem) !important;
    padding-bottom: clamp(2.9rem, 3.8vw, 5.4rem) !important;
  }

  body.jc-home-page #main-content .jc-home-social__inner {
    gap: clamp(2rem, 2.7vw, 3.45rem) !important;
    transform: translateY(clamp(-2.2rem, -1.8vw, -1.1rem)) !important;
  }

  #page-container #main-content .jc-home-social__copy,
  body.jc-home-page #main-content .jc-home-social__copy,
  .jc-home-social__copy {
    max-width: 800px !important;
  }

  body.jc-home-page #main-content .jc-home-social-heading h3,
  #main-content .jc-home-social__copy h3,
  .jc-home-social__copy h3 {
    margin-bottom: 0.18rem !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose--lead,
  body.jc-about-page #page-container #main-content .jc-story-prose--lead p,
  #page-container #main-content.jc-about-page .jc-story-prose--lead,
  #page-container #main-content.jc-about-page .jc-story-prose--lead p,
  #main-content .jc-about-page .jc-story-prose p:first-child,
  #main-content.jc-about-page .jc-story-prose p:first-child,
  .jc-about-page .jc-story-prose p:first-child {
    width: min(100%, 920px) !important;
    max-width: 920px !important;
  }

  #page-container #main-content.jc-about-page .jc-story-prose p,
  #main-content.jc-about-page .jc-story-prose p,
  #page-container #main-content .jc-about-page .jc-story-prose p,
  #page-container .jc-about-page .jc-story-prose p,
  body.jc-about-page #page-container #main-content .jc-story-prose p {
    font-size: clamp(0.94rem, 0.82vw, 1.06rem) !important;
  }

  #page-container #main-content.jc-about-page .jc-story-prose--lead p,
  #main-content.jc-about-page .jc-story-prose p:first-child,
  body.jc-about-page #page-container #main-content .jc-story-prose--lead p,
  #main-content .jc-about-page .jc-story-prose p:first-child,
  .jc-about-page .jc-story-prose p:first-child {
    font-size: clamp(1.52rem, 1.58vw, 2.25rem) !important;
  }

  #page-container #main-content.jc-about-page .jc-story-pullquote,
  #main-content.jc-about-page .jc-story-pullquote,
  body.jc-about-page #page-container #main-content .jc-story-pullquote,
  #page-container #main-content .jc-about-page .jc-story-pullquote {
    font-size: clamp(18px, 1.2vw, 24px) !important;
  }

  #main-content.jc-about-page .jc-about-story-banner p,
  #page-container #main-content.jc-about-page .jc-about-story-banner p,
  #main-content .jc-about-page .jc-about-story-banner p,
  body.jc-about-page #page-container #main-content .jc-about-story-banner p {
    max-width: 1400px !important;
    font-size: clamp(1.38rem, 1.48vw, 2.05rem) !important;
  }

  body.jc-about-page #main-content .jc-supply-section .jc-carousel {
    --jc-about-supply-card-width: min(31.5vw, 585px) !important;
    --jc-about-supply-active-width: min(34.5vw, 645px) !important;
  }

  #main-content .jc-about-page .jc-supply-card h3,
  .jc-about-page .jc-supply-card h3 {
    font-size: clamp(1.3rem, 1.2vw, 1.64rem) !important;
  }

  .jc-about-page .jc-map-copy-column,
  #main-content.jc-about-page .jc-map-copy-column,
  #main-content.jc-about-page .jc-map-grid--text-right > div,
  .jc-about-page .jc-map-grid--text-right > div {
    justify-items: center !important;
    text-align: center !important;
  }

  #main-content.jc-about-page .jc-map-grid--text-right h2,
  #main-content .jc-about-page .jc-map-grid--text-right h2,
  .jc-about-page .jc-map-grid--text-right h2,
  #main-content.jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  #main-content.jc-about-page .jc-map-copy-column li,
  #main-content .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  #main-content .jc-about-page .jc-map-copy-column li,
  .jc-about-page .jc-map-copy-column li {
    max-width: 805px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content .jc-global-section .jc-section-heading p:not(.jc-eyebrow),
  body.jc-about-page #page-container #main-content .jc-about-page .jc-global-section .jc-section-heading p:not(.jc-eyebrow),
  #main-content.jc-about-page .jc-global-section .jc-section-heading p:not(.jc-eyebrow),
  #page-container #main-content.jc-about-page .jc-global-section .jc-section-heading p:not(.jc-eyebrow),
  #main-content .jc-about-page .jc-global-section .jc-section-heading p:not(.jc-eyebrow),
  .jc-about-page .jc-global-section .jc-section-heading p:not(.jc-eyebrow) {
    width: min(100%, 1045px) !important;
    max-width: 1045px !important;
  }

  #page-container #main-content .jc-products-page .jc-products-intro,
  .jc-products-page .jc-products-intro {
    padding-top: clamp(7.1rem, 7.6vw, 9rem) !important;
  }

  #page-container #main-content .jc-product-tile h3,
  #main-content .jc-product-tile h3,
  .jc-product-tile h3,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile h3,
  body:not(.home) .jc-products-page .jc-product-tile h3 {
    font-size: clamp(1.32rem, 1.32vw, 1.82rem) !important;
  }

  #page-container #main-content .jc-product-tile p,
  #page-container #main-content .jc-product-tile span,
  #main-content .jc-product-tile p,
  #main-content .jc-product-tile span,
  .jc-product-tile p,
  .jc-product-tile span,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile p,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile span,
  body:not(.home) .jc-products-page .jc-product-tile p,
  body:not(.home) .jc-products-page .jc-product-tile span {
    font-size: clamp(0.94rem, 0.82vw, 1.12rem) !important;
  }

  #page-container #main-content .jc-products-detail-section .jc-section-heading,
  #main-content .jc-products-detail-section .jc-section-heading,
  .jc-products-detail-section .jc-section-heading {
    max-width: 1150px !important;
  }

  #page-container #main-content .jc-products-detail-section .jc-section-heading p,
  #main-content .jc-products-detail-section .jc-section-heading p,
  #page-container #main-content .jc-products-page .jc-products-detail-section .jc-section-heading p,
  .jc-products-page .jc-products-detail-section .jc-section-heading p {
    width: min(100%, 1150px) !important;
    max-width: 1150px !important;
  }

  body:not(.home) #page-container #main-content .jc-products-page .jc-products-detail-section,
  body:not(.home) .jc-products-page .jc-products-detail-section,
  .jc-products-page .jc-products-detail-section {
    padding-bottom: clamp(5.25rem, 6.5vw, 8rem) !important;
  }

  body:not(.home) #page-container #main-content .jc-products-page .jc-products-detail-section .jc-section-heading,
  body:not(.home) .jc-products-page .jc-products-detail-section .jc-section-heading {
    max-width: 875px !important;
  }

  #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy,
  .jc-corporate-page .jc-corporate-welfare-copy {
    align-self: center !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    transform: translateY(clamp(0.9rem, 1.25vw, 1.9rem)) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-corporate-esg-intro,
  .jc-corporate-page .jc-corporate-esg-intro {
    padding-bottom: clamp(7.5rem, 8.2vw, 11rem) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-statement-section,
  .jc-corporate-page .jc-statement-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: var(--jc-color-white) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-statement-grid article,
  .jc-corporate-page .jc-statement-grid article {
    min-height: 0 !important;
    padding-top: clamp(4.7rem, 5.2vw, 6.9rem) !important;
    padding-bottom: clamp(4.7rem, 5.2vw, 6.9rem) !important;
    color: var(--jc-color-brand-dark) !important;
    background: var(--jc-color-white) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-statement-grid article:nth-child(even),
  .jc-corporate-page .jc-statement-grid article:nth-child(even) {
    background: var(--jc-color-cream-alt) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-statement-grid h3,
  .jc-corporate-page .jc-statement-grid h3 {
    color: var(--jc-color-brand-gold) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-statement-grid h4,
  #page-container #main-content .jc-corporate-page .jc-statement-grid p,
  .jc-corporate-page .jc-statement-grid h4,
  .jc-corporate-page .jc-statement-grid p {
    color: var(--jc-color-brand-dark) !important;
  }

  #page-container #main-content .jc-cook-videos__intro > .jc-accent,
  #page-container #main-content .jc-cook-videos__intro > p.jc-accent,
  #main-content .jc-cook-videos__intro > .jc-accent,
  #main-content .jc-cook-videos__intro > p.jc-accent,
  .jc-cook-videos__intro > .jc-accent,
  .jc-cook-videos__intro > p.jc-accent,
  #main-content .jc-cook-page .jc-cook-videos__intro > .jc-accent,
  .jc-cook-page .jc-cook-videos__intro > .jc-accent {
    font-size: clamp(2.65rem, 2.9vw, 3.85rem) !important;
    line-height: 0.82 !important;
  }

  #page-container #main-content .jc-cook-videos__intro h2,
  #main-content .jc-cook-videos__intro h2,
  .jc-cook-videos__intro h2,
  #main-content .jc-cook-page .jc-cook-videos__intro h2,
  .jc-cook-page .jc-cook-videos__intro h2 {
    font-size: clamp(1.86rem, 1.94vw, 2.78rem) !important;
  }

  .jc-cook-page .jc-cook-recipes .jc-section-heading > .jc-accent {
    margin-bottom: -1.15rem !important;
  }

  #main-content .jc-cook-page .jc-cook-recipes .jc-card h3,
  .jc-cook-page .jc-cook-recipes .jc-card h3,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card h3,
  #main-content.jc-archive-page--recipes .jc-recipe-card h3,
  .jc-archive-page--recipes .jc-recipe-card h3 {
    font-size: clamp(1.23rem, 1.05vw, 1.52rem) !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-card__body > p,
  .jc-cook-page .jc-cook-recipes .jc-card__body > p,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body > p,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body > p,
  .jc-archive-page--recipes .jc-recipe-card .jc-card__body > p {
    font-size: clamp(0.82rem, 0.68vw, 1rem) !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row > span,
  .jc-cook-page .jc-cook-recipes .jc-meta-row > span,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span {
    min-height: 86px !important;
    padding-top: 0.78rem !important;
    padding-bottom: 0.78rem !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row strong,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong,
  .jc-cook-page .jc-cook-recipes .jc-meta-row strong,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong {
    font-size: clamp(0.62rem, 0.52vw, 0.78rem) !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-value,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card__meta-value,
  .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-value,
  .jc-archive-page--recipes .jc-recipe-card__meta-value {
    font-size: clamp(0.62rem, 0.52vw, 0.78rem) !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-breadcrumb,
  #main-content.jc-archive-page--recipes .jc-archive-breadcrumb,
  .jc-archive-page--recipes .jc-archive-breadcrumb {
    font-size: clamp(1rem, 0.86vw, 1.16rem) !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker,
  #main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker,
  .jc-archive-page--videos .jc-archive-hero .jc-scroll-marker {
    bottom: 39px !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-video-card__poster,
  #main-content.jc-archive-page--videos .jc-video-card__poster,
  .jc-archive-page--videos .jc-video-card__poster {
    background-position: center 42% !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-video-card:nth-child(1) .jc-video-card__poster,
  #page-container #main-content.jc-archive-page--videos .jc-video-card:nth-child(2) .jc-video-card__poster,
  #main-content.jc-archive-page--videos .jc-video-card:nth-child(1) .jc-video-card__poster,
  #main-content.jc-archive-page--videos .jc-video-card:nth-child(2) .jc-video-card__poster,
  .jc-archive-page--videos .jc-video-card:nth-child(1) .jc-video-card__poster,
  .jc-archive-page--videos .jc-video-card:nth-child(2) .jc-video-card__poster {
    background-position: center 34% !important;
  }
}

/* Round 8 focused polish - 2026-06-10. */
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: end !important;
  column-gap: clamp(0.45rem, 0.6vw, 0.7rem) !important;
  row-gap: 0 !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .wpa-login-label,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .wpa-login-label {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: flex-end !important;
  min-height: clamp(32px, 1.55vw, 40px) !important;
  margin: 0 !important;
  padding: 0.16rem 0 0.42rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8) !important;
  color: #ffffff !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .wpa-login-label .jc-required {
  margin-left: 0.18em !important;
  color: #ffffff !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .wpa-user-email-username,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .wpa-user-email-username {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .jc-login-helper,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .jc-login-helper {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: min(100%, 400px) !important;
  max-width: 400px !important;
  margin: clamp(0.48rem, 0.62vw, 0.7rem) auto 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: clamp(0.78rem, 0.62vw, 0.9rem) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .wpa-submit,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .wpa-submit {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  margin-top: clamp(1.02rem, 1.35vw, 1.62rem) !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready input[type="hidden"] {
  display: none !important;
}

#page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow),
#main-content.jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow),
.jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow) {
  width: min(100%, 791px) !important;
  max-width: 791px !important;
}

/* Round 9 visual feedback pass - 2026-06-10. */
@media (min-width: 981px) {
  #page-container #main-content .jc-home-awards-copy .jc-native-text p:not(.jc-home-awards-subhead),
  body.jc-home-page #main-content .jc-home-awards-copy .jc-native-text p:not(.jc-home-awards-subhead),
  .jc-home-awards-copy .jc-native-text p:not(.jc-home-awards-subhead) {
    width: min(100%, 490px) !important;
    max-width: 490px !important;
  }

  body.jc-home-page #main-content .jc-home-social__copy,
  #page-container #main-content .jc-home-social__copy,
  .jc-home-social__copy {
    justify-items: center !important;
    text-align: center !important;
  }

  body.jc-home-page #main-content .jc-home-social-heading h3,
  #main-content .jc-home-social__copy h3,
  .jc-home-social__copy h3 {
    margin-bottom: 0 !important;
  }

  #page-container #main-content .jc-about-page .jc-about-intro h2,
  body.jc-about-page #page-container #main-content .jc-about-intro h2,
  .jc-about-page .jc-about-intro h2 {
    font-size: clamp(1.86rem, 2.02vw, 3rem) !important;
  }

  #main-content.jc-about-page .jc-about-story-banner p,
  #page-container #main-content.jc-about-page .jc-about-story-banner p,
  #main-content .jc-about-page .jc-about-story-banner p,
  body.jc-about-page #page-container #main-content .jc-about-story-banner p,
  .jc-about-page .jc-about-story-banner p {
    width: min(100%, 1320px) !important;
    max-width: 1320px !important;
    font-size: clamp(1.28rem, 1.36vw, 1.9rem) !important;
  }

  body.jc-about-page #main-content .jc-supply-section .jc-carousel,
  #page-container #main-content .jc-about-page .jc-supply-section .jc-carousel,
  .jc-about-page .jc-supply-section .jc-carousel {
    --jc-about-supply-card-width: min(28.35vw, 526px) !important;
    --jc-about-supply-active-width: min(31.05vw, 581px) !important;
  }

  #page-container #main-content .jc-about-page .jc-supply-card h3,
  #main-content .jc-about-page .jc-supply-card h3,
  .jc-about-page .jc-supply-card h3 {
    font-size: clamp(1.42rem, 1.36vw, 1.78rem) !important;
  }

  #page-container #main-content .jc-about-page .jc-map-section,
  .jc-about-page .jc-map-section {
    overflow: hidden !important;
  }

  #page-container #main-content .jc-about-page .jc-map-grid,
  .jc-about-page .jc-map-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 710px) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(2.5rem, 4vw, 5rem) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding-right: clamp(3rem, 6vw, 7rem) !important;
    padding-left: 0 !important;
    transform: none !important;
  }

  #page-container #main-content .jc-about-page .jc-map-media-column,
  .jc-about-page .jc-map-media-column {
    grid-column: 1 !important;
    min-width: 0 !important;
    justify-self: start !important;
  }

  #page-container #main-content .jc-about-page .jc-map-figure,
  .jc-about-page .jc-map-figure {
    left: auto !important;
    width: 100% !important;
    max-width: 710px !important;
    margin: 0 !important;
    transform: none !important;
  }

  #page-container #main-content .jc-about-page .jc-map-figure img,
  .jc-about-page .jc-map-figure img {
    display: block !important;
    width: min(49vw, 710px) !important;
    max-width: 710px !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
    transform: none !important;
  }

  #page-container #main-content .jc-about-page .jc-map-copy-column,
  #main-content.jc-about-page .jc-map-copy-column,
  #main-content.jc-about-page .jc-map-grid--text-right > div,
  .jc-about-page .jc-map-copy-column,
  .jc-about-page .jc-map-grid--text-right > div {
    grid-column: 2 !important;
    width: min(100%, 805px) !important;
    max-width: 805px !important;
    justify-self: center !important;
    justify-items: center !important;
    text-align: center !important;
  }

  #main-content.jc-about-page .jc-map-grid--text-right h2,
  #main-content .jc-about-page .jc-map-grid--text-right h2,
  .jc-about-page .jc-map-grid--text-right h2,
  #main-content.jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  #main-content.jc-about-page .jc-map-copy-column li,
  #main-content .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  #main-content .jc-about-page .jc-map-copy-column li,
  .jc-about-page .jc-map-copy-column li {
    width: min(100%, 620px) !important;
    max-width: 620px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  #main-content.jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  #main-content .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow) {
    font-size: clamp(0.9rem, 0.92vw, 0.97rem) !important;
  }

  .jc-products-page .jc-product-tile-grid,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile-grid {
    width: min(100% - clamp(3rem, 8vw, 12rem), 1300px) !important;
    max-width: 1300px !important;
  }

  .jc-products-page .jc-product-tile,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile {
    min-width: 0 !important;
  }

  .jc-products-page .jc-product-tile img,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile img {
    width: min(136px, 92%) !important;
    height: 90px !important;
    min-height: 0 !important;
    object-fit: contain !important;
  }

  #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy,
  .jc-corporate-page .jc-corporate-welfare-copy {
    align-self: center !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    transform: none !important;
  }

  #page-container #main-content .jc-corporate-page .jc-statement-grid article,
  .jc-corporate-page .jc-statement-grid article {
    padding-top: clamp(6.75rem, 7.8vw, 9.5rem) !important;
    padding-bottom: clamp(6.75rem, 7.8vw, 9.5rem) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-statement-grid h3,
  .jc-corporate-page .jc-statement-grid h3 {
    color: var(--jc-color-brand-dark) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-statement-grid h4,
  .jc-corporate-page .jc-statement-grid h4 {
    color: var(--jc-color-brand-gold) !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-card h3,
  .jc-cook-page .jc-cook-recipes .jc-card h3,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card h3,
  #main-content.jc-archive-page--recipes .jc-recipe-card h3,
  .jc-archive-page--recipes .jc-recipe-card h3 {
    font-size: clamp(1.32rem, 1.16vw, 1.62rem) !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row > span,
  .jc-cook-page .jc-cook-recipes .jc-meta-row > span,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span {
    min-height: 108px !important;
    padding-top: 1.08rem !important;
    padding-bottom: 0.98rem !important;
    border-width: 2px !important;
    align-content: center !important;
    row-gap: 0.26rem !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-icon,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card__meta-icon,
  .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-icon,
  .jc-archive-page--recipes .jc-recipe-card__meta-icon {
    margin-bottom: 0.28rem !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row strong,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong,
  .jc-cook-page .jc-cook-recipes .jc-meta-row strong,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong {
    margin-bottom: 0.16rem !important;
    font-size: clamp(0.7rem, 0.6vw, 0.86rem) !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-value,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card__meta-value,
  .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-value,
  .jc-archive-page--recipes .jc-recipe-card__meta-value {
    font-size: clamp(0.7rem, 0.6vw, 0.86rem) !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-actions,
  .jc-cook-page .jc-cook-recipes .jc-section-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(2.4rem, 4vw, 5rem) !important;
    font-size: clamp(1.08rem, 1vw, 1.28rem) !important;
    text-align: left !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-actions p,
  .jc-cook-page .jc-cook-recipes .jc-section-actions p {
    margin: 0 !important;
    font-size: inherit !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-video-card:nth-child(1) .jc-video-card__poster,
  #page-container #main-content.jc-archive-page--videos .jc-video-card:nth-child(2) .jc-video-card__poster,
  #main-content.jc-archive-page--videos .jc-video-card:nth-child(1) .jc-video-card__poster,
  #main-content.jc-archive-page--videos .jc-video-card:nth-child(2) .jc-video-card__poster,
  .jc-archive-page--videos .jc-video-card:nth-child(1) .jc-video-card__poster,
  .jc-archive-page--videos .jc-video-card:nth-child(2) .jc-video-card__poster {
    background-position: center 42% !important;
    background-size: 115% auto !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-office-grid,
  .jc-system-page--contact .jc-office-grid {
    grid-template-columns: repeat(4, minmax(0, 263px)) !important;
    justify-content: center !important;
    gap: clamp(1.35rem, 2vw, 2.1rem) !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-office-grid article,
  .jc-system-page--contact .jc-office-grid article {
    width: 263px !important;
    max-width: 263px !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-office-grid h3,
  .jc-system-page--contact .jc-office-grid h3,
  .jc-system-page--contact .jc-office-grid article > p:first-of-type {
    font-size: clamp(1.08rem, 1.05vw, 1.55rem) !important;
    line-height: 1.06 !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-breadcrumb,
  #main-content.jc-recipe-single .jc-recipe-breadcrumb,
  .jc-recipe-single .jc-recipe-breadcrumb {
    font-size: clamp(1rem, 0.86vw, 1.12rem) !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-intro,
  #page-container #main-content.jc-recipe-single .jc-recipe-method,
  #main-content.jc-recipe-single .jc-recipe-intro,
  #main-content.jc-recipe-single .jc-recipe-method,
  .jc-recipe-single .jc-recipe-intro,
  .jc-recipe-single .jc-recipe-method {
    width: min(100%, 760px) !important;
    max-width: 760px !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child > p,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child > p {
    width: min(100%, 434px) !important;
    max-width: 434px !important;
    margin-bottom: clamp(3.1rem, 3.6vw, 4.4rem) !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child .jc-passwordless-panel,
  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child .wpaloginform,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child .jc-passwordless-panel,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:first-child .wpaloginform {
    width: min(100%, 434px) !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .jc-login-helper,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .jc-login-helper {
    width: min(100%, 434px) !important;
    max-width: 434px !important;
    margin-top: clamp(0.62rem, 0.75vw, 0.9rem) !important;
  }

  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .jc-login-helper span {
    display: block !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .wpa-submit,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .wpa-submit {
    margin-top: clamp(1.38rem, 1.62vw, 2rem) !important;
  }

  #page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero,
  #main-content.jc-system-page--thank-you .jc-thank-you-hero,
  .jc-system-page--thank-you .jc-thank-you-hero {
    background-position: 44% 46% !important;
  }

  #page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow),
  #main-content.jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow),
  .jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow) {
    width: min(100%, 960px) !important;
    max-width: 960px !important;
  }
}

@media (min-width: 981px) {
  body.jc-home-page #main-content .jc-home-social__copy,
  #page-container #main-content .jc-home-social__copy,
  .jc-home-social__copy {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.jc-home-page #main-content .jc-home-social__copy p:not(.jc-accent):not(.jc-eyebrow),
  #page-container #main-content .jc-home-social__copy p:not(.jc-accent):not(.jc-eyebrow),
  .jc-home-social__copy p:not(.jc-accent):not(.jc-eyebrow) {
    margin-top: clamp(0.5rem, 0.65vw, 0.78rem) !important;
  }

  #page-container #main-content.jc-about-page .jc-map-grid,
  #main-content.jc-about-page .jc-map-grid,
  body.jc-about-page #page-container #main-content .jc-map-grid,
  .jc-about-page .jc-map-grid {
    grid-template-columns: minmax(0, 710px) minmax(0, 1fr) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: clamp(3rem, 6vw, 7rem) !important;
    padding-left: 0 !important;
    transform: none !important;
  }

  #page-container #main-content.jc-about-page .jc-map-media-column,
  #main-content.jc-about-page .jc-map-media-column,
  body.jc-about-page #page-container #main-content .jc-map-media-column,
  .jc-about-page .jc-map-media-column {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
    justify-self: start !important;
    padding: 0 !important;
  }

  #page-container #main-content.jc-about-page .jc-map-copy-column,
  #main-content.jc-about-page .jc-map-copy-column,
  body.jc-about-page #page-container #main-content .jc-map-copy-column,
  .jc-about-page .jc-map-copy-column {
    grid-column: 2 !important;
    width: min(100%, 805px) !important;
    max-width: 805px !important;
    justify-self: center !important;
    padding: 0 !important;
  }

  #page-container #main-content.jc-about-page .jc-map-figure,
  #main-content.jc-about-page .jc-map-figure,
  body.jc-about-page #page-container #main-content .jc-map-figure,
  .jc-about-page .jc-map-figure {
    width: min(49vw, 710px) !important;
    max-width: 710px !important;
  }

  #page-container #main-content.jc-about-page .jc-map-figure img,
  #main-content.jc-about-page .jc-map-figure img,
  body.jc-about-page #page-container #main-content .jc-map-figure img,
  .jc-about-page .jc-map-figure img {
    width: min(49vw, 710px) !important;
    max-width: 710px !important;
  }

  #page-container #main-content.jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  #main-content.jc-about-page .jc-map-copy-column p:not(.jc-eyebrow),
  body.jc-about-page #page-container #main-content .jc-map-copy-column p:not(.jc-eyebrow),
  .jc-about-page .jc-map-copy-column p:not(.jc-eyebrow) {
    width: min(100%, 620px) !important;
    max-width: 620px !important;
    font-size: clamp(0.9rem, 0.92vw, 0.97rem) !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-office-grid article > p:first-of-type,
  #main-content.jc-system-page--contact .jc-office-grid article > p:first-of-type,
  .jc-system-page--contact .jc-office-grid article > p:first-of-type {
    font-size: clamp(1.08rem, 1.05vw, 1.55rem) !important;
    line-height: 1.06 !important;
  }
}

@media (min-width: 981px) {
  #page-container #main-content.jc-about-page .jc-map-grid,
  #main-content.jc-about-page .jc-map-grid,
  body.jc-about-page #page-container #main-content .jc-map-grid,
  .jc-about-page .jc-map-grid {
    grid-template-columns: minmax(0, 690px) minmax(0, 1fr) !important;
    gap: clamp(2.2rem, 2.7vw, 2.9rem) !important;
    padding-right: clamp(2rem, 2.6vw, 2.8rem) !important;
  }

  #page-container #main-content.jc-about-page .jc-map-figure,
  #main-content.jc-about-page .jc-map-figure,
  body.jc-about-page #page-container #main-content .jc-map-figure,
  .jc-about-page .jc-map-figure,
  #page-container #main-content.jc-about-page .jc-map-figure img,
  #main-content.jc-about-page .jc-map-figure img,
  body.jc-about-page #page-container #main-content .jc-map-figure img,
  .jc-about-page .jc-map-figure img {
    width: min(48vw, 690px) !important;
    max-width: 690px !important;
  }

  #page-container #main-content .jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow),
  #main-content.jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow),
  .jc-system-page--thank-you .jc-thank-you-hero p:not(:has(.jc-button)):not(.jc-eyebrow) {
    padding-bottom: 0 !important;
  }
}

/* Round 10 home social alignment - 2026-06-11. */
@media (min-width: 981px) {
  body.jc-home-page #main-content .jc-home-social,
  #page-container #main-content .jc-home-social,
  .jc-home-social {
    overflow: visible !important;
  }

  body.jc-home-page #main-content .jc-home-social__copy,
  #page-container #main-content .jc-home-social__copy,
  .jc-home-social__copy {
    position: relative !important;
    z-index: 2 !important;
    transform: translateY(clamp(-8.5rem, -6.4vw, -5.6rem)) !important;
  }
}

/* Round 11 visual feedback pass - 2026-06-11. */
@media (min-width: 981px) {
  #page-container #main-content .jc-products-page .jc-product-tile-grid,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile-grid,
  .jc-products-page .jc-product-tile-grid {
    width: min(100% - clamp(2rem, 4vw, 4rem), 1400px) !important;
    max-width: 1400px !important;
    gap: clamp(1rem, 1.4vw, 1.5rem) !important;
  }

  #page-container #main-content .jc-products-page .jc-product-tile,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile,
  .jc-products-page .jc-product-tile {
    min-height: min(430px, 17vw) !important;
    padding-top: clamp(5.1rem, 5.6vw, 6.45rem) !important;
  }

  #page-container #main-content .jc-products-page .jc-product-tile img,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile img,
  .jc-products-page .jc-product-tile img {
    width: min(160px, 96%) !important;
    height: 106px !important;
  }

  #page-container #main-content .jc-products-page .jc-product-tile h3,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile h3,
  .jc-products-page .jc-product-tile h3 {
    font-size: clamp(1.26rem, 1.04vw, 1.58rem) !important;
  }

  #page-container #main-content .jc-products-page .jc-product-tile p,
  #page-container #main-content .jc-products-page .jc-product-tile span,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile p,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile span,
  .jc-products-page .jc-product-tile p,
  .jc-products-page .jc-product-tile span {
    font-size: clamp(0.88rem, 0.82vw, 0.94rem) !important;
  }

  #page-container #main-content .jc-products-page .jc-products-detail-section .jc-section-heading h2,
  body:not(.home) #page-container #main-content .jc-products-page .jc-products-detail-section .jc-section-heading h2,
  .jc-products-page .jc-products-detail-section .jc-section-heading h2 {
    transform: translateY(-0.75rem) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-corporate-esg-intro,
  .jc-corporate-page .jc-corporate-esg-intro {
    padding-bottom: 0 !important;
  }

  #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy,
  .jc-corporate-page .jc-corporate-welfare-copy {
    transform: translateY(-3.6rem) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-statement-grid article:nth-child(even),
  .jc-corporate-page .jc-statement-grid article:nth-child(even) {
    background: #f6f5f0 !important;
  }
}

/* Round 12 Brand Hub login line polish - 2026-06-11. */
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready {
  column-gap: 0 !important;
}

/* Round 13 visual feedback pass - 2026-06-11. */
@media (min-width: 981px) {
  #page-container #main-content .jc-corporate-page .jc-statement-grid article:last-child,
  .jc-corporate-page .jc-statement-grid article:last-child {
    padding-bottom: clamp(10.5rem, 11vw, 13rem) !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-card__body,
  .jc-cook-page .jc-cook-recipes .jc-card__body,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body,
  .jc-archive-page--recipes .jc-recipe-card .jc-card__body {
    align-content: center !important;
    padding-right: clamp(0.85rem, 0.9vw, 1rem) !important;
    padding-left: clamp(0.85rem, 0.9vw, 1rem) !important;
  }
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field {
  position: relative !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: end !important;
  column-gap: clamp(0.32rem, 0.38vw, 0.5rem) !important;
  min-height: clamp(32px, 1.55vw, 40px) !important;
  margin: 0 !important;
  padding: 0.16rem 0 0.42rem !important;
  border-bottom: 1px solid rgba(173, 157, 114, 0.72) !important;
  cursor: text !important;
  text-align: left !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--textarea,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--textarea {
  align-items: start !important;
  min-height: clamp(70px, 3.35vw, 86px) !important;
  padding-top: 0.5rem !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field .gfield_label,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field .gfield_label {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  border: 0 !important;
  color: #ad9d72 !important;
  font-family: var(--jc-font-body) !important;
  font-size: clamp(0.86rem, 0.72vw, 1rem) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field .gfield_required {
  margin-left: 0.16em !important;
  color: inherit !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input[type="text"],
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input[type="email"],
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input[type="tel"],
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field select,
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field textarea,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input[type="text"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input[type="email"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input[type="tel"],
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field select,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field textarea {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 2 !important;
  align-self: end !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #2f2d28 !important;
  background: transparent !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--select,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--select {
  cursor: pointer !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--select select,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--select select {
  padding-right: 1.35rem !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--select::after,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--select::after {
  position: absolute;
  right: 0.05rem;
  bottom: 0.72rem;
  z-index: 0;
  width: 0.48rem;
  height: 0.48rem;
  border-right: 1px solid #ad9d72;
  border-bottom: 1px solid #ad9d72;
  content: "";
  pointer-events: none;
  transform: rotate(45deg);
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--textarea textarea,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--textarea textarea {
  align-self: stretch !important;
  height: clamp(54px, 2.8vw, 70px) !important;
  min-height: clamp(54px, 2.8vw, 70px) !important;
  resize: vertical !important;
}

.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input::placeholder,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field textarea::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--select.is-empty-select select,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--select.is-empty-select select {
  color: transparent !important;
}

#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--select:not(.is-empty-select) select,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field--select:not(.is-empty-select) select {
  color: #2f2d28 !important;
}

/* Round 14 visual feedback pass - 2026-06-11. */
@media (min-width: 981px) {
  #page-container #main-content .jc-home-awards-copy .jc-home-awards-subhead + p,
  body.jc-home-page #main-content .jc-home-awards-copy .jc-native-text p:not(.jc-home-awards-subhead),
  .jc-home-awards-copy .jc-home-awards-subhead + p {
    font-size: clamp(0.82rem, 0.66vw, 0.9rem) !important;
  }

  #page-container #main-content .jc-products-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-products-page .jc-brand-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    max-width: 1080px !important;
    font-size: clamp(1.18rem, 1.32vw, 1.36rem) !important;
    line-height: 1.42 !important;
  }

  #page-container #main-content .jc-corporate-page .jc-brand-hero h1,
  .jc-corporate-page .jc-brand-hero h1 {
    max-width: 1420px !important;
    font-size: clamp(5.5rem, 7.4vw, 6.65rem) !important;
    line-height: 0.92 !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #main-content.jc-system-page--brand-hub-login .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-system-page--brand-hub-login .jc-system-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
    font-family: var(--jc-font-body) !important;
    font-size: clamp(1.02rem, 1.25vw, 1.18rem) !important;
    line-height: 1.44 !important;
  }

  #page-container #main-content .jc-products-page .jc-product-tile,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile,
  .jc-products-page .jc-product-tile {
    height: min(405px, 15.7vw) !important;
    min-height: min(405px, 15.7vw) !important;
  }

  #page-container #main-content .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle),
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle),
  .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle) {
    font-size: var(--jc-type-card-body-size) !important;
    line-height: var(--jc-type-card-body-line-height) !important;
  }

  #page-container #main-content .jc-products-page .jc-attribute-list span,
  body:not(.home) #page-container #main-content .jc-products-page .jc-attribute-list span,
  .jc-products-page .jc-attribute-list span {
    font-size: clamp(0.72rem, 0.61vw, 0.85rem) !important;
  }

  #page-container #main-content .jc-products-page .jc-attribute-list strong,
  body:not(.home) #page-container #main-content .jc-products-page .jc-attribute-list strong,
  .jc-products-page .jc-attribute-list strong {
    font-size: clamp(0.69rem, 0.58vw, 0.82rem) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-welfare-strip,
  .jc-corporate-page .jc-welfare-strip {
    align-content: center !important;
    align-items: center !important;
    background-position: center 18%, center 18% !important;
  }

  #page-container #main-content .jc-corporate-page .jc-welfare-strip article,
  .jc-corporate-page .jc-welfare-strip article {
    align-content: center !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-video-card__poster::after,
  #main-content.jc-archive-page--videos .jc-video-card__poster::after,
  .jc-archive-page--videos .jc-video-card__poster::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.12)) !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-video-card:nth-child(n+3) .jc-video-card__poster,
  #main-content.jc-archive-page--videos .jc-video-card:nth-child(n+3) .jc-video-card__poster,
  .jc-archive-page--videos .jc-video-card:nth-child(n+3) .jc-video-card__poster {
    background-position: center 48% !important;
    background-size: 112% auto !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-card__body,
  .jc-archive-page--recipes .jc-recipe-card .jc-card__body {
    gap: clamp(0.35rem, 0.45vw, 0.55rem) !important;
    padding-top: clamp(0.75rem, 0.85vw, 1rem) !important;
    padding-bottom: clamp(0.75rem, 0.85vw, 1rem) !important;
  }

  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gfield_label,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield_label,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gfield_label,
  .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield_label {
    font-size: clamp(0.75rem, 0.66vw, 0.88rem) !important;
  }
}

/* Round 15 button interaction pass - 2026-06-11. */

#page-container #main-content .jc-button,
#page-container #main-content .jc-read-more-toggle,
#page-container #main-content [data-jc-load-more],
#page-container #main-content .wpaloginform .wpa-submit,
#page-container #main-content .gform_wrapper input[type="submit"],
#main-content .jc-button,
#main-content .jc-read-more-toggle,
#main-content [data-jc-load-more],
#main-content .wpaloginform .wpa-submit,
#main-content .gform_wrapper input[type="submit"] {
  border-style: solid !important;
  border-width: 1px !important;
  transition:
    background-color 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.18s ease !important;
}

#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-actions .jc-button,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-archive-actions .jc-button,
#main-content .jc-cook-page .jc-cook-recipes .jc-section-actions .jc-button,
#main-content .jc-cook-page .jc-cook-recipes .jc-archive-actions .jc-button,
.jc-cook-page .jc-cook-recipes .jc-section-actions .jc-button,
.jc-cook-page .jc-cook-recipes .jc-archive-actions .jc-button {
  font-size: 1rem !important;
}

#page-container #main-content .jc-button.jc-button:hover,
#page-container #main-content .jc-button.jc-button:focus-visible,
#page-container #main-content .jc-home-cta-card__button:hover,
#page-container #main-content .jc-home-cta-card__button:focus-visible,
#page-container #main-content .jc-prefooter--home .jc-button:hover,
#page-container #main-content .jc-prefooter--home .jc-button:focus-visible,
#page-container #main-content .jc-brand-prefooter .jc-button:hover,
#page-container #main-content .jc-brand-prefooter .jc-button:focus-visible,
#page-container #main-content .jc-prefooter-cta .jc-button:hover,
#page-container #main-content .jc-prefooter-cta .jc-button:focus-visible,
#page-container #main-content .jc-corporate-page .jc-statement-grid .jc-button:hover,
#page-container #main-content .jc-corporate-page .jc-statement-grid .jc-button:focus-visible,
#page-container #main-content .jc-contact-form-section input[type="submit"]:hover,
#page-container #main-content .jc-contact-form-section input[type="submit"]:focus-visible,
#page-container #main-content .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper input[type="submit"]:hover,
#page-container #main-content .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper input[type="submit"]:focus-visible,
#page-container #main-content .jc-read-more-toggle:hover,
#page-container #main-content .jc-read-more-toggle:focus-visible,
#main-content .jc-button.jc-button:hover,
#main-content .jc-button.jc-button:focus-visible,
#main-content .gform_wrapper input[type="submit"]:hover,
#main-content .gform_wrapper input[type="submit"]:focus-visible {
  border-color: var(--jc-color-brand-gold) !important;
  color: var(--jc-color-brand-gold) !important;
  background: rgba(159, 142, 95, 0.12) !important;
  box-shadow: none !important;
}

#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="submit"]:hover,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="submit"]:focus-visible,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"]:hover,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"]:focus-visible,
#page-container #main-content .jc-about-page .jc-prefooter--about .jc-button:hover,
#page-container #main-content .jc-about-page .jc-prefooter--about .jc-button:focus-visible,
body.jc-about-page #page-container #main-content .jc-prefooter--about .jc-button:hover,
body.jc-about-page #page-container #main-content .jc-prefooter--about .jc-button:focus-visible,
#page-container #main-content .jc-products-page .jc-prefooter--products .jc-button:hover,
#page-container #main-content .jc-products-page .jc-prefooter--products .jc-button:focus-visible,
#page-container #main-content .jc-cook-page .jc-prefooter--cook .jc-button:hover,
#page-container #main-content .jc-cook-page .jc-prefooter--cook .jc-button:focus-visible,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-button:hover,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-button:focus-visible,
#page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button:hover,
#page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button:focus-visible,
#page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter .jc-button:hover,
#page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter .jc-button:focus-visible,
#page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button:hover,
#page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button:focus-visible,
#page-container #main-content.jc-archive-page--videos .jc-archive-prefooter .jc-button:hover,
#page-container #main-content.jc-archive-page--videos .jc-archive-prefooter .jc-button:focus-visible,
#page-container #main-content.jc-recipe-single .jc-recipe-actions .jc-button:hover,
#page-container #main-content.jc-recipe-single .jc-recipe-actions .jc-button:focus-visible {
  border-color: var(--jc-color-brand-gold) !important;
  color: var(--jc-color-brand-gold) !important;
  background: rgba(159, 142, 95, 0.12) !important;
  box-shadow: none !important;
}

#page-container #main-content .jc-brand-hub-login-panels .wpaloginform .wpa-submit:hover,
#page-container #main-content .jc-brand-hub-login-panels .wpaloginform .wpa-submit:focus-visible,
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .wpa-submit:hover,
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .wpa-submit:focus-visible,
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-submit:hover,
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform .wpa-submit:focus-visible {
  border-color: #fff !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  box-shadow: none !important;
}

#page-container #main-content .jc-button--dark:hover,
#page-container #main-content .jc-button--dark:focus-visible,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-actions .jc-button:hover,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-actions .jc-button:focus-visible,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-archive-actions .jc-button:hover,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-archive-actions .jc-button:focus-visible,
#page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button--dark:hover,
#page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button--dark:focus-visible,
#page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button--dark:hover,
#page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button--dark:focus-visible,
#main-content .jc-button--dark:hover,
#main-content .jc-button--dark:focus-visible,
.jc-cook-page .jc-cook-recipes .jc-section-actions .jc-button:hover,
.jc-cook-page .jc-cook-recipes .jc-section-actions .jc-button:focus-visible,
.jc-cook-page .jc-cook-recipes .jc-archive-actions .jc-button:hover,
.jc-cook-page .jc-cook-recipes .jc-archive-actions .jc-button:focus-visible {
  border-color: #000 !important;
  color: #000 !important;
  background: rgba(0, 0, 0, 0.08) !important;
  box-shadow: none !important;
}

#page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button:hover,
#page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button:focus-visible,
#page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button:hover,
#page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button:focus-visible,
#main-content.jc-archive-page--recipes .jc-archive-actions .jc-button:hover,
#main-content.jc-archive-page--recipes .jc-archive-actions .jc-button:focus-visible,
#main-content.jc-archive-page--videos .jc-archive-actions .jc-button:hover,
#main-content.jc-archive-page--videos .jc-archive-actions .jc-button:focus-visible {
  border-color: var(--jc-color-brand-gold) !important;
  color: var(--jc-color-brand-gold) !important;
  background: rgba(159, 142, 95, 0.12) !important;
  box-shadow: none !important;
}

#page-container #main-content .jc-button:active,
#page-container #main-content input[type="submit"]:active,
#page-container #main-content .wpaloginform .wpa-submit:active,
#page-container #main-content .jc-read-more-toggle:active,
#page-container #main-content [data-jc-load-more]:active {
  transform: translateY(0) !important;
}

@media (prefers-reduced-motion: reduce) {
  #page-container #main-content .jc-button,
  #page-container #main-content .jc-read-more-toggle,
  #page-container #main-content [data-jc-load-more],
  #page-container #main-content .wpaloginform .wpa-submit,
  #page-container #main-content .gform_wrapper input[type="submit"] {
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease !important;
  }

  #page-container #main-content .jc-button:hover,
  #page-container #main-content .jc-button:focus-visible,
  #page-container #main-content .jc-read-more-toggle:hover,
  #page-container #main-content .jc-read-more-toggle:focus-visible,
  #page-container #main-content .gform_wrapper input[type="submit"]:hover,
  #page-container #main-content .gform_wrapper input[type="submit"]:focus-visible {
    animation: none !important;
    transform: none !important;
  }
}

/* Round 16 map and welfare banner polish - 2026-06-11. */
@media (min-width: 981px) {
  #page-container #main-content.jc-about-page .jc-map-figure,
  #main-content.jc-about-page .jc-map-figure,
  body.jc-about-page #page-container #main-content .jc-map-figure,
  .jc-about-page .jc-map-figure {
    overflow: hidden !important;
  }

  #page-container #main-content.jc-about-page .jc-map-figure img,
  #main-content.jc-about-page .jc-map-figure img,
  body.jc-about-page #page-container #main-content .jc-map-figure img,
  .jc-about-page .jc-map-figure img {
    height: 100% !important;
    object-fit: cover !important;
    object-position: center left !important;
    transform: scaleY(1.055) !important;
    transform-origin: center !important;
  }

  #page-container #main-content.jc-about-page .jc-map-grid--text-right .jc-eyebrow,
  #main-content.jc-about-page .jc-map-grid--text-right .jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-map-grid--text-right .jc-eyebrow,
  .jc-about-page .jc-map-grid--text-right .jc-eyebrow {
    margin-bottom: 0 !important;
    transform: translateY(clamp(1.5rem, 1.8vw, 1.7rem)) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-welfare-strip,
  .jc-corporate-page .jc-welfare-strip {
    height: clamp(270px, 20.4vw, 306px) !important;
    min-height: clamp(270px, 20.4vw, 306px) !important;
    max-height: 306px !important;
    align-content: center !important;
    align-items: center !important;
    padding-top: clamp(1rem, 1.2vw, 1.25rem) !important;
    padding-bottom: clamp(1rem, 1.2vw, 1.25rem) !important;
    background-position: center 18%, center 18% !important;
  }

  #page-container #main-content .jc-corporate-page .jc-welfare-strip article,
  .jc-corporate-page .jc-welfare-strip article {
    display: grid !important;
    height: 100% !important;
    align-content: center !important;
    justify-items: center !important;
    gap: clamp(0.44rem, 0.62vw, 0.78rem) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-welfare-strip img,
  .jc-corporate-page .jc-welfare-strip img {
    max-width: 88px !important;
    height: clamp(60px, 4.2vw, 66px) !important;
  }

  #page-container #main-content .jc-corporate-page .jc-welfare-strip h3,
  .jc-corporate-page .jc-welfare-strip h3 {
    max-width: 215px !important;
    font-size: clamp(0.94rem, 0.98vw, 1.1rem) !important;
    line-height: 1.12 !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-welfare-strip p,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-welfare-strip p,
  #page-container #main-content.jc-corporate-page .jc-welfare-strip p,
  #page-container #main-content .jc-corporate-page .jc-welfare-strip p,
  .jc-corporate-page .jc-welfare-strip p {
    max-width: 150px !important;
    font-size: clamp(1rem, 1.02vw, 1.08rem) !important;
    line-height: 1.08 !important;
  }
}

/* Round 17 Brand Hub request intro width - 2026-06-11. */
@media (min-width: 981px) {
  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child > p,
  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .jc-brand-hub-request-intro p,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child > p,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .jc-brand-hub-request-intro p {
    width: 100% !important;
    max-width: 500px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    color: #2f2d28 !important;
  }
}

/* Round 18 mobile layout QA polish - 2026-06-11. */
@media (max-width: 640px) {
  body.jc-home-page #main-content .jc-home-cta-grid,
  #page-container #main-content .jc-home-cta-grid,
  .jc-home-cta-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
    width: min(100% - 2rem, 420px) !important;
    max-width: 420px !important;
    margin-top: 2.35rem !important;
    margin-bottom: 2.75rem !important;
  }

  body.jc-home-page #main-content .jc-home-cta-card,
  #page-container #main-content .jc-home-cta-card,
  .jc-home-cta-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 150px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0.92rem 0.58rem !important;
  }

  body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow,
  #page-container #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow,
  .jc-home-cta-card .jc-home-cta-card__eyebrow {
    font-size: clamp(0.68rem, 2.7vw, 0.78rem) !important;
    line-height: 1.1 !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-cta-card h3,
  body.jc-home-page #main-content .jc-home-cta-card h3,
  #page-container #main-content .jc-home-cta-card h3,
  .jc-home-cta-card h3 {
    font-size: clamp(0.98rem, 4.8vw, 1.26rem) !important;
    line-height: 1.04 !important;
  }

  body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__button,
  #page-container #main-content .jc-home-cta-card .jc-home-cta-card__button,
  .jc-home-cta-card .jc-home-cta-card__button {
    width: min(100%, 132px) !important;
    min-width: 0 !important;
    min-height: 34px !important;
    margin-top: 0.62rem !important;
    padding: 0.44rem 0.72rem !important;
    font-size: 0.72rem !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-card,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card,
  #main-content.jc-archive-page--recipes .jc-recipe-card,
  .jc-cook-page .jc-cook-recipes .jc-card,
  .jc-archive-page--recipes .jc-recipe-card {
    overflow: hidden !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row,
  .jc-cook-page .jc-cook-recipes .jc-meta-row,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    overflow: hidden !important;
  }

  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .wpaloginform.jc-passwordless-form-ready .jc-login-helper span {
    display: block !important;
  }
}

@media (max-width: 980px) {
  #page-container #main-content.jc-archive-page--recipes .jc-archive-breadcrumb,
  #main-content.jc-archive-page--recipes .jc-archive-breadcrumb,
  .jc-archive-page--recipes .jc-archive-breadcrumb,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-breadcrumb a,
  #main-content.jc-archive-page--recipes .jc-archive-breadcrumb a,
  .jc-archive-page--recipes .jc-archive-breadcrumb a {
    color: rgba(173, 157, 114, 0.78) !important;
    font-family: var(--jc-font-display) !important;
    font-size: clamp(1rem, 0.86vw, 1.16rem) !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-transform: none !important;
  }

  #page-container #main-content .jc-site-footer a,
  .jc-site-footer a,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-breadcrumb a,
  #main-content.jc-archive-page--recipes .jc-archive-breadcrumb a,
  .jc-archive-page--recipes .jc-archive-breadcrumb a,
  #page-container #main-content.jc-recipe-single .jc-recipe-breadcrumb a,
  #main-content.jc-recipe-single .jc-recipe-breadcrumb a,
  .jc-recipe-single .jc-recipe-breadcrumb a {
    display: inline-flex !important;
    min-height: 32px !important;
    align-items: center !important;
  }

  #page-container #main-content .jc-site-footer__socials a,
  .jc-site-footer__socials a {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    justify-content: center !important;
  }

  #page-container #main-content .jc-site-footer__socials img,
  .jc-site-footer__socials img {
    width: 24px !important;
    height: 24px !important;
  }

  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input[type="text"],
  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input[type="email"],
  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input[type="tel"],
  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field select,
  #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field textarea,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input[type="text"],
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input[type="email"],
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field input[type="tel"],
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field select,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .gform_wrapper .gfield.jc-request-inline-field textarea {
    min-height: 32px !important;
    line-height: 1.35 !important;
  }
}

/* Round 20 production map full-height fill - 2026-06-11. */
@media (min-width: 981px) {
  #page-container #main-content .jc-about-page .jc-map-grid,
  #page-container #main-content.jc-about-page .jc-map-grid,
  #main-content.jc-about-page .jc-map-grid,
  body.jc-about-page #page-container #main-content .jc-map-grid,
  .jc-about-page .jc-map-grid {
    align-items: stretch !important;
  }

  #page-container #main-content .jc-about-page .jc-map-media-column,
  #page-container #main-content.jc-about-page .jc-map-media-column,
  #main-content.jc-about-page .jc-map-media-column,
  body.jc-about-page #page-container #main-content .jc-map-media-column,
  .jc-about-page .jc-map-media-column {
    display: grid !important;
    height: 100% !important;
    min-height: 100% !important;
    align-self: stretch !important;
  }

  #page-container #main-content .jc-about-page .jc-map-figure,
  #page-container #main-content.jc-about-page .jc-map-figure,
  #main-content.jc-about-page .jc-map-figure,
  body.jc-about-page #page-container #main-content .jc-map-figure,
  .jc-about-page .jc-map-figure {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    align-self: stretch !important;
    position: absolute !important;
    inset: 0 !important;
  }

  #page-container #main-content .jc-about-page .jc-map-figure img,
  #page-container #main-content.jc-about-page .jc-map-figure img,
  #main-content.jc-about-page .jc-map-figure img,
  body.jc-about-page #page-container #main-content .jc-map-figure img,
  .jc-about-page .jc-map-figure img {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: none !important;
    transform-origin: left center !important;
  }
}

/* Products hero subheading staging test - 2026-06-12.
   Match the accepted About hero subheading font and size. */
#page-container #main-content .jc-hero--products p:not(.jc-eyebrow):not(.jc-scroll-marker),
body #page-container #main-content .jc-hero--products p:not(.jc-eyebrow):not(.jc-scroll-marker),
.jc-hero--products p:not(.jc-eyebrow):not(.jc-scroll-marker) {
  max-width: 1062px !important;
  color: rgb(255, 255, 255) !important;
  font-family: Lustria, Georgia, "Times New Roman", serif !important;
  font-size: 19.44px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.42 !important;
  text-transform: none !important;
}

/* WP-only visual lock: pull the logged-in Brand Hub hero up to the standard system-page top line. */
@media (min-width: 981px) {
  body.jc-brand-hub-shell-page #page-container #main-content .jc-brand-hub-page {
    margin-top: -36px !important;
  }
}

/* WP-only visual lock: set the Home awards body paragraph to 14px on desktop. */
@media (min-width: 981px) {
  #page-container #main-content .jc-home-awards-copy .jc-home-awards-subhead + p,
  body.jc-home-page #main-content .jc-home-awards-copy .jc-native-text p:not(.jc-home-awards-subhead),
  .jc-home-awards-copy .jc-home-awards-subhead + p {
    font-size: 14px !important;
  }
}

/* WP-only visual lock: standardise hero scroll markers to the Products/Corporate baseline. */
@media (min-width: 981px) {
  #page-container #main-content .jc-home-page .jc-home-hero-brand .jc-scroll-marker-module,
  #page-container #main-content .jc-about-page .jc-brand-hero .jc-scroll-marker-module {
    position: absolute !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 4 !important;
    display: grid !important;
    width: 100% !important;
    height: auto !important;
    justify-items: center !important;
    pointer-events: none !important;
    transform: none !important;
  }

  #page-container #main-content .jc-home-page .jc-home-hero-brand .jc-scroll-marker,
  #page-container #main-content .jc-about-page .jc-brand-hero .jc-scroll-marker,
  #page-container #main-content .jc-products-page .jc-brand-hero .jc-scroll-marker,
  #page-container #main-content .jc-corporate-page .jc-brand-hero .jc-scroll-marker,
  #page-container #main-content .jc-cook-page .jc-feature-hero--cook .jc-scroll-marker,
  #page-container #main-content .jc-system-page--contact .jc-system-hero .jc-scroll-marker,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: var(--jc-scroll-marker-bottom-offset, 0px) !important;
    left: 50% !important;
    z-index: 4 !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
  }

  #page-container #main-content .jc-home-page .jc-home-hero-brand .jc-scroll-marker::after,
  #page-container #main-content .jc-about-page .jc-brand-hero .jc-scroll-marker::after,
  #page-container #main-content .jc-products-page .jc-brand-hero .jc-scroll-marker::after,
  #page-container #main-content .jc-corporate-page .jc-brand-hero .jc-scroll-marker::after,
  #page-container #main-content .jc-cook-page .jc-feature-hero--cook .jc-scroll-marker::after,
  #page-container #main-content .jc-system-page--contact .jc-system-hero .jc-scroll-marker::after,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker::after,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker::after {
    width: 1px !important;
    height: 58px !important;
    background: rgba(255, 255, 255, 0.72) !important;
  }

  #page-container #main-content .jc-about-page .jc-brand-hero .jc-scroll-marker,
  #page-container #main-content .jc-cook-page .jc-feature-hero--cook .jc-scroll-marker,
  #page-container #main-content .jc-system-page--contact .jc-system-hero .jc-scroll-marker {
    --jc-scroll-marker-bottom-offset: clamp(1rem, 1.25vw, 1.8rem);
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker {
    --jc-scroll-marker-bottom-offset: 5vh;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker {
    --jc-scroll-marker-bottom-offset: clamp(1.6rem, 2.7vw, 3.8rem);
  }
}

/* WP-only visual lock: Home/About use body page classes, not inner page wrappers. */
@media (min-width: 981px) {
  body.jc-home-page #page-container #main-content .jc-home-hero-brand .jc-scroll-marker-module,
  body.jc-about-page #page-container #main-content .jc-brand-hero .jc-scroll-marker-module {
    position: absolute !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 4 !important;
    display: grid !important;
    width: 100% !important;
    height: auto !important;
    justify-items: center !important;
    pointer-events: none !important;
    transform: none !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-hero-brand .jc-scroll-marker,
  body.jc-about-page #page-container #main-content .jc-brand-hero .jc-scroll-marker {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: var(--jc-scroll-marker-bottom-offset, 0px) !important;
    left: 50% !important;
    z-index: 4 !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-hero-brand .jc-scroll-marker::after,
  body.jc-about-page #page-container #main-content .jc-brand-hero .jc-scroll-marker::after {
    width: 1px !important;
    height: 58px !important;
    background: rgba(255, 255, 255, 0.72) !important;
  }

  body.jc-about-page #page-container #main-content .jc-brand-hero .jc-scroll-marker {
    --jc-scroll-marker-bottom-offset: clamp(1rem, 1.25vw, 1.8rem);
  }
}

/* WP-only visual lock: set key About page body paragraphs to 14px. */
body.jc-about-page #page-container #main-content .jc-about-intro .jc-native-text p:not(.jc-eyebrow),
body.jc-about-page #page-container #main-content .jc-about-editorial .jc-story-prose:not(.jc-story-prose--lead) p:not(.jc-eyebrow),
body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-native-text p:not(.jc-eyebrow),
body.jc-about-page #page-container #main-content .jc-about-production-section .jc-native-text p:not(.jc-eyebrow),
body.jc-about-page #page-container #main-content .jc-about-production-section .jc-native-text li {
  font-size: 14px !important;
  line-height: 1.48 !important;
}

/* WP-only visual lock: keep the Home awards body paragraph at the approved 14px size. */
body.jc-home-page #page-container #main-content .jc-home-awards-copy .jc-native-text p:not(.jc-home-awards-subhead),
#page-container #main-content .jc-home-page .jc-home-awards-copy .jc-native-text p:not(.jc-home-awards-subhead) {
  font-size: 14px !important;
  line-height: 1.58 !important;
}

/* WP-only visual lock: lift Products card title/subtitle and description text only. */
@media (min-width: 981px) {
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-card h3,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-subtitle,
  body:not(.home) .jc-products-page .jc-product-card h3,
  body:not(.home) .jc-products-page .jc-product-subtitle {
    transform: translateY(-15px) !important;
  }

  body:not(.home) #page-container #main-content .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle),
  body:not(.home) .jc-products-page .jc-product-card__body > p:not(.jc-product-subtitle) {
    transform: translateY(-25px) !important;
  }
}

/* WP-only visual lock: align Cook page action labels and buttons. */
body:not(.home) #page-container #main-content .jc-cook-page .jc-section-actions {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body:not(.home) #page-container #main-content .jc-cook-page .jc-section-actions p {
  width: auto !important;
  margin: 0 !important;
  font-family: var(--jc-font-display) !important;
  font-weight: 400 !important;
  text-align: center !important;
}

body:not(.home) #page-container #main-content .jc-cook-page .jc-section-actions .jc-button {
  margin: 0 !important;
}

@media (min-width: 641px) {
  body:not(.home) #page-container #main-content .jc-cook-page .jc-section-actions {
    flex-wrap: nowrap !important;
    gap: 25px !important;
  }

  body:not(.home) #page-container #main-content .jc-cook-page .jc-section-actions p,
  body:not(.home) #page-container #main-content .jc-cook-page .jc-section-actions .jc-button {
    flex: 0 0 auto !important;
  }
}

/* WP-only visual lock: shared video card containment and descriptions. */
#page-container #main-content.jc-archive-page--videos .jc-video-card,
#main-content.jc-archive-page--videos .jc-video-card,
.jc-archive-page--videos .jc-video-card,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card,
body:not(.home) #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card {
  overflow: hidden !important;
}

#page-container #main-content.jc-archive-page--videos .jc-video-card__poster,
#main-content.jc-archive-page--videos .jc-video-card__poster,
.jc-archive-page--videos .jc-video-card__poster,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card__poster,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card__poster,
body:not(.home) #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card__poster {
  aspect-ratio: 1.89 / 1 !important;
  overflow: hidden !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-clip: padding-box !important;
}

#page-container #main-content.jc-archive-page--videos .jc-video-card:nth-child(3) .jc-video-card__poster,
#page-container #main-content.jc-archive-page--videos .jc-video-card:nth-child(4) .jc-video-card__poster,
#main-content.jc-archive-page--videos .jc-video-card:nth-child(3) .jc-video-card__poster,
#main-content.jc-archive-page--videos .jc-video-card:nth-child(4) .jc-video-card__poster,
.jc-archive-page--videos .jc-video-card:nth-child(3) .jc-video-card__poster,
.jc-archive-page--videos .jc-video-card:nth-child(4) .jc-video-card__poster,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card:nth-child(3) .jc-video-card__poster,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card:nth-child(4) .jc-video-card__poster,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card:nth-child(3) .jc-video-card__poster,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card:nth-child(4) .jc-video-card__poster,
body:not(.home) #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card:nth-child(3) .jc-video-card__poster,
body:not(.home) #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card:nth-child(4) .jc-video-card__poster {
  background-position: center top !important;
  background-size: auto 112% !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card__poster,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card__poster,
body:not(.home) #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card__poster {
  background-color: transparent !important;
  background-position: center center !important;
}

#page-container #main-content.jc-archive-page--videos .jc-video-card__poster::after,
#main-content.jc-archive-page--videos .jc-video-card__poster::after,
.jc-archive-page--videos .jc-video-card__poster::after,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card__poster::after,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card__poster::after,
body:not(.home) #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card__poster::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.12)) !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card__poster::after,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card__poster::after,
body:not(.home) #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card__poster::after {
  background: none !important;
}

#page-container #main-content.jc-archive-page--videos .jc-video-card .jc-card__body,
#main-content.jc-archive-page--videos .jc-video-card .jc-card__body,
.jc-archive-page--videos .jc-video-card .jc-card__body,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card .jc-card__body,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card .jc-card__body,
body:not(.home) #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card .jc-card__body {
  display: grid !important;
  min-height: clamp(9.4rem, 8.9vw, 14.8rem) !important;
  padding: clamp(1.65rem, 2.15vw, 2.55rem) clamp(2rem, 2.7vw, 3rem) !important;
  align-content: start !important;
  gap: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#page-container #main-content.jc-archive-page--videos .jc-video-card h3,
#main-content.jc-archive-page--videos .jc-video-card h3,
.jc-archive-page--videos .jc-video-card h3,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card h3,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card h3,
body:not(.home) #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card h3 {
  margin: 0 0 1rem !important;
  color: #ad9d72 !important;
  font-family: var(--jc-font-display) !important;
  font-size: 2rem !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
}

#page-container #main-content.jc-archive-page--videos .jc-video-card p,
#main-content.jc-archive-page--videos .jc-video-card p,
.jc-archive-page--videos .jc-video-card p,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card .jc-card__body p,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card .jc-card__body p,
body:not(.home) #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card .jc-card__body p {
  display: block !important;
  width: min(100%, 780px) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-align: center !important;
}

@media (max-width: 640px) {
  #page-container #main-content.jc-archive-page--videos .jc-video-card .jc-card__body,
  #main-content.jc-archive-page--videos .jc-video-card .jc-card__body,
  .jc-archive-page--videos .jc-video-card .jc-card__body,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card .jc-card__body,
  #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card .jc-card__body,
  body:not(.home) #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card .jc-card__body {
    min-height: auto !important;
    padding: clamp(1.5rem, 6vw, 2rem) clamp(1.2rem, 5vw, 1.7rem) !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-video-card p,
  #main-content.jc-archive-page--videos .jc-video-card p,
  .jc-archive-page--videos .jc-video-card p,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card .jc-card__body p,
  #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card .jc-card__body p,
  body:not(.home) #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card .jc-card__body p {
    font-size: clamp(0.9rem, 3.7vw, 0.96rem) !important;
    line-height: 1.45 !important;
  }
}

/* WP-only visual lock: standard hero subheading scale from approved About page. */
#page-container #main-content .jc-hero--products.jc-hero--products p:not(.jc-eyebrow):not(.jc-scroll-marker),
#page-container #main-content .jc-hero--products.jc-hero--products .jc-type-hero-lead :is(p, h1, h2, h3, h4, h5, h6),
#page-container #main-content .jc-hero--corporate.jc-hero--corporate p:not(.jc-eyebrow):not(.jc-scroll-marker),
#page-container #main-content .jc-hero--corporate.jc-hero--corporate .jc-type-hero-lead :is(p, h1, h2, h3, h4, h5, h6),
#page-container #main-content .jc-feature-hero--cook.jc-feature-hero--cook p:not(.jc-eyebrow):not(.jc-scroll-marker),
#page-container #main-content .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-lead :is(p, h1, h2, h3, h4, h5, h6),
#page-container #main-content .jc-contact-hero.jc-contact-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
#page-container #main-content .jc-contact-hero.jc-contact-hero .jc-type-hero-lead :is(p, h1, h2, h3, h4, h5, h6),
body.post-type-archive-recipe #page-container #main-content .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
body.post-type-archive-video #page-container #main-content .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
#page-container #main-content.jc-archive-page--recipes .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
#page-container #main-content.jc-archive-page--videos .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
  width: min(calc(100% - 3rem), 1062px) !important;
  max-width: 1062px !important;
  height: auto !important;
  margin-right: auto !important;
  margin-left: auto !important;
  color: rgb(255, 255, 255) !important;
  font-family: Lustria, Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.18rem, 1.35vw, 1.72rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.42 !important;
  text-align: center !important;
  text-transform: none !important;
}

/* WP-only visual lock: Products and Cook image hero title visibility. */
body.jc-products-page #page-container #main-content.jc-page--products .jc-brand-hero .jc-type-hero-title h2,
#page-container #main-content.jc-page--products .jc-brand-hero .jc-type-hero-title h2,
#main-content.jc-page--products .jc-brand-hero .jc-type-hero-title h2,
.jc-page--products .jc-brand-hero .jc-type-hero-title h2,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title h2,
#page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title h2,
#main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title h2,
.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title h2 {
  max-width: 100% !important;
  margin: 0 auto !important;
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-heading) !important;
  font-size: 3.25rem !important;
  font-weight: 400 !important;
  line-height: 0.95 !important;
  text-align: center !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.42) !important;
}

@media (min-width: 768px) {
  body.jc-products-page #page-container #main-content.jc-page--products .jc-brand-hero .jc-type-hero-title h2,
  #page-container #main-content.jc-page--products .jc-brand-hero .jc-type-hero-title h2,
  #main-content.jc-page--products .jc-brand-hero .jc-type-hero-title h2,
  .jc-page--products .jc-brand-hero .jc-type-hero-title h2,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title h2,
  #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title h2,
  #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title h2,
  .jc-page--cook .jc-feature-hero--cook .jc-type-hero-title h2 {
    font-size: 5.25rem !important;
  }
}

/* WP-only visual lock: Recipes archive hero heading scale. */
body.post-type-archive-recipe #page-container #main-content .jc-archive-hero h1,
#page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 {
  max-width: 1160px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  color: rgb(255, 255, 255) !important;
  font-family: Lustria, Georgia, "Times New Roman", serif !important;
  font-size: clamp(4.8rem, 5.55vw, 6.35rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 0.9 !important;
  text-align: center !important;
  text-transform: none !important;
}

body.post-type-archive-recipe #page-container #main-content .jc-archive-hero h1 span:not(.jc-accent),
#page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 span:not(.jc-accent) {
  font-family: Lustria, Georgia, "Times New Roman", serif !important;
  font-size: clamp(4.8rem, 5.55vw, 6.35rem) !important;
  font-weight: 400 !important;
  line-height: 0.9 !important;
}

body.post-type-archive-recipe #page-container #main-content .jc-archive-hero h1 .jc-accent,
#page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 .jc-accent {
  color: rgb(198, 180, 122) !important;
  font-family: "Michigan Signature", "Brush Script MT", cursive !important;
  font-size: clamp(5.2rem, 6.15vw, 6.85rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 0.78 !important;
  text-transform: none !important;
}

/* WP-only visual lock: About body benchmark paragraph scale. */
body.jc-about-page #page-container #main-content .jc-about-intro .jc-native-text p,
body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-section-heading .jc-native-text p {
  font-family: "Libre Franklin", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-size: clamp(1rem, 0.96vw, 1.152rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.48 !important;
  text-transform: none !important;
}

/* WP-only preview lock: Home CTA and Cook recipe card proportions. */
@media (min-width: 981px) {
  body.jc-home-page #page-container #main-content .jc-home-cta-card,
  body.jc-home-page #main-content .jc-home-cta-card,
  .jc-home-page .jc-home-cta-card {
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
    height: clamp(330px, 23.2vw, 334px) !important;
    min-height: 330px !important;
    padding: 1.25rem !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading .jc-accent,
  #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading .jc-accent,
  .jc-cook-page .jc-cook-recipes .jc-section-heading .jc-accent {
    margin-bottom: 0 !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row,
  #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row,
  .jc-cook-page .jc-cook-recipes .jc-meta-row {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: auto 0 0 !important;
  }

  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row > span,
  #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row > span,
  .jc-cook-page .jc-cook-recipes .jc-meta-row > span {
    box-sizing: border-box !important;
    height: 104px !important;
    min-height: 104px !important;
    padding-top: 0.62rem !important;
    padding-bottom: 0.56rem !important;
  }
}

/* WP-only preview lock: Products tile bridge and detail grid. */
@media (min-width: 981px) {
  body.jc-products-page #page-container #main-content .jc-brand-hero .jc-native-column {
    transform: none !important;
  }

  body.jc-products-page #page-container #main-content .jc-brand-hero .jc-scroll-marker-module {
    position: absolute !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 4 !important;
    display: grid !important;
    width: 100% !important;
    height: auto !important;
    justify-items: center !important;
    pointer-events: none !important;
    transform: none !important;
  }

  body.jc-products-page #page-container #main-content .jc-brand-hero .jc-scroll-marker {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  body.jc-products-page,
  body:not(.home) #page-container #main-content .jc-products-page {
    --jc-products-tile-height: 278px !important;
    --jc-products-tile-overlap: 280px !important;
  }

  body:not(.home) #page-container #main-content .jc-products-page .jc-products-intro,
  body:not(.home) .jc-products-page .jc-products-intro,
  .jc-products-page .jc-products-intro {
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile-grid,
  body:not(.home) .jc-products-page .jc-product-tile-grid,
  .jc-products-page .jc-product-tile-grid {
    position: relative !important;
    z-index: 8 !important;
    width: min(100% - clamp(4rem, 10vw, 16rem), 1232px) !important;
    max-width: 1232px !important;
    margin-bottom: calc(-1 * var(--jc-products-tile-overlap)) !important;
  }

  body:not(.home) #page-container #main-content .jc-products-page .jc-product-tile,
  body:not(.home) .jc-products-page .jc-product-tile,
  .jc-products-page .jc-product-tile {
    height: var(--jc-products-tile-height) !important;
    min-height: var(--jc-products-tile-height) !important;
  }

  body:not(.home) #page-container #main-content .jc-products-page .jc-products-detail-section,
  body:not(.home) .jc-products-page .jc-products-detail-section,
  .jc-products-page .jc-products-detail-section {
    padding-top: clamp(15.5rem, 18vw, 19rem) !important;
  }

  body:not(.home) #page-container #main-content .jc-products-page .jc-product-card-grid,
  body:not(.home) .jc-products-page .jc-product-card-grid,
  .jc-products-page .jc-product-card-grid {
    display: grid !important;
    width: min(100% - clamp(4rem, 7vw, 10rem), 1240px) !important;
    max-width: 1240px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(1.75rem, 2.4vw, 2.25rem) !important;
  }
}

/* WP-only preview lock: About production map and supply heading. */
@media (min-width: 981px) {
  body.jc-about-page #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  .jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow {
    color: rgb(198, 180, 122) !important;
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: clamp(1.55rem, 1.8vw, 2rem) !important;
    font-weight: 400 !important;
    line-height: 1.12 !important;
  }

  body.jc-about-page #page-container #main-content .jc-map-media-column,
  #page-container #main-content.jc-about-page .jc-map-media-column,
  #main-content.jc-about-page .jc-map-media-column,
  .jc-about-page .jc-map-media-column {
    position: relative !important;
    overflow: hidden !important;
  }

  body.jc-about-page #page-container #main-content .jc-map-figure,
  #page-container #main-content.jc-about-page .jc-map-figure,
  #main-content.jc-about-page .jc-map-figure,
  .jc-about-page .jc-map-figure {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.jc-about-page #page-container #main-content .jc-map-figure img,
  #page-container #main-content.jc-about-page .jc-map-figure img,
  #main-content.jc-about-page .jc-map-figure img,
  .jc-about-page .jc-map-figure img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: none !important;
  }
}

/* WP-only preview lock: Recipes mobile hero breathing room. */
@media (max-width: 767px) {
  body.post-type-archive-recipe #page-container #main-content .jc-archive-hero,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero,
  #main-content.jc-archive-page--recipes .jc-archive-hero,
  .jc-archive-page--recipes .jc-archive-hero {
    min-height: 640px !important;
    height: 640px !important;
  }

  body.post-type-archive-recipe #page-container #main-content .jc-archive-hero > .jc-section-inner,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner,
  #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner,
  .jc-archive-page--recipes .jc-archive-hero > .jc-section-inner {
    width: min(100% - 2rem, 520px) !important;
    align-content: center !important;
    transform: translateY(-0.65rem) !important;
  }

  body.post-type-archive-recipe #page-container #main-content .jc-archive-hero h1,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1,
  #main-content.jc-archive-page--recipes .jc-archive-hero h1,
  .jc-archive-page--recipes .jc-archive-hero h1 {
    width: min(100%, 343px) !important;
    max-width: 343px !important;
    font-size: 3.45rem !important;
    line-height: 0.95 !important;
  }

  body.post-type-archive-recipe #page-container #main-content .jc-archive-hero h1 span:not(.jc-accent),
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 span:not(.jc-accent),
  #main-content.jc-archive-page--recipes .jc-archive-hero h1 span:not(.jc-accent),
  .jc-archive-page--recipes .jc-archive-hero h1 span:not(.jc-accent) {
    font-size: 3.45rem !important;
    line-height: 0.95 !important;
  }

  body.post-type-archive-recipe #page-container #main-content .jc-archive-hero h1 .jc-accent,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 .jc-accent,
  #main-content.jc-archive-page--recipes .jc-archive-hero h1 .jc-accent,
  .jc-archive-page--recipes .jc-archive-hero h1 .jc-accent {
    font-size: 4.5rem !important;
    line-height: 0.78 !important;
  }

  body.post-type-archive-recipe #page-container #main-content .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #main-content.jc-archive-page--recipes .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker),
  .jc-archive-page--recipes .jc-archive-hero p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    width: min(100%, 334px) !important;
    max-width: 334px !important;
    margin-top: 1rem !important;
    font-size: 1rem !important;
    line-height: 1.42 !important;
  }
}

/* Browser feedback lock: center Home CTA card copy stack and place buttons below it. */
body.jc-home-page #page-container #main-content .jc-home-cta-card,
body.jc-home-page #main-content .jc-home-cta-card,
#page-container #main-content .jc-home-cta-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(0.5rem, 0.75vw, 0.8rem) !important;
  text-align: center !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card > .jc-native-module:not(.jc-home-cta-card__button),
body.jc-home-page #main-content .jc-home-cta-card > .jc-native-module:not(.jc-home-cta-card__button),
#page-container #main-content .jc-home-cta-card > .jc-native-module:not(.jc-home-cta-card__button) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow,
body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow,
#page-container #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow {
  margin: 0 auto !important;
  text-align: center !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card h3,
body.jc-home-page #main-content .jc-home-cta-card h3,
#page-container #main-content .jc-home-cta-card h3 {
  min-height: 0 !important;
  margin: 0 auto !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  white-space: normal !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card .jc-home-cta-card__button,
body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__button,
#page-container #main-content .jc-home-cta-card .jc-home-cta-card__button {
  align-self: center !important;
  box-sizing: border-box !important;
  width: min(176px, 100%) !important;
  max-width: 100% !important;
  margin: clamp(0.38rem, 0.6vw, 0.68rem) auto 0 !important;
}

/* Browser feedback lock: slightly reduce the Home awards badge board. */
body.jc-home-page #page-container #main-content .jc-awards-board,
body.jc-home-page #main-content .jc-awards-board,
#page-container #main-content .jc-home-page .jc-awards-board {
  width: min(100%, 480px) !important;
  max-width: 480px !important;
  justify-self: center !important;
}

/* Browser feedback lock: responsive square Home CTA badge blocks. */
body.jc-home-page #page-container #main-content .jc-home-cta-grid,
body.jc-home-page #main-content .jc-home-cta-grid,
#page-container #main-content .jc-home-cta-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card,
body.jc-home-page #main-content .jc-home-cta-card,
#page-container #main-content .jc-home-cta-card {
  aspect-ratio: 1 / 1 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(1rem, 1.35vw, 1.65rem) !important;
}

@media (min-width: 641px) and (max-width: 980px) {
  body.jc-home-page #page-container #main-content .jc-home-cta-grid,
  body.jc-home-page #main-content .jc-home-cta-grid,
  #page-container #main-content .jc-home-cta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-width: min(calc(100% - 2rem), 420px) !important;
  }
}

@media (max-width: 640px) {
  body.jc-home-page #page-container #main-content .jc-home-cta-grid,
  body.jc-home-page #main-content .jc-home-cta-grid,
  #page-container #main-content .jc-home-cta-grid {
    grid-template-columns: 1fr !important;
    width: min(calc(100% - 2rem), 360px) !important;
    max-width: 360px !important;
  }
}

/* Browser feedback lock: scale Home CTA badges and straddle desktop section boundary. */
@media (min-width: 981px) {
  body.jc-home-page #page-container #main-content .jc-home-intro-stage,
  body.jc-home-page #main-content .jc-home-intro-stage,
  #page-container #main-content .jc-home-intro-stage {
    position: relative !important;
    overflow: visible !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-cta-grid,
  body.jc-home-page #main-content .jc-home-cta-grid,
  #page-container #main-content .jc-home-cta-grid {
    position: absolute !important;
    bottom: calc(-1 * clamp(4.25rem, 6.9vw, 8.25rem)) !important;
    left: 50% !important;
    z-index: 6 !important;
    width: min(72vw, 1472px) !important;
    max-width: 1472px !important;
    gap: clamp(0.9rem, 1.08vw, 1.36rem) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-cta-card,
  body.jc-home-page #main-content .jc-home-cta-card,
  #page-container #main-content .jc-home-cta-card {
    padding: clamp(0.8rem, 1.08vw, 1.32rem) !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow,
  body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow,
  #page-container #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow {
    font-family: var(--jc-font-display) !important;
    font-size: 1.05rem !important;
    line-height: 1.12 !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-cta-card h3,
  body.jc-home-page #main-content .jc-home-cta-card h3,
  #page-container #main-content .jc-home-cta-card h3 {
    font-size: clamp(1.125rem, 1.16vw, 1.55rem) !important;
    line-height: 1.04 !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-cta-card .jc-home-cta-card__button,
  body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__button,
  #page-container #main-content .jc-home-cta-card .jc-home-cta-card__button {
    width: min(141px, 100%) !important;
    min-width: 0 !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0.43rem 1rem !important;
    font-size: clamp(0.82rem, 0.9vw, 1rem) !important;
  }
}

@media (max-width: 980px) {
  body.jc-home-page #page-container #main-content .jc-home-cta-grid,
  body.jc-home-page #main-content .jc-home-cta-grid,
  #page-container #main-content .jc-home-cta-grid {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin-top: clamp(2.25rem, 7vw, 4rem) !important;
    margin-bottom: clamp(2.5rem, 8vw, 4.5rem) !important;
    transform: none !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow,
  body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow,
  #page-container #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow {
    font-family: var(--jc-font-display) !important;
  }
}

/* Browser feedback lock: tighten and stack Home awards copy/media. */
@media (min-width: 1101px) {
  body.jc-home-page #page-container #main-content .jc-home-awards-grid,
  body.jc-home-page #main-content .jc-home-awards-grid,
  #page-container #main-content .jc-home-awards-grid {
    grid-template-columns: minmax(0, 0.95fr) minmax(420px, auto) !important;
    column-gap: clamp(2rem, 3vw, 3.25rem) !important;
    justify-content: center !important;
    transform: translateY(clamp(2.25rem, 3.2vw, 3rem)) !important;
  }

  body.jc-home-page #page-container #main-content .jc-awards-board,
  body.jc-home-page #main-content .jc-awards-board,
  #page-container #main-content .jc-home-page .jc-awards-board {
    justify-self: start !important;
  }
}

@media (max-width: 1100px) {
  body.jc-home-page #page-container #main-content .jc-home-awards-grid,
  body.jc-home-page #main-content .jc-home-awards-grid,
  #page-container #main-content .jc-home-awards-grid {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    row-gap: clamp(1.6rem, 5vw, 2.8rem) !important;
    text-align: center !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-awards-copy,
  body.jc-home-page #main-content .jc-home-awards-copy,
  #page-container #main-content .jc-home-awards-copy {
    width: min(100%, 680px) !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-awards-copy p,
  body.jc-home-page #main-content .jc-home-awards-copy p,
  #page-container #main-content .jc-home-awards-copy p {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.jc-home-page #page-container #main-content .jc-awards-board,
  body.jc-home-page #main-content .jc-awards-board,
  #page-container #main-content .jc-home-page .jc-awards-board {
    width: min(100%, 480px) !important;
    justify-self: center !important;
  }
}

/* Browser feedback lock: center and tighten Home social text/buttons band. */
@media (min-width: 981px) {
  body.jc-home-page #page-container #main-content .jc-home-video-section,
  body.jc-home-page #main-content .jc-home-video-section,
  #page-container #main-content .jc-home-video-section {
    padding-bottom: clamp(4.6rem, 5.92vw, 7.6rem) !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-social,
  body.jc-home-page #main-content .jc-home-social,
  #page-container #main-content .jc-home-social {
    min-height: min(1136px, 46.4vw) !important;
    padding-top: clamp(2.4rem, 2.88vw, 3.8rem) !important;
    padding-bottom: clamp(2.32rem, 3.04vw, 4.32rem) !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-social__inner,
  body.jc-home-page #main-content .jc-home-social__inner,
  #page-container #main-content .jc-home-social__inner {
    gap: clamp(0.75rem, 1vw, 1.2rem) !important;
    transform: translateY(clamp(-3.4rem, -2.6vw, -1.8rem)) !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-social__copy,
  body.jc-home-page #main-content .jc-home-social__copy,
  #page-container #main-content .jc-home-social__copy,
  .jc-home-social__copy {
    position: relative !important;
    z-index: 2 !important;
    transform: translateY(clamp(-12rem, -9.6vw, -7rem)) !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-social__grid,
  body.jc-home-page #main-content .jc-home-social__grid,
  #page-container #main-content .jc-home-social__grid {
    margin-bottom: calc(-1 * clamp(3rem, 3vw, 4.1rem)) !important;
    transform: translateY(clamp(-4.1rem, -3vw, -3rem)) !important;
  }
}

/* Browser feedback lock: About hero typography contract. */
body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent,
body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent :is(p, span),
#page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent,
#page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent :is(p, span) {
  margin: 0 auto !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: 36px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 0.78 !important;
  text-align: center !important;
  text-transform: none !important;
}

body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-title h2,
#page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-title h2 {
  max-width: min(100%, 980px) !important;
  margin: 0 auto !important;
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: 42px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 0.92 !important;
  text-align: center !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.42) !important;
  text-transform: none !important;
}

body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead p,
#page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead p {
  width: min(calc(100% - 3rem), 1062px) !important;
  max-width: 1062px !important;
  margin: clamp(1.1rem, 2.4vw, 1.5rem) auto 0 !important;
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.42 !important;
  text-align: center !important;
  text-transform: none !important;
}

@media (min-width: 768px) {
  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent,
  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent :is(p, span),
  #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent,
  #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent :is(p, span) {
    font-size: 48px !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-title h2,
  #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-title h2 {
    font-size: 56px !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead p,
  #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead p {
    font-size: 18px !important;
  }
}

@media (min-width: 981px) {
  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent,
  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent :is(p, span),
  #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent,
  #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent :is(p, span) {
    font-size: 62px !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-title h2,
  #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-title h2 {
    font-size: 76px !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead p,
  #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead p {
    font-size: 20px !important;
  }
}

/* Browser feedback lock: About production map fill and reference copy scale. */
@media (min-width: 981px) {
  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section,
  body.jc-about-page #page-container #main-content .jc-about-production-section,
  #page-container #main-content.jc-about-page .jc-about-production-section,
  .jc-about-page .jc-about-production-section {
    position: relative !important;
    display: grid !important;
    box-sizing: border-box !important;
    height: clamp(660px, 50vw, 850px) !important;
    min-height: clamp(660px, 50vw, 850px) !important;
    max-height: 850px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--jc-color-brand-dark) !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-grid,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-grid,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-grid,
  .jc-about-page .jc-about-production-section .jc-map-grid {
    position: relative !important;
    display: grid !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, clamp(0px, 54vw, 920px)) minmax(0, 1fr) !important;
    gap: clamp(2rem, 4vw, 5rem) !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 clamp(2rem, 5vw, 7rem) 0 0 !important;
    transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-media-column,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-media-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-media-column,
  .jc-about-page .jc-about-production-section .jc-map-media-column {
    position: relative !important;
    box-sizing: border-box !important;
    inset: auto !important;
    z-index: 1 !important;
    display: grid !important;
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    align-self: stretch !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-figure,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure,
  .jc-about-page .jc-about-production-section .jc-map-figure {
    position: absolute !important;
    box-sizing: border-box !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure img,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-figure img,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure img,
  .jc-about-page .jc-about-production-section .jc-map-figure img {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: none !important;
    transform-origin: left center !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-copy-column,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-copy-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-copy-column,
  .jc-about-page .jc-about-production-section .jc-map-copy-column {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    box-sizing: border-box !important;
    width: min(100%, 805px) !important;
    max-width: 805px !important;
    height: 100% !important;
    min-height: 0 !important;
    grid-column: 2 !important;
    align-content: center !important;
    justify-self: center !important;
    justify-items: center !important;
    padding: clamp(2rem, 4vw, 4.5rem) 0 !important;
    color: var(--jc-color-white) !important;
    text-align: center !important;
    transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section .jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-eyebrow,
  .jc-about-page .jc-about-production-section .jc-eyebrow {
    max-width: 100% !important;
    margin: 0 0 clamp(0.7rem, 1vw, 1.1rem) !important;
    color: var(--jc-color-brand-gold-light) !important;
    font-family: var(--jc-font-accent) !important;
    font-size: clamp(2rem, 2.4vw, 3rem) !important;
    font-weight: 400 !important;
    line-height: 0.78 !important;
    text-align: center !important;
    text-transform: none !important;
    transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section h2,
  body.jc-about-page #page-container #main-content .jc-about-production-section h2,
  #page-container #main-content.jc-about-page .jc-about-production-section h2,
  .jc-about-page .jc-about-production-section h2 {
    width: min(100%, 1120px) !important;
    max-width: 1120px !important;
    margin: 0 auto clamp(1.45rem, 2.3vw, 2.6rem) !important;
    color: var(--jc-color-white) !important;
    font-family: var(--jc-font-display) !important;
    font-size: clamp(1.78rem, 2.2vw, 2.5rem) !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section .jc-type-body-base > p,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-body-base > p,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-type-body-base > p,
  .jc-about-page .jc-about-production-section .jc-type-body-base > p {
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
    color: rgba(255, 255, 255, 0.94) !important;
    font-family: var(--jc-font-body) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.58 !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section .jc-number-list,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-number-list,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-number-list,
  .jc-about-page .jc-about-production-section .jc-number-list {
    display: grid !important;
    width: min(100%, 1180px) !important;
    max-width: 1180px !important;
    gap: clamp(0.45rem, 0.7vw, 0.9rem) !important;
    margin: clamp(1.8rem, 2.5vw, 3rem) auto 0 !important;
    padding: 0 !important;
    color: var(--jc-color-brand-gold-light) !important;
    list-style-position: inside !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section .jc-number-list li,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-number-list li,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-number-list li,
  .jc-about-page .jc-about-production-section .jc-number-list li {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    color: var(--jc-color-brand-gold-light) !important;
    font-family: var(--jc-font-body) !important;
    font-size: clamp(0.98rem, 1.05vw, 1.18rem) !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }
}

@media (min-width: 981px) and (max-width: 1323px) {
  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section {
    height: clamp(660px, calc(891.7px - 17.5vw), 720px) !important;
    min-height: clamp(660px, calc(891.7px - 17.5vw), 720px) !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Browser feedback lock: center About global reach and make world map full-bleed. */
@media (min-width: 981px) {
  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section,
  body.jc-about-page #page-container #main-content .jc-about-world-map-section,
  #page-container #main-content.jc-about-page .jc-about-world-map-section,
  .jc-about-page .jc-about-world-map-section {
    overflow: hidden !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section > .jc-section-inner,
  body.jc-about-page #page-container #main-content .jc-about-world-map-section > .jc-section-inner,
  #page-container #main-content.jc-about-page .jc-about-world-map-section > .jc-section-inner,
  .jc-about-page .jc-about-world-map-section > .jc-section-inner {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-section-heading,
  body.jc-about-page #page-container #main-content .jc-about-world-map-section .jc-section-heading,
  #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-section-heading,
  .jc-about-page .jc-about-world-map-section .jc-section-heading {
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    justify-self: center !important;
    text-align: center !important;
    transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-about-world-map-section .jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-eyebrow,
  .jc-about-page .jc-about-world-map-section .jc-eyebrow {
    width: min(calc(100% - 4rem), 1240px) !important;
    max-width: 1240px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-section-heading p:not(.jc-eyebrow),
  body.jc-about-page #page-container #main-content .jc-about-world-map-section .jc-section-heading p:not(.jc-eyebrow),
  #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-section-heading p:not(.jc-eyebrow),
  .jc-about-page .jc-about-world-map-section .jc-section-heading p:not(.jc-eyebrow) {
    width: min(calc(100% - 4rem), 1045px) !important;
    max-width: 1045px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-wide-map,
  body.jc-about-page #page-container #main-content .jc-about-world-map-section .jc-wide-map,
  #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-wide-map,
  .jc-about-page .jc-about-world-map-section .jc-wide-map {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: clamp(2rem, 3vw, 3.5rem) 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-wide-map img,
  body.jc-about-page #page-container #main-content .jc-about-world-map-section .jc-wide-map img,
  #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-wide-map img,
  .jc-about-page .jc-about-world-map-section .jc-wide-map img {
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: none !important;
  }
}

@media (max-width: 980px) {
  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section,
  body.jc-about-page #page-container #main-content .jc-about-world-map-section,
  #page-container #main-content.jc-about-page .jc-about-world-map-section,
  .jc-about-page .jc-about-world-map-section {
    overflow: hidden !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section > .jc-section-inner,
  body.jc-about-page #page-container #main-content .jc-about-world-map-section > .jc-section-inner,
  #page-container #main-content.jc-about-page .jc-about-world-map-section > .jc-section-inner,
  .jc-about-page .jc-about-world-map-section > .jc-section-inner,
  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-section-heading,
  body.jc-about-page #page-container #main-content .jc-about-world-map-section .jc-section-heading,
  #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-section-heading,
  .jc-about-page .jc-about-world-map-section .jc-section-heading {
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: center !important;
    transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-about-world-map-section .jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-eyebrow,
  .jc-about-page .jc-about-world-map-section .jc-eyebrow,
  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-section-heading p:not(.jc-eyebrow),
  body.jc-about-page #page-container #main-content .jc-about-world-map-section .jc-section-heading p:not(.jc-eyebrow),
  #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-section-heading p:not(.jc-eyebrow),
  .jc-about-page .jc-about-world-map-section .jc-section-heading p:not(.jc-eyebrow) {
    width: min(calc(100% - 2rem), 36rem) !important;
    max-width: 36rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-wide-map,
  body.jc-about-page #page-container #main-content .jc-about-world-map-section .jc-wide-map,
  #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-wide-map,
  .jc-about-page .jc-about-world-map-section .jc-wide-map,
  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-wide-map img,
  body.jc-about-page #page-container #main-content .jc-about-world-map-section .jc-wide-map img,
  #page-container #main-content.jc-about-page .jc-about-world-map-section .jc-wide-map img,
  .jc-about-page .jc-about-world-map-section .jc-wide-map img {
    display: block !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
}

/* Browser feedback tail lock: Products responsive card proportions. */
@keyframes jcProductTileWiggleTail {
  0% { transform: translateY(0) scale(1) rotate(0deg); }
  34% { transform: translateY(-8px) scale(1.026) rotate(0.35deg); }
  68% { transform: translateY(-8px) scale(1.026) rotate(-0.28deg); }
  100% { transform: translateY(-8px) scale(1.026) rotate(0deg); }
}

body.jc-products-page {
  --jc-products-summary-card-height: clamp(230px, 15.2vw, 292px);
  --jc-products-summary-overlap: calc(var(--jc-products-summary-card-height) * 0.8);
  --jc-products-detail-card-height: clamp(660px, 40vw, 780px);
}

body.jc-products-page #page-container #main-content .jc-products-intro {
  position: relative !important;
  z-index: 3 !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

body.jc-products-page #page-container #main-content .jc-product-tile-grid {
  position: relative !important;
  z-index: 8 !important;
  display: grid !important;
  width: min(calc(100% - clamp(5rem, 8vw, 10rem)), 1360px) !important;
  max-width: 1360px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: clamp(1.15rem, 1.55vw, 1.75rem) !important;
  margin: clamp(10.5rem, 14vw, 16.5rem) auto calc(-1 * var(--jc-products-summary-overlap)) !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.jc-products-page #page-container #main-content .jc-product-tile {
  position: relative !important;
  display: grid !important;
  box-sizing: border-box !important;
  height: var(--jc-products-summary-card-height) !important;
  min-height: 0 !important;
  align-content: center !important;
  justify-items: center !important;
  gap: clamp(0.24rem, 0.34vw, 0.42rem) !important;
  padding: clamp(2.4rem, 2.5vw, 3.05rem) clamp(1rem, 1.25vw, 1.35rem) clamp(1.45rem, 1.65vw, 1.9rem) !important;
  overflow: visible !important;
  border: 0 !important;
  background: #fffdfa !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12) !important;
  text-align: center !important;
  transform: translateY(0) scale(1) rotate(0deg) !important;
  transform-origin: center !important;
  transition: box-shadow 240ms var(--jc-ease), transform 240ms var(--jc-ease) !important;
}

body.jc-products-page #page-container #main-content .jc-product-tile:hover,
body.jc-products-page #page-container #main-content .jc-product-tile:focus-visible {
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18) !important;
  animation: jcProductTileWiggleTail 520ms var(--jc-ease) both !important;
}

body.jc-products-page #page-container #main-content .jc-product-tile .jc-native-image {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;
  width: min(159px, 55%) !important;
  margin: 0 !important;
  pointer-events: none !important;
  transform: translate(-50%, -48%) !important;
}

body.jc-products-page #page-container #main-content .jc-product-tile img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: clamp(106px, 6.9vw, 136px) !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

body.jc-products-page #page-container #main-content .jc-product-tile h3 {
  max-width: 15rem !important;
  margin: 0 !important;
  font-size: clamp(1.18rem, 1.08vw, 1.55rem) !important;
  line-height: 1.08 !important;
}

body.jc-products-page #page-container #main-content .jc-product-tile p {
  margin: 0 !important;
  font-size: clamp(0.82rem, 0.68vw, 1rem) !important;
  line-height: 1.16 !important;
}

body.jc-products-page #page-container #main-content .jc-product-tile span {
  max-width: 15rem !important;
  margin: clamp(0.55rem, 0.65vw, 0.78rem) auto 0 !important;
  font-size: clamp(0.68rem, 0.56vw, 0.82rem) !important;
  line-height: 1.36 !important;
}

body.jc-products-page #page-container #main-content .jc-products-detail-section {
  position: relative !important;
  z-index: 1 !important;
  padding-top: calc(var(--jc-products-summary-overlap) + clamp(5rem, 6.4vw, 7.75rem)) !important;
}

body.jc-products-page #page-container #main-content .jc-product-card-grid {
  display: grid !important;
  width: min(calc(100% - clamp(3rem, 8vw, 12rem)), 1380px) !important;
  max-width: 1380px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(2.25rem, 3.1vw, 3.8rem) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.jc-products-page #page-container #main-content .jc-product-card {
  display: grid !important;
  box-sizing: border-box !important;
  height: var(--jc-products-detail-card-height) !important;
  min-height: 0 !important;
  grid-template-rows: 30fr 70fr !important;
  overflow: hidden !important;
  border: 0 !important;
  background: #332e28 !important;
}

body.jc-products-page #page-container #main-content .jc-product-gallery,
body.jc-products-page #page-container #main-content .jc-product-gallery__track {
  height: 100% !important;
  min-height: 0 !important;
}

body.jc-products-page #page-container #main-content .jc-product-gallery img[data-jc-gallery-slide] {
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
}

body.jc-products-page #page-container #main-content .jc-product-card__body {
  position: relative !important;
  display: flex !important;
  box-sizing: border-box !important;
  height: 100% !important;
  min-height: 0 !important;
  flex-direction: column !important;
  padding: clamp(6.65rem, 6.8vw, 8.7rem) clamp(1.55rem, 2.2vw, 2.6rem) 0 !important;
  background: #332e28 !important;
  text-align: center !important;
}

body.jc-products-page #page-container #main-content .jc-product-card__logo {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;
  width: min(198px, 39%) !important;
  height: clamp(120px, 7.45vw, 156px) !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: translate(-50%, -50%) !important;
}

body.jc-products-page #page-container #main-content .jc-product-card h3 {
  margin: 0 !important;
  color: var(--jc-color-white) !important;
  font-size: clamp(1.55rem, 1.75vw, 2.35rem) !important;
  line-height: 1.08 !important;
}

body.jc-products-page #page-container #main-content .jc-product-subtitle {
  margin: clamp(0.28rem, 0.35vw, 0.42rem) 0 clamp(1rem, 1.15vw, 1.35rem) !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-size: clamp(0.94rem, 0.92vw, 1.18rem) !important;
  font-weight: 400 !important;
  line-height: 1.16 !important;
}

body.jc-products-page #page-container #main-content .jc-product-card__body > p:not(.jc-product-subtitle) {
  max-width: 31rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
  color: var(--jc-color-white) !important;
  font-size: var(--jc-type-card-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--jc-type-card-body-line-height) !important;
}

body.jc-products-page #page-container #main-content .jc-attribute-list {
  display: grid !important;
  flex: 0 0 calc(var(--jc-products-detail-card-height) * 0.2) !important;
  min-height: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-items: stretch !important;
  margin: auto calc(-1 * clamp(1.55rem, 2.2vw, 2.6rem)) 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(198, 180, 122, 0.26) !important;
  background: #332e28 !important;
}

body.jc-products-page #page-container #main-content .jc-attribute-list li {
  display: grid !important;
  min-height: 0 !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-content: center !important;
  gap: clamp(0.15rem, 0.25vw, 0.28rem) !important;
  padding: clamp(0.45rem, 0.72vw, 0.82rem) 0.35rem !important;
  border-top: 0 !important;
  border-right: 1px solid rgba(198, 180, 122, 0.26) !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  text-align: center !important;
}

body.jc-products-page #page-container #main-content .jc-attribute-list li:last-child {
  border-right: 0 !important;
}

body.jc-products-page #page-container #main-content .jc-attribute-list img {
  grid-row: auto !important;
  width: clamp(24px, 1.8vw, 36px) !important;
  height: clamp(24px, 1.8vw, 36px) !important;
}

@media (max-width: 1180px) {
  body.jc-products-page {
    --jc-products-summary-card-height: clamp(238px, 28vw, 286px);
    --jc-products-detail-card-height: clamp(640px, 68vw, 720px);
  }

  body.jc-products-page #page-container #main-content .jc-product-tile-grid {
    width: min(calc(100% - 3rem), 760px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-card-grid {
    width: min(calc(100% - 2.5rem), 980px) !important;
    gap: clamp(1.75rem, 3vw, 2.5rem) !important;
  }
}

@media (max-width: 767.98px) {
  body.jc-products-page {
    --jc-products-summary-card-height: clamp(232px, 64vw, 270px);
    --jc-products-detail-card-height: clamp(570px, 150vw, 640px);
  }

  body.jc-products-page #page-container #main-content .jc-product-tile-grid {
    width: min(calc(100% - 2rem), 420px) !important;
    grid-template-columns: 1fr !important;
    margin-bottom: clamp(2.75rem, 10vw, 4rem) !important;
  }

  body.jc-products-page #page-container #main-content .jc-products-detail-section {
    padding-top: clamp(4.5rem, 14vw, 6rem) !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-card-grid {
    width: min(calc(100% - 2rem), 620px) !important;
    grid-template-columns: 1fr !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-card__body {
    padding-top: clamp(5.75rem, 22vw, 6.55rem) !important;
    padding-right: clamp(1rem, 5vw, 1.35rem) !important;
    padding-left: clamp(1rem, 5vw, 1.35rem) !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-card__logo {
    width: min(158px, 50%) !important;
    height: clamp(94px, 27vw, 120px) !important;
  }

  body.jc-products-page #page-container #main-content .jc-attribute-list {
    margin-right: calc(-1 * clamp(1rem, 5vw, 1.35rem)) !important;
    margin-left: calc(-1 * clamp(1rem, 5vw, 1.35rem)) !important;
  }
}

/* Browser feedback tail refinement: Products anchors and responsive bridge math. */
body.jc-products-page {
  --jc-products-summary-grid-gap: clamp(1.15rem, 1.55vw, 1.75rem);
  --jc-products-summary-overlap: calc(var(--jc-products-summary-card-height) * 0.8);
}

body.jc-products-page #page-container #main-content .jc-product-tile-grid {
  gap: var(--jc-products-summary-grid-gap) !important;
}

body.jc-products-page #page-container #main-content .jc-product-card {
  position: relative !important;
}

body.jc-products-page #page-container #main-content .jc-product-card__anchor {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

@media (max-width: 1180px) and (min-width: 768px) {
  body.jc-products-page {
    --jc-products-summary-grid-gap: clamp(1.1rem, 2.8vw, 1.7rem);
    --jc-products-summary-overlap: calc((var(--jc-products-summary-card-height) * 2 + var(--jc-products-summary-grid-gap)) * 0.8);
  }
}

@media (max-width: 767.98px) {
  body.jc-products-page {
    --jc-products-summary-overlap: 0px;
  }
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile:hover,
body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile:focus-visible,
body.jc-products-page #page-container #main-content .jc-product-tile:hover,
body.jc-products-page #page-container #main-content .jc-product-tile:focus-visible {
  animation: jcProductTileWiggleTail 520ms var(--jc-ease) both !important;
}

@media (prefers-reduced-motion: reduce) {
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile,
  body.jc-products-page #page-container #main-content .jc-product-tile {
    transition: none !important;
  }

  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile:hover,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile:focus-visible,
  body.jc-products-page #page-container #main-content .jc-product-tile:hover,
  body.jc-products-page #page-container #main-content .jc-product-tile:focus-visible {
    animation: none !important;
    transform: translateY(-8px) scale(1.026) !important;
  }
}

/* Browser feedback lock: Corporate video thumbnail and section typography. */
body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro {
  text-align: center !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro .jc-accent,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-accent,
body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy .jc-accent,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-accent {
  margin: 0 auto clamp(1.1rem, 1.15vw, 1.45rem) !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: clamp(2.25rem, 2.65vw, 3.2rem) !important;
  font-weight: 400 !important;
  line-height: 0.82 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro h2,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro h2,
body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy h2,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy h2 {
  max-width: 760px !important;
  margin: 0 auto clamp(1.9rem, 2.4vw, 3rem) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.55rem, 1.78vw, 2.15rem) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro h2,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro h2 {
  color: var(--jc-color-white) !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy h2,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy h2 {
  color: var(--jc-color-brand-dark) !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro .jc-type-body-base p,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-body-base p,
body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy p,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy p {
  max-width: 1040px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-family: var(--jc-font-body) !important;
  font-size: clamp(0.86rem, 0.76vw, 0.94rem) !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro .jc-type-body-base p,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-body-base p {
  color: rgba(255, 255, 255, 0.76) !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy p,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy p {
  color: rgba(51, 46, 40, 0.78) !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-banner-section,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-banner-section {
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: linear-gradient(to bottom, #050504 0 50%, #f8f3ed 50% 100%) !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-banner-section > .jc-section-inner,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-banner-section > .jc-section-inner {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 clamp(3rem, 7vw, 8rem) !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-banner-section .jc-native-column,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-banner-section .jc-native-column,
body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-video-fragment,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-video-fragment {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder,
body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-media,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-media {
  position: relative !important;
  display: grid !important;
  width: min(calc(100% - clamp(7rem, 12vw, 16rem)), 2048px) !important;
  max-width: 2048px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  aspect-ratio: 2.9 / 1 !important;
  place-items: center !important;
  overflow: hidden !important;
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.44)),
    url("assets/img/pages/corporate-banner.jpg") !important;
  background-position: center 53% !important;
  background-size: cover !important;
  box-shadow: none !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder::before,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder::before {
  background: transparent !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder iframe,
body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-media iframe,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder iframe,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-media iframe {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder.is-playing,
body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-media.is-playing,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder.is-playing,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-media.is-playing {
  background-image: none !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-video-link,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-video-link {
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  place-items: center !important;
  padding: 0 !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-video-note,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-video-note {
  display: none !important;
}

@media (max-width: 767.98px) {
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-banner-section > .jc-section-inner,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-banner-section > .jc-section-inner {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-media,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-banner-section .jc-video-placeholder,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-media {
    width: min(100%, 36rem) !important;
    aspect-ratio: 16 / 9 !important;
    background-position: center 52% !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro .jc-accent,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-accent,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy .jc-accent,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-accent {
    font-size: clamp(1.85rem, 9.5vw, 2.45rem) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy .jc-accent,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-accent {
    width: max-content !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    white-space: nowrap !important;
    font-size: clamp(1.95rem, 8.6vw, 2.35rem) !important;
    line-height: 0.95 !important;
  }
}

/* Browser feedback lock: unified public page hero typography and scroll markers. */
@media (min-width: 981px) {
  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero {
    position: relative !important;
    display: block !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-system-page--contact {
    margin-top: 0 !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about > .jc-section-inner,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products > .jc-section-inner,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate > .jc-section-inner,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook > .jc-section-inner,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero > .jc-section-inner {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    width: min(100% - clamp(3rem, 8vw, 9rem), 1180px) !important;
    max-width: 1180px !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    align-content: center !important;
    justify-items: center !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-native-column,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-native-column,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-native-column,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-native-column,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-native-column {
    display: grid !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    justify-items: center !important;
    text-align: center !important;
    transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-script-accent,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-script-accent,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-script-accent,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-script-accent,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1,
  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-title,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-title,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-title,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-title,
  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-lead,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-lead,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-lead,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-lead,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner > p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner > p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    transform: translateY(clamp(1.1rem, 2.3vh, 1.7rem)) !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-script-accent,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-script-accent,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-script-accent,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-script-accent {
    width: 100% !important;
    margin: 0 auto 0.85rem !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent :is(p, span),
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-script-accent :is(p, span),
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-script-accent :is(p, span),
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-script-accent :is(p, span),
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-script-accent :is(p, span),
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 .jc-accent,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 .jc-accent {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    color: rgb(198, 180, 122) !important;
    font-family: "Michigan Signature", "Brush Script MT", cursive !important;
    font-size: 62px !important;
    font-weight: 400 !important;
    line-height: 0.78 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-title,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-title,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-title,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-title {
    width: 100% !important;
    margin: 0 auto !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-title h2,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-title h2,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-title h2,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title h2,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-title h2,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 span:not(.jc-accent),
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 span:not(.jc-accent) {
    display: block !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    color: rgb(255, 255, 255) !important;
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: 76px !important;
    font-weight: 400 !important;
    line-height: 0.92 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.42) !important;
    text-transform: none !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 {
    display: grid !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    gap: 0.85rem !important;
    justify-items: center !important;
    color: rgb(255, 255, 255) !important;
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: 76px !important;
    font-weight: 400 !important;
    line-height: 0.92 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-lead,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-lead,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-lead,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-lead {
    width: 100% !important;
    margin: 2.15rem auto 0 !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead p,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-lead p,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-lead p,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-lead p,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-lead p,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner > p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner > p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    width: min(100%, 1062px) !important;
    max-width: 1062px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    color: rgb(255, 255, 255) !important;
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner > p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner > p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    margin-top: 2.15rem !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-scroll-marker-module,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-scroll-marker-module,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-scroll-marker-module,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-scroll-marker-module,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-scroll-marker-module {
    position: absolute !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 4 !important;
    display: grid !important;
    width: 100% !important;
    height: auto !important;
    justify-items: center !important;
    pointer-events: none !important;
    transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-scroll-marker,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-scroll-marker,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-scroll-marker,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-scroll-marker,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-scroll-marker {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: 50% !important;
    z-index: 4 !important;
    display: block !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: 12.48px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-scroll-marker::after,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-scroll-marker::after,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-scroll-marker::after,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-scroll-marker::after,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker::after,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker::after,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-scroll-marker::after {
    display: block !important;
    width: 1px !important;
    height: 58px !important;
    margin: 0.7rem auto 0 !important;
    background: rgba(255, 255, 255, 0.72) !important;
    content: "" !important;
  }
}

/* Browser feedback lock: final public hero vertical alignment. */
@media (min-width: 981px) {
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-script-accent,
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-title,
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-lead {
    transform: translateY(5px) !important;
  }

  html body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-archive-hero.jc-archive-hero h1,
  html body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-archive-hero.jc-archive-hero > .jc-section-inner > p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    transform: translateY(-27px) !important;
  }

  html body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-archive-hero.jc-archive-hero h1,
  html body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-archive-hero.jc-archive-hero > .jc-section-inner > p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    transform: translateY(-16px) !important;
  }

  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-scroll-marker {
    transform: translate(-50%, -18px) !important;
  }

  html body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-archive-hero.jc-archive-hero .jc-scroll-marker {
    transform: translate(-50%, -50px) !important;
  }

  html body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-archive-hero.jc-archive-hero .jc-scroll-marker {
    transform: translate(-50%, -39px) !important;
  }
}

@media (max-width: 980px) {
  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero {
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-system-page--contact {
    margin-top: 0 !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about > .jc-section-inner,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products > .jc-section-inner,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate > .jc-section-inner,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook > .jc-section-inner,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero > .jc-section-inner {
    display: grid !important;
    width: min(100% - 2rem, 760px) !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    align-content: center !important;
    justify-items: center !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent :is(p, span),
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-script-accent :is(p, span),
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-script-accent :is(p, span),
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-script-accent :is(p, span),
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-script-accent :is(p, span),
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 .jc-accent,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 .jc-accent {
    display: block !important;
    color: rgb(198, 180, 122) !important;
    font-family: "Michigan Signature", "Brush Script MT", cursive !important;
    font-size: clamp(3rem, 13vw, 4.4rem) !important;
    font-weight: 400 !important;
    line-height: 0.78 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-title h2,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-title h2,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-title h2,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title h2,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-title h2,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 span:not(.jc-accent),
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 span:not(.jc-accent) {
    display: block !important;
    color: rgb(255, 255, 255) !important;
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: clamp(2.55rem, 11vw, 4rem) !important;
    font-weight: 400 !important;
    line-height: 0.94 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead p,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-lead p,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-lead p,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-lead p,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-lead p,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner > p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner > p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    width: min(100%, 620px) !important;
    margin: 1.45rem auto 0 !important;
    color: rgb(255, 255, 255) !important;
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: clamp(1rem, 4vw, 1.25rem) !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-scroll-marker,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-scroll-marker,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-scroll-marker,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-scroll-marker,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-scroll-marker {
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: 50% !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-family: Lustria, Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    transform: translateX(-50%) !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-scroll-marker::after,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-scroll-marker::after,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-scroll-marker::after,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-scroll-marker::after,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero .jc-scroll-marker::after,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero .jc-scroll-marker::after,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-scroll-marker::after {
    display: block !important;
    width: 1px !important;
    height: 46px !important;
    margin: 0.65rem auto 0 !important;
    background: rgba(255, 255, 255, 0.72) !important;
    content: "" !important;
  }
}

/* Typography contract: shared public-page type groups and explicit exceptions. */
#page-container #main-content :is(.jc-type-body-base, .jc-long-copy) > p,
#page-container #main-content :is(.jc-type-body-base, .jc-long-copy) :is(p, li),
#page-container #main-content .jc-card__body > p,
#page-container #main-content .jc-product-card__body > p:not(.jc-product-subtitle) {
  font-family: var(--jc-font-body) !important;
  font-size: var(--jc-type-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--jc-type-body-line-height) !important;
  letter-spacing: 0 !important;
}

#page-container #main-content .jc-card__body > p,
#page-container #main-content .jc-product-card__body > p:not(.jc-product-subtitle) {
  font-size: var(--jc-type-card-body-size) !important;
  line-height: var(--jc-type-card-body-line-height) !important;
}

#page-container #main-content .jc-type-body-large > p,
#page-container #main-content .jc-type-body-large :is(p, li) {
  font-family: var(--jc-font-body) !important;
  font-size: 16px !important;
  line-height: 1.48 !important;
}

#page-container #main-content .jc-type-body-small > p,
#page-container #main-content .jc-type-body-small :is(p, li) {
  font-family: var(--jc-font-body) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

#page-container #main-content .jc-type-body-medium > p,
#page-container #main-content .jc-type-body-medium :is(p, li) {
  font-family: var(--jc-font-body) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

#page-container #main-content .jc-type-accent-small .jc-accent,
#page-container #main-content .jc-type-accent-small.jc-accent {
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: var(--jc-type-section-script-size) !important;
  font-weight: 400 !important;
  line-height: 0.82 !important;
  letter-spacing: 0 !important;
}

#page-container #main-content .jc-type-h2-section-display :is(h2, h3),
#page-container #main-content .jc-type-h2-section-statement :is(h2, h3) {
  font-family: var(--jc-font-display) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

#page-container #main-content .jc-type-h3-card-heading :is(h3, h4),
#page-container #main-content .jc-card__body > :is(h3, h4) {
  font-family: var(--jc-font-display) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

#page-container #main-content .jc-type-scroll-marker .jc-scroll-marker,
#page-container #main-content .jc-scroll-marker {
  font-family: var(--jc-font-display) !important;
  font-size: var(--jc-type-scroll-size) !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

@media (min-width: 981px) {
  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-script-accent :is(p, span),
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-script-accent :is(p, span),
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-script-accent :is(p, span),
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-script-accent :is(p, span),
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-script-accent :is(p, span),
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 .jc-accent,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 .jc-accent {
    font-size: var(--jc-type-hero-script-size) !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-title h2,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-title h2,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-title h2,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title h2,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-title h2,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 span:not(.jc-accent),
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 span:not(.jc-accent),
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 {
    font-size: var(--jc-type-hero-title-size) !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead p,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-lead p,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-lead p,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-lead p,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-lead p,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero > .jc-section-inner > p:not(.jc-eyebrow):not(.jc-scroll-marker),
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero > .jc-section-inner > p:not(.jc-eyebrow):not(.jc-scroll-marker) {
    font-size: var(--jc-type-hero-lead-size) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-lead,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-lead p {
    width: min(100%, 620px) !important;
    max-width: 620px !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-lead,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-lead p {
    width: min(100%, 760px) !important;
    max-width: 760px !important;
  }
}

/* Named exceptions: lead copy, feature sections, forms and CTA prompts. */
#page-container #main-content .jc-products-intro .jc-type-body-base > p,
#page-container #main-content .jc-products-intro .jc-type-body-base :is(p, li) {
  font-size: clamp(1.18rem, 1.32vw, 1.62rem) !important;
  line-height: 1.48 !important;
}

#page-container #main-content .jc-about-production-section .jc-type-body-base > p {
  font-size: 14px !important;
  line-height: 1.58 !important;
}

#page-container #main-content .jc-section-actions .jc-type-body-base > p {
  font-family: var(--jc-font-display) !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
}

#page-container #main-content .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow {
  font-family: var(--jc-font-body) !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}

#page-container #main-content .jc-contact-form-section .gfield_label,
#page-container #main-content .jc-system-page--contact .gform_wrapper .gfield_label,
#page-container #main-content .jc-system-page--brand-hub-login .gform_wrapper .gfield_label {
  font-family: var(--jc-font-body) !important;
  font-size: var(--jc-type-form-label-size) !important;
  line-height: 1.35 !important;
}

#page-container #main-content .jc-contact-form-section .gform_wrapper :is(input, select, textarea),
#page-container #main-content .jc-system-page--brand-hub-login .gform_wrapper :is(input, select, textarea) {
  font-family: var(--jc-font-body) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

#page-container #main-content .jc-brand-hub-login-panels .jc-system-panel > p,
#page-container #main-content .jc-brand-hub-login-panels .jc-system-panel li {
  font-size: 14px !important;
  line-height: 1.58 !important;
}

/* Typography contract specificity bridge for older visual-lock selectors. */
body.jc-products-page #page-container #main-content.jc-page--products.jc-page--products .jc-product-card__body > p:not(.jc-product-subtitle),
body.jc-products-page #page-container #main-content .jc-page--products .jc-product-card__body > p:not(.jc-product-subtitle),
body:not(.home).jc-products-page #page-container #main-content .jc-product-card__body > p:not(.jc-product-subtitle) {
  font-family: var(--jc-font-body) !important;
  font-size: var(--jc-type-card-body-size) !important;
  line-height: var(--jc-type-card-body-line-height) !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-corporate-intro .jc-type-body-base p,
body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy p,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-body-base p,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-long-copy p {
  font-family: var(--jc-font-body) !important;
  font-size: var(--jc-type-body-size) !important;
  line-height: var(--jc-type-body-line-height) !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-statement-subtitle > p,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-statement-subtitle > p {
  font-size: clamp(1.15rem, 1.35vw, 1.72rem) !important;
  line-height: 1.35 !important;
}

body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-recipe-card .jc-card__body > p,
body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-cook-recipes .jc-recipe-card .jc-card__body > p,
#page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-recipe-card .jc-card__body > p {
  font-family: var(--jc-font-body) !important;
  font-size: var(--jc-type-card-body-size) !important;
  line-height: var(--jc-type-card-body-line-height) !important;
}

body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-video-card .jc-card__body > p,
body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-cook-videos .jc-video-card .jc-card__body > p,
#page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-video-card .jc-card__body > p {
  font-family: var(--jc-font-body) !important;
  font-size: var(--jc-type-card-body-size) !important;
  line-height: var(--jc-type-card-body-line-height) !important;
}

/* Breakpoint 1: role-font bridge for late page-specific visual locks. */
body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-accent-small.jc-accent,
#page-container #main-content .jc-type-accent-small.jc-accent {
  font-family: var(--jc-font-accent) !important;
}

#page-container #main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-type-hero-script-accent :is(p, span),
#page-container #main-content.jc-system-page--privacy .jc-privacy-hero .jc-type-hero-script-accent :is(p, span),
#page-container #main-content.jc-system-page--thank-you .jc-thank-you-hero .jc-type-hero-script-accent :is(p, span) {
  font-family: var(--jc-font-accent) !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section input[type="submit"],
#page-container #main-content .jc-contact-form-section input[type="submit"] {
  font-family: var(--jc-font-display) !important;
}

/* Breakpoint 1: Cook CTA labels sit beside their buttons with the approved gap. */
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-section-actions > .jc-native-column,
#page-container #main-content .jc-cook-page .jc-section-actions > .jc-native-column {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 25px !important;
  text-align: center !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-section-actions .jc-native-text,
#page-container #main-content .jc-cook-page .jc-section-actions .jc-native-text,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-section-actions p,
#page-container #main-content .jc-cook-page .jc-section-actions p,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-section-actions .jc-button,
#page-container #main-content .jc-cook-page .jc-section-actions .jc-button {
  width: auto !important;
  margin: 0 !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-section-actions p,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-actions p {
  color: var(--jc-color-white) !important;
}

@media (max-width: 640px) {
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-section-actions > .jc-native-column,
  #page-container #main-content .jc-cook-page .jc-section-actions > .jc-native-column {
    flex-direction: column !important;
    gap: 0.85rem !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-section-actions,
  #page-container #main-content .jc-cook-page .jc-cook-videos .jc-section-actions {
    padding-bottom: clamp(3.5rem, 14vw, 4.75rem) !important;
  }
}

/* Breakpoint 1: Privacy reference uses a single display heading, not split script/title text. */
#page-container #main-content.jc-system-page--privacy .jc-privacy-hero .jc-privacy-hero-title h1,
#main-content.jc-system-page--privacy .jc-privacy-hero .jc-privacy-hero-title h1,
.jc-system-page--privacy .jc-privacy-hero .jc-privacy-hero-title h1 {
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(4.25rem, 4.7vw, 7.25rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

#page-container #main-content.jc-system-page--privacy .jc-privacy-hero .jc-type-hero-lead p,
#main-content.jc-system-page--privacy .jc-privacy-hero .jc-type-hero-lead p,
.jc-system-page--privacy .jc-privacy-hero .jc-type-hero-lead p {
  width: min(100%, 720px) !important;
  max-width: 720px !important;
  margin: clamp(1.6rem, 1.85vw, 2.3rem) auto 0 !important;
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: var(--jc-type-hero-lead-size) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

/* Breakpoint 1: Thank You reference uses one large heading and no visible action button. */
#page-container #main-content.jc-system-page--thank-you .jc-thank-you-hero .jc-thank-you-title h1,
#main-content.jc-system-page--thank-you .jc-thank-you-hero .jc-thank-you-title h1,
.jc-system-page--thank-you .jc-thank-you-hero .jc-thank-you-title h1 {
  font-family: var(--jc-font-display) !important;
}

#page-container #main-content.jc-system-page--thank-you .jc-thank-you-hero .jc-button,
#main-content.jc-system-page--thank-you .jc-thank-you-hero .jc-button,
.jc-system-page--thank-you .jc-thank-you-hero .jc-button {
  display: none !important;
}

/* Breakpoint 1: Thank You lead matches the reference display type and sits closer to centre. */
#page-container #main-content.jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner,
#main-content.jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner,
.jc-system-page--thank-you .jc-thank-you-hero > .jc-section-inner {
  transform: translateY(0) !important;
}

#page-container #main-content.jc-system-page--thank-you .jc-thank-you-hero .jc-type-hero-lead p,
#main-content.jc-system-page--thank-you .jc-thank-you-hero .jc-type-hero-lead p,
.jc-system-page--thank-you .jc-thank-you-hero .jc-type-hero-lead p {
  font-family: var(--jc-font-display) !important;
}

/* Breakpoint 1: Brand Hub Login reference uses one large display hero heading. */
#page-container #main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-brand-hub-login-title h1,
#main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-brand-hub-login-title h1,
.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-brand-hub-login-title h1 {
  max-width: min(100%, 1260px) !important;
  margin: 0 auto !important;
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(4rem, 4.55vw, 6.8rem) !important;
  font-weight: 400 !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.4) !important;
  text-transform: none !important;
}

@media (min-width: 981px) {
  #page-container #main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-brand-hub-login-title h1,
  #main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-brand-hub-login-title h1,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-brand-hub-login-title h1 {
    white-space: nowrap !important;
  }
}

@media (max-width: 640px) {
  body.jc-home-page #page-container #main-content .jc-awards-section,
  body.home #page-container #main-content .jc-awards-section {
    min-height: 0 !important;
    padding-top: clamp(3.25rem, 14vw, 4.25rem) !important;
    padding-bottom: clamp(3.25rem, 14vw, 4.25rem) !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-social-band,
  body.home #page-container #main-content .jc-home-social-band {
    background-image:
      linear-gradient(180deg, rgba(140, 128, 95, 0.74), rgba(140, 128, 95, 0.74)),
      url("assets/img/pages/about-banner.jpg") !important;
    background-position: center, center top !important;
    background-repeat: no-repeat !important;
    background-size: auto, cover !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-video-section,
  body.home #page-container #main-content .jc-home-video-section {
    background-color: transparent !important;
    background-image: linear-gradient(180deg, #f8f3ed 0 50%, rgba(248, 243, 237, 0) 50% 100%) !important;
    background-position: center, center bottom !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-social,
  body.home #page-container #main-content .jc-home-social {
    display: grid !important;
    min-height: 0 !important;
    padding-top: clamp(2.75rem, 12vw, 4rem) !important;
    padding-bottom: clamp(2.75rem, 12vw, 4rem) !important;
    align-content: center !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-social__inner,
  body.home #page-container #main-content .jc-home-social__inner {
    gap: clamp(1.4rem, 7vw, 2.4rem) !important;
  }
}

#page-container #main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-type-hero-lead p,
#main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-type-hero-lead p,
.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-type-hero-lead p {
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  margin: clamp(1.45rem, 1.65vw, 2.05rem) auto 0 !important;
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.18rem, 1.25vw, 1.7rem) !important;
  font-weight: 400 !important;
  line-height: 1.26 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

/* Privacy retains its shorter, lower-set composition but grows with its copy. */
#page-container #main-content.jc-system-page--privacy .jc-privacy-hero,
#main-content.jc-system-page--privacy .jc-privacy-hero,
.jc-system-page--privacy .jc-privacy-hero {
  min-height: clamp(440px, 54vh, 520px) !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#page-container #main-content.jc-system-page--privacy .jc-privacy-hero > .jc-section-inner,
#main-content.jc-system-page--privacy .jc-privacy-hero > .jc-section-inner,
.jc-system-page--privacy .jc-privacy-hero > .jc-section-inner {
  box-sizing: border-box !important;
  display: grid !important;
  min-height: inherit !important;
  height: auto !important;
  padding-top: clamp(260px, 32vh, 320px) !important;
  padding-bottom: clamp(2rem, 2.5vw, 3rem) !important;
  align-content: start !important;
  justify-items: center !important;
}

#page-container #main-content.jc-system-page--privacy .jc-privacy-hero .jc-native-column,
#main-content.jc-system-page--privacy .jc-privacy-hero .jc-native-column,
.jc-system-page--privacy .jc-privacy-hero .jc-native-column {
  width: min(100% - 2rem, 900px) !important;
  margin: 0 auto !important;
}

#page-container #main-content.jc-system-page--privacy .jc-system-section--privacy-copy,
#main-content.jc-system-page--privacy .jc-system-section--privacy-copy,
.jc-system-page--privacy .jc-system-section--privacy-copy {
  padding-top: clamp(4.75rem, 5.6vw, 7rem) !important;
  padding-bottom: clamp(7rem, 9vw, 11rem) !important;
}

#page-container #main-content.jc-system-page--privacy .jc-privacy-copy,
#main-content.jc-system-page--privacy .jc-privacy-copy,
.jc-system-page--privacy .jc-privacy-copy {
  width: min(100% - clamp(3rem, 12vw, 18rem), 1220px) !important;
  max-width: 1220px !important;
  gap: 1rem !important;
}

#page-container #main-content.jc-system-page--privacy .jc-privacy-copy p,
#main-content.jc-system-page--privacy .jc-privacy-copy p,
.jc-system-page--privacy .jc-privacy-copy p {
  font-size: 14px !important;
  line-height: 1.62 !important;
}

@media (max-width: 640px) {
  #page-container #main-content.jc-system-page--privacy .jc-privacy-hero,
  #main-content.jc-system-page--privacy .jc-privacy-hero,
  .jc-system-page--privacy .jc-privacy-hero {
    min-height: 420px !important;
  }

  #page-container #main-content.jc-system-page--privacy .jc-privacy-hero > .jc-section-inner,
  #main-content.jc-system-page--privacy .jc-privacy-hero > .jc-section-inner,
  .jc-system-page--privacy .jc-privacy-hero > .jc-section-inner {
    padding-top: 210px !important;
  }
}

/* Breakpoint 1: system-page signoff heroes should paint full-width, not boxed. */
#page-container #main-content.jc-system-page--thank-you .jc-thank-you-hero,
#main-content.jc-system-page--thank-you .jc-thank-you-hero,
.jc-system-page--thank-you .jc-thank-you-hero {
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  background-position: 44% 46% !important;
  background-size: cover !important;
}

#page-container #main-content.jc-system-page--privacy .jc-privacy-hero,
#main-content.jc-system-page--privacy .jc-privacy-hero,
.jc-system-page--privacy .jc-privacy-hero {
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  background: #8b835f !important;
}

/* Breakpoint 1: Cook video intro markup wraps accent text inside native modules. */
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos__intro .jc-accent,
#page-container #main-content .jc-cook-page .jc-cook-videos__intro .jc-accent,
.jc-cook-page .jc-cook-videos__intro .jc-accent {
  margin-bottom: 0 !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-size: clamp(2.6rem, 2.8vw, 4.35rem) !important;
  line-height: 0.82 !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-type-h2-section-display h2,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-type-h2-section-display h2,
.jc-cook-page .jc-cook-videos .jc-type-h2-section-display h2 {
  color: var(--jc-color-white) !important;
}

/* Breakpoint 1: keep non-card CTA buttons on the shared 18px display contract. */
#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"],
#page-container #main-content .jc-contact-form-section input[type="submit"],
#page-container #main-content.jc-page--products .jc-prefooter--products .jc-button,
body.jc-products-page #page-container #main-content .jc-prefooter--products .jc-button,
body.jc-products-page #page-container #main-content.jc-page--products .jc-prefooter--products .jc-button,
#page-container #main-content .jc-products-page .jc-prefooter--products .jc-button {
  font-family: var(--jc-font-display) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"]:hover,
#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="submit"]:focus-visible,
#page-container #main-content .jc-contact-form-section input[type="submit"]:hover,
#page-container #main-content .jc-contact-form-section input[type="submit"]:focus-visible,
#page-container #main-content.jc-page--products .jc-prefooter--products .jc-button:hover,
#page-container #main-content.jc-page--products .jc-prefooter--products .jc-button:focus-visible,
body.jc-products-page #page-container #main-content .jc-prefooter--products .jc-button:hover,
body.jc-products-page #page-container #main-content .jc-prefooter--products .jc-button:focus-visible,
body.jc-products-page #page-container #main-content.jc-page--products .jc-prefooter--products .jc-button:hover,
body.jc-products-page #page-container #main-content.jc-page--products .jc-prefooter--products .jc-button:focus-visible,
#page-container #main-content .jc-products-page .jc-prefooter--products .jc-button:hover,
#page-container #main-content .jc-products-page .jc-prefooter--products .jc-button:focus-visible {
  font-size: 18px !important;
  font-weight: 600 !important;
}

/* Target QA lock: public-page mobile hero titles must stay readable at signoff preview widths. */
@media (max-width: 980px) {
  body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-title h2,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-hero--products .jc-type-hero-title h2,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-hero--corporate .jc-type-hero-title h2,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-feature-hero--cook .jc-type-hero-title h2,
  #page-container #main-content.jc-system-page--contact .jc-contact-hero .jc-type-hero-title h2,
  #page-container #main-content.jc-archive-page--recipes .jc-archive-hero h1 span:not(.jc-accent),
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 span:not(.jc-accent),
  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-title.jc-type-hero-title h2,
  html body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes.jc-archive-page--recipes .jc-archive-hero.jc-archive-hero h1 span:not(.jc-accent),
  html body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-archive-hero.jc-archive-hero h1 span:not(.jc-accent) {
    font-size: clamp(3rem, 11vw, 4rem) !important;
  }
}

/* Target QA lock: keep product detail cards in the approved two-column preview scale. */
@media (min-width: 1181px) {
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card-grid,
  body.jc-products-page #page-container #main-content .jc-product-card-grid,
  body:not(.home) #page-container #main-content .jc-products-page .jc-product-card-grid,
  body:not(.home) .jc-products-page .jc-product-card-grid,
  .jc-products-page .jc-product-card-grid {
    width: min(calc(100% - clamp(7rem, 11vw, 15rem)), 1240px) !important;
    max-width: 1240px !important;
  }
}

/* Target QA lock: About intro/story sections follow the approved comp footprint. */
body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent.jc-type-accent-large,
body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-accent-large .jc-accent,
#page-container #main-content.jc-about-page .jc-about-intro .jc-accent.jc-type-accent-large,
#page-container #main-content.jc-about-page .jc-about-intro .jc-type-accent-large .jc-accent {
  width: auto !important;
  max-width: none !important;
  margin: 0 auto -0.12em !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: clamp(1.95rem, 1.7vw, 2.45rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 0.86 !important;
  text-align: center !important;
  text-transform: none !important;
}

body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-h2-section-statement h2,
body.jc-about-page #page-container #main-content .jc-about-intro h2,
#page-container #main-content.jc-about-page .jc-about-intro .jc-type-h2-section-statement h2,
#page-container #main-content.jc-about-page .jc-about-intro h2 {
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.45rem, 1.35vw, 1.95rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  margin: 0 auto clamp(0.75rem, 0.95vw, 1.1rem) !important;
  text-align: center !important;
}

@media (max-width: 980px) {
  body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent.jc-type-accent-large,
  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-accent-large .jc-accent,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-accent.jc-type-accent-large,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-accent-large .jc-accent {
    width: min(calc(100vw - 1.5rem), 100vw) !important;
    max-width: min(calc(100vw - 1.5rem), 100vw) !important;
    margin-left: 50% !important;
    margin-right: 0 !important;
    font-size: clamp(1.25rem, 6.15vw, 1.5rem) !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 981px) {
  body.jc-about-page #page-container #main-content .jc-about-intro,
  body.jc-about-page #main-content .jc-about-intro,
  #page-container #main-content.jc-about-page .jc-about-intro {
    box-sizing: border-box !important;
    min-height: clamp(22rem, 22vw, 30rem) !important;
    padding-top: clamp(3rem, 4vw, 5.25rem) !important;
    padding-bottom: clamp(3rem, 4vw, 5.25rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-intro .jc-native-column,
  body.jc-about-page #main-content .jc-about-intro .jc-native-column,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-native-column {
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-section,
  body.jc-about-page #main-content .jc-story-section,
  #page-container #main-content.jc-about-page .jc-story-section {
    box-sizing: border-box !important;
    min-height: min(1600px, 62vw) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose--lead,
  body.jc-about-page #main-content .jc-story-prose--lead,
  #page-container #main-content.jc-about-page .jc-story-prose--lead {
    margin-bottom: clamp(1.25rem, 1.65vw, 2.25rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose:not(.jc-story-prose--lead) + .jc-story-prose:not(.jc-story-prose--lead),
  body.jc-about-page #main-content .jc-story-prose:not(.jc-story-prose--lead) + .jc-story-prose:not(.jc-story-prose--lead),
  #page-container #main-content.jc-about-page .jc-story-prose:not(.jc-story-prose--lead) + .jc-story-prose:not(.jc-story-prose--lead) {
    margin-top: clamp(0.9rem, 1.1vw, 1.4rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-pullquote-module,
  body.jc-about-page #main-content .jc-story-pullquote-module,
  #page-container #main-content.jc-about-page .jc-story-pullquote-module {
    margin-top: clamp(1.35rem, 1.65vw, 2.35rem) !important;
  }
}

@media (max-width: 767px) {
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-story-prose,
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-story-prose p,
  body.jc-about-page #main-content .jc-story-copy .jc-story-prose,
  body.jc-about-page #main-content .jc-story-copy .jc-story-prose p,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-story-prose,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-story-prose p {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-copy .jc-story-prose,
  body.jc-about-page #main-content .jc-story-copy .jc-story-prose,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-story-prose {
    grid-template-columns: 1fr !important;
  }
}

/* Target QA lock: edited About hero lead headings should inherit the white display lead contract. */
body.jc-about-page #page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead :is(h1, h2, h3, h4, h5, h6),
#page-container #main-content.jc-about-page .jc-hero--about .jc-type-hero-lead :is(h1, h2, h3, h4, h5, h6) {
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-size: var(--jc-type-hero-lead-size) !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

/* Breakpoint 1: content-led spacing contract for audited sections. */
body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-section-heading .jc-type-body-base > p,
body.jc-about-page #main-content .jc-supply-intro-section .jc-section-heading .jc-type-body-base > p,
#page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-type-body-base > p {
  font-family: var(--jc-font-body) !important;
  font-size: var(--jc-type-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--jc-type-body-line-height) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

@media (min-width: 981px) {
  body.jc-about-page #page-container #main-content .jc-story-copy,
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-story-prose,
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-story-prose p,
  body.jc-about-page #page-container #main-content .jc-story-pullquote-module,
  body.jc-about-page #page-container #main-content .jc-story-pullquote,
  body.jc-about-page #main-content .jc-story-copy,
  body.jc-about-page #main-content .jc-story-copy .jc-story-prose,
  body.jc-about-page #main-content .jc-story-copy .jc-story-prose p,
  body.jc-about-page #main-content .jc-story-pullquote-module,
  body.jc-about-page #main-content .jc-story-pullquote,
  #page-container #main-content.jc-about-page .jc-story-copy,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-story-prose,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-story-prose p,
  #page-container #main-content.jc-about-page .jc-story-pullquote-module,
  #page-container #main-content.jc-about-page .jc-story-pullquote {
    width: min(100%, var(--jc-about-story-copy-measure)) !important;
    max-width: var(--jc-about-story-copy-measure) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-intro-section,
  body.jc-about-page #main-content .jc-supply-intro-section,
  #page-container #main-content.jc-about-page .jc-supply-intro-section {
    box-sizing: border-box !important;
    min-height: clamp(24rem, 22vw, 30rem) !important;
    padding-top: clamp(3rem, 3.6vw, 4.5rem) !important;
    padding-bottom: clamp(3rem, 3.6vw, 4.5rem) !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-cta-grid,
  body.home #page-container #main-content .jc-home-cta-grid {
    bottom: calc(-1 * var(--jc-home-cta-awards-overlap)) !important;
  }

  body.jc-home-page #page-container #main-content .jc-awards-section,
  body.home #page-container #main-content .jc-awards-section {
    min-height: 0 !important;
    padding-top: calc(var(--jc-home-cta-awards-overlap) + var(--jc-section-audit-pad-compact)) !important;
    padding-bottom: var(--jc-section-audit-pad-generous) !important;
    align-items: center !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-video-section,
  body.home #page-container #main-content .jc-home-video-section {
    min-height: 0 !important;
    padding-top: clamp(3.25rem, 4.25vw, 5.25rem) !important;
    padding-bottom: clamp(4rem, 5.2vw, 6.4rem) !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-social,
  body.home #page-container #main-content .jc-home-social {
    display: grid !important;
    min-height: 0 !important;
    padding-top: var(--jc-section-audit-pad-standard) !important;
    padding-bottom: var(--jc-section-audit-pad-standard) !important;
    align-content: center !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-social__inner,
  body.home #page-container #main-content .jc-home-social__inner {
    gap: clamp(2.35rem, 3.8vw, 4.5rem) !important;
  }

  body.jc-products-page #page-container #main-content .jc-products-detail-section {
    min-height: 0 !important;
    padding-bottom: clamp(4rem, 5vw, 6rem) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro {
    min-height: 0 !important;
    padding-top: var(--jc-section-audit-pad-generous) !important;
    padding-bottom: var(--jc-section-audit-pad-standard) !important;
    align-content: center !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-esg-intro,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-esg-intro {
    min-height: 0 !important;
    padding-top: var(--jc-section-audit-pad-generous) !important;
    padding-bottom: var(--jc-section-audit-pad-generous) !important;
    row-gap: clamp(2.5rem, 4vw, 5rem) !important;
    align-content: center !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes {
    min-height: 0 !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos {
    padding-bottom: var(--jc-section-audit-pad-compact) !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes {
    padding-top: var(--jc-section-audit-pad-compact) !important;
    padding-bottom: var(--jc-section-audit-pad-compact) !important;
  }
}

/* Browser feedback lock: About supply carousel scale, line, lift, and mobile colour. */
@media (min-width: 981px) {
  body.jc-about-page #page-container #main-content .jc-supply-section,
  body.jc-about-page #main-content .jc-supply-section,
  #page-container #main-content.jc-about-page .jc-supply-section {
    padding-bottom: clamp(3.5rem, 4.75vw, 6rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel {
    --jc-about-supply-card-width: min(24.1vw, 447px) !important;
    --jc-about-supply-active-width: min(26.4vw, 494px) !important;
    --jc-about-supply-gap: clamp(1.35rem, 2.15vw, 2.95rem) !important;
    --jc-about-supply-gutter: max(1rem, calc((100vw - var(--jc-about-supply-active-width)) / 2)) !important;
    --jc-about-supply-track-pad-top: clamp(1.15rem, 1.7vw, 2.35rem);
    --jc-about-supply-track-pad-bottom: clamp(2.4rem, 3.45vw, 4.8rem);
    --jc-about-supply-image-height: clamp(10.6rem, 11.05vw, 12.75rem) !important;
    --jc-about-supply-active-lift: clamp(3.35rem, 3.8vw, 5rem) !important;
    --jc-about-supply-active-image-height: calc(var(--jc-about-supply-image-height) + var(--jc-about-supply-active-lift)) !important;
    --jc-about-supply-body-height: clamp(15.7rem, 17vw, 18.7rem) !important;
    --jc-about-supply-number-size: clamp(4.25rem, 3.74vw, 5.95rem) !important;
    --jc-about-supply-line-body-offset: clamp(5.85rem, 6.05vw, 7.75rem);
    --jc-about-supply-line-y: calc(var(--jc-about-supply-track-pad-top) + var(--jc-about-supply-image-height) + var(--jc-about-supply-line-body-offset));
    padding-top: clamp(0.75rem, 1.05vw, 1.6rem) !important;
    padding-bottom: clamp(2.1rem, 3vw, 4rem) !important;
    isolation: isolate !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel__viewport,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel__viewport,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel__viewport {
    position: relative !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel__viewport::before,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel__viewport::before,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel__viewport::before {
    position: absolute;
    z-index: 0;
    top: var(--jc-about-supply-line-y);
    right: 0;
    left: 0;
    display: block;
    height: 3px;
    content: "";
    background: var(--jc-color-brand-dark);
    pointer-events: none;
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel::before,
  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel::after,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel::before,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel::after,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel::before,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel::after {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    display: block;
    width: clamp(8rem, 13vw, 18rem);
    content: "";
    pointer-events: none;
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel::before,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel::before,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel::before {
    left: 0;
    background: linear-gradient(90deg, #050504 0%, rgba(5, 5, 4, 0.9) 38%, rgba(5, 5, 4, 0) 100%);
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel::after,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel::after,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel::after {
    right: 0;
    background: linear-gradient(270deg, #050504 0%, rgba(5, 5, 4, 0.9) 38%, rgba(5, 5, 4, 0) 100%);
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel__track,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel__track,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel__track {
    position: relative !important;
    z-index: 1 !important;
    padding-top: var(--jc-about-supply-track-pad-top) !important;
    padding-bottom: var(--jc-about-supply-track-pad-bottom) !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card:not(:last-child)::after,
  body.jc-about-page #page-container #main-content .jc-supply-card.is-active::after,
  body.jc-about-page #main-content .jc-supply-card:not(:last-child)::after,
  body.jc-about-page #main-content .jc-supply-card.is-active::after,
  #page-container #main-content.jc-about-page .jc-supply-card:not(:last-child)::after,
  #page-container #main-content.jc-about-page .jc-supply-card.is-active::after {
    display: none !important;
    content: none !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card div,
  body.jc-about-page #main-content .jc-supply-card div,
  #page-container #main-content.jc-about-page .jc-supply-card div {
    isolation: isolate;
    padding: clamp(3.25rem, 3.25vw, 4.25rem) clamp(1.4rem, 1.85vw, 2.55rem) clamp(1.2rem, 1.6vw, 2.1rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card div::before,
  body.jc-about-page #main-content .jc-supply-card div::before,
  #page-container #main-content.jc-about-page .jc-supply-card div::before {
    display: none !important;
    content: none !important;
    pointer-events: none;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card div > :not(span),
  body.jc-about-page #main-content .jc-supply-card div > :not(span),
  #page-container #main-content.jc-about-page .jc-supply-card div > :not(span) {
    position: relative;
    z-index: 1;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card span,
  body.jc-about-page #main-content .jc-supply-card span,
  #page-container #main-content.jc-about-page .jc-supply-card span {
    z-index: 1;
  }

  #page-container #main-content .jc-about-page .jc-supply-card h3,
  #main-content .jc-about-page .jc-supply-card h3,
  body.jc-about-page #page-container #main-content .jc-supply-card h3,
  .jc-about-page .jc-supply-card h3 {
    font-size: clamp(1.18rem, 1.12vw, 1.5rem) !important;
  }

  #page-container #main-content .jc-about-page .jc-supply-card p,
  #main-content .jc-about-page .jc-supply-card p,
  body.jc-about-page #page-container #main-content .jc-supply-card p,
  .jc-about-page .jc-supply-card p {
    font-size: clamp(0.78rem, 0.64vw, 0.9rem) !important;
    line-height: 1.48 !important;
  }
}

@media (max-width: 980px) {
  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel {
    --jc-about-supply-card-width: clamp(17rem, 78vw, 21rem) !important;
    --jc-about-supply-active-width: var(--jc-about-supply-card-width) !important;
    --jc-about-supply-gap: clamp(1rem, 5vw, 1.5rem) !important;
    --jc-about-supply-gutter: max(1rem, calc((100vw - var(--jc-about-supply-card-width)) / 2)) !important;
    --jc-about-supply-image-height: clamp(10.2rem, 46.8vw, 12.6rem) !important;
    --jc-about-supply-active-image-height: var(--jc-about-supply-image-height) !important;
    --jc-about-supply-active-lift: 0px !important;
    --jc-about-supply-body-height: auto !important;
    --jc-about-supply-number-size: clamp(3.75rem, 16vw, 4.75rem) !important;
    --jc-about-supply-track-pad-top: clamp(2rem, 2.7vw, 4rem);
    --jc-about-supply-line-body-offset: -1.5px;
    --jc-about-supply-line-y: calc(var(--jc-about-supply-track-pad-top) + var(--jc-about-supply-image-height) + var(--jc-about-supply-line-body-offset));
    position: relative !important;
    isolation: isolate !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel__controls,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel__controls,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel__controls {
    position: absolute !important;
    z-index: 3 !important;
    top: var(--jc-about-supply-line-y) !important;
    right: 0 !important;
    left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 clamp(0.75rem, 4vw, 1rem) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel__controls .jc-icon-button,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel__controls .jc-icon-button,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel__controls .jc-icon-button {
    width: clamp(2.75rem, 11.8vw, 3.25rem) !important;
    height: clamp(2.75rem, 11.8vw, 3.25rem) !important;
    color: var(--jc-color-white) !important;
    background: var(--jc-color-brand-gold) !important;
    pointer-events: auto !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel__viewport,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel__viewport,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel__viewport {
    position: relative !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel__viewport::before,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel__viewport::before,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel__viewport::before {
    position: absolute;
    z-index: 0;
    top: var(--jc-about-supply-line-y);
    right: 0;
    left: 0;
    display: block;
    height: 3px;
    content: "";
    background: var(--jc-color-brand-dark);
    pointer-events: none;
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel::before,
  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel::after,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel::before,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel::after,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel::before,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel::after {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    display: block;
    width: clamp(2rem, 9vw, 2.75rem);
    content: "";
    pointer-events: none;
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel::before,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel::before,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel::before {
    left: 0;
    background: linear-gradient(90deg, #050504 0%, rgba(5, 5, 4, 0.82) 42%, rgba(5, 5, 4, 0) 100%);
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel::after,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel::after,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel::after {
    right: 0;
    background: linear-gradient(270deg, #050504 0%, rgba(5, 5, 4, 0.82) 42%, rgba(5, 5, 4, 0) 100%);
  }

  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel__track,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel__track,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel__track {
    width: max-content !important;
    gap: var(--jc-about-supply-gap) !important;
    padding-right: var(--jc-about-supply-gutter) !important;
    padding-left: var(--jc-about-supply-gutter) !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card,
  body.jc-about-page #page-container #main-content .jc-supply-card.is-active,
  body.jc-about-page #main-content .jc-supply-card,
  body.jc-about-page #main-content .jc-supply-card.is-active,
  #page-container #main-content.jc-about-page .jc-supply-card,
  #page-container #main-content.jc-about-page .jc-supply-card.is-active {
    flex: 0 0 var(--jc-about-supply-card-width) !important;
    transform: none !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card:not(:last-child)::after,
  body.jc-about-page #page-container #main-content .jc-supply-card.is-active::after,
  body.jc-about-page #main-content .jc-supply-card:not(:last-child)::after,
  body.jc-about-page #main-content .jc-supply-card.is-active::after,
  #page-container #main-content.jc-about-page .jc-supply-card:not(:last-child)::after,
  #page-container #main-content.jc-about-page .jc-supply-card.is-active::after {
    display: none !important;
    content: none !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card,
  body.jc-about-page #page-container #main-content .jc-supply-card div,
  body.jc-about-page #main-content .jc-supply-card,
  body.jc-about-page #main-content .jc-supply-card div,
  #page-container #main-content.jc-about-page .jc-supply-card,
  #page-container #main-content.jc-about-page .jc-supply-card div {
    color: var(--jc-color-white) !important;
    background: var(--jc-color-brand-dark) !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card div,
  body.jc-about-page #main-content .jc-supply-card div,
  #page-container #main-content.jc-about-page .jc-supply-card div {
    isolation: isolate;
    min-height: 0 !important;
    padding: clamp(3.2rem, 13vw, 4.25rem) clamp(1.2rem, 6vw, 1.75rem) clamp(1.5rem, 7vw, 2rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card div::before,
  body.jc-about-page #main-content .jc-supply-card div::before,
  #page-container #main-content.jc-about-page .jc-supply-card div::before {
    display: none !important;
    content: none !important;
    pointer-events: none;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card div > :not(span),
  body.jc-about-page #main-content .jc-supply-card div > :not(span),
  #page-container #main-content.jc-about-page .jc-supply-card div > :not(span) {
    position: relative;
    z-index: 1;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card span,
  body.jc-about-page #main-content .jc-supply-card span,
  #page-container #main-content.jc-about-page .jc-supply-card span {
    z-index: 1;
  }

  #page-container #main-content .jc-about-page .jc-supply-card h3,
  #main-content .jc-about-page .jc-supply-card h3,
  body.jc-about-page #page-container #main-content .jc-supply-card h3,
  .jc-about-page .jc-supply-card h3 {
    font-size: clamp(1.35rem, 6.2vw, 1.75rem) !important;
    line-height: 1.1 !important;
  }

  #page-container #main-content .jc-about-page .jc-supply-card p,
  #main-content .jc-about-page .jc-supply-card p,
  body.jc-about-page #page-container #main-content .jc-supply-card p,
  .jc-about-page .jc-supply-card p {
    font-size: clamp(0.88rem, 3.8vw, 0.98rem) !important;
    line-height: 1.45 !important;
  }
}

/* Browser feedback lock: About mobile editorial sections stack as single dark flows. */
@media (max-width: 980px) {
  body.jc-about-page #page-container #main-content .jc-story-section,
  body.jc-about-page #main-content .jc-story-section,
  #page-container #main-content.jc-about-page .jc-story-section {
    box-sizing: border-box !important;
    display: grid !important;
    min-height: 0 !important;
    padding: clamp(4rem, 11vw, 6rem) 0 clamp(4rem, 10vw, 5.5rem) !important;
    align-items: start !important;
    justify-items: center !important;
    background: var(--jc-color-brand-black) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-section > .jc-section-inner,
  body.jc-about-page #page-container #main-content .jc-story-copy,
  body.jc-about-page #main-content .jc-story-section > .jc-section-inner,
  body.jc-about-page #main-content .jc-story-copy,
  #page-container #main-content.jc-about-page .jc-story-section > .jc-section-inner,
  #page-container #main-content.jc-about-page .jc-story-copy {
    box-sizing: border-box !important;
    display: grid !important;
    width: min(calc(100vw - clamp(2rem, 8vw, 4rem)), var(--jc-about-story-copy-measure)) !important;
    max-width: var(--jc-about-story-copy-measure) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-copy.jc-mobile-read-more.is-expanded,
  body.jc-about-page #main-content .jc-story-copy.jc-mobile-read-more.is-expanded,
  #page-container #main-content.jc-about-page .jc-story-copy.jc-mobile-read-more.is-expanded {
    max-height: none !important;
    overflow: visible !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-copy:not(.is-collapsed)::after,
  body.jc-about-page #main-content .jc-story-copy:not(.is-collapsed)::after,
  #page-container #main-content.jc-about-page .jc-story-copy:not(.is-collapsed)::after {
    display: none !important;
    content: none !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-copy .jc-native-module,
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-story-prose,
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-story-prose p,
  body.jc-about-page #page-container #main-content .jc-story-pullquote-module,
  body.jc-about-page #page-container #main-content .jc-story-pullquote,
  body.jc-about-page #main-content .jc-story-copy .jc-native-module,
  body.jc-about-page #main-content .jc-story-copy .jc-story-prose,
  body.jc-about-page #main-content .jc-story-copy .jc-story-prose p,
  body.jc-about-page #main-content .jc-story-pullquote-module,
  body.jc-about-page #main-content .jc-story-pullquote,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-native-module,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-story-prose,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-story-prose p,
  #page-container #main-content.jc-about-page .jc-story-pullquote-module,
  #page-container #main-content.jc-about-page .jc-story-pullquote {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-copy .jc-type-accent-large p,
  body.jc-about-page #main-content .jc-story-copy .jc-type-accent-large p,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-type-accent-large p {
    width: min(calc(100vw - 1.5rem), 100vw) !important;
    max-width: min(calc(100vw - 1.5rem), 100vw) !important;
    margin: 0 0 clamp(0.95rem, 4vw, 1.35rem) 50% !important;
    color: var(--jc-color-brand-gold-light) !important;
    font-family: var(--jc-font-accent) !important;
    font-size: clamp(1.5rem, 7.5vw, 1.875rem) !important;
    line-height: 0.9 !important;
    text-align: center !important;
    transform: translateX(-50%) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose--lead p,
  body.jc-about-page #main-content .jc-story-prose--lead p,
  #page-container #main-content.jc-about-page .jc-story-prose--lead p {
    margin-bottom: clamp(1.45rem, 5vw, 2rem) !important;
    color: var(--jc-color-white) !important;
    font-family: var(--jc-font-display) !important;
    font-size: clamp(1.35rem, 5.4vw, 1.75rem) !important;
    line-height: 1.12 !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose:not(.jc-story-prose--lead) p,
  body.jc-about-page #main-content .jc-story-prose:not(.jc-story-prose--lead) p,
  #page-container #main-content.jc-about-page .jc-story-prose:not(.jc-story-prose--lead) p {
    margin-bottom: clamp(0.9rem, 3vw, 1.2rem) !important;
    color: var(--jc-color-white) !important;
    font-family: var(--jc-font-body) !important;
    font-size: var(--jc-type-body-size) !important;
    line-height: 1.55 !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-pullquote-module,
  body.jc-about-page #main-content .jc-story-pullquote-module,
  #page-container #main-content.jc-about-page .jc-story-pullquote-module {
    margin-top: clamp(1.25rem, 5vw, 2rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-pullquote,
  body.jc-about-page #main-content .jc-story-pullquote,
  #page-container #main-content.jc-about-page .jc-story-pullquote {
    padding: 0 !important;
    color: var(--jc-color-brand-gold-light) !important;
    background: transparent !important;
    font-size: clamp(1rem, 4vw, 1.28rem) !important;
    line-height: 1.38 !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section,
  body.jc-about-page #main-content .jc-about-production-section,
  #page-container #main-content.jc-about-page .jc-about-production-section {
    padding: 0 0 clamp(4rem, 10vw, 6rem) !important;
    color: var(--jc-color-white) !important;
    background: var(--jc-color-brand-dark) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-grid,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-grid,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-grid {
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    grid-template-columns: 1fr !important;
    background: var(--jc-color-brand-dark) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-media-column,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-copy-column,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-media-column,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-copy-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-media-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-copy-column {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: var(--jc-color-white) !important;
    background: var(--jc-color-brand-dark) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-media-column,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-media-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-media-column {
    display: grid !important;
    order: 2 !important;
    justify-items: center !important;
    padding: clamp(0.9rem, 4vw, 1.5rem) 0 0 !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-figure,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-figure,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure {
    width: min(76vw, 480px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-figure img,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-figure img,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-copy-column,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-copy-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-copy-column {
    display: grid !important;
    order: 1 !important;
    padding: clamp(2.1rem, 6vw, 3rem) clamp(1.4rem, 7vw, 4rem) 0 !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-copy-column > *,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-copy-column > *,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-copy-column > * {
    width: min(100%, 680px) !important;
    max-width: 680px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-eyebrow,
  body.jc-about-page #main-content .jc-about-production-section .jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-eyebrow {
    margin: 0 auto clamp(0.7rem, 3vw, 1rem) !important;
    color: var(--jc-color-brand-gold-light) !important;
    font-family: var(--jc-font-accent) !important;
    font-size: clamp(1.7rem, 6.8vw, 2.25rem) !important;
    line-height: 0.9 !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section h2,
  body.jc-about-page #main-content .jc-about-production-section h2,
  #page-container #main-content.jc-about-page .jc-about-production-section h2 {
    color: var(--jc-color-white) !important;
    font-family: var(--jc-font-display) !important;
    font-size: clamp(1.38rem, 5vw, 1.9rem) !important;
    line-height: 1.14 !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-body-base > p,
  body.jc-about-page #main-content .jc-about-production-section .jc-type-body-base > p,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-type-body-base > p {
    color: var(--jc-color-white) !important;
    font-family: var(--jc-font-body) !important;
    font-size: var(--jc-type-body-size) !important;
    line-height: 1.58 !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-number-list,
  body.jc-about-page #main-content .jc-about-production-section .jc-number-list,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-number-list {
    display: grid !important;
    padding: 0 !important;
    margin: clamp(1.75rem, 6vw, 2.5rem) auto 0 !important;
    gap: 0.75rem !important;
    list-style-position: inside !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-number-list li,
  body.jc-about-page #main-content .jc-about-production-section .jc-number-list li,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-number-list li {
    color: var(--jc-color-brand-gold-light) !important;
    font-family: var(--jc-font-body) !important;
    font-size: var(--jc-type-body-size) !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }
}

/* Browser feedback lock: Products summary copy, script heading, and card whitespace. */
body.jc-products-page {
  --jc-products-summary-card-height: clamp(252px, 17vw, 292px);
  --jc-products-summary-overlap: calc(var(--jc-products-summary-card-height) * 0.8);
  --jc-products-detail-card-height: clamp(650px, calc(40vw - 10px), 770px);
}

body.jc-products-page #page-container #main-content .jc-product-tile .jc-structured-fragment span,
body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile .jc-structured-fragment span {
  width: min(100%, 11.5rem) !important;
  max-width: 11.5rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
}

body.jc-products-page #page-container #main-content .jc-product-tile .jc-type-body-medium > p,
body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile .jc-type-body-medium > p {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

body.jc-products-page #page-container #main-content .jc-products-intro .jc-type-body-base > p,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-type-body-base > p,
#page-container #main-content.jc-page--products .jc-products-intro .jc-type-body-base > p {
  font-family: var(--jc-font-body) !important;
  font-size: var(--jc-type-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--jc-type-body-line-height) !important;
}

body.jc-products-page #page-container #main-content .jc-products-intro .jc-type-body-base > h3,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-type-body-base > h3,
#page-container #main-content.jc-page--products .jc-products-intro .jc-type-body-base > h3 {
  color: var(--jc-color-brand-gold-light) !important;
}

body.jc-products-page #page-container #main-content .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow,
#page-container #main-content.jc-page--products .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow {
  width: auto !important;
  max-width: none !important;
  margin: 0 auto clamp(1.1rem, 1.15vw, 1.45rem) !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: clamp(1.9rem, 2.25vw, 3.2rem) !important;
  font-weight: 400 !important;
  line-height: 0.82 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

body.jc-products-page #page-container #main-content .jc-products-detail-section .jc-section-heading .jc-type-body-base > p,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section .jc-section-heading .jc-type-body-base > p,
#page-container #main-content.jc-page--products .jc-products-detail-section .jc-section-heading .jc-type-body-base > p {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
}

@media (min-width: 768px) {
  body.jc-products-page #page-container #main-content .jc-product-tile-grid,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile-grid {
    align-items: stretch !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-tile,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile {
    align-self: stretch !important;
    align-content: start !important;
    height: auto !important;
    min-height: var(--jc-products-summary-card-height) !important;
    padding-top: clamp(4.85rem, 5.9vw, 6.45rem) !important;
    padding-bottom: clamp(1.7rem, 1.85vw, 2.15rem) !important;
  }
}

@media (max-width: 1180px) and (min-width: 768px) {
  body.jc-products-page {
    --jc-products-detail-card-height: clamp(630px, calc(68vw - 10px), 710px);
  }
}

@media (max-width: 767.98px) {
  body.jc-products-page {
    --jc-products-summary-card-height: clamp(250px, 64vw, 270px);
    --jc-products-summary-overlap: calc(var(--jc-products-summary-card-height) * 0.8);
    --jc-products-detail-card-height: clamp(570px, 150vw, 640px);
  }

  body.jc-products-page #page-container #main-content .jc-products-intro,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro {
    padding-top: clamp(2rem, 9vw, 3rem) !important;
  }

  body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__heading h2,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading h2 {
    display: grid !important;
    gap: clamp(0.55rem, 2.2vw, 0.8rem) !important;
    margin-bottom: clamp(1.6rem, 6vw, 2.25rem) !important;
  }

  body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__heading .jc-accent,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading .jc-accent,
  body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__heading span:not(.jc-accent),
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading span:not(.jc-accent) {
    display: block !important;
  }

  body.jc-products-page #page-container #main-content .jc-products-detail-section,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section {
    background: var(--jc-color-brand-black) !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-card-grid,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card-grid {
    grid-template-columns: 1fr !important;
    width: min(calc(100% - clamp(3.5rem, 14vw, 5rem)), 560px) !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-tile-grid,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile-grid {
    grid-template-columns: 1fr !important;
    gap: clamp(4.35rem, 18vw, 5rem) !important;
    margin-top: clamp(5.25rem, 21vw, 6.25rem) !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-tile,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile {
    gap: clamp(0.34rem, 1.6vw, 0.55rem) !important;
    height: auto !important;
    min-height: var(--jc-products-summary-card-height) !important;
    padding-top: clamp(5rem, 21vw, 5.85rem) !important;
    padding-right: clamp(1.7rem, 7vw, 2.2rem) !important;
    padding-bottom: clamp(1.45rem, 6vw, 1.75rem) !important;
    padding-left: clamp(1.7rem, 7vw, 2.2rem) !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-tile .jc-native-image,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile .jc-native-image {
    width: min(191px, 60%) !important;
    transform: translate(-50%, -42%) !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-tile img,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile img {
    max-height: clamp(127px, 36vw, 164px) !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-tile .jc-type-body-medium > p,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile .jc-type-body-medium > p,
  body.jc-products-page #page-container #main-content .jc-product-tile .jc-structured-fragment span,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile .jc-structured-fragment span {
    width: min(100%, 15.25rem) !important;
    max-width: 15.25rem !important;
  }
}

@media (min-width: 768px) {
  body.jc-products-page #page-container #main-content .jc-attribute-list,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-attribute-list {
    flex-basis: calc((var(--jc-products-detail-card-height) * 0.2) + 5px) !important;
  }
}

/* Browser feedback lock: Corporate mobile review rows and prefooter rhythm. */
@media (max-width: 980px) {
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy + .jc-read-more-toggle,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy + .jc-read-more-toggle {
    margin-top: clamp(1.75rem, 6vw, 2.4rem) !important;
    margin-bottom: clamp(1.5rem, 6vw, 2.25rem) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy .jc-accent,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-accent {
    line-height: 1.15 !important;
    overflow: visible !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy.is-collapsed,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy.is-collapsed {
    --jc-read-more-fade-rgb: 248, 243, 237;
    --jc-read-more-fade-height: clamp(1.5rem, 6vw, 2rem);
    --jc-read-more-fade-stop: 92%;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-welfare-strip,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-welfare-strip {
    display: grid !important;
    grid-template-columns: minmax(0, min(100%, 22rem)) !important;
    justify-content: center !important;
    justify-items: center !important;
    align-content: center !important;
    align-items: center !important;
    gap: clamp(1.6rem, 7vw, 2.4rem) !important;
    padding: 2.6rem clamp(1.5rem, 7vw, 2.5rem) !important;
    background-position: center center !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-welfare-strip article,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-welfare-strip article {
    width: min(100%, 22rem) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    align-content: center !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-welfare-strip img,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-welfare-strip img,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-welfare-strip h3,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-welfare-strip h3,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-welfare-strip p,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-welfare-strip p {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-statement-section,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-statement-section {
    background: var(--jc-color-white) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-statement-grid,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-statement-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 0 !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-statement-grid article,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-statement-grid article {
    min-height: 0 !important;
    padding: clamp(3.6rem, 13vw, 4.8rem) clamp(1.5rem, 7vw, 2.4rem) !important;
    color: var(--jc-color-brand-dark) !important;
    background: var(--jc-color-white) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-statement-grid article:nth-child(even),
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-statement-grid article:nth-child(even) {
    background: var(--jc-color-cream-alt) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-statement-grid h3,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-statement-grid h3 {
    color: var(--jc-color-brand-gold) !important;
    font-size: clamp(2rem, 8.6vw, 2.55rem) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-statement-grid h4,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-statement-grid h4 {
    color: var(--jc-color-brand-dark) !important;
    font-size: clamp(1.03rem, 4.8vw, 1.28rem) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-statement-grid p,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-statement-grid p {
    color: var(--jc-color-text-muted) !important;
    font-size: var(--jc-type-body-size) !important;
    line-height: var(--jc-type-body-line-height) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-statement-section,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-statement-section {
    padding-top: 0 !important;
    padding-bottom: calc(clamp(2.75rem, 11vw, 3.75rem) + var(--jc-corporate-footer-clearance, 0px)) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-statement-section > .jc-section-inner,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-statement-section > .jc-section-inner {
    width: min(calc(100% - 2.5rem), 38rem) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-statement-card,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-statement-card {
    box-sizing: border-box !important;
    padding-top: clamp(2.5rem, 11vw, 3.25rem) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-statement-card .jc-button,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-statement-card .jc-button {
    margin-bottom: clamp(1.25rem, 5vw, 2rem) !important;
  }
}

/* Keep the final statement CTA clear of the footer medallion on handsets. */
@media (max-width: 480px) {
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-statement-section:last-of-type,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-statement-section:last-of-type {
    --jc-corporate-footer-clearance: 12px;
  }
}

/* Browser feedback lock: mobile CTA rhythm, corporate alignment, and contact map polish. */
body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy {
  width: min(calc(100% - clamp(2rem, 8vw, 10rem)), 1180px) !important;
  max-width: 1180px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  justify-self: center !important;
  text-align: center !important;
}

body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy .jc-accent,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-accent {
  text-align: center !important;
}

/* Browser feedback lock: corporate welfare image band should span the full page width. */
@media (min-width: 981px) {
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-welfare-strip,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-welfare-strip {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gfield_required,
#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gfield_required_asterisk,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gfield_required,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gfield_required_asterisk {
  color: var(--jc-color-brand-gold-light) !important;
}

/* Browser feedback lock: contact mobile fields read as label/control groups. */
@media (max-width: 767px) {
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gform_fields,
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gform_fields,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gform_fields,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gform_fields {
    grid-row-gap: clamp(0.85rem, 4.6vw, 1.12rem) !important;
    row-gap: clamp(0.85rem, 4.6vw, 1.12rem) !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gfield:where(:not(.gform_validation_container, .gfield--type-honeypot)),
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield:where(:not(.gform_validation_container, .gfield--type-honeypot)),
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gfield:where(:not(.gform_validation_container, .gfield--type-honeypot)),
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield:where(:not(.gform_validation_container, .gfield--type-honeypot)) {
    display: grid !important;
    gap: 0.08rem !important;
    margin: 0 !important;
    padding: 0 0 clamp(0.45rem, 2.2vw, 0.65rem) !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .ginput_container,
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .ginput_container,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .ginput_container,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .ginput_container {
    margin-top: 0 !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gfield_label,
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield_label,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gfield_label,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield_label {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: clamp(0.98rem, 4.5vw, 1.08rem) !important;
    font-weight: 500 !important;
    line-height: 1.16 !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="text"],
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="email"],
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="tel"],
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme select,
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme textarea,
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="text"],
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="email"],
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="tel"],
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper select,
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper textarea,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="text"],
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="email"],
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme input[type="tel"],
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme select,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme textarea,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="text"],
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="email"],
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper input[type="tel"],
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper select,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper textarea {
    min-height: 2.3rem !important;
    padding-top: 0.1rem !important;
    padding-bottom: 0.4rem !important;
    border-bottom-color: rgba(198, 180, 122, 0.92) !important;
    color: var(--jc-color-white) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme select option,
  #page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper select option,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme select option,
  #page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper select option {
    color: #2f2d28 !important;
    background-color: #ffffff !important;
  }
}

/* Browser feedback lock: contact fields expose a clear entry surface. */
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field {
  position: relative !important;
  display: block !important;
  min-height: 60px !important;
  margin: 0 !important;
  padding: 0.95rem 0 0.35rem !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(198, 180, 122, 0.82) !important;
  background: rgba(255, 255, 255, 0.018) !important;
  cursor: text !important;
  transition:
    background-color 160ms ease,
    border-color 160ms ease;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field.is-focused,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field.is-filled {
  border-bottom-color: var(--jc-color-brand-gold-light) !important;
  background: rgba(198, 180, 122, 0.07) !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select {
  cursor: pointer !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--textarea {
  min-height: 142px !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field .ginput_container {
  margin-top: 0 !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field .gfield_label {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  z-index: 1 !important;
  margin: 0 !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-size: 1.04rem !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
  transition:
    color 160ms ease,
    font-size 160ms ease,
    top 160ms ease,
    transform 160ms ease;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field--textarea .gfield_label {
  top: 1.2rem !important;
  transform: none !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field.is-focused .gfield_label,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field.is-filled .gfield_label {
  top: 0.22rem !important;
  color: rgba(198, 180, 122, 0.86) !important;
  font-size: 0.76rem !important;
  transform: none !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field input[type="text"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field input[type="email"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field input[type="tel"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field select,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field textarea {
  display: block !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 1.1rem 0 0.05rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--jc-color-white) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  outline: 0 !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field select {
  cursor: pointer !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field textarea {
  min-height: 116px !important;
  padding-top: 1.35rem !important;
  resize: vertical !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field select option {
  color: #2f2d28 !important;
  background-color: #ffffff !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field input:-webkit-autofill,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field input:-webkit-autofill:hover,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field input:-webkit-autofill:focus,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field textarea:-webkit-autofill,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field textarea:-webkit-autofill:hover,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .jc-contact-entry-field textarea:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px #050504 inset !important;
  caret-color: var(--jc-color-white) !important;
  -webkit-text-fill-color: var(--jc-color-white) !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field .gfield_label,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field .gfield_label {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  z-index: 1 !important;
  margin: 0 !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-size: 1.04rem !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--textarea .gfield_label,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--textarea .gfield_label {
  top: 1.2rem !important;
  transform: none !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field.is-focused .gfield_label,
#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field.is-filled .gfield_label,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field.is-focused .gfield_label,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field.is-filled .gfield_label {
  top: 0.22rem !important;
  color: rgba(198, 180, 122, 0.86) !important;
  font-size: 0.76rem !important;
  transform: none !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field input[type="text"],
#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field input[type="email"],
#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field input[type="tel"],
#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field select,
#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field textarea,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field input[type="text"],
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field input[type="email"],
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field input[type="tel"],
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field select,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field textarea {
  display: block !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 1.45rem 0 0.15rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--jc-color-white) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  outline: 0 !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field {
  box-sizing: border-box !important;
  min-height: 72px !important;
  padding: 0.55rem 0 0.45rem !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--textarea,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--textarea {
  min-height: 156px !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field textarea,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field textarea {
  min-height: 124px !important;
  padding-top: 1.65rem !important;
  resize: vertical !important;
}

@media (min-width: 981px) {
  #page-container #main-content.jc-system-page--contact .jc-office-grid,
  #page-container #main-content .jc-system-page--contact .jc-office-grid {
    display: grid !important;
    width: min(calc(100% - clamp(4rem, 8vw, 10rem)), 1180px) !important;
    max-width: 1180px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    transform: none !important;
    right: auto !important;
    left: auto !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    justify-content: center !important;
    align-items: start !important;
    gap: clamp(1.25rem, 2vw, 2rem) !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-office-grid article,
  #page-container #main-content .jc-system-page--contact .jc-office-grid article {
    width: auto !important;
    max-width: none !important;
  }
}

/* Browser feedback lock: iOS Safari data-detected contact numbers keep brand colour. */
#page-container #main-content.jc-system-page--contact .jc-office-details a[x-apple-data-detectors],
#page-container #main-content .jc-system-page--contact .jc-office-details a[x-apple-data-detectors],
.jc-system-page--contact .jc-office-details a[x-apple-data-detectors] {
  color: var(--jc-color-brand-gold-light) !important;
  -webkit-text-fill-color: var(--jc-color-brand-gold-light) !important;
  text-decoration-color: currentColor !important;
}

/* Shared prefooter CTA contract for standard two-button banners. */
#page-container #main-content .jc-standard-prefooter .jc-button,
#main-content .jc-standard-prefooter .jc-button {
  align-self: stretch !important;
  border-color: var(--jc-color-brand-gold) !important;
  border-radius: 6px !important;
  color: var(--jc-color-white) !important;
  background: var(--jc-color-brand-gold) !important;
  font-family: var(--jc-font-display) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

#page-container #main-content .jc-standard-prefooter .jc-button:hover,
#page-container #main-content .jc-standard-prefooter .jc-button:focus-visible,
#main-content .jc-standard-prefooter .jc-button:hover,
#main-content .jc-standard-prefooter .jc-button:focus-visible {
  border-color: var(--jc-color-brand-gold) !important;
  color: var(--jc-color-brand-gold) !important;
  background: rgba(159, 142, 95, 0.12) !important;
  box-shadow: none !important;
}

@media (min-width: 768px) {
  #page-container #main-content .jc-standard-prefooter,
  #main-content .jc-standard-prefooter {
    --jc-standard-prefooter-copy-width: 82rem;
    --jc-standard-prefooter-heading-gap: calc(0.9rem + 14px);
    --jc-standard-prefooter-button-gap: calc(0.9rem + 3px);
    box-sizing: border-box !important;
    display: grid !important;
    min-height: 450px !important;
    height: 450px !important;
    align-items: center !important;
    justify-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  #page-container #main-content .jc-standard-prefooter > .jc-section-inner,
  #page-container #main-content .jc-standard-prefooter > .jc-native-row,
  #main-content .jc-standard-prefooter > .jc-section-inner,
  #main-content .jc-standard-prefooter > .jc-native-row {
    box-sizing: border-box !important;
    display: grid !important;
    width: min(100% - 40px, var(--jc-container-max)) !important;
    max-width: var(--jc-container-max) !important;
    height: 100% !important;
    min-height: 0 !important;
    align-content: center !important;
    align-items: center !important;
    justify-items: center !important;
    gap: var(--jc-standard-prefooter-heading-gap) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transform: none !important;
    text-align: center !important;
  }

  #page-container #main-content .jc-standard-prefooter .jc-native-column,
  #page-container #main-content .jc-standard-prefooter .jc-prefooter-cta > p,
  #main-content .jc-standard-prefooter .jc-native-column,
  #main-content .jc-standard-prefooter .jc-prefooter-cta > p {
    display: flex !important;
    width: min(100%, var(--jc-standard-prefooter-copy-width)) !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--jc-standard-prefooter-heading-gap) var(--jc-standard-prefooter-button-gap) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  #page-container #main-content .jc-standard-prefooter .jc-native-heading,
  #main-content .jc-standard-prefooter .jc-native-heading {
    display: grid !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    justify-items: center !important;
    margin: 0 !important;
  }

  #page-container #main-content .jc-standard-prefooter h2,
  #page-container #main-content.jc-archive-page--recipes .jc-standard-prefooter.jc-archive-prefooter h2,
  #page-container #main-content.jc-archive-page--videos .jc-standard-prefooter.jc-archive-prefooter h2,
  #main-content.jc-archive-page--recipes .jc-standard-prefooter.jc-archive-prefooter h2,
  #main-content.jc-archive-page--videos .jc-standard-prefooter.jc-archive-prefooter h2,
  #main-content .jc-standard-prefooter h2 {
    width: min(100%, var(--jc-standard-prefooter-copy-width)) !important;
    max-width: var(--jc-standard-prefooter-copy-width) !important;
    margin: 0 auto !important;
    color: var(--jc-color-white) !important;
    font-family: var(--jc-font-display) !important;
    font-size: clamp(1.58rem, 1.78vw, 2.4rem) !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }

  #page-container #main-content .jc-standard-prefooter.jc-brand-prefooter .jc-button,
  #page-container #main-content .jc-standard-prefooter.jc-contact-prefooter .jc-button,
  #page-container #main-content .jc-standard-prefooter.jc-archive-prefooter .jc-button,
  #page-container #main-content .jc-standard-prefooter .jc-button,
  body #page-container #main-content .jc-standard-prefooter.jc-brand-prefooter .jc-button,
  body #page-container #main-content .jc-standard-prefooter.jc-contact-prefooter .jc-button,
  body #page-container #main-content .jc-standard-prefooter.jc-archive-prefooter .jc-button,
  #main-content .jc-standard-prefooter.jc-brand-prefooter .jc-button,
  #main-content .jc-standard-prefooter.jc-contact-prefooter .jc-button,
  #main-content .jc-standard-prefooter.jc-archive-prefooter .jc-button,
  #main-content .jc-standard-prefooter .jc-button {
    display: inline-flex !important;
    box-sizing: border-box !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: auto !important;
    min-height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0.48rem 1rem !important;
    font-size: 18px !important;
    line-height: 1 !important;
    white-space: normal !important;
  }
}

@media (max-width: 980px) {
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes {
    background: #a8976c !important;
    padding-bottom: clamp(2rem, 8vw, 3rem) !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-section-actions {
    margin-bottom: 0 !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-recipe-card,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-meta-row,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: auto 0 0 !important;
    overflow: visible !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-meta-row > span,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row > span {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 82px !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 0.28rem !important;
    padding: 0.62rem 0.24rem 0.58rem !important;
    overflow: visible !important;
    text-align: center !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-recipe-card__meta-icon,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes img.jc-recipe-card__meta-icon,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-icon,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes img.jc-recipe-card__meta-icon {
    width: 21px !important;
    height: 21px !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-recipe-card__meta-copy,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-copy {
    display: grid !important;
    justify-items: center !important;
    gap: 0.08rem !important;
    width: 100% !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-meta-row strong,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-recipe-card__meta-value,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-meta-row strong,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card__meta-value {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: clamp(0.66rem, 3.05vw, 0.78rem) !important;
    line-height: 1.08 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
  }
}

@media (max-width: 767px) {
  #page-container #main-content .jc-standard-prefooter,
  #main-content .jc-standard-prefooter {
    --jc-standard-prefooter-mobile-height: 340px;
    box-sizing: border-box !important;
    display: grid !important;
    min-height: var(--jc-standard-prefooter-mobile-height) !important;
    height: var(--jc-standard-prefooter-mobile-height) !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro {
    box-sizing: border-box !important;
    padding-top: clamp(3.25rem, 12vw, 4.75rem) !important;
    padding-bottom: clamp(2.25rem, 8vw, 3.25rem) !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro .jc-read-more-toggle,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-read-more-toggle {
    margin-bottom: 0 !important;
  }

  #page-container #main-content .jc-standard-prefooter > .jc-section-inner,
  #page-container #main-content .jc-standard-prefooter > .jc-native-row {
    display: grid !important;
    width: min(100% - 28px, var(--jc-container-max)) !important;
    max-width: var(--jc-container-max) !important;
    height: 100% !important;
    min-height: 0 !important;
    align-content: center !important;
    justify-items: center !important;
    row-gap: calc(0.85rem + 10px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  #page-container #main-content .jc-standard-prefooter .jc-native-column,
  #page-container #main-content .jc-standard-prefooter .jc-prefooter-cta > p {
    display: grid !important;
    width: min(100%, 36rem) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: calc(0.85rem + 10px) !important;
    column-gap: 0.85rem !important;
    justify-items: stretch !important;
    align-items: center !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  #page-container #main-content .jc-standard-prefooter .jc-native-heading,
  #page-container #main-content .jc-standard-prefooter .jc-native-text {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  #page-container #main-content .jc-standard-prefooter .jc-button,
  #page-container #main-content .jc-standard-prefooter .jc-button + .jc-button {
    width: min(100%, 160px) !important;
    min-width: 0 !important;
    max-width: 160px !important;
    box-sizing: border-box !important;
    min-height: 42px !important;
    justify-self: center !important;
    margin: 0 !important;
    font-size: clamp(0.95rem, 4vw, 1.08rem) !important;
    white-space: normal !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-single-meta,
  #main-content.jc-recipe-single .jc-recipe-single-meta,
  .jc-recipe-single .jc-recipe-single-meta {
    display: grid !important;
    width: min(100%, 22rem) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    margin: 0 auto clamp(1.5rem, 6vw, 2rem) !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-single-meta__item,
  #main-content.jc-recipe-single .jc-recipe-single-meta__item,
  .jc-recipe-single .jc-recipe-single-meta__item {
    display: grid !important;
    min-height: clamp(104px, 28vw, 118px) !important;
    place-items: center !important;
    gap: 0.25rem !important;
    padding: 0.78rem 0.35rem !important;
    border: 1px solid rgba(159, 142, 95, 0.22) !important;
    color: var(--jc-color-brand-dark) !important;
    background: #f6f1e4 !important;
    font-size: 0.88rem !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-transform: none !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-single-meta__icon,
  #main-content.jc-recipe-single .jc-recipe-single-meta__icon,
  .jc-recipe-single .jc-recipe-single-meta__icon {
    display: block !important;
    width: clamp(32px, 10vw, 44px) !important;
    height: clamp(32px, 10vw, 44px) !important;
    object-fit: contain !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-single-meta__label,
  #main-content.jc-recipe-single .jc-recipe-single-meta__label,
  .jc-recipe-single .jc-recipe-single-meta__label {
    display: block !important;
    color: var(--jc-color-brand-gold) !important;
    font-family: var(--jc-font-display) !important;
    font-size: clamp(0.86rem, 3.7vw, 1rem) !important;
    line-height: 1.08 !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-single-meta__value,
  #main-content.jc-recipe-single .jc-recipe-single-meta__value,
  .jc-recipe-single .jc-recipe-single-meta__value {
    display: block !important;
    color: var(--jc-color-brand-dark) !important;
    font-family: var(--jc-font-ui) !important;
    font-size: clamp(0.76rem, 3.2vw, 0.9rem) !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-actions,
  #main-content.jc-recipe-single .jc-recipe-actions,
  .jc-recipe-single .jc-recipe-actions {
    display: flex !important;
    width: min(100%, 19rem) !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
    margin: clamp(1.75rem, 7vw, 2.5rem) auto 0 !important;
  }

  #page-container #main-content.jc-recipe-single .jc-recipe-actions .jc-button,
  #main-content.jc-recipe-single .jc-recipe-actions .jc-button,
  .jc-recipe-single .jc-recipe-actions .jc-button {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 3.25rem !important;
    margin: 0 !important;
    padding: 0.62rem 1rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }
}

@media (max-width: 340px) {
  #page-container #main-content .jc-standard-prefooter .jc-native-column,
  #page-container #main-content .jc-standard-prefooter .jc-prefooter-cta > p {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  #page-container #main-content .jc-standard-prefooter .jc-button {
    width: min(100%, 160px) !important;
    min-width: 0 !important;
    max-width: 160px !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
    justify-self: center !important;
  }

  body #page-container #main-content .jc-standard-prefooter.jc-brand-prefooter .jc-button,
  body #page-container #main-content .jc-standard-prefooter.jc-contact-prefooter .jc-button,
  body #page-container #main-content .jc-standard-prefooter.jc-archive-prefooter .jc-button,
  body.jc-about-page #page-container #main-content .jc-standard-prefooter.jc-brand-prefooter .jc-button,
  body.jc-products-page #page-container #main-content .jc-standard-prefooter.jc-brand-prefooter .jc-button,
  body.jc-cook-page #page-container #main-content .jc-standard-prefooter.jc-brand-prefooter .jc-button,
  body.post-type-archive-recipe #page-container #main-content.jc-archive-page--recipes .jc-standard-prefooter.jc-archive-prefooter .jc-button,
  body.post-type-archive-video #page-container #main-content.jc-archive-page--videos .jc-standard-prefooter.jc-archive-prefooter .jc-button,
  #page-container #main-content.jc-archive-page--recipes .jc-standard-prefooter.jc-archive-prefooter .jc-button,
  #page-container #main-content.jc-archive-page--videos .jc-standard-prefooter.jc-archive-prefooter .jc-button {
    width: min(100%, 160px) !important;
    min-width: 0 !important;
    max-width: 160px !important;
    height: auto !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
    justify-self: center !important;
    font-size: clamp(0.95rem, 4vw, 1.08rem) !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-section-heading .jc-accent,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading .jc-accent,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading .jc-accent {
  color: var(--jc-color-white) !important;
}

@media (max-width: 767px) {
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-section-heading .jc-accent,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading .jc-accent,
  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading .jc-accent {
    color: var(--jc-color-white) !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-section-heading h2,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading h2,
  #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading h2 {
    font-size: clamp(2rem, 8.8vw, 2.35rem) !important;
    line-height: 1.06 !important;
  }
}

/* Breakpoint colour contract: keep component text colours visually stable across the 981px/980px handoff. */
body.jc-brand-hub-login-page #page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .jc-brand-hub-request-intro p,
#page-container #main-content .jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .jc-brand-hub-request-intro p,
.jc-system-page--brand-hub-login .jc-brand-hub-login-panels .jc-system-panel:last-child .jc-brand-hub-request-intro p {
  color: #2f2d28 !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-card__body > p,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-card__body > p,
#page-container #main-content.jc-page--cook .jc-cook-recipes .jc-card__body > p,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-card__body > p,
.jc-cook-page .jc-cook-recipes .jc-card__body > p {
  color: rgba(51, 46, 40, 0.78) !important;
}

body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section .jc-type-body-base > p,
body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-body-base > p,
body.jc-about-page #main-content .jc-about-production-section .jc-type-body-base > p,
#page-container #main-content.jc-about-page .jc-about-production-section .jc-type-body-base > p,
#page-container #main-content .jc-about-page .jc-about-production-section .jc-type-body-base > p,
.jc-about-page .jc-about-production-section .jc-type-body-base > p {
  color: var(--jc-color-white) !important;
}
/* End breakpoint colour contract. */

/* Cook visual contract: black videos band, CTA breathing room, and white recipe cards. */
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos,
#page-container #main-content .jc-cook-page .jc-cook-videos {
  color: var(--jc-color-white) !important;
  background: var(--jc-color-brand-black) !important;
  background-image: none !important;
  padding-bottom: clamp(5rem, 7vw, 8rem) !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-section-actions,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos .jc-section-actions,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-section-actions {
  margin-bottom: clamp(2.75rem, 4vw, 5rem) !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-recipe-card,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-recipe-card .jc-card__body,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card .jc-card__body,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card .jc-card__body,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-recipe-card .jc-meta-row,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card .jc-meta-row,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card .jc-meta-row,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-recipe-card .jc-meta-row > span,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card .jc-meta-row > span,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card .jc-meta-row > span {
  background: var(--jc-color-white) !important;
  background-image: none !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-recipe-card h3,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card h3,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-recipe-card h3 {
  color: var(--jc-color-brand-gold) !important;
}

/* Browser feedback lock: Home intro copy tracks the meat-image focal point. */
@media (min-width: 981px) {
  body.jc-home-page #page-container #main-content .jc-home-intro-stage,
  body.jc-home-page #main-content .jc-home-intro-stage,
  #page-container #main-content .jc-home-intro-stage {
    --jc-home-intro-copy-x: 50%;
    --jc-home-intro-copy-y: clamp(12.5rem, 16vw, 19.5rem);
    --jc-home-intro-copy-width: min(39vw, 720px);
    --jc-home-intro-copy-gap: clamp(0.95rem, 1vw, 1.35rem);
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-stage__inner,
  body.jc-home-page #main-content .jc-home-intro-stage__inner,
  #page-container #main-content .jc-home-intro-stage__inner {
    position: absolute !important;
    top: var(--jc-home-intro-copy-y) !important;
    left: var(--jc-home-intro-copy-x) !important;
    z-index: 5 !important;
    display: block !important;
    width: var(--jc-home-intro-copy-width) !important;
    max-width: min(720px, calc(100vw - 3rem)) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    pointer-events: none;
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-stage__copy,
  body.jc-home-page #main-content .jc-home-intro-stage__copy,
  #page-container #main-content .jc-home-intro-stage__copy {
    display: grid !important;
    width: 100% !important;
    gap: var(--jc-home-intro-copy-gap) !important;
    justify-items: center !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-stage__copy .jc-native-module,
  body.jc-home-page #main-content .jc-home-intro-stage__copy .jc-native-module,
  #page-container #main-content .jc-home-intro-stage__copy .jc-native-module {
    margin: 0 !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-accent p,
  body.jc-home-page #main-content .jc-home-intro-accent p,
  #page-container #main-content .jc-home-intro-accent p,
  body.jc-home-page #page-container #main-content .jc-home-intro-title h2,
  body.jc-home-page #main-content .jc-home-intro-title h2,
  #page-container #main-content .jc-home-intro-title h2,
  body.jc-home-page #page-container #main-content .jc-home-intro-stage__lead,
  body.jc-home-page #main-content .jc-home-intro-stage__lead,
  #page-container #main-content .jc-home-intro-stage__lead,
  body.jc-home-page #page-container #main-content .jc-home-intro-stage__copy .jc-native-text:not(.jc-home-intro-accent) p:not(.jc-home-intro-stage__lead),
  body.jc-home-page #main-content .jc-home-intro-stage__copy .jc-native-text:not(.jc-home-intro-accent) p:not(.jc-home-intro-stage__lead),
  #page-container #main-content .jc-home-intro-stage__copy .jc-native-text:not(.jc-home-intro-accent) p:not(.jc-home-intro-stage__lead) {
    margin: 0 auto !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-accent p,
  body.jc-home-page #main-content .jc-home-intro-accent p,
  #page-container #main-content .jc-home-intro-accent p {
    line-height: 0.9 !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-title h2,
  body.jc-home-page #main-content .jc-home-intro-title h2,
  #page-container #main-content .jc-home-intro-title h2 {
    line-height: 0.98 !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-stage__lead,
  body.jc-home-page #main-content .jc-home-intro-stage__lead,
  #page-container #main-content .jc-home-intro-stage__lead {
    max-width: min(100%, 620px) !important;
    line-height: 1.2 !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-stage__copy .jc-native-text:not(.jc-home-intro-accent) p:not(.jc-home-intro-stage__lead),
  body.jc-home-page #main-content .jc-home-intro-stage__copy .jc-native-text:not(.jc-home-intro-accent) p:not(.jc-home-intro-stage__lead),
  #page-container #main-content .jc-home-intro-stage__copy .jc-native-text:not(.jc-home-intro-accent) p:not(.jc-home-intro-stage__lead) {
    max-width: min(100%, 600px) !important;
    line-height: 1.62 !important;
  }
}

@media (min-width: 981px) and (max-width: 1360px) {
  body.jc-home-page #page-container #main-content .jc-home-intro-stage,
  body.jc-home-page #main-content .jc-home-intro-stage,
  #page-container #main-content .jc-home-intro-stage {
    --jc-home-intro-copy-x: 50%;
    --jc-home-intro-copy-width: min(45vw, 640px);
  }
}

/* Browser feedback lock: About story heading sizes and text measures. */
@media (min-width: 981px) {
  body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent.jc-type-accent-large,
  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-accent-large .jc-accent,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-accent.jc-type-accent-large,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-accent-large .jc-accent {
    font-size: clamp(2.2rem, 2.35vw, 3.6rem) !important;
    line-height: 0.86 !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-copy,
  body.jc-about-page #main-content .jc-story-copy,
  #page-container #main-content.jc-about-page .jc-story-copy {
    --jc-about-story-lead-measure: 46.5rem;
    --jc-about-story-body-measure: 64rem;
    width: min(100%, var(--jc-about-story-body-measure)) !important;
    max-width: var(--jc-about-story-body-measure) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose--lead,
  body.jc-about-page #page-container #main-content .jc-story-prose--lead p,
  body.jc-about-page #page-container #main-content .jc-about-editorial .jc-story-prose--lead p:first-child,
  body.jc-about-page #main-content .jc-story-prose--lead,
  body.jc-about-page #main-content .jc-story-prose--lead p,
  body.jc-about-page #main-content .jc-about-editorial .jc-story-prose--lead p:first-child,
  #page-container #main-content.jc-about-page .jc-story-prose--lead,
  #page-container #main-content.jc-about-page .jc-story-prose--lead p,
  #page-container #main-content.jc-about-page .jc-about-editorial .jc-story-prose--lead p:first-child {
    width: min(100%, var(--jc-about-story-lead-measure)) !important;
    max-width: var(--jc-about-story-lead-measure) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose--lead,
  body.jc-about-page #main-content .jc-story-prose--lead,
  #page-container #main-content.jc-about-page .jc-story-prose--lead {
    margin-bottom: clamp(1.65rem, 2vw, 2.7rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose:not(.jc-story-prose--lead),
  body.jc-about-page #page-container #main-content .jc-story-prose:not(.jc-story-prose--lead) p,
  body.jc-about-page #page-container #main-content .jc-story-pullquote-module,
  body.jc-about-page #page-container #main-content .jc-story-pullquote,
  body.jc-about-page #main-content .jc-story-prose:not(.jc-story-prose--lead),
  body.jc-about-page #main-content .jc-story-prose:not(.jc-story-prose--lead) p,
  body.jc-about-page #main-content .jc-story-pullquote-module,
  body.jc-about-page #main-content .jc-story-pullquote,
  #page-container #main-content.jc-about-page .jc-story-prose:not(.jc-story-prose--lead),
  #page-container #main-content.jc-about-page .jc-story-prose:not(.jc-story-prose--lead) p,
  #page-container #main-content.jc-about-page .jc-story-pullquote-module,
  #page-container #main-content.jc-about-page .jc-story-pullquote {
    width: min(100%, var(--jc-about-story-body-measure)) !important;
    max-width: var(--jc-about-story-body-measure) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-story-banner > .jc-section-inner,
  body.jc-about-page #page-container #main-content .jc-about-story-banner > .jc-native-row,
  body.jc-about-page #main-content .jc-about-story-banner > .jc-section-inner,
  body.jc-about-page #main-content .jc-about-story-banner > .jc-native-row,
  #page-container #main-content.jc-about-page .jc-about-story-banner > .jc-section-inner,
  #page-container #main-content.jc-about-page .jc-about-story-banner > .jc-native-row {
    width: min(calc(100% - clamp(3rem, 10vw, 12rem)), 66rem) !important;
    max-width: 66rem !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-story-banner p,
  body.jc-about-page #main-content .jc-about-story-banner p,
  #page-container #main-content.jc-about-page .jc-about-story-banner p {
    width: 100% !important;
    max-width: 66rem !important;
  }
}

/* Layout-match pass: single recipe Method heading follows Ingredients treatment. */
#page-container #main-content.jc-recipe-single .jc-recipe-single-copy h2,
#main-content.jc-recipe-single .jc-recipe-single-copy h2,
.jc-recipe-single .jc-recipe-single-copy h2 {
  color: var(--jc-color-brand-dark) !important;
  font-size: clamp(1.87rem, 1.66vw, 2.64rem) !important;
}

/* Layout-match pass: contact CTA heading needs clear contrast over the image band. */
#page-container #main-content.jc-system-page--contact .jc-contact-prefooter::before,
#page-container #main-content .jc-system-page--contact .jc-contact-prefooter::before,
.jc-system-page--contact .jc-contact-prefooter::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.78)) !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-prefooter h2,
#page-container #main-content .jc-system-page--contact .jc-contact-prefooter h2,
.jc-system-page--contact .jc-contact-prefooter h2 {
  color: var(--jc-color-white) !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
}

@media (min-width: 981px) {
  /* Layout-match pass: recipe archive card titles read slightly larger in the desktop reference. */
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card h3,
  #main-content.jc-archive-page--recipes .jc-recipe-card h3,
  .jc-archive-page--recipes .jc-recipe-card h3 {
    font-size: clamp(1.5rem, 1.28vw, 1.72rem) !important;
    line-height: 1.06 !important;
  }
}

/* Browser feedback lock: video archive mobile controls use centred, equal-width CTA layout. */
@media (max-width: 767px) {
  #page-container #main-content.jc-archive-page--videos .jc-archive-actions,
  #main-content.jc-archive-page--videos .jc-archive-actions,
  .jc-archive-page--videos .jc-archive-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 0.75rem !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-archive-actions .jc-button,
  #main-content.jc-archive-page--videos .jc-archive-actions .jc-button,
  .jc-archive-page--videos .jc-archive-actions .jc-button {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  #page-container #main-content.jc-archive-page--videos .jc-load-more-status,
  #main-content.jc-archive-page--videos .jc-load-more-status,
  .jc-archive-page--videos .jc-load-more-status {
    width: 100% !important;
    text-align: center !important;
  }

}

/* Browser feedback lock: recipe archive mobile cards keep full meta sections visible. */
@media (max-width: 767px) {
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card,
  #main-content.jc-archive-page--recipes .jc-recipe-card,
  .jc-archive-page--recipes .jc-recipe-card {
    height: auto !important;
    min-height: 0 !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: auto 0 0 !important;
    overflow: visible !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span {
    display: grid !important;
    min-height: 78px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 0.28rem !important;
    padding: 0.62rem 0.24rem 0.58rem !important;
    overflow: visible !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card__meta-copy,
  #main-content.jc-archive-page--recipes .jc-recipe-card__meta-copy,
  .jc-archive-page--recipes .jc-recipe-card__meta-copy {
    display: grid !important;
    justify-items: center !important;
    gap: 0.08rem !important;
    width: 100% !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row strong,
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card__meta-value,
  #main-content.jc-archive-page--recipes .jc-recipe-card__meta-value,
  .jc-archive-page--recipes .jc-recipe-card__meta-value {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    line-height: 1.08 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-actions,
  #main-content.jc-archive-page--recipes .jc-archive-actions,
  .jc-archive-page--recipes .jc-archive-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 0.75rem !important;
    text-align: center !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button,
  #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button,
  .jc-archive-page--recipes .jc-archive-actions .jc-button {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-load-more-status,
  #main-content.jc-archive-page--recipes .jc-load-more-status,
  .jc-archive-page--recipes .jc-load-more-status {
    width: 100% !important;
    text-align: center !important;
  }

}

/* Browser feedback lock: contact mobile globe should span the viewport cleanly. */
@media (max-width: 980px) {
  #page-container #main-content.jc-system-page--contact .jc-contact-map,
  #page-container #main-content .jc-system-page--contact .jc-contact-map,
  .jc-system-page--contact .jc-contact-map {
    box-sizing: border-box !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    transform: translate(-50%, -16px) !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-contact-map img,
  #page-container #main-content .jc-system-page--contact .jc-contact-map img,
  .jc-system-page--contact .jc-contact-map img {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: clamp(12rem, 56vw, 16rem) !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: brightness(1.28) contrast(1.04) !important;
  }
}

/* Browser feedback lock: home social copy clears the video thumbnail. */
@media (min-width: 981px) {
  body.jc-home-page #page-container #main-content .jc-home-social__copy,
  body.jc-home-page #main-content .jc-home-social__copy,
  #page-container #main-content .jc-home-social__copy {
    transform: translateY(clamp(-3rem, -2.1vw, -1.5rem)) !important;
  }
}

/* Browser feedback lock: About supply carousel card proportions and label scale. */
@media (min-width: 981px) {
  body.jc-about-page #page-container #main-content .jc-supply-section .jc-carousel,
  body.jc-about-page #main-content .jc-supply-section .jc-carousel,
  #page-container #main-content.jc-about-page .jc-supply-section .jc-carousel {
    --jc-about-supply-body-height: clamp(8.2rem, 7.2vw, 9.2rem) !important;
    --jc-about-supply-number-size: clamp(4.675rem, 4.114vw, 6.545rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-supply-card.is-active div,
  body.jc-about-page #main-content .jc-supply-card.is-active div,
  #page-container #main-content.jc-about-page .jc-supply-card.is-active div {
    min-height: var(--jc-about-supply-body-height) !important;
  }

  #page-container #main-content .jc-about-page .jc-supply-card h3,
  #main-content .jc-about-page .jc-supply-card h3,
  body.jc-about-page #page-container #main-content .jc-supply-card h3,
  .jc-about-page .jc-supply-card h3 {
    margin-top: 15px !important;
    font-size: clamp(1.32rem, 1.24vw, 1.65rem) !important;
  }

  #page-container #main-content .jc-about-page .jc-supply-card span,
  #main-content .jc-about-page .jc-supply-card span,
  body.jc-about-page #page-container #main-content .jc-supply-card span,
  .jc-about-page .jc-supply-card span {
    font-size: calc(clamp(1.6rem, 1.67vw, 2.6rem) + 2px) !important;
  }
}

/* Browser feedback lock: About Global Reach body copy uses the body-base contract. */
body.jc-about-page #page-container #main-content .jc-global-section .jc-section-heading .jc-type-body-base > p,
body.jc-about-page #page-container #main-content .jc-about-page .jc-global-section .jc-section-heading .jc-type-body-base > p,
#main-content.jc-about-page .jc-global-section .jc-section-heading .jc-type-body-base > p,
#page-container #main-content.jc-about-page .jc-global-section .jc-section-heading .jc-type-body-base > p,
#main-content .jc-about-page .jc-global-section .jc-section-heading .jc-type-body-base > p,
.jc-about-page .jc-global-section .jc-section-heading .jc-type-body-base > p {
  font-family: var(--jc-font-body) !important;
  font-size: var(--jc-type-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--jc-type-body-line-height) !important;
}

/* Corporate welfare banner owns the handoff to statements or the footer. */
body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-esg-intro,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-esg-intro {
  padding-bottom: 0 !important;
}

@media (min-width: 981px) {
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-welfare-strip,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-welfare-strip {
    height: clamp(351px, 26.5vw, 398px) !important;
    min-height: clamp(351px, 26.5vw, 398px) !important;
    max-height: 398px !important;
    margin-bottom: 0 !important;
  }
}

/* Mobile script heading guardrail: keep handwritten titles away from viewport clipping. */
@media (max-width: 980px) {
  body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent.jc-type-accent-large,
  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-accent-large .jc-accent,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-accent.jc-type-accent-large,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-accent-large .jc-accent,
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-type-accent-large p,
  body.jc-about-page #main-content .jc-story-copy .jc-type-accent-large p,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-type-accent-large p,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent,
  #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent,
  .jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent {
    box-sizing: border-box !important;
    display: block !important;
    width: min(calc(100vw - 3rem), 34rem) !important;
    max-width: min(calc(100vw - 3rem), 34rem) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    line-height: 1.05 !important;
    overflow: visible !important;
    transform: none !important;
  }
}

/* Mobile production map guardrail: anchor the cropped map artwork to the left edge. */
@media (max-width: 980px) {
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-media-column,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-media-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-media-column {
    justify-items: start !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-figure,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-figure,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure {
    justify-self: start !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

/* Products responsive surface contract: owns the intro/detail colours and the tile bridge breakpoint. */
#page-container #main-content.jc-page--products {
  --jc-products-surface-intro: #f8f3ed;
  --jc-products-surface-detail: #050504;
  background: var(--jc-products-surface-intro) !important;
  overflow-x: clip !important;
}

body.jc-products-page #page-container #main-content .jc-products-intro,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro {
  background: var(--jc-products-surface-intro) !important;
  background-image: none !important;
}

body.jc-products-page #page-container #main-content .jc-products-detail-section,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section {
  background: var(--jc-products-surface-detail) !important;
  background-image: none !important;
}

@media (max-width: 980px) {
  body.jc-products-page #page-container #main-content .jc-products-intro,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro {
    padding-bottom: clamp(2.75rem, 10vw, 4rem) !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-tile-grid,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile-grid {
    margin-bottom: 0 !important;
  }

  body.jc-products-page #page-container #main-content .jc-products-detail-section,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section {
    padding-top: clamp(4.5rem, 10vw, 6rem) !important;
  }

  body.jc-products-page #page-container #main-content .jc-products-intro [data-jc-read-more].is-collapsed,
  body.jc-products-page #page-container #main-content .jc-products-intro .jc-mobile-read-more.is-collapsed,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro [data-jc-read-more].is-collapsed,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-mobile-read-more.is-collapsed {
    --jc-read-more-fade-rgb: 248, 243, 237;
  }
}

/* Mobile regression lock: Cook video cards crop source letterbox bars and clear Recipes CTA. */
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card__poster,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card__poster,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card__poster,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card__poster,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card:nth-child(3) .jc-video-card__poster,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card:nth-child(4) .jc-video-card__poster,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card:nth-child(3) .jc-video-card__poster,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card:nth-child(4) .jc-video-card__poster,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card:nth-child(3) .jc-video-card__poster,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card:nth-child(4) .jc-video-card__poster,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card:nth-child(3) .jc-video-card__poster,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card:nth-child(4) .jc-video-card__poster,
#page-container #main-content.jc-archive-page--videos .jc-video-card__poster,
#main-content.jc-archive-page--videos .jc-video-card__poster,
.jc-archive-page--videos .jc-video-card__poster,
#page-container #main-content.jc-archive-page--videos .jc-video-card:nth-child(3) .jc-video-card__poster,
#page-container #main-content.jc-archive-page--videos .jc-video-card:nth-child(4) .jc-video-card__poster,
#main-content.jc-archive-page--videos .jc-video-card:nth-child(3) .jc-video-card__poster,
#main-content.jc-archive-page--videos .jc-video-card:nth-child(4) .jc-video-card__poster,
.jc-archive-page--videos .jc-video-card:nth-child(3) .jc-video-card__poster,
.jc-archive-page--videos .jc-video-card:nth-child(4) .jc-video-card__poster {
  aspect-ratio: 1.89 / 1 !important;
  background-color: transparent !important;
  background-position: center 36% !important;
  background-size: auto 134% !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-video-card .jc-video-card__poster,
html body.post-type-archive-video #page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-video-card .jc-video-card__poster,
#page-container #main-content.jc-archive-page--videos.jc-archive-page--videos .jc-video-card:nth-child(n) .jc-video-card__poster {
  aspect-ratio: 1.89 / 1 !important;
  background-color: transparent !important;
  background-position: center 36% !important;
  background-size: auto 134% !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-section-heading p:not(.jc-accent):not(.jc-eyebrow),
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading p:not(.jc-accent):not(.jc-eyebrow),
#page-container #main-content.jc-page--cook .jc-cook-recipes .jc-section-heading p:not(.jc-accent):not(.jc-eyebrow),
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading p:not(.jc-accent):not(.jc-eyebrow),
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-section-heading .jc-type-body-base > p,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading .jc-type-body-base > p,
#page-container #main-content.jc-page--cook .jc-cook-recipes .jc-section-heading .jc-type-body-base > p,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading .jc-type-body-base > p {
  color: var(--jc-color-white) !important;
}

@media (max-width: 767px) {
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card__poster,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card__poster,
  #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card__poster,
  #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card__poster,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card:nth-child(3) .jc-video-card__poster,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card:nth-child(4) .jc-video-card__poster,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card:nth-child(3) .jc-video-card__poster,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card:nth-child(4) .jc-video-card__poster,
  #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card:nth-child(3) .jc-video-card__poster,
  #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card:nth-child(4) .jc-video-card__poster,
  #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card:nth-child(3) .jc-video-card__poster,
  #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card:nth-child(4) .jc-video-card__poster {
    aspect-ratio: 1.89 / 1 !important;
    background-color: transparent !important;
    background-position: center 36% !important;
    background-size: auto 134% !important;
    overflow: hidden !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-section-actions,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos .jc-section-actions,
  #page-container #main-content.jc-page--cook .jc-cook-videos .jc-section-actions,
  #page-container #main-content .jc-cook-page .jc-cook-videos .jc-section-actions {
    padding-bottom: clamp(1rem, 5vw, 1.6rem) !important;
  }
}

/* Responsive correction: Cook video cards sit on grey cards within a black band, with a tighter mobile handoff. */
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card .jc-card__body,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card .jc-card__body,
#page-container #main-content.jc-page--cook .jc-cook-videos .jc-video-card .jc-card__body,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-video-card .jc-card__body {
  background: var(--jc-color-brand-dark) !important;
  background-image: none !important;
}

@media (max-width: 640px) {
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos,
  #page-container #main-content.jc-page--cook .jc-cook-videos,
  #page-container #main-content .jc-cook-page .jc-cook-videos {
    padding-bottom: clamp(1.5rem, 6vw, 2.25rem) !important;
  }

  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-section-actions,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos .jc-section-actions,
  #page-container #main-content.jc-page--cook .jc-cook-videos .jc-section-actions,
  #page-container #main-content .jc-cook-page .jc-cook-videos .jc-section-actions {
    margin-bottom: clamp(1rem, 4vw, 1.6rem) !important;
    padding-bottom: 0 !important;
  }
}

/* Products tablet contract: summary cards clear the black detail band until the four-column desktop handoff. */
@media (min-width: 768px) and (max-width: 1180px) {
  body.jc-products-page {
    --jc-products-summary-overlap: 0px;
  }

  body.jc-products-page #page-container #main-content .jc-products-intro,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro {
    padding-bottom: clamp(4rem, 6vw, 5.5rem) !important;
  }

  body.jc-products-page #page-container #main-content .jc-product-tile-grid,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile-grid {
    margin-bottom: 0 !important;
  }

  body.jc-products-page #page-container #main-content .jc-products-detail-section,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section {
    padding-top: clamp(5rem, 7vw, 6.5rem) !important;
  }
}

/* Products wide contract: summary cards intentionally bridge into the black detail band. */
@media (min-width: 1181px) {
  body.jc-products-page {
    --jc-products-summary-overlap: calc(var(--jc-products-summary-card-height) * 0.8);
  }

  body.jc-products-page #page-container #main-content .jc-product-tile-grid,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile-grid {
    margin-bottom: calc(-1 * var(--jc-products-summary-overlap)) !important;
  }

  body.jc-products-page #page-container #main-content .jc-products-detail-section,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section {
    padding-top: calc(var(--jc-products-summary-overlap) + clamp(6.75rem, 8vw, 10rem)) !important;
  }
}

/* About wide-screen correction: the story block should not vertically center inside an oversized black band. */
@media (min-width: 1440px) {
  body.jc-about-page #page-container #main-content.jc-about-page .jc-story-section,
  body.jc-about-page #page-container #main-content .jc-about-page .jc-story-section,
  #page-container #main-content.jc-about-page .jc-story-section {
    align-items: start !important;
    min-height: auto !important;
    padding-top: clamp(5rem, 4.5vw, 5.75rem) !important;
    padding-bottom: clamp(3.5rem, 3.8vw, 5rem) !important;
  }
}

/* Responsive correction: recipe archive meta rows must stay inside each card at tablet handoff widths. */
@media (max-width: 1180px) {
  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card,
  #main-content.jc-archive-page--recipes .jc-recipe-card,
  .jc-archive-page--recipes .jc-recipe-card {
    overflow: hidden !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: auto 0 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #page-container #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span,
  #main-content.jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span,
  .jc-archive-page--recipes .jc-recipe-card .jc-meta-row > span {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Typography contract: shared public hero scale plus audited About/Contact content roles. */
body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-body-base li,
body.jc-about-page #main-content .jc-about-production-section .jc-type-body-base li,
#page-container #main-content.jc-about-page .jc-about-production-section .jc-type-body-base li {
  font-family: var(--jc-font-body) !important;
  font-size: var(--jc-type-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--jc-type-body-line-height) !important;
  letter-spacing: 0 !important;
}

@media (min-width: 981px) {
  html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-products-page #page-container #main-content.jc-page--products.jc-page--products .jc-hero--products.jc-hero--products .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span) {
    font-family: var(--jc-font-accent) !important;
    font-size: 62px !important;
    font-weight: 400 !important;
    line-height: 0.9 !important;
    letter-spacing: 0 !important;
  }

  html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-title.jc-type-hero-title h2,
  html body.jc-products-page #page-container #main-content.jc-page--products.jc-page--products .jc-hero--products.jc-hero--products .jc-type-hero-title.jc-type-hero-title h2,
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-title.jc-type-hero-title h2,
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-title.jc-type-hero-title h2,
  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-title.jc-type-hero-title h2 {
    font-family: var(--jc-font-display) !important;
    font-size: 76px !important;
    font-weight: 400 !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
  }

  html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-lead.jc-type-hero-lead p,
  html body.jc-products-page #page-container #main-content.jc-page--products.jc-page--products .jc-hero--products.jc-hero--products .jc-type-hero-lead.jc-type-hero-lead p,
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-lead.jc-type-hero-lead p,
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-lead.jc-type-hero-lead p,
  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-lead.jc-type-hero-lead p {
    font-family: var(--jc-font-display) !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent.jc-type-accent-large,
  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-accent-large .jc-accent,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-accent.jc-type-accent-large,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-accent-large .jc-accent,
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-type-accent-large p,
  body.jc-about-page #main-content .jc-story-copy .jc-type-accent-large p,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-type-accent-large p {
    font-family: var(--jc-font-accent) !important;
    font-size: 52px !important;
    font-weight: 400 !important;
    line-height: 0.86 !important;
    letter-spacing: 0 !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-about-intro .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-about-production-section .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content .jc-global-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #main-content .jc-global-section .jc-type-h2-section-statement p.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-global-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-prefooter--about .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-prefooter--about .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-prefooter--about .jc-type-h2-section-statement h2,
  body.jc-contact-page #page-container #main-content .jc-type-h2-section-statement h2,
  body.jc-contact-page #main-content .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-system-page--contact .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  .jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #main-content .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow {
    font-family: var(--jc-font-display) !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-about-intro .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-about-production-section .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content .jc-prefooter--about .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-prefooter--about .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-prefooter--about .jc-type-h2-section-statement h2,
  body.jc-contact-page #page-container #main-content .jc-type-h2-section-statement h2,
  body.jc-contact-page #main-content .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-system-page--contact .jc-type-h2-section-statement h2 {
    line-height: 1.08 !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  .jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #main-content .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow {
    line-height: 1.12 !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose--lead p,
  body.jc-about-page #page-container #main-content .jc-about-editorial .jc-story-prose--lead p:first-child,
  body.jc-about-page #page-container #main-content .jc-about-story-banner .jc-type-h3-editorial-lead p,
  body.jc-about-page #main-content .jc-story-prose--lead p,
  body.jc-about-page #main-content .jc-about-editorial .jc-story-prose--lead p:first-child,
  body.jc-about-page #main-content .jc-about-story-banner .jc-type-h3-editorial-lead p,
  #page-container #main-content.jc-about-page .jc-story-prose--lead p,
  #page-container #main-content.jc-about-page .jc-about-editorial .jc-story-prose--lead p:first-child,
  #page-container #main-content.jc-about-page .jc-about-story-banner .jc-type-h3-editorial-lead p {
    font-family: var(--jc-font-display) !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-production-section .jc-number-list li,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-number-list li,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-number-list li,
  .jc-about-page .jc-about-production-section .jc-number-list li {
    font-size: var(--jc-type-body-size) !important;
    line-height: var(--jc-type-body-line-height) !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-pullquote,
  body.jc-about-page #main-content .jc-story-pullquote,
  #page-container #main-content.jc-about-page .jc-story-pullquote {
    font-family: var(--jc-font-display) !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
  }
}

@media (min-width: 641px) and (max-width: 980px) {
  html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-products-page #page-container #main-content.jc-page--products.jc-page--products .jc-hero--products.jc-hero--products .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span) {
    font-size: 56px !important;
    line-height: 0.95 !important;
  }

  html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-title.jc-type-hero-title h2,
  html body.jc-products-page #page-container #main-content.jc-page--products.jc-page--products .jc-hero--products.jc-hero--products .jc-type-hero-title.jc-type-hero-title h2,
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-title.jc-type-hero-title h2,
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-title.jc-type-hero-title h2,
  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-title.jc-type-hero-title h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }

  html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-lead.jc-type-hero-lead p,
  html body.jc-products-page #page-container #main-content.jc-page--products.jc-page--products .jc-hero--products.jc-hero--products .jc-type-hero-lead.jc-type-hero-lead p,
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-lead.jc-type-hero-lead p,
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-lead.jc-type-hero-lead p,
  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-lead.jc-type-hero-lead p {
    font-size: 18px !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent.jc-type-accent-large,
  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-accent-large .jc-accent,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-accent.jc-type-accent-large,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-accent-large .jc-accent,
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-type-accent-large p,
  body.jc-about-page #main-content .jc-story-copy .jc-type-accent-large p,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-type-accent-large p {
    font-size: 36px !important;
    line-height: 0.96 !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-about-intro .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-about-production-section .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content .jc-global-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #main-content .jc-global-section .jc-type-h2-section-statement p.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-global-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-prefooter--about .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-prefooter--about .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-prefooter--about .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  .jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #main-content .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-contact-page #page-container #main-content .jc-type-h2-section-statement h2,
  body.jc-contact-page #main-content .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-system-page--contact .jc-type-h2-section-statement h2 {
    font-family: var(--jc-font-display) !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose--lead p,
  body.jc-about-page #page-container #main-content .jc-about-editorial .jc-story-prose--lead p:first-child,
  body.jc-about-page #page-container #main-content .jc-about-story-banner .jc-type-h3-editorial-lead p,
  body.jc-about-page #main-content .jc-story-prose--lead p,
  body.jc-about-page #main-content .jc-about-editorial .jc-story-prose--lead p:first-child,
  body.jc-about-page #main-content .jc-about-story-banner .jc-type-h3-editorial-lead p,
  #page-container #main-content.jc-about-page .jc-story-prose--lead p,
  #page-container #main-content.jc-about-page .jc-about-editorial .jc-story-prose--lead p:first-child,
  #page-container #main-content.jc-about-page .jc-about-story-banner .jc-type-h3-editorial-lead p {
    font-size: 28px !important;
    line-height: 1.16 !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-pullquote,
  body.jc-about-page #main-content .jc-story-pullquote,
  #page-container #main-content.jc-about-page .jc-story-pullquote {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 640px) {
  html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-products-page #page-container #main-content.jc-page--products.jc-page--products .jc-hero--products.jc-hero--products .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span) {
    font-size: 48px !important;
    line-height: 1 !important;
  }

  html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-title.jc-type-hero-title h2,
  html body.jc-products-page #page-container #main-content.jc-page--products.jc-page--products .jc-hero--products.jc-hero--products .jc-type-hero-title.jc-type-hero-title h2,
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-title.jc-type-hero-title h2,
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-title.jc-type-hero-title h2,
  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-title.jc-type-hero-title h2 {
    font-size: 48px !important;
    line-height: 1 !important;
  }

  html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-lead.jc-type-hero-lead p,
  html body.jc-products-page #page-container #main-content.jc-page--products.jc-page--products .jc-hero--products.jc-hero--products .jc-type-hero-lead.jc-type-hero-lead p,
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-lead.jc-type-hero-lead p,
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-lead.jc-type-hero-lead p,
  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-lead.jc-type-hero-lead p {
    font-size: 16px !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent.jc-type-accent-large,
  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-accent-large .jc-accent,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-accent.jc-type-accent-large,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-accent-large .jc-accent,
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-type-accent-large p,
  body.jc-about-page #main-content .jc-story-copy .jc-type-accent-large p,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-type-accent-large p {
    font-size: 28px !important;
    line-height: 1 !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-about-intro .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-about-production-section .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content .jc-global-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #main-content .jc-global-section .jc-type-h2-section-statement p.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-global-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-prefooter--about .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-prefooter--about .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-prefooter--about .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  .jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #main-content .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-contact-page #page-container #main-content .jc-type-h2-section-statement h2,
  body.jc-contact-page #main-content .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-system-page--contact .jc-type-h2-section-statement h2 {
    font-family: var(--jc-font-display) !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose--lead p,
  body.jc-about-page #page-container #main-content .jc-about-editorial .jc-story-prose--lead p:first-child,
  body.jc-about-page #page-container #main-content .jc-about-story-banner .jc-type-h3-editorial-lead p,
  body.jc-about-page #main-content .jc-story-prose--lead p,
  body.jc-about-page #main-content .jc-about-editorial .jc-story-prose--lead p:first-child,
  body.jc-about-page #main-content .jc-about-story-banner .jc-type-h3-editorial-lead p,
  #page-container #main-content.jc-about-page .jc-story-prose--lead p,
  #page-container #main-content.jc-about-page .jc-about-editorial .jc-story-prose--lead p:first-child,
  #page-container #main-content.jc-about-page .jc-about-story-banner .jc-type-h3-editorial-lead p {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-pullquote,
  body.jc-about-page #main-content .jc-story-pullquote,
  #page-container #main-content.jc-about-page .jc-story-pullquote {
    font-size: 18px !important;
    line-height: 1.34 !important;
  }
}

@media (max-width: 340px) {
  html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-products-page #page-container #main-content.jc-page--products.jc-page--products .jc-hero--products.jc-hero--products .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-cook-page #page-container #main-content.jc-page--cook.jc-page--cook .jc-feature-hero--cook.jc-feature-hero--cook .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span),
  html body.jc-contact-page #page-container #main-content.jc-system-page--contact.jc-system-page--contact .jc-contact-hero.jc-contact-hero .jc-type-hero-script-accent.jc-type-hero-script-accent :is(p, span) {
    font-size: 44px !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-intro .jc-accent.jc-type-accent-large,
  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-accent-large .jc-accent,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-accent.jc-type-accent-large,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-accent-large .jc-accent,
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-type-accent-large p,
  body.jc-about-page #main-content .jc-story-copy .jc-type-accent-large p,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-type-accent-large p {
    font-size: 24px !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-about-intro .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-about-production-section .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content .jc-global-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #main-content .jc-global-section .jc-type-h2-section-statement p.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-global-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-prefooter--about .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-prefooter--about .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-prefooter--about .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  .jc-about-page .jc-supply-intro-section .jc-section-heading .jc-native-text p.jc-eyebrow.jc-eyebrow,
  body.jc-about-page #page-container #main-content .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-about-page #main-content .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-supply-intro-section .jc-type-h2-section-statement p.jc-eyebrow,
  body.jc-contact-page #page-container #main-content .jc-type-h2-section-statement h2,
  body.jc-contact-page #main-content .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-system-page--contact .jc-type-h2-section-statement h2 {
    font-size: 22px !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-prose--lead p,
  body.jc-about-page #page-container #main-content .jc-about-editorial .jc-story-prose--lead p:first-child,
  body.jc-about-page #page-container #main-content .jc-about-story-banner .jc-type-h3-editorial-lead p,
  body.jc-about-page #main-content .jc-story-prose--lead p,
  body.jc-about-page #main-content .jc-about-editorial .jc-story-prose--lead p:first-child,
  body.jc-about-page #main-content .jc-about-story-banner .jc-type-h3-editorial-lead p,
  #page-container #main-content.jc-about-page .jc-story-prose--lead p,
  #page-container #main-content.jc-about-page .jc-about-editorial .jc-story-prose--lead p:first-child,
  #page-container #main-content.jc-about-page .jc-about-story-banner .jc-type-h3-editorial-lead p {
    font-size: 22px !important;
  }

  body.jc-about-page #page-container #main-content .jc-story-pullquote,
  body.jc-about-page #main-content .jc-story-pullquote,
  #page-container #main-content.jc-about-page .jc-story-pullquote {
    font-size: 16px !important;
  }

  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-native-column,
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-hero-script-module,
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-title,
  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-lead {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body.jc-corporate-page #page-container #main-content.jc-corporate-page.jc-corporate-page .jc-hero--corporate.jc-hero--corporate .jc-type-hero-title.jc-type-hero-title h2 {
    font-size: 42px !important;
    line-height: 1.04 !important;
  }
}

/* Typography contract follow-up: keep About hero copy editable without changing the signed-off default. */
html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-title.jc-type-hero-title h2 {
  max-width: 100% !important;
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-grid,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-grid,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-grid {
    justify-items: center !important;
    row-gap: 0 !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-copy-column,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-copy-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-copy-column {
    align-items: center !important;
    justify-items: center !important;
    padding: clamp(1.65rem, 5vw, 2.4rem) clamp(1.25rem, 6vw, 3rem) 0 !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-copy-column > *,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-copy-column > *,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-copy-column > * {
    justify-self: center !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-number-list,
  body.jc-about-page #main-content .jc-about-production-section .jc-number-list,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-number-list {
    width: min(100%, 680px) !important;
    margin: clamp(1.05rem, 4vw, 1.55rem) auto 0 !important;
    gap: 0.55rem !important;
    justify-items: center !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-number-list li,
  body.jc-about-page #main-content .jc-about-production-section .jc-number-list li,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-number-list li {
    width: 100% !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-media-column,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-media-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-media-column {
    padding-top: clamp(0.25rem, 1.5vw, 0.75rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-figure,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-figure,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure {
    display: block !important;
    justify-self: center !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-office-grid,
  #page-container #main-content .jc-system-page--contact .jc-office-grid,
  .jc-system-page--contact .jc-office-grid {
    margin-bottom: clamp(0.9rem, 3vw, 1.5rem) !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-contact-map-row,
  #page-container #main-content .jc-system-page--contact .jc-contact-map-row,
  .jc-system-page--contact .jc-contact-map-row {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-contact-map,
  #page-container #main-content .jc-system-page--contact .jc-contact-map,
  .jc-system-page--contact .jc-contact-map {
    /* Keep the mobile/tablet map below the offices; preserve horizontal centring. */
    transform: translate(-50%, 0) !important;
  }
}

@media (max-width: 640px) {
  html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-title.jc-type-hero-title h2 {
    font-size: clamp(42px, 12.4vw, 48px) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-media-column,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-media-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-media-column {
    padding-top: 0.2rem !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-office-grid,
  #page-container #main-content .jc-system-page--contact .jc-office-grid,
  .jc-system-page--contact .jc-office-grid {
    margin-bottom: 0.35rem !important;
  }
}

@media (max-width: 340px) {
  html body.jc-about-page #page-container #main-content.jc-about-page.jc-about-page .jc-hero--about.jc-hero--about .jc-type-hero-title.jc-type-hero-title h2 {
    font-size: 42px !important;
  }
}

/* Responsive contract follow-up: keep archive actions and Cook CTA/heading stable across exact handoff widths. */
#page-container #main-content.jc-archive-page--recipes .jc-archive-actions,
#main-content.jc-archive-page--recipes .jc-archive-actions,
.jc-archive-page--recipes .jc-archive-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

#page-container #main-content.jc-archive-page--recipes .jc-archive-actions .jc-button,
#main-content.jc-archive-page--recipes .jc-archive-actions .jc-button,
.jc-archive-page--recipes .jc-archive-actions .jc-button {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Keep the script's exhausted state stronger than shared button display rules. */
#page-container #main-content .jc-button[data-jc-load-more][hidden] {
  display: none !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-section-actions .jc-button,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-section-actions .jc-button:visited,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-section-actions .jc-button,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-section-actions .jc-button:visited {
  border-color: var(--jc-color-brand-gold) !important;
  color: var(--jc-color-white) !important;
  background: var(--jc-color-brand-gold) !important;
  box-shadow: none !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-section-actions .jc-button:hover,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-section-actions .jc-button:focus-visible,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos .jc-section-actions .jc-button:active,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-section-actions .jc-button:hover,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-section-actions .jc-button:focus-visible,
#page-container #main-content .jc-cook-page .jc-cook-videos .jc-section-actions .jc-button:active {
  color: var(--jc-color-white) !important;
  box-shadow: none !important;
}

body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-section-heading .jc-type-h2-section-display h2,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-recipes .jc-section-heading h2,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading .jc-type-h2-section-display h2,
body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading h2,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading .jc-type-h2-section-display h2,
#page-container #main-content .jc-cook-page .jc-cook-recipes .jc-section-heading h2 {
  font-family: var(--jc-font-display) !important;
  font-size: var(--jc-type-h3-card-heading) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

/* Responsive contract follow-up: equalise Home CTA actions, compact single recipe facts, and remove duplicate video archive title. */
body.jc-home-page #page-container #main-content .jc-home-cta-card,
body.jc-home-page #main-content .jc-home-cta-card,
#page-container #main-content .jc-home-cta-card {
  --jc-home-cta-heading-row: 4rem;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(var(--jc-home-cta-heading-row), max-content) auto !important;
  align-content: center !important;
  align-items: center !important;
  justify-items: start !important;
  text-align: left !important;
  row-gap: clamp(0.35rem, 0.45vw, 0.5rem) !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card > .jc-native-module,
body.jc-home-page #main-content .jc-home-cta-card > .jc-native-module,
#page-container #main-content .jc-home-cta-card > .jc-native-module {
  justify-self: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card > .jc-native-heading,
body.jc-home-page #main-content .jc-home-cta-card > .jc-native-heading,
#page-container #main-content .jc-home-cta-card > .jc-native-heading {
  display: grid !important;
  align-items: center !important;
  justify-items: start !important;
  min-height: var(--jc-home-cta-heading-row) !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card h3,
body.jc-home-page #main-content .jc-home-cta-card h3,
#page-container #main-content .jc-home-cta-card h3 {
  margin: 0 !important;
  text-align: left !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow,
body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow,
#page-container #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow {
  justify-self: stretch !important;
  width: 100% !important;
  text-align: left !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card .jc-home-cta-card__button,
body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__button,
#page-container #main-content .jc-home-cta-card .jc-home-cta-card__button {
  align-self: center !important;
  justify-self: start !important;
  width: max-content !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  min-width: 8.8125rem !important;
  text-align: center !important;
}

@media (min-width: 641px) and (max-width: 980px) {
  body.jc-home-page #page-container #main-content .jc-home-cta-card,
  body.jc-home-page #main-content .jc-home-cta-card,
  #page-container #main-content .jc-home-cta-card {
    --jc-home-cta-heading-row: 6rem;
  }
}

body.single-recipe #page-container #main-content .jc-recipe-single-meta,
#page-container #main-content.jc-recipe-single .jc-recipe-single-meta,
#main-content.jc-recipe-single .jc-recipe-single-meta,
.jc-recipe-single .jc-recipe-single-meta {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(0.3rem, 0.8vw, 0.55rem) !important;
  width: min(100%, 36rem) !important;
  max-width: 36rem !important;
  margin: 0 auto clamp(1.35rem, 3vw, 2rem) 0 !important;
}

body.single-recipe #page-container #main-content .jc-recipe-single-meta__item,
#page-container #main-content.jc-recipe-single .jc-recipe-single-meta__item,
#main-content.jc-recipe-single .jc-recipe-single-meta__item,
.jc-recipe-single .jc-recipe-single-meta__item {
  display: grid !important;
  min-height: clamp(66px, 6.2vw, 78px) !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  align-items: center !important;
  justify-items: start !important;
  column-gap: clamp(0.42rem, 0.85vw, 0.58rem) !important;
  row-gap: 0.08rem !important;
  padding: clamp(0.46rem, 0.9vw, 0.62rem) clamp(0.5rem, 0.95vw, 0.68rem) !important;
  border: 1px solid rgba(159, 142, 95, 0.18) !important;
  color: var(--jc-color-brand-dark) !important;
  background: #f6f1e4 !important;
  text-align: left !important;
  text-transform: none !important;
}

body.single-recipe #page-container #main-content .jc-recipe-single-meta__icon,
#page-container #main-content.jc-recipe-single .jc-recipe-single-meta__icon,
#main-content.jc-recipe-single .jc-recipe-single-meta__icon,
.jc-recipe-single .jc-recipe-single-meta__icon {
  grid-row: 1 / span 2 !important;
  grid-column: 1 !important;
  width: clamp(22px, 2.2vw, 28px) !important;
  height: clamp(22px, 2.2vw, 28px) !important;
  object-fit: contain !important;
}

body.single-recipe #page-container #main-content .jc-recipe-single-meta__label,
#page-container #main-content.jc-recipe-single .jc-recipe-single-meta__label,
#main-content.jc-recipe-single .jc-recipe-single-meta__label,
.jc-recipe-single .jc-recipe-single-meta__label {
  grid-column: 2 !important;
  color: var(--jc-color-brand-gold) !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(11px, 0.95vw, 13px) !important;
  line-height: 1.06 !important;
  text-align: left !important;
}

body.single-recipe #page-container #main-content .jc-recipe-single-meta__value,
#page-container #main-content.jc-recipe-single .jc-recipe-single-meta__value,
#main-content.jc-recipe-single .jc-recipe-single-meta__value,
.jc-recipe-single .jc-recipe-single-meta__value {
  grid-column: 2 !important;
  color: var(--jc-color-brand-dark) !important;
  font-family: var(--jc-font-ui) !important;
  font-size: clamp(10.5px, 0.9vw, 12.5px) !important;
  line-height: 1.08 !important;
  text-align: left !important;
}

@media (max-width: 420px) {
  body.single-recipe #page-container #main-content .jc-recipe-single-meta,
  #page-container #main-content.jc-recipe-single .jc-recipe-single-meta,
  #main-content.jc-recipe-single .jc-recipe-single-meta,
  .jc-recipe-single .jc-recipe-single-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100%, 18.5rem) !important;
    max-width: 18.5rem !important;
  }
}

/* Single recipe contract: facts align to copy; ingredients stay full-bleed at the one-column handoff. */
body.single-recipe #page-container #main-content .jc-recipe-single-meta,
#page-container #main-content.jc-recipe-single .jc-recipe-single-meta,
#main-content.jc-recipe-single .jc-recipe-single-meta,
.jc-recipe-single .jc-recipe-single-meta {
  margin-left: 0 !important;
  margin-right: auto !important;
}

@media (max-width: 980px) {
  body.single-recipe #page-container #main-content .jc-recipe-single-section,
  #page-container #main-content.jc-recipe-single .jc-recipe-single-section,
  #main-content.jc-recipe-single .jc-recipe-single-section,
  .jc-recipe-single .jc-recipe-single-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.single-recipe #page-container #main-content .jc-recipe-single-layout,
  #page-container #main-content.jc-recipe-single .jc-recipe-single-layout,
  #main-content.jc-recipe-single .jc-recipe-single-layout,
  .jc-recipe-single .jc-recipe-single-layout {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body.single-recipe #page-container #main-content .jc-recipe-panel,
  #page-container #main-content.jc-recipe-single .jc-recipe-panel,
  #main-content.jc-recipe-single .jc-recipe-panel,
  .jc-recipe-single .jc-recipe-panel {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

body.post-type-archive-video #page-container #main-content.jc-archive-page--videos .jc-archive-heading h2,
#page-container #main-content.jc-archive-page--videos .jc-archive-heading h2,
#main-content.jc-archive-page--videos .jc-archive-heading h2,
.jc-archive-page--videos .jc-archive-heading h2 {
  display: none !important;
}

body.post-type-archive-video #page-container #main-content.jc-archive-page--videos .jc-video-card,
body.post-type-archive-video #page-container #main-content.jc-archive-page--videos .jc-video-card .jc-card__body,
#page-container #main-content.jc-archive-page--videos .jc-video-card,
#page-container #main-content.jc-archive-page--videos .jc-video-card .jc-card__body,
#main-content.jc-archive-page--videos .jc-video-card,
#main-content.jc-archive-page--videos .jc-video-card .jc-card__body,
.jc-archive-page--videos .jc-video-card,
.jc-archive-page--videos .jc-video-card .jc-card__body {
  background: var(--jc-color-brand-dark) !important;
}

/* Responsive contract follow-up: recipe archive surfaces stay full width; cards keep intentional gutters. */
#page-container #main-content.jc-archive-page--recipes,
#main-content.jc-archive-page--recipes,
.jc-archive-page--recipes {
  width: 100% !important;
  max-width: none !important;
  overflow-x: clip !important;
}

#page-container #main-content.jc-archive-page--recipes .jc-archive-hero,
#main-content.jc-archive-page--recipes .jc-archive-hero,
.jc-archive-page--recipes .jc-archive-hero,
#page-container #main-content.jc-archive-page--recipes .jc-archive-section--dark,
#main-content.jc-archive-page--recipes .jc-archive-section--dark,
.jc-archive-page--recipes .jc-archive-section--dark,
#page-container #main-content.jc-archive-page--recipes .jc-archive-prefooter,
#main-content.jc-archive-page--recipes .jc-archive-prefooter,
.jc-archive-page--recipes .jc-archive-prefooter {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  overflow-x: clip !important;
}

/* Final responsive contract: centred Home CTA cards, consistent recipe action buttons, and left-anchored mobile production map. */
body.jc-home-page #page-container #main-content .jc-home-cta-card,
body.jc-home-page #main-content .jc-home-cta-card,
#page-container #main-content .jc-home-cta-card {
  --jc-home-cta-eyebrow-row: 2.4rem;
  align-content: center !important;
  grid-template-rows: minmax(var(--jc-home-cta-eyebrow-row), max-content) minmax(var(--jc-home-cta-heading-row), max-content) auto !important;
  justify-items: center !important;
  text-align: center !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card > .jc-native-module,
body.jc-home-page #main-content .jc-home-cta-card > .jc-native-module,
#page-container #main-content .jc-home-cta-card > .jc-native-module {
  justify-self: center !important;
  text-align: center !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card > .jc-native-text:first-child,
body.jc-home-page #main-content .jc-home-cta-card > .jc-native-text:first-child,
#page-container #main-content .jc-home-cta-card > .jc-native-text:first-child {
  align-self: end !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card > .jc-native-heading,
body.jc-home-page #main-content .jc-home-cta-card > .jc-native-heading,
#page-container #main-content .jc-home-cta-card > .jc-native-heading {
  justify-items: center !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card h3,
body.jc-home-page #main-content .jc-home-cta-card h3,
#page-container #main-content .jc-home-cta-card h3,
body.jc-home-page #page-container #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow,
body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow,
#page-container #main-content .jc-home-cta-card .jc-home-cta-card__eyebrow {
  justify-self: center !important;
  text-align: center !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card .jc-home-cta-card__button,
body.jc-home-page #main-content .jc-home-cta-card .jc-home-cta-card__button,
#page-container #main-content .jc-home-cta-card .jc-home-cta-card__button {
  display: inline-flex !important;
  width: min(100%, 11.5rem) !important;
  min-width: 8.8125rem !important;
  min-height: 2.75rem !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
  line-height: 1.12 !important;
  text-align: center !important;
  white-space: normal !important;
}

body.single-recipe #page-container #main-content .jc-recipe-actions .jc-button,
#page-container #main-content.jc-recipe-single .jc-recipe-actions .jc-button,
#main-content.jc-recipe-single .jc-recipe-actions .jc-button,
.jc-recipe-single .jc-recipe-actions .jc-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 3.35rem !important;
  text-align: center !important;
  white-space: normal !important;
}

@media (max-width: 767.98px) {
  body.single-recipe #page-container #main-content .jc-recipe-actions,
  #page-container #main-content.jc-recipe-single .jc-recipe-actions,
  #main-content.jc-recipe-single .jc-recipe-actions,
  .jc-recipe-single .jc-recipe-actions {
    width: min(100%, 23rem) !important;
  }

  body.single-recipe #page-container #main-content .jc-recipe-actions .jc-button,
  #page-container #main-content.jc-recipe-single .jc-recipe-actions .jc-button,
  #main-content.jc-recipe-single .jc-recipe-actions .jc-button,
  .jc-recipe-single .jc-recipe-actions .jc-button {
    width: 100% !important;
    min-height: 3.85rem !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  body.single-recipe #page-container #main-content .jc-recipe-single-copy,
  #page-container #main-content.jc-recipe-single .jc-recipe-single-copy,
  #main-content.jc-recipe-single .jc-recipe-single-copy,
  .jc-recipe-single .jc-recipe-single-copy {
    /* Single recipe footer clearance: action buttons must clear the raised footer medallion. */
    padding-bottom: clamp(5rem, 11vw, 6rem) !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-grid,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-grid,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-grid {
    overflow-x: clip !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-media-column,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-media-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-media-column {
    justify-items: start !important;
    overflow-x: clip !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-figure,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-figure,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure {
    width: 100vw !important;
    max-width: 100vw !important;
    justify-self: start !important;
    margin-right: auto !important;
    margin-left: 0 !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-figure img,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-figure img,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure img {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (min-width: 768px) and (max-width: 980px) {
  body.single-recipe #page-container #main-content .jc-recipe-single-copy,
  #page-container #main-content.jc-recipe-single .jc-recipe-single-copy,
  #main-content.jc-recipe-single .jc-recipe-single-copy,
  .jc-recipe-single .jc-recipe-single-copy {
    /* Single recipe footer clearance: action buttons must clear the raised footer medallion. */
    padding-bottom: clamp(5rem, 11vw, 6rem) !important;
  }
}


/* Products intro is a split heading, so it needs spacing separate from compact labels. */
body.jc-products-page {
  --jc-products-intro-heading-gap: clamp(0.8rem, 1.15vw, 1.05rem);
}

body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__heading h2,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading h2,
#page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading h2 {
  display: grid !important;
  gap: var(--jc-products-intro-heading-gap) !important;
}

body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__heading .jc-accent,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading .jc-accent,
#page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading .jc-accent {
  margin: 0 !important;
  font-family: var(--jc-font-accent) !important;
  font-size: var(--jc-type-section-script-size) !important;
  font-weight: 400 !important;
  line-height: 0.95 !important;
  letter-spacing: 0 !important;
}

/* Hero handoff contract: tablet and phone-landscape labels must clear the scroll marker. */
@media (min-width: 768px) and (max-width: 980px) {
  body.jc-about-page #page-container #main-content .jc-about-intro,
  body.jc-about-page #page-container #main-content.jc-about-page .jc-about-intro,
  #page-container #main-content.jc-about-page .jc-about-intro,
  body.jc-products-page #page-container #main-content .jc-products-intro,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro,
  #page-container #main-content.jc-page--products .jc-products-intro,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro,
  #page-container #main-content .jc-corporate-page .jc-corporate-intro,
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos,
  #page-container #main-content.jc-page--cook .jc-cook-videos {
    padding-top: clamp(4.75rem, 8vw, 5.5rem) !important;
  }
}

@media (min-width: 981px) {
  body.jc-cook-page #page-container #main-content .jc-cook-page .jc-cook-videos,
  body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos,
  #page-container #main-content.jc-page--cook .jc-cook-videos {
    padding-top: clamp(4.75rem, 5.6vw, 7rem) !important;
  }
}

/* Products card geometry contract: tablet rows reserve room for raised summary badges. */
body.jc-products-page {
  --jc-products-summary-badge-row-gap: clamp(4.65rem, 6.4vw, 5rem);
  --jc-products-summary-badge-column-gap: clamp(1.35rem, 2.8vw, 1.85rem);
}

@media (min-width: 768px) and (max-width: 1180px) {
  body.jc-products-page #page-container #main-content .jc-product-tile-grid,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-product-tile-grid {
    row-gap: var(--jc-products-summary-badge-row-gap) !important;
    column-gap: var(--jc-products-summary-badge-column-gap) !important;
    gap: var(--jc-products-summary-badge-row-gap) var(--jc-products-summary-badge-column-gap) !important;
  }
}

/* Mobile script nowrap contract: selected short handwritten labels stay brand-like without shrinking body copy. */
@media (max-width: 420px) {
  body {
    --jc-type-nowrap-script-compact: clamp(1.25rem, 6.25vw, 1.6rem);
    --jc-type-nowrap-script-large: clamp(1.1rem, 5.75vw, 1.55rem);
    --jc-type-nowrap-script-medium: clamp(1.6rem, 8vw, 1.9rem);
    --jc-type-nowrap-script-hero: clamp(2.55rem, 12.85vw, 3rem);
    --jc-type-nowrap-paired-heading: clamp(1.125rem, 5.4vw, 1.45rem);
    --jc-type-nowrap-product-heading: clamp(1.38rem, 7vw, 2.1rem);
  }

  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-accent-large .jc-accent,
  body.jc-about-page #main-content .jc-about-intro .jc-type-accent-large .jc-accent,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-accent-large .jc-accent,
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-type-accent-large p,
  body.jc-about-page #main-content .jc-story-copy .jc-type-accent-large p,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-type-accent-large p {
    display: block !important;
    overflow: visible !important;
    max-width: 100% !important;
    font-size: var(--jc-type-nowrap-script-large) !important;
    line-height: 0.95 !important;
    white-space: nowrap !important;
  }

  body.jc-home-page #main-content .jc-home-social-heading h3,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-accent-small.jc-eyebrow,
  body.jc-about-page #main-content .jc-about-production-section .jc-type-accent-small.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-type-accent-small.jc-eyebrow,
  body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__heading .jc-accent,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading .jc-accent,
  #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading .jc-accent,
  body.jc-products-page #page-container #main-content .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow,
  #page-container #main-content.jc-page--products .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow {
    display: block !important;
    overflow: visible !important;
    max-width: 100% !important;
    font-size: var(--jc-type-nowrap-script-compact) !important;
    line-height: 0.95 !important;
    white-space: nowrap !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent,
  #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy .jc-type-accent-small .jc-accent,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-type-accent-small .jc-accent,
  #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-type-accent-small .jc-accent {
    display: block !important;
    overflow: visible !important;
    max-width: 100% !important;
    font-size: var(--jc-type-nowrap-script-medium) !important;
    line-height: 0.95 !important;
    white-space: nowrap !important;
  }

  body.post-type-archive-video #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 .jc-accent,
  #page-container #main-content.jc-archive-page--videos .jc-archive-hero h1 .jc-accent,
  #main-content.jc-archive-page--videos .jc-archive-hero h1 .jc-accent,
  .jc-archive-page--videos .jc-archive-hero h1 .jc-accent {
    display: inline-block !important;
    overflow: visible !important;
    max-width: 100% !important;
    font-size: var(--jc-type-nowrap-script-hero) !important;
    line-height: 0.9 !important;
    white-space: nowrap !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-intro .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-about-intro .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-about-intro .jc-type-h2-section-statement h2,
  body.jc-about-page #page-container #main-content .jc-story-copy .jc-story-prose--lead p,
  body.jc-about-page #main-content .jc-story-copy .jc-story-prose--lead p,
  #page-container #main-content.jc-about-page .jc-story-copy .jc-story-prose--lead p,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-h2-section-statement h2,
  body.jc-about-page #main-content .jc-about-production-section .jc-type-h2-section-statement h2,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-type-h2-section-statement h2,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro .jc-type-h2-section-display h2,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-h2-section-display h2,
  #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-h2-section-display h2,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy .jc-type-h2-section-display h2,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-type-h2-section-display h2,
  #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-type-h2-section-display h2 {
    font-size: var(--jc-type-nowrap-paired-heading) !important;
    line-height: 1.08 !important;
  }

  body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__heading span:not(.jc-accent),
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading span:not(.jc-accent),
  #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading span:not(.jc-accent) {
    font-size: var(--jc-type-nowrap-product-heading) !important;
    line-height: 1.08 !important;
  }

  body.jc-products-page #page-container #main-content .jc-products-detail-section .jc-type-h2-section-display h2,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section .jc-type-h2-section-display h2,
  #page-container #main-content.jc-page--products .jc-products-detail-section .jc-type-h2-section-display h2,
  body.jc-home-page #page-container #main-content .jc-home-social .jc-type-h4-small-heading p,
  body.jc-home-page #main-content .jc-home-social .jc-type-h4-small-heading p {
    font-size: clamp(1.25rem, 6.7vw, 1.8rem) !important;
    line-height: 1.08 !important;
  }
}

/* About production map contract: keep the mobile artwork left-anchored through the 980px handoff. */
@media (max-width: 980px) {
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-grid,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-grid,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-grid {
    overflow-x: clip !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-media-column,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-media-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-media-column {
    justify-items: start !important;
    overflow-x: clip !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-figure,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-figure,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure {
    width: min(100vw, 720px) !important;
    max-width: 100vw !important;
    justify-self: start !important;
    margin-right: auto !important;
    margin-left: 0 !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-figure img,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-figure img,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-figure img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* Compact section script contract: keep small handwritten section labels uniform sitewide. */
#page-container #main-content .jc-type-accent-small .jc-accent,
#page-container #main-content .jc-type-accent-small .jc-eyebrow,
#page-container #main-content .jc-type-accent-small.jc-accent,
#page-container #main-content .jc-type-accent-small.jc-eyebrow,
#page-container #main-content .jc-type-accent-small.jc-eyebrow.jc-eyebrow,
body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-accent-small.jc-eyebrow,
body.jc-about-page #main-content .jc-about-production-section .jc-type-accent-small.jc-eyebrow,
#page-container #main-content.jc-about-page .jc-about-production-section .jc-type-accent-small.jc-eyebrow,
body.jc-home-page #main-content .jc-home-awards-heading h2,
body.jc-home-page #main-content .jc-home-social-heading h3,
body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__heading .jc-accent,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading .jc-accent,
body.jc-products-page #page-container #main-content .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow,
#page-container #main-content.jc-page--products .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow,
body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent,
#page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent,
body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy .jc-type-accent-small .jc-accent,
body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-type-accent-small .jc-accent,
#page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-type-accent-small .jc-accent,
body.jc-cook-page #page-container #main-content.jc-page--cook .jc-cook-videos__intro .jc-type-accent-small .jc-accent,
#page-container #main-content.jc-page--cook .jc-cook-videos__intro .jc-type-accent-small .jc-accent,
#page-container #main-content .jc-cook-page .jc-cook-videos__intro .jc-type-accent-small .jc-accent {
  font-family: var(--jc-font-accent) !important;
  font-size: var(--jc-type-section-script-size) !important;
  font-weight: 400 !important;
  line-height: 0.86 !important;
  letter-spacing: 0 !important;
}

body.jc-home-page #main-content .jc-home-awards-heading {
  margin-bottom: var(--jc-type-section-script-gap) !important;
}

/* Hero script modules should keep the handwritten contract even if the editor changes the text tag. */
#page-container #main-content .jc-type-hero-script-accent :is(p, h1, h2, h3, h4, h5, h6),
#main-content .jc-type-hero-script-accent :is(p, h1, h2, h3, h4, h5, h6),
.jc-type-hero-script-accent :is(p, h1, h2, h3, h4, h5, h6) {
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: var(--jc-type-hero-script-size) !important;
  font-weight: 400 !important;
  line-height: 0.86 !important;
  letter-spacing: 0 !important;
}

body.jc-home-page #page-container #main-content .jc-home-intro-stage .jc-type-h3-editorial-lead :is(p, h1, h2, h3, h4, h5, h6),
body.jc-home-page #main-content .jc-home-intro-stage .jc-type-h3-editorial-lead :is(p, h1, h2, h3, h4, h5, h6) {
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-display) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body.jc-home-page #page-container #main-content .jc-home-intro-stage .jc-type-body-base :is(p, h1, h2, h3, h4, h5, h6),
body.jc-home-page #main-content .jc-home-intro-stage .jc-type-body-base :is(p, h1, h2, h3, h4, h5, h6) {
  color: var(--jc-color-white) !important;
  font-family: var(--jc-font-body) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body.jc-home-page #page-container #main-content .jc-home-cta-card .jc-type-body-small :is(p, h1, h2, h3, h4, h5, h6),
body.jc-home-page #main-content .jc-home-cta-card .jc-type-body-small :is(p, h1, h2, h3, h4, h5, h6) {
  color: var(--jc-color-brand-gold-light) !important;
  font-family: var(--jc-font-body) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body.jc-home-page #page-container #main-content .jc-home-social .jc-type-h4-small-heading :is(p, h1, h2, h3, h4, h5, h6),
body.jc-home-page #main-content .jc-home-social .jc-type-h4-small-heading :is(p, h1, h2, h3, h4, h5, h6) {
  font-family: var(--jc-font-display) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
/* End compact section script contract. */

/* Round 10 feedback contract: fix reported regressions without changing global body/card font scales. */
body.jc-home-page #page-container #main-content .jc-home-awards-copy .jc-home-awards-subhead,
body.jc-home-page #main-content .jc-home-awards-copy .jc-home-awards-subhead,
body.jc-home-page #page-container #main-content .jc-home-social .jc-type-h4-small-heading > :is(p, h1, h2, h3, h4, h5, h6),
body.jc-home-page #main-content .jc-home-social .jc-type-h4-small-heading > :is(p, h1, h2, h3, h4, h5, h6) {
  font-family: var(--jc-font-display) !important;
  font-size: var(--jc-type-section-lead-size) !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__heading span:not(.jc-accent),
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading span:not(.jc-accent),
#page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading span:not(.jc-accent),
body.jc-products-page #page-container #main-content .jc-products-detail-section .jc-section-heading h2,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section .jc-section-heading h2,
#page-container #main-content.jc-page--products .jc-products-detail-section .jc-section-heading h2 {
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.75rem, 1.5vw, 2.65rem) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gform_footer,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gform_footer {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gform_footer input[type="submit"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gform_footer input[type="submit"],
.jc-system-page--contact .jc-contact-form-section .gform_wrapper.gravity-theme .gform_footer button,
.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gform_footer button {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

@media (max-width: 980px) {
  #main-content.jc-recipe-single .jc-recipe-single-hero > .jc-section-inner > p:not(.jc-eyebrow),
  #main-content .jc-recipe-single .jc-recipe-single-hero > .jc-section-inner > p:not(.jc-eyebrow),
  .jc-recipe-single .jc-recipe-single-hero > .jc-section-inner > p:not(.jc-eyebrow) {
    display: none !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-grid,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-grid,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-copy-column,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-copy-column,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-copy-column,
  .jc-about-page .jc-about-production-section .jc-map-copy-column {
    box-sizing: border-box !important;
    width: min(100%, calc(100vw - clamp(2rem, 8vw, 4rem))) !important;
    max-width: 760px !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    padding-right: clamp(1rem, 4vw, 2rem) !important;
    padding-left: clamp(1rem, 4vw, 2rem) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-copy-column > *,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-copy-column > *,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-copy-column > *,
  .jc-about-page .jc-about-production-section .jc-map-copy-column > * {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 720px !important;
    min-width: 0 !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-copy-column .jc-type-body-base > p,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-copy-column .jc-type-body-base > p,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-copy-column .jc-type-body-base > p,
  .jc-about-page .jc-about-production-section .jc-map-copy-column .jc-type-body-base > p,
  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-map-copy-column .jc-number-list,
  body.jc-about-page #main-content .jc-about-production-section .jc-map-copy-column .jc-number-list,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-map-copy-column .jc-number-list,
  .jc-about-page .jc-about-production-section .jc-map-copy-column .jc-number-list {
    width: min(100%, 720px) !important;
    max-width: 720px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.jc-about-page #page-container #main-content .jc-about-production-section .jc-type-accent-small.jc-eyebrow,
  body.jc-about-page #main-content .jc-about-production-section .jc-type-accent-small.jc-eyebrow,
  #page-container #main-content.jc-about-page .jc-about-production-section .jc-type-accent-small.jc-eyebrow {
    max-width: 100% !important;
    font-size: clamp(18px, 5.8vw, var(--jc-type-nowrap-script-compact, var(--jc-type-section-script-size))) !important;
    white-space: nowrap !important;
  }

  body.jc-home-page #page-container #main-content,
  body.jc-home-page #main-content {
    --jc-home-mobile-copy-measure: min(calc(100vw - clamp(2rem, 8vw, 4rem)), 720px);
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-stage__inner,
  body.jc-home-page #main-content .jc-home-intro-stage__inner,
  #page-container #main-content .jc-home-intro-stage__inner,
  body.jc-home-page #page-container #main-content .jc-home-awards-grid,
  body.jc-home-page #main-content .jc-home-awards-grid,
  #page-container #main-content .jc-home-awards-grid,
  body.jc-home-page #page-container #main-content .jc-home-social__inner,
  body.jc-home-page #main-content .jc-home-social__inner,
  #page-container #main-content .jc-home-social__inner {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: var(--jc-home-mobile-copy-measure) !important;
    max-width: var(--jc-home-mobile-copy-measure) !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-stage__copy,
  body.jc-home-page #main-content .jc-home-intro-stage__copy,
  #page-container #main-content .jc-home-intro-stage__copy,
  body.jc-home-page #page-container #main-content .jc-home-intro-stage__copy .jc-native-module,
  body.jc-home-page #main-content .jc-home-intro-stage__copy .jc-native-module,
  #page-container #main-content .jc-home-intro-stage__copy .jc-native-module,
  body.jc-home-page #page-container #main-content .jc-home-awards-copy,
  body.jc-home-page #main-content .jc-home-awards-copy,
  #page-container #main-content .jc-home-awards-copy,
  body.jc-home-page #page-container #main-content .jc-home-awards-copy .jc-native-module,
  body.jc-home-page #main-content .jc-home-awards-copy .jc-native-module,
  #page-container #main-content .jc-home-awards-copy .jc-native-module,
  body.jc-home-page #page-container #main-content .jc-home-social__copy,
  body.jc-home-page #main-content .jc-home-social__copy,
  #page-container #main-content .jc-home-social__copy,
  body.jc-home-page #page-container #main-content .jc-home-social__copy .jc-native-module,
  body.jc-home-page #main-content .jc-home-social__copy .jc-native-module,
  #page-container #main-content .jc-home-social__copy .jc-native-module {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    justify-self: center !important;
    text-align: center !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-stage__copy p,
  body.jc-home-page #main-content .jc-home-intro-stage__copy p,
  #page-container #main-content .jc-home-intro-stage__copy p,
  body.jc-home-page #page-container #main-content .jc-home-intro-stage__copy h2,
  body.jc-home-page #main-content .jc-home-intro-stage__copy h2,
  #page-container #main-content .jc-home-intro-stage__copy h2,
  body.jc-home-page #page-container #main-content .jc-home-awards-copy h2,
  body.jc-home-page #main-content .jc-home-awards-copy h2,
  #page-container #main-content .jc-home-awards-copy h2,
  body.jc-home-page #page-container #main-content .jc-home-awards-copy p,
  body.jc-home-page #main-content .jc-home-awards-copy p,
  #page-container #main-content .jc-home-awards-copy p,
  body.jc-home-page #page-container #main-content .jc-home-social__copy h3,
  body.jc-home-page #main-content .jc-home-social__copy h3,
  #page-container #main-content .jc-home-social__copy h3,
  body.jc-home-page #page-container #main-content .jc-home-social__copy p,
  body.jc-home-page #main-content .jc-home-social__copy p,
  #page-container #main-content .jc-home-social__copy p {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-accent p,
  body.jc-home-page #main-content .jc-home-intro-accent p,
  #page-container #main-content .jc-home-intro-accent p,
  body.jc-home-page #page-container #main-content .jc-home-awards-heading h2,
  body.jc-home-page #main-content .jc-home-awards-heading h2,
  #page-container #main-content .jc-home-awards-heading h2,
  body.jc-home-page #page-container #main-content .jc-home-social-heading h3,
  body.jc-home-page #main-content .jc-home-social-heading h3,
  #page-container #main-content .jc-home-social-heading h3 {
    white-space: nowrap !important;
  }
}

@media (max-width: 420px) {
  body.jc-home-page #page-container #main-content,
  body.jc-home-page #main-content {
    --jc-home-mobile-script-hero: clamp(42px, 13.7vw, 54px);
    --jc-home-mobile-script-section: clamp(21px, 6.6vw, 27px);
  }

  body.jc-home-page #page-container #main-content .jc-home-intro-accent p,
  body.jc-home-page #main-content .jc-home-intro-accent p,
  #page-container #main-content .jc-home-intro-accent p {
    font-size: var(--jc-home-mobile-script-hero) !important;
    line-height: 0.88 !important;
  }

  body.jc-home-page #page-container #main-content .jc-home-awards-heading h2,
  body.jc-home-page #main-content .jc-home-awards-heading h2,
  #page-container #main-content .jc-home-awards-heading h2,
  body.jc-home-page #page-container #main-content .jc-home-social-heading h3,
  body.jc-home-page #main-content .jc-home-social-heading h3,
  #page-container #main-content .jc-home-social-heading h3 {
    font-size: var(--jc-home-mobile-script-section) !important;
    line-height: 0.95 !important;
  }
}

@media (min-width: 768px) and (max-width: 980px) {
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro {
    padding-bottom: clamp(2.5rem, 5vw, 3.5rem) !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  body.jc-products-page {
    --jc-products-detail-card-height: clamp(650px, calc(68vw + 10px), 730px);
  }
}

@media (max-width: 767.98px) {
  body.jc-products-page {
    --jc-products-detail-card-height: clamp(640px, 164vw, 700px);
  }
}

body.jc-products-page #page-container #main-content .jc-product-card__body,
body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card__body,
#page-container #main-content.jc-page--products .jc-product-card__body {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) clamp(118px, calc(var(--jc-products-detail-card-height) * 0.2), 156px) !important;
  align-content: stretch !important;
  align-items: start !important;
  padding-bottom: 0 !important;
}

body.jc-products-page #page-container #main-content .jc-product-card__body > p:not(.jc-product-subtitle),
body.jc-products-page #page-container #main-content.jc-page--products .jc-product-card__body > p:not(.jc-product-subtitle),
#page-container #main-content.jc-page--products .jc-product-card__body > p:not(.jc-product-subtitle) {
  align-self: start !important;
}

body.jc-products-page #page-container #main-content .jc-attribute-list,
body.jc-products-page #page-container #main-content.jc-page--products .jc-attribute-list,
#page-container #main-content.jc-page--products .jc-attribute-list {
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  flex: none !important;
  margin-top: 0 !important;
}

@media (max-width: 340px) {
  #page-container #main-content .jc-standard-prefooter,
  #page-container #main-content.jc-archive-page--recipes .jc-standard-prefooter.jc-archive-prefooter,
  #page-container #main-content.jc-archive-page--videos .jc-standard-prefooter.jc-archive-prefooter {
    min-height: calc(450px + 5rem) !important;
    height: calc(450px + 5rem) !important;
    padding-bottom: 5rem !important;
  }
}

@media (max-width: 980px) {
  #page-container #main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero > .jc-section-inner,
  #main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero > .jc-section-inner,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-hero > .jc-section-inner {
    width: min(100% - 32px, 720px) !important;
    max-width: 720px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (max-width: 640px) {
  #page-container #main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-brand-hub-login-title h1,
  #main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-brand-hub-login-title h1,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-brand-hub-login-title h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 48px !important;
    line-height: 0.98 !important;
  }

  #page-container #main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-type-hero-lead p,
  #main-content.jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-type-hero-lead p,
  .jc-system-page--brand-hub-login .jc-brand-hub-login-hero .jc-type-hero-lead p {
    width: 100% !important;
    max-width: 34rem !important;
    font-size: clamp(1.02rem, 4.7vw, 1.18rem) !important;
    line-height: 1.28 !important;
  }
}

body.jc-home-page #page-container #main-content .jc-home-cta-card h3,
body.jc-home-page #main-content .jc-home-cta-card h3,
body.home #page-container #main-content .jc-home-cta-card h3,
body.home #main-content .jc-home-cta-card h3 {
  font-size: 18px !important;
  line-height: 1.04 !important;
}

@media (max-width: 640px) {
  #page-container .jc-back-to-top,
  .jc-back-to-top {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 420px) {
  body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__heading .jc-accent,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading .jc-accent,
  #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading .jc-accent,
  body.jc-products-page #page-container #main-content .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow,
  #page-container #main-content.jc-page--products .jc-products-detail-section .jc-type-eyebrow .jc-eyebrow {
    font-size: var(--jc-type-nowrap-script-compact) !important;
    line-height: 0.95 !important;
    white-space: nowrap !important;
  }

  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent,
  #page-container #main-content .jc-corporate-page .jc-corporate-intro .jc-type-accent-small .jc-accent,
  body.jc-corporate-page #page-container #main-content.jc-corporate-page .jc-corporate-welfare-copy .jc-type-accent-small .jc-accent,
  body.jc-corporate-page #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-type-accent-small .jc-accent,
  #page-container #main-content .jc-corporate-page .jc-corporate-welfare-copy .jc-type-accent-small .jc-accent {
    font-size: var(--jc-type-nowrap-script-medium) !important;
    line-height: 0.95 !important;
    white-space: nowrap !important;
  }
}

/* Home Instagram feed: use the real feed in the existing social media visual slot. */

/* Elementor editor hardening: keep the Products intro visually identical while
 * exposing its script and editorial lines as separate Heading controls. */
body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__heading,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading,
#page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__heading {
  display: grid !important;
  justify-items: center !important;
  gap: var(--jc-products-intro-heading-gap) !important;
  max-width: 820px !important;
  margin-bottom: 1rem !important;
}

body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__accent,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__accent,
#page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__accent {
  margin: 0 !important;
}

body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__accent .elementor-heading-title,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__accent .elementor-heading-title,
#page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__accent .elementor-heading-title {
  color: var(--jc-color-brand-gold) !important;
  font-family: var(--jc-font-accent) !important;
  font-size: var(--jc-type-section-script-size) !important;
  font-weight: 400 !important;
  line-height: 0.86 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
}

body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__title,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__title,
#page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__title {
  margin: 0 !important;
}

body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__title .elementor-heading-title,
body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__title .elementor-heading-title,
#page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__title .elementor-heading-title {
  color: #2f2d28 !important;
  font-family: var(--jc-font-display) !important;
  font-size: clamp(1.75rem, 1.5vw, 2.65rem) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 420px) {
  body.jc-products-page #page-container #main-content .jc-products-intro .jc-products-intro__accent .elementor-heading-title,
  body.jc-products-page #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__accent .elementor-heading-title,
  #page-container #main-content.jc-page--products .jc-products-intro .jc-products-intro__accent .elementor-heading-title {
    font-size: var(--jc-type-nowrap-script-compact) !important;
    line-height: 0.95 !important;
    white-space: nowrap !important;
  }
}

/* Brand Hub resource links use Elementor's Icon List control. Recreate the
 * signed-off quiet bullet treatment without raw list markup in a text field. */
.jc-brand-hub-page .jc-resource-card > .jc-brand-hub-resource-links .elementor-icon-list-items {
  display: grid !important;
  gap: 0.22rem !important;
  margin: 0 !important;
  padding-left: 0.95rem !important;
  list-style: disc !important;
}

.jc-brand-hub-page .jc-resource-card > .jc-brand-hub-resource-links .elementor-icon-list-item {
  display: list-item !important;
  margin: 0 !important;
  padding: 0 !important;
}

.jc-brand-hub-page .jc-resource-card > .jc-brand-hub-resource-links .elementor-icon-list-item::marker {
  color: rgba(159, 142, 95, 0.62);
  font-size: 0.55em;
}

.jc-brand-hub-page .jc-resource-card > .jc-brand-hub-resource-links .elementor-icon-list-icon {
  display: none !important;
}

.jc-brand-hub-page .jc-resource-card > .jc-brand-hub-resource-links .elementor-icon-list-text {
  display: inline !important;
  min-height: 0 !important;
  color: var(--jc-color-brand-gold) !important;
  font-family: var(--jc-font-body) !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  line-height: 1.32 !important;
}
body.jc-home-page #page-container #main-content .jc-home-social__feed,
body.jc-home-page #main-content .jc-home-social__feed,
#page-container #main-content .jc-home-social__feed {
  box-sizing: border-box !important;
  display: block !important;
  width: min(100%, 1804px) !important;
  max-width: 1804px !important;
  min-width: 0 !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.jc-home-page #page-container #main-content .jc-home-social__feed #sb_instagram,
body.jc-home-page #main-content .jc-home-social__feed #sb_instagram,
#page-container #main-content .jc-home-social__feed #sb_instagram {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.jc-home-page #page-container #main-content .jc-home-social__feed #sbi_images,
body.jc-home-page #main-content .jc-home-social__feed #sbi_images,
#page-container #main-content .jc-home-social__feed #sbi_images {
  width: 100% !important;
}

body.jc-home-page #page-container #main-content .jc-home-social__feed .sbi_photo,
body.jc-home-page #main-content .jc-home-social__feed .sbi_photo,
#page-container #main-content .jc-home-social__feed .sbi_photo {
  background-size: cover !important;
}

body.jc-home-page #page-container #main-content .jc-home-social__feed .sb_instagram_header,
body.jc-home-page #main-content .jc-home-social__feed .sb_instagram_header,
#page-container #main-content .jc-home-social__feed .sb_instagram_header,
body.jc-home-page #page-container #main-content .jc-home-social__feed #sbi_load,
body.jc-home-page #main-content .jc-home-social__feed #sbi_load,
#page-container #main-content .jc-home-social__feed #sbi_load {
  display: none !important;
}

@media (min-width: 981px) {
  body.jc-home-page #page-container #main-content .jc-home-social__feed,
  body.jc-home-page #main-content .jc-home-social__feed,
  #page-container #main-content .jc-home-social__feed {
    margin-bottom: calc(-1 * clamp(3rem, 3vw, 4.1rem)) !important;
    transform: translateY(clamp(-4.1rem, -3vw, -3rem)) !important;
  }
}

@media (max-width: 767.98px) {
  body.jc-home-page #page-container #main-content .jc-home-social__feed,
  body.jc-home-page #main-content .jc-home-social__feed,
  #page-container #main-content .jc-home-social__feed {
    width: 100% !important;
  }
}
/* End round 10 feedback contract. */

/* July 2026 client feedback: five product attributes and six contact offices. */
body.jc-products-page #page-container #main-content.jc-page--products .jc-attribute-list {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-attribute-list li {
  grid-template-rows: auto auto auto !important;
}

body.jc-products-page #page-container #main-content.jc-page--products .jc-attribute-icon-spacer {
  display: block !important;
  width: clamp(24px, 1.8vw, 36px) !important;
  height: clamp(24px, 1.8vw, 36px) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

#page-container #main-content.jc-system-page--contact .jc-office-grid {
  box-sizing: border-box !important;
  display: grid !important;
  position: relative !important;
  right: auto !important;
  left: auto !important;
  width: min(calc(100% - 1.75rem), 420px) !important;
  max-width: 1680px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 1.1rem !important;
  margin-right: auto !important;
  margin-bottom: clamp(2rem, 4vw, 4rem) !important;
  margin-left: auto !important;
  transform: none !important;
}

#page-container #main-content.jc-system-page--contact .jc-office-grid .jc-office-card {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 1.15rem 0 !important;
}

.jc-system-page--contact .jc-office-heading__name,
.jc-system-page--contact .jc-office-heading__location {
  display: block;
}

#page-container #main-content.jc-system-page--contact .jc-office-details {
  position: static !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: clamp(0.9rem, 1.35vw, 1.25rem) !important;
}

#page-container #main-content.jc-system-page--contact .jc-office-detail {
  margin-top: clamp(0.65rem, 0.9vw, 0.9rem) !important;
}

#page-container #main-content.jc-system-page--contact .jc-office-detail:first-child {
  margin-top: 0 !important;
}

#page-container #main-content.jc-system-page--contact .jc-office-detail__label {
  display: block !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-size: clamp(0.82rem, 0.78vw, 1rem) !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

#page-container #main-content.jc-system-page--contact .jc-office-detail__label::before {
  content: none !important;
}

#page-container #main-content.jc-system-page--contact .jc-office-detail__value {
  display: block !important;
  margin-top: 0.12rem !important;
  color: var(--jc-color-white) !important;
  font-size: clamp(0.82rem, 0.78vw, 1rem) !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
}

/* One fluid tablet range; only the 1/2/3-column changes need breakpoints. */
@media (min-width: 641px) {
  #page-container #main-content.jc-system-page--contact .jc-office-grid {
    width: min(calc(100% - clamp(3rem, 7vw, 7rem)), 1180px) !important;
    max-width: 1180px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(1.5rem, 2.6vw, 2.75rem) !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-office-grid .jc-office-card {
    padding: 0 !important;
  }
}

@media (min-width: 1280px) {
  #page-container #main-content.jc-system-page--contact .jc-office-grid {
    width: min(calc(100% - clamp(3rem, 5vw, 6rem)), 1680px) !important;
    max-width: 1680px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: clamp(0.9rem, 1.35vw, 1.5rem) !important;
    row-gap: 130px !important;
  }

  #page-container #main-content.jc-system-page--contact .jc-office-grid .jc-office-card {
    display: grid !important;
    grid-template-rows: 4rem auto !important;
    align-content: start !important;
  }
}

/* August 2026 client feedback: Contact alignment and branded consent/form controls. */
#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field select,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field select {
  padding-right: 2.5rem !important;
  border: 1px solid var(--jc-color-brand-gold-light) !important;
  color: var(--jc-color-cream) !important;
  background-color: rgba(51, 46, 40, 0.92) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23c6b47a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") !important;
  background-position: right 0.9rem center !important;
  background-repeat: no-repeat !important;
  background-size: 0.75rem 0.5rem !important;
  appearance: none;
  color-scheme: dark !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field select:focus-visible,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field select:focus-visible {
  outline: 2px solid var(--jc-color-brand-gold-light) !important;
  outline-offset: 3px;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field select option,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field select option {
  color: var(--jc-color-brand-dark);
  background: var(--jc-color-cream);
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field select option:checked,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field select option:checked {
  color: var(--jc-color-brand-dark) !important;
  background: var(--jc-color-brand-gold-light) !important;
}

/* Native contact select stability and colour-scheme guard.
 * The opened option list belongs to the browser/operating system. Keep its
 * preferred scheme dark, while making the in-page floating label settle before
 * the native menu opens instead of animating over the selection surface. */
#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select .gfield_label,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select .gfield_label {
  transition: none !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select:focus-within .gfield_label,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select:focus-within .gfield_label {
  top: 0.22rem !important;
  color: rgba(198, 180, 122, 0.86) !important;
  font-size: 0.76rem !important;
  transform: none !important;
}

/* Native select labels must remain outside their browser-owned controls.
 * Unlike text inputs, an empty select has no safe in-control label position
 * once it receives focus. Keeping the label in normal flow prevents it from
 * sitting against the select's top edge in Chrome, Safari and Firefox. */
#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select {
  min-height: 0 !important;
  padding: 0 !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select .gfield_label,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select .gfield_label,
#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select:is(.is-focused, .is-filled, :focus-within) .gfield_label,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select:is(.is-focused, .is-filled, :focus-within) .gfield_label {
  position: static !important;
  display: block !important;
  margin: 0 0 0.45rem !important;
  color: var(--jc-color-brand-gold-light) !important;
  font-size: 0.92rem !important;
  line-height: 1.25 !important;
  pointer-events: auto !important;
  transform: none !important;
}

#page-container #main-content.jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select select,
#page-container #main-content .jc-system-page--contact .jc-contact-form-section .gform_wrapper .gfield.jc-contact-entry-field--select select {
  min-height: 52px !important;
  padding: 0.8rem 2.5rem 0.8rem 0.95rem !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner {
  border: 1px solid rgba(159, 142, 95, 0.78) !important;
  border-radius: 1.5rem !important;
  color: var(--jc-color-brand-dark) !important;
  background: var(--jc-color-cream) !important;
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.42) !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message a {
  color: var(--jc-color-brand-dark) !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message a {
  text-decoration-color: #9f8e5f !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
  min-height: 2.75rem !important;
  border: 1px solid #9f8e5f !important;
  border-radius: 0.75rem !important;
  color: var(--jc-color-cream) !important;
  background: transparent !important;
  font-family: var(--jc-font-ui) !important;
  font-weight: 700 !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
  color: var(--jc-color-brand-dark) !important;
  background: #9f8e5f !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny {
  color: var(--jc-color-brand-dark) !important;
  background: var(--jc-color-cream) !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences {
  color: var(--jc-color-cream) !important;
  background: var(--jc-color-brand-dark) !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn:focus-visible {
  color: var(--jc-color-brand-dark) !important;
  background: #9f8e5f !important;
  outline: 2px solid #9f8e5f !important;
  outline-offset: 3px;
}

/* Short windows do not leave enough vertical space for the decorative scroll
 * cue and the editable hero copy. Preserve the readable content and hide only
 * that non-essential marker until normal viewport height is available. */
@media (max-height: 560px) {
  #main-content .jc-scroll-marker,
  .jc-scroll-marker {
    display: none !important;
  }
}

/* Approved staging closeout: keep the live Instagram feed compact and tidy.
 * Smash Balloon supplies mixed source dimensions, so every public card owns a
 * 3:4 viewport and crops its background image consistently. */
body.jc-home-page #page-container #main-content .jc-home-social__feed {
  width: min(100%, 1264px) !important;
  max-width: 1264px !important;
}

body.jc-home-page #page-container #main-content .jc-home-social__feed #sbi_images {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: clamp(0.65rem, 1vw, 1rem) !important;
}

body.jc-home-page #page-container #main-content .jc-home-social__feed #sbi_images .sbi_item {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
}

body.jc-home-page #page-container #main-content .jc-home-social__feed #sbi_images .sbi_photo_wrap,
body.jc-home-page #page-container #main-content .jc-home-social__feed #sbi_images .sbi_photo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body.jc-home-page #page-container #main-content .jc-home-social__feed #sbi_images .sbi_photo {
  background-position: center !important;
  background-size: cover !important;
}

@media (max-width: 980px) {
  body.jc-home-page #page-container #main-content .jc-home-social__feed #sbi_images {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.jc-home-page #page-container #main-content .jc-home-social__feed #sbi_images {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}