body[data-demo-family] { --demo-title:clamp(2.25rem,5.1vw,4.5rem); --demo-heading:clamp(1.55rem,2.8vw,2.75rem); }
body[data-demo-family] main h1 {font-size:var(--demo-title)!important;line-height:1.08!important;letter-spacing:-.045em!important;max-width:19ch;text-wrap:balance;overflow-wrap:normal;word-break:normal;}
body[data-demo-family] main h2 {font-size:var(--demo-heading)!important;line-height:1.16!important;letter-spacing:-.025em!important;text-wrap:balance;}
body[data-demo-family] main h3 {font-size:clamp(1.15rem,1.65vw,1.5rem)!important;line-height:1.25!important;text-wrap:balance;}
body[data-demo-family] main :is(h1,h2,h3) br {display:none;}
body[data-demo-family] main p {line-height:1.65;overflow-wrap:break-word;}
body[data-demo-family] main :is(img,picture,figure) {max-width:100%;}
body[data-demo-family] main img {object-position:50% 50%;}
body[data-demo-family] :is(button,a,input,select,textarea):focus-visible {outline:3px solid #768bd8;outline-offset:4px;}
body[data-demo-family] main :is(button,select,input) {min-height:44px;}
.bloom-site .why-visual,.bloom-site .why-image,.bloom-site .feature-image {margin-inline:auto!important;left:auto!important;transform:none!important;max-width:100%!important;}
@media(max-width:600px){body[data-demo-family] main h1{font-size:2.25rem!important;} body[data-demo-family] main h2{font-size:1.5rem!important;} body[data-demo-family] main h3{font-size:1.15rem!important;} }

body[data-demo-family] main h1 {text-transform:none!important;}
body[data-demo-family] main :is(article,.product-card,.collection-card) :is(h2,h3) {font-size:1.2rem!important;line-height:1.25!important;}
body[data-demo-family] main .collection-card {min-width:0;}
@media(max-width:1024px){body[data-demo-family] main h1 {font-size:clamp(2rem,4vw,2.7rem)!important;}}
@media(max-width:600px){body[data-demo-family] main h1 {font-size:2rem!important;}body[data-demo-family] main :is(article,.product-card,.collection-card) :is(h2,h3){font-size:1.05rem!important;}}
/* Override legacy global selectors without changing the main VanKpa site. */
html body[data-demo-family] main h1:not(#type-exception):not(#type-exception):not(#type-exception){font-size:clamp(2rem,4.4vw,4rem)!important;line-height:1.1!important;letter-spacing:-.035em!important;text-transform:none!important;max-width:20ch;}
html body[data-demo-family] main h2:not(#type-exception):not(#type-exception):not(#type-exception){font-size:clamp(1.5rem,2.4vw,2.4rem)!important;line-height:1.2!important;letter-spacing:-.025em!important;}
html body[data-demo-family] main h3:not(#type-exception):not(#type-exception):not(#type-exception){font-size:1.15rem!important;line-height:1.25!important;letter-spacing:-.015em!important;}
html body[data-demo-family] main .product-title-row h1:not(#type-exception):not(#type-exception):not(#type-exception){font-size:1.8rem!important;max-width:none;}
html body[data-demo-family] main :is(article,.product-card,.collection-card) h2:not(#type-exception):not(#type-exception):not(#type-exception){font-size:1.15rem!important;line-height:1.25!important;}
@media(max-width:1024px){html body[data-demo-family] main h1:not(#type-exception):not(#type-exception):not(#type-exception){font-size:2rem!important;}}
@media(max-width:600px){html body[data-demo-family] main h2:not(#type-exception):not(#type-exception):not(#type-exception){font-size:1.4rem!important;}html body[data-demo-family] main :is(article,.product-card,.collection-card) :is(h2,h3):not(#type-exception):not(#type-exception):not(#type-exception){font-size:1rem!important;}}
.bloom-site.inner-design .footer-gallery {display:none;}