/* Review revision: compact, responsive typography and contact control. */
:root{--title-hero:clamp(1.75rem,6vw,3.25rem);--title-section:clamp(1.375rem,4vw,2.25rem);--title-small:clamp(1rem,2.5vw,1.25rem);--space-section:clamp(1.5rem,4vw,3.5rem)}
body main h1{font-size:var(--title-hero)!important;line-height:1.1!important;letter-spacing:-.025em!important;text-wrap:balance;overflow-wrap:break-word}
body main h2{font-size:var(--title-section)!important;line-height:1.12!important;letter-spacing:-.02em!important;text-wrap:balance;overflow-wrap:break-word}
body main h3{font-size:var(--title-small)!important;line-height:1.15!important;letter-spacing:-.01em!important;text-wrap:balance}
body main .brand-script{font-size:var(--title-section)!important;line-height:1.15!important}
body main h1.brand-script{font-size:var(--title-hero)!important}
body main .catalogue-product h2{font-size:clamp(1rem,2vw,1.125rem)!important;line-height:1.35!important;text-wrap:wrap}
body main .guide-tagline{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.4}
body main .section-space{padding-block:var(--space-section)}
.guide-section{padding-block:var(--space-section)}.guide-section-heading{margin-bottom:clamp(1rem,2.5vw,1.75rem)}.guide-section-heading h2{margin-bottom:12px}
.guide-hero{padding-bottom:clamp(1.25rem,3vw,2.5rem)}.guide-hero h1{margin:12px 0 18px}.guide-hero-grid>div>p:not(.eyebrow){font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.65}.guide-hero figure>img{height:clamp(200px,29vw,330px);border-radius:26px 26px 70px 26px}.guide-breadcrumb{margin:4px 0 22px}.guide-actions{margin-top:22px;gap:16px}.guide-detail-hero{padding-bottom:24px}.guide-detail-grid{gap:5%}.guide-detail-grid>img{height:clamp(190px,27vw,300px)}.guide-detail-grid h1{margin:12px 0}.guide-detail-grid .button{margin-top:18px}.guide-explainer{margin-bottom:18px}
.guide-grid.business-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.guide-grid.home-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.guide-card{border-radius:18px}.guide-card-image{aspect-ratio:1.5}.guide-card-copy{padding:16px}.guide-number{display:none}.guide-card h3{padding-right:0;min-height:2.3em}.guide-card p{font-size:14px;line-height:1.5;margin:8px 0 14px;min-height:3em}.guide-card-link{font-size:14px;gap:6px;align-items:center}.guide-card-link span{font-size:17px}.guide-card:hover,.guide-card:focus-visible{transform:translateY(-3px)}
.guide-process{margin-top:20px}.guide-process li{padding:20px 16px}.guide-process li>span{margin-bottom:18px;width:34px;height:34px}.guide-process p{line-height:1.6}.guide-process h3{margin-bottom:10px}.consult-band{padding-block:var(--space-section)}.consult-band h2{margin:12px 0 18px}.consult-result{padding:25px}.consult-options span{padding:9px 12px}.consult-band fieldset{margin:20px 0}.consult-result ul{margin:16px 0}.consult-result li{padding:10px 0}.guide-planning{margin-block:28px 20px}.guide-help{padding:28px;margin-bottom:40px}
/* Same visual spacing between the six primary items; caret belongs to Katalog. */
.header-inner nav{gap:clamp(14px,1.45vw,24px);font-size:14px}.catalog-nav-top{gap:0}.catalog-toggle{width:22px;margin-left:3px;padding:0}.header-inner.wrap{grid-template-columns:130px minmax(0,1fr) 140px;gap:16px}.header-cta.button{margin-right:0;padding:12px 18px;font-size:14px;transform:none;transition:transform .2s,box-shadow .2s}.header-cta.button:hover,.header-cta.button:focus-visible{transform:scale(1.035);box-shadow:0 6px 18px #1637c726}.header-cta:before{display:none}.site-header .logo{transform-origin:center}.site-header .logo:hover,.site-header .logo:focus-visible{transform:scale(1.035);filter:drop-shadow(0 3px 8px #84a7ff50)}.site-header .logo:after{content:'Home';left:0;width:100%;text-align:center;bottom:-8px;font-size:12px}
/* Recognizable WhatsApp tab on the left, mascot tile on the right. */
.cafefam-float{right:20px;bottom:80px;width:114px;height:72px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;border-radius:18px;display:block;overflow:visible;isolation:isolate;transition:width .22s ease;max-width:calc(100vw - 32px)}
.cafefam-float:before{display:none}.cafefam-float .mascot-tile{position:absolute;right:0;bottom:0;width:70px;height:70px;border-radius:20px;background:#e9f0ff;border:1px solid #d0ddfa;box-shadow:0 5px 18px #1637c71c;display:grid;place-items:center;z-index:2}
.cafefam-float .mascot-tile img{position:static;width:76px;height:82px;object-fit:contain;transform:translateY(-7px);pointer-events:none;max-width:none}
.cafefam-float .wa-extension{position:absolute;right:57px;bottom:12px;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:58px;height:46px;padding:10px 14px;background:#1637c7;color:white;border-radius:26px 0 0 26px;z-index:1;box-shadow:0 5px 18px #1637c71c;overflow:hidden;transition:width .22s ease}
.cafefam-float .wa-symbol{width:25px;height:25px;flex:none}.cafefam-float .float-label{font-size:14px;font-weight:650;max-width:0;opacity:0;white-space:nowrap;margin:0;transition:opacity .2s ease,max-width .2s ease}
.cafefam-float:hover,.cafefam-float:focus-visible{width:274px}.cafefam-float:hover .wa-extension,.cafefam-float:focus-visible .wa-extension{width:218px}.cafefam-float:hover .float-label,.cafefam-float:focus-visible .float-label{max-width:165px;opacity:1;margin:0}
.guide-contact-dialog h2{font-size:var(--title-section);line-height:1.12}.guide-contact-dialog h3{font-size:var(--title-small)}
/* Keep recurring imagery and icon rows proportionate to their viewport. */
.strengths{padding-block:clamp(20px,3vw,34px)}.strength-art{width:clamp(68px,8vw,104px);height:clamp(68px,8vw,104px)}.strength-item summary{font-size:clamp(.875rem,1.1vw,1rem)}.catalog-icon{flex-basis:clamp(100px,10vw,132px)!important;max-width:clamp(100px,10vw,132px)}.catalog-icon .category-art{width:clamp(92px,9vw,124px)!important;height:clamp(92px,9vw,124px)!important}.mascot-choice img{height:clamp(100px,12vw,160px)}.mascot-choice{padding:18px 14px}.mascot-choice strong{font-size:clamp(1rem,2.5vw,1.25rem)}.business-refresh .shelf-photo{height:clamp(200px,26vw,300px)!important}.guide-page .eyebrow{line-height:1.5}
@media(max-width:1200px) and (min-width:1000px){.header-inner.wrap{grid-template-columns:120px minmax(0,1fr) 125px;gap:8px}.header-inner nav{gap:13px;font-size:13px}.header-cta.button{padding:11px 13px;font-size:13px}.catalog-toggle{width:19px;margin-left:2px}}
@media(max-width:999px){.guide-grid.business-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-grid.home-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner nav{gap:0;font-size:16px}.catalog-nav-top{gap:0}.catalog-toggle{width:44px;margin-left:0}.header-cta.button{margin-right:0}}
@media(max-width:700px){.guide-grid.business-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-grid.home-cards{gap:14px}.guide-hero-grid,.guide-detail-grid{gap:22px}.guide-hero h1{margin:10px 0 14px}.guide-hero-grid>div>p:not(.eyebrow){font-size:1rem;line-height:1.6}.guide-actions{margin-top:18px;gap:12px}.guide-hero figure>img{height:220px}.guide-detail-grid>img{height:210px}.guide-card-copy{padding:14px}.guide-card-image{aspect-ratio:1.5}.guide-card p{min-height:3em}.guide-card-link{font-size:13px}.guide-process li{padding:16px}.guide-process li>span{margin:0}.guide-process h3{margin:0 0 7px}.consult-layout{gap:22px}.consult-result{padding:22px}.guide-selection{padding:22px}.guide-breadcrumb{font-size:12px;margin:0 0 20px}.header-cta.button{font-size:12px;padding:10px 13px;min-height:42px}.header-inner.wrap{gap:8px}.site-header .logo:after{bottom:-6px;font-size:11px}.cafefam-float{right:12px;bottom:74px;width:98px;height:64px}.cafefam-float .mascot-tile{width:60px;height:60px;border-radius:17px}.cafefam-float .mascot-tile img{width:65px;height:72px;transform:translateY(-6px)}.cafefam-float .wa-extension{right:49px;bottom:8px;height:44px;width:50px;padding:9px 12px}.cafefam-float .wa-symbol{width:24px;height:24px}.cafefam-float:hover,.cafefam-float:focus-visible{width:256px}.cafefam-float:hover .wa-extension,.cafefam-float:focus-visible .wa-extension{width:208px}.welcome-hero{min-height:0}.welcome-layout{padding-top:116px!important;padding-bottom:24px!important;row-gap:25px!important}.welcome-copy{padding-top:0!important}.welcome-heading{margin-block:12px 18px!important}.welcome-description{font-size:1rem!important;line-height:1.6!important;margin-top:0!important}.welcome-actions{margin-top:20px!important;gap:16px!important}.welcome-social{margin-top:20px!important}.welcome-facts{margin-top:8px!important;padding-top:20px!important}.welcome-facts dd{font-size:clamp(1.5rem,5vw,2rem)!important}.welcome-facts dt{font-size:12px!important}.strength-grid{gap:12px 6px}.strength-item summary{font-size:14px}.mascot-choices{gap:14px}.mascot-choice{padding:14px 10px}.mascot-choice img{height:110px}.mascot-choice span{font-size:14px}.catalog-overview .section-heading{gap:12px;flex-wrap:wrap}.home-consultation .consult-layout{width:calc(100% - 36px)}.guide-page .guide-actions .text-link{font-size:14px}.product-detail{gap:22px;padding-bottom:30px}.business-heading,.lifestyle-intro,.catalogue-intro{padding-bottom:24px!important}.locator-toolbar{gap:12px}.locator-toolbar h3{font-size:var(--title-small)!important}.gallery-copy h2,.program-dialog h2,.story-dialog h2,.strength-dialog h3{font-size:var(--title-section)!important;line-height:1.12!important}}
@media(max-width:359px){.guide-grid.business-cards,.guide-grid.home-cards{grid-template-columns:1fr}.guide-card-image{aspect-ratio:2}.guide-card h3,.guide-card p{min-height:0}}
@media(prefers-reduced-motion:reduce){.site-header .logo:hover,.header-cta.button:hover,.guide-card:hover{transform:none!important}.cafefam-float,.cafefam-float .wa-extension,.cafefam-float .float-label{transition:none}}