/* Two families: Montaser for identity, Karla for reading and interaction. */
:root {
    --vernissage-font-brand:"Vernissage Montaser Titles","Karla",Arial,sans-serif;
    --vernissage-font-text:"Karla",Arial,Helvetica,sans-serif;
}
body {
    font-family:var(--vernissage-font-text);
}
.body--default :is(.homeHero__titleRow,.homeProductRow__heading,.homeWakeSenses__title,.homeWakeSenses__brandTitle,.homeCoffeeRhythm__title,.homeMobileArtBridge__heading h2),
.body :is(.page-heading,.productView-title),
.body--product .productView-originGlobe-title,
.body .vernissage-legal-heading h1,
#art-space :is(h1,h2,h3),
.customerGreeting {
    font-family:var(--vernissage-font-brand);
    font-weight:400;
    font-synthesis:none;
    font-kerning:normal;
    letter-spacing:0;
}
/* Keep category intro timing and dimensions; only change its typeface. */
.page.page--category--specials,
.page.page--category--filter,
.page.page--category--espresso,
.page.page--category--decaf,
.page.page--category--alle-kaffees {
    --category-specials-hero-title-font-family:var(--vernissage-font-brand);
    --category-specials-hero-title-font-weight:400;
    --category-specials-hero-title-letter-spacing:0;
}
#art-space .artCollectionHero h1,
#art-space .artIntro h1,
#art-space .artDialog h2 {
    font-family:var(--vernissage-font-brand);
    font-weight:400;
    font-synthesis:none;
    letter-spacing:0;
}
.body--category .categoryMobileGalleryCaption :is(.card-title,.card-title a) {
    font-family:var(--vernissage-font-brand);
    font-weight:400;
    letter-spacing:0;
}
.body .card .card-title,
.body .card .card-title a,
.body--product .productView .productView-title,
.body--product .productView .productView-mastheadTitleRow .productView-title {
    text-transform:none;
}
.body .card-artCaption,
.body--category .categoryMobileGalleryCaption .card-artCaption,
.body--default .homeCoffeeRhythm__avatarDialog .tasteCurator.is-complete .tasteCurator__profile {
    font-family:var(--vernissage-font-text) !important;
    font-style:normal !important;
    letter-spacing:0;
}
.footer .footer-info-heading,
.footerMain .footerAtelier__eyebrow,
.footer .footer-payment-mark {
    font-family:var(--vernissage-font-text);
}
#previewModal.modal--cartAdded,
#previewModal.modal--cartAdded * {
    font-family:var(--vernissage-font-text);
    letter-spacing:0;
}
#previewModal.modal--cartAdded .previewCartModal-title,
#previewModal.modal--cartAdded .previewCartAdded-name,
#previewModal.modal--cartAdded .card-title,
#previewModal.modal--cartAdded .card-title a {
    font-family:var(--vernissage-font-brand);
    font-weight:400;
    font-synthesis:none;
    font-kerning:normal;
    text-transform:none;
}
.coffeeAdvisor,
.coffeeAdvisor *,
.coffeeAdvisor-fab,
.coffeeAdvisor-fab * {
    font-family:var(--vernissage-font-text);
    letter-spacing:0;
}
.coffeeAdvisor .coffeeAdvisor-title,
.coffeeAdvisor .coffeeAdvisor-productPreview-name,
.coffeeAdvisor-fab .coffeeAdvisor-fab-label {
    font-family:var(--vernissage-font-brand);
    font-weight:400;
    font-synthesis:none;
    font-kerning:normal;
}
@media (min-width:801px) and (hover:hover) and (pointer:fine) {
    .coffeeAdvisor-fab {
        column-gap:0;
        padding-inline:10px;
    }
    .coffeeAdvisor-fab .coffeeAdvisor-icon--fab {
        transform:none;
    }
    .coffeeAdvisor-fab .coffeeAdvisor-fab-label {
        display:inline-block;
        max-width:0;
        opacity:0;
        overflow:hidden;
        vertical-align:bottom;
        white-space:nowrap;
        margin-left:0;
        transition:max-width 220ms ease, margin-left 220ms ease, opacity 160ms ease;
    }
    .coffeeAdvisor-fab:is(:hover,:focus-visible) .coffeeAdvisor-fab-label {
        max-width:9em;
        margin-left:8px;
        opacity:1;
    }
}
@media (prefers-reduced-motion:reduce) {
    .coffeeAdvisor-fab .coffeeAdvisor-fab-label { transition:none; }
}
/* Consent UI injects its own styles, so typography is deliberately scoped and explicit. */
#consent-manager,
#consent-manager *,
.vernissageConsentPreferences,
.vernissageConsentPreferences *,
section[role="dialog"]:has(table):has(a[href*="/privacy"]),
section[role="dialog"]:has(table):has(a[href*="/privacy"]) *,
#consent-manager-update-banner {
    font-family:var(--vernissage-font-text) !important;
}
@media(max-width:800px) {
    :is(.page--category--filter,.page--category--alle-kaffees) .category-specialsHeroTextShell__title p {
        font-size:calc(var(--category-specials-hero-title-size) * .84) !important;
    }
}