:root{--cream:#f4efe5;--cream2:#ece5d8;--green:#496f54;--green-dark:#294437;--ink:#26352c;--muted:#667067}
html{scroll-behavior:smooth}[id]{scroll-margin-top:112px}
body, p, a, li, button, input, textarea, select, label, small, strong, nav, header, footer, h3, h4, h5, h6{font-family:"Open Sans",Arial,Helvetica,sans-serif!important}
.hero-title, .hero-title *, main h1, main h1 *, .section-title, .section-title *, .pf-hero h1, .pf-hero h1 *, .pf-section h2, .pf-section-heading h2, .about-hero-copy h1, .about-hero-copy h1 *, .contact-hero-copy h1, .contact-hero-copy h1 *, .contact-page h2, .csr-page h1, .csr-page h2, .cta h2{font-family:"Fraunces",Georgia,"Times New Roman",serif!important;font-weight:600!important}










.pf-hero h1, .pf-section h2, .pf-section-heading h2{font-weight:600!important}.pf-cta, .product-cta, .products-cta, .category-cta{display:none!important}.cta h2{font-weight:600!important}
img{max-width:100%;height:auto}.pf-item-media, .pf-hero-image, .pf-card-image{background-size:cover!important;background-position:center!important}.contact-form label{font-weight:600!important}.contact-form input, .contact-form textarea, .contact-form select{font-weight:400!important}

@media(max-width:760px){.float-actions{right:10px!important}}


/* =========================================================
   FINAL HEADER STABILITY PATCH
   Smaller logo + shorter header + zero navigation layout shift
   ========================================================= */

/* Reserve the vertical scrollbar on every page so page width never changes
   when navigating between short and long pages. */
html{
  overflow-y:scroll !important;
  scrollbar-gutter:stable !important;
}
*, *::before, *::after{box-sizing:border-box}
body{margin:0!important;overflow-x:hidden!important}

/* Header dimensions are completely isolated from each page's .container rules. */



/* Smaller, fixed logo box. */



/* Fixed navigation geometry: font loading and active state cannot move items. */



/* Explicit item widths ensure Open Sans loading cannot alter the menu position. */








/* Active state is color only. Absolutely no geometry change. */


/* No underline / pseudo-element at any state. */


/* Keep the Products chevron inside a fixed box as well. */


/* Mega menu opens below the new shorter header without affecting header geometry. */


/* Tablet/mobile */




/* ==========================================================
   FINAL FRAUNCES SMALL-TITLE SYSTEM
   Approved on Home, extended to interior-page content only.
   Header/menu/mega/mobile navigation remain Open Sans.
   ========================================================== */

/* Never allow Fraunces into navigation. */


/* Interior-page smaller content titles */
body:not(.home) main h3, body:not(.home) main h4, main .card-title, main .feature-title, main .pf-card-copy h3, main .pf-item-copy h3, main .director-card h3, main .journey-card h3, main .contact-card h3, main .cert-card h3, main .csr-card h3, main .collection-card h3, main .product-card h3, main .category-card h3{
  font-family:"Fraunces", Georgia, "Times New Roman", serif !important;
  font-weight:600 !important;
  line-height:1.14 !important;
  letter-spacing:-0.012em !important;
}

/* Sensible sizes: small titles stay compact */
main .pf-card-copy h3, main .pf-item-copy h3, main .product-card h3, main .category-card h3, main .collection-card h3{
  font-size:clamp(20px,1.6vw,26px) !important;
}
main .director-card h3, main .journey-card h3, main .contact-card h3, main .cert-card h3, main .csr-card h3, main .card-title, main .feature-title{
  font-size:clamp(18px,1.35vw,23px) !important;
}

/* Small labels/body/buttons remain Open Sans */
main .eyebrow, main .kicker, main .overline, main .label, main .meta, main p, main li, main a, main button, main input, main textarea, main select, main label, main small{
  font-family:"Open Sans", Arial, Helvetica, sans-serif !important;
}