:root{--font-heading--family:Georgia,"Times New Roman",serif;--font-heading--weight:400;--font-body--family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-subheading--family:var(--font-body--family);--font-accent--family:var(--font-body--family)}
body{font-family:var(--font-body--family);background:#f5f1e8;color:#252b29;--header-height:0px;--header-group-height:0px}
body h1,body h2,.h1,.h2{font-family:var(--font-heading--family);font-weight:400;letter-spacing:-.035em}
body :is(a,button,input,select,summary):focus-visible{outline:2px solid #36584b;outline-offset:4px}
main[data-template^="page"] .rte{font-size:17px;line-height:1.8}
main[data-template^="page"] .rte h2{margin-block:2rem 1rem}
main[data-template^="product"] .rte{line-height:1.75}
main[data-template^="product"] .rte ul{padding-inline-start:1.25rem}
main[data-template^="product"] .rte li{margin-block:.5rem}
main[data-template^="product"] .product-details{min-width:0}
.button{min-height:48px}
@media(max-width:749px){main[data-template^="page"] .rte{font-size:16px}main[data-template^="product"] h1{font-size:clamp(30px,7.5vw,42px);line-height:1.15}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{view-transition-name:none!important}}