/* Shared type system for the homepage and all three brand pages.
 * Layout styles may position text; typography is owned here. */
:root{
 --kogado-font-heading:Manrope,Arial,sans-serif;
 --kogado-font-body:'Helvetica Neue Kogado',Helvetica,Arial,sans-serif;
 --heading:var(--kogado-font-heading);--font:var(--kogado-font-body);
 --type-display:clamp(44px,4.25vw,76px);
 --type-section:clamp(32px,3vw,56px);
 --type-card:clamp(22px,2vw,32px);
 --type-copy:17px;--type-lead:18px;--type-meta:14px;--type-caption:12px;
}
.page-main :is(.experience-home,.pdf-brand){font-family:var(--font);font-size:var(--type-copy);font-weight:400;line-height:1.6;font-synthesis:none}
.page-main :is(.experience-home,.pdf-brand) :is(h1,h2,h3,h4){font-family:var(--heading);font-weight:600;font-style:normal;letter-spacing:-.035em;text-transform:none}
.page-main :is(.experience-home,.pdf-brand) h1{font-size:var(--type-display);line-height:1.16;letter-spacing:-.04em}
.page-main :is(.experience-home,.pdf-brand) h2{font-size:var(--type-section);line-height:1.18}
.page-main :is(.experience-home,.pdf-brand) h3{font-size:var(--type-card);line-height:1.25;letter-spacing:-.025em}
.page-main :is(.experience-home,.pdf-brand) h4{font-size:20px;line-height:1.3;letter-spacing:-.02em}
.page-main :is(.experience-home,.pdf-brand) h1 em{font-family:inherit;font-size:inherit;font-style:normal;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
.page-main :is(.experience-home,.pdf-brand) p{font-family:var(--font);font-size:var(--type-copy);font-weight:400;line-height:1.6;letter-spacing:normal}
.page-main :is(.experience-home,.pdf-brand) :is(.experience-hero-copy,.pdf-hero-copy)>p{font-size:var(--type-lead);line-height:1.55;letter-spacing:normal}
.page-main :is(.experience-home,.pdf-brand) :is(.experience-eyebrow,.pdf-eyebrow){font-family:var(--font);font-size:var(--type-caption);font-weight:500;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.page-main :is(.experience-home,.pdf-brand) :is(.experience-button,.pdf-button){font-family:var(--font);font-size:14px;font-weight:500;line-height:1.3;letter-spacing:normal}
.page-main :is(.experience-home,.pdf-brand) :is(.experience-inline-link,.pdf-text-link){font-family:var(--font);font-size:15px;font-weight:500;line-height:1.5;letter-spacing:normal}
.page-main :is(.experience-home,.pdf-brand) :is(.pdf-footnote,.fragrance-note,.experience-hero-caption,.pdf-hero-caption){font-family:var(--font);font-size:var(--type-caption);font-weight:400;line-height:1.5;letter-spacing:normal}
.page-main :is(.experience-home,.pdf-brand) :is(.pdf-specs>div,.pdf-pills a,.experience-facts,.pdf-eva-products p,.pdf-air-products p,.pdf-air-products small,.pdf-refill-types p){font-family:var(--font);font-size:var(--type-meta);font-weight:400;line-height:1.5;letter-spacing:normal}
.page-main :is(.experience-home,.pdf-brand) :is(.pdf-scent-label strong,.fragrance-card-copy strong){font-family:var(--heading);font-size:var(--type-card);font-weight:600;line-height:1.25;letter-spacing:-.025em}
.page-main :is(.experience-home,.pdf-brand) :is(.pdf-scent-label>span,.fragrance-card-copy>span,.pdf-refill-how figcaption){font-family:var(--font);font-size:var(--type-caption);font-weight:400;line-height:1.5;letter-spacing:normal}
.page-main :is(.experience-home,.pdf-brand) :is(.pdf-scent-number,.fragrance-number){font-family:var(--font);font-size:16px;font-weight:400;line-height:1.4;letter-spacing:normal}
/* Compact interactive panels share a separate, readable supporting scale. */
.page-main .experience-home :is(.experience-detail-copy h3,.scenario-heading){font-family:var(--heading);font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.02em}
.page-main .experience-home :is(.experience-detail-copy p,.scenario-panel p,.experience-glass dl){font-family:var(--font);font-size:var(--type-meta);font-weight:400;line-height:1.5;letter-spacing:normal}
.page-main .experience-home .scenario-heading small{font-family:var(--font);font-size:var(--type-caption);font-weight:400;line-height:1.5;letter-spacing:normal}
.page-main .experience-home .experience-glass .experience-eyebrow{font-size:var(--type-caption)}
.page-main .experience-home .experience-glass .experience-button{font-size:14px}
.page-main .experience-home .scenario-toggle{font-family:var(--font);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:normal}
.page-main .experience-home .scenario-panel a{font-family:var(--font);font-size:14px;font-weight:500;line-height:1.5}
/* Header and the two existing footer layouts use the same text roles. */
body:has(:is(.experience-home,.pdf-brand)) .primary-nav{font-family:var(--font);font-size:14px;font-weight:500;line-height:1.5;letter-spacing:.015em}
body:has(:is(.experience-home,.pdf-brand)) :is(.site-footer,.pdf-footer){font-family:var(--font);font-size:15px;font-weight:400;line-height:1.6;letter-spacing:normal;font-synthesis:none}
body:has(:is(.experience-home,.pdf-brand)) :is(.footer-brand>p,.pdf-footer-grid>div:first-child>p){font-family:var(--font);font-size:15px;font-weight:400;line-height:1.6;letter-spacing:normal}
body:has(:is(.experience-home,.pdf-brand)) :is(.footer-top nav,.footer-links,.pdf-footer-grid nav,.pdf-footer-service){font-family:var(--font);font-size:14px;font-weight:400;line-height:1.6;letter-spacing:normal}
body:has(:is(.experience-home,.pdf-brand)) :is(.footer-top nav>.eyebrow,.pdf-footer-grid nav>p,.pdf-footer-grid>div:last-child>p){font-family:var(--font);font-size:var(--type-caption);font-weight:500;line-height:1.4;letter-spacing:.08em}
body:has(:is(.experience-home,.pdf-brand)) :is(.footer-bottom,.pdf-footer-bottom,.site-footer .preview-note,.pdf-footer-test){font-family:var(--font);font-size:var(--type-caption);font-weight:400;line-height:1.5;letter-spacing:normal}
@media(max-width:700px){
 :root{--type-display:clamp(36px,9.2vw,42px);--type-section:32px;--type-card:22px;--type-copy:16px;--type-lead:17px;--type-meta:13px}
 body:has(:is(.experience-home,.pdf-brand)) .primary-nav{font-size:16px}
 .page-main .experience-home .experience-glass dl{font-size:13px}
}

/* Reserve two title lines where equal-size type sits in product grids. */
.page-main .pdf-brand :is(.pdf-air-products,.pdf-eva-products) h3{min-block-size:2.5em}
@media(max-width:700px){.page-main .pdf-brand .pdf-air-products h3{min-block-size:0}}