/* PDF-derived presentation rules. Layout and functional controls stay local. */
:root{--surface-page:#F4F5F1;--surface-white:#FFFFFF;--surface-subtle:#F4F5F1;--surface-border:#E2E5DE;--reading-ink:#3A4641;--heading-ink:#133A31;--section-accent:#86A126}
html body{background-color:var(--surface-page);color:var(--reading-ink)}
/* White content panels on a warm-white canvas; no third grey/ivory surface. */
body :is(.browse-categories,.homepage-authority,.custom-packaging-section,.packaging-intelligence,.homepage-contact,.story-beginnings,.story-journey,.story-today,.factory-inside,.factory-benefits,.factory-trade,.factory-process,.factory-people,.factory-community,.factory-tour,.purchase-paths,.bamboolia-brand-section,.downloads-library,.awards-content,.contact-layout,.contact-manufacturing,.cup-studio,.custom-enquiry,.commercial-categories,.commercial-workspace){background-color:var(--surface-page)!important}
body :is(.commercial-card,.category-card,.browse-category-card,.purchase-card,.award-card,.download-card,.catalogue-featured,.studio-controls,.custom-enquiry-form,.homepage-contact-form,.contact-form-panel,.technical-specifications,.matching-lids,.family-related-card,.contact-panel){background-color:var(--surface-white)!important}
body .homepage-hero[data-current="1"]{background:#F4F5F1!important}
.unified-home-hero:has(.homepage-hero[data-current="1"]){--authority-surface:#F4F5F1}
/* Condensed sentence-case section titles; hero headlines remain uppercase. */
html body main :is(h2,h3){text-transform:none!important;font-synthesis:none}
html body main h2{font-family:var(--font-display)!important;line-height:1.15;letter-spacing:0!important}
html body main :is(.section-heading,.section-header,.pi-intro,.custom-packaging-copy,.factory-copy,.story-copy)>h2,
html body main :is(.browse-categories,.packaging-intelligence,.homepage-insights,.homepage-contact) h2{font-size:clamp(30px,3vw,44px)!important}
html body main :is(.hero-heading,h1){text-transform:uppercase}
/* Body and navigation metadata use the regular sans role, without display tracking. */
html body main :is(.hero-body,.factory-copy,.story-copy,.custom-packaging-copy,.pi-intro,.detail-heading)>p:not([class*="eyebrow"]):not([class*="kicker"]):not(.card-category){font-family:var(--font-body);font-weight:var(--weight-body);letter-spacing:0!important;line-height:1.65}
html body :is(.breadcrumbs,.breadcrumb){font-family:var(--font-body)!important;font-weight:var(--weight-body);letter-spacing:0!important;text-transform:none!important;color:#4F5D57}
html body :is(.breadcrumbs,.breadcrumb) a{color:#4F5D57}
html body :is(.breadcrumbs,.breadcrumb) [aria-current]{color:#133A31;font-weight:var(--weight-medium)}
html body main :is(.section-eyebrow,.eyebrow,.factory-eyebrow,.story-eyebrow,.downloads-kicker,.contact-kicker,.catalogue-eyebrow,.pi-eyebrow,.card-category){font-family:var(--font-body)!important;font-weight:var(--weight-medium);font-size:11px;line-height:1.5;letter-spacing:.12em!important;text-transform:uppercase;color:#86A126}
/* Dark chapters keep white text and olive accents, without changing their art. */
body :is(.factory-figures,.factory-invitation,.story-purpose,.amazon-store-banner,.product-consultation,.pi-answer,.homepage-insights-surface){--heading-ink:#fff;--reading-ink:#DCE6E1}
body :is(.factory-figures,.factory-invitation,.story-purpose,.product-consultation) :is(h2,h3){color:#fff}
@media(max-width:767px){html body main :is(.browse-categories,.packaging-intelligence,.homepage-insights,.homepage-contact) h2{font-size:32px!important}}

/* Editorial headings need stronger presence than the initial compact scale. */
html body main :is(.section-heading,.section-header,.pi-intro,.custom-packaging-copy,.factory-copy,.story-copy)>h2,
html body main :is(.browse-categories,.packaging-intelligence,.homepage-insights,.homepage-contact) h2{
 font-size:clamp(40px,4vw,64px)!important;line-height:1.1!important;
}
@media(max-width:767px){
 html body main :is(.section-heading,.section-header,.pi-intro,.custom-packaging-copy,.factory-copy,.story-copy)>h2,
 html body main :is(.browse-categories,.packaging-intelligence,.homepage-insights,.homepage-contact) h2{font-size:clamp(36px,7vw,44px)!important}
}

/* Homepage hero headlines are uppercase; CTA labels remain sentence case. */
html body main .homepage-hero .hero-heading,
html body main .homepage-hero .hero-heading span{text-transform:uppercase!important}
html body main .homepage-hero :is(.hero-cta,.hero-text-link){font-family:var(--font-body)!important;font-weight:var(--weight-medium,500)!important;text-transform:none!important;font-size:15px!important;line-height:1.4!important}
@layer eg-actions{
 html body main .homepage-hero a.hero-cta[data-button-style="hero"],
 html body main .homepage-hero a.hero-cta[data-button-style="hero"] span{font-family:var(--font-body)!important;text-transform:none!important;font-size:15px!important}
}
/* These adjacent homepage chapters share one heading scale. */
html body.home-page main #canadian-manufacturing-heading,
html body.home-page main #custom-packaging-heading{
 font-size:var(--type-section)!important;
 line-height:1.1!important;
}
/* A readable supporting heading above the customer logo ribbon. */
html body.home-page main #authority-heading{
 font-family:var(--font-body)!important;font-weight:500!important;
 font-size:clamp(18px,1.5vw,24px)!important;line-height:1.35!important;
 letter-spacing:.015em!important;text-transform:none!important;
 text-align:center;margin:0 0 24px;
}
@media(max-width:767px){html body.home-page main #authority-heading{font-size:18px!important;margin-bottom:20px}}