:root{--color-bg:#f4f1ec;--color-surface:#fcfbf8;--color-text:#1d1b19;--color-divider:rgba(29,27,25,0.12);
--color-neutral-100:#f7f5f2;--color-neutral-200:#ebe7e1;--color-neutral-300:#d8d3cc;--color-neutral-400:#b9b3ab;--color-neutral-500:#8f8a83;--color-neutral-600:#6b6761;--color-neutral-700:#57534e;--color-neutral-800:#3a3734;--color-neutral-900:#22201e;
--color-accent:#8a5843;--color-accent-100:#f1e9e4;--color-accent-200:#e0d0c6;--color-accent-300:#c6a997;--color-accent-400:#a67c67;--color-accent-500:#8a5843;--color-accent-600:#744836;--color-accent-700:#5f3b2d;--color-accent-800:#432a20;--color-accent-900:#2a1b15;
--color-accent-2:#8a5843;--color-section:#e8ded7;--color-section-glow:#f0e8e2;--color-section-ghost:#cdb8aa}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);text-wrap:pretty}
a{color:var(--color-accent-700);text-decoration:none}
a:hover{color:var(--color-accent-600)}
::selection{background:var(--color-accent-200)}
[data-if]{display:contents}
[data-if="menuOpen"],[data-if="showMobileMenu"],[data-if="sent"],[data-if="hasError"],[data-if="fl.active"]{display:none}
body.menu-open [data-if="menuOpen"]{display:contents}body.menu-open [data-if="menuClosed"]{display:none}body.menu-open [data-if="showMobileMenu"]{display:block}
[data-if="fl.active"].on{display:contents}[data-if="fl.inactive"].on{display:none}
body.form-sent [data-if="sent"]{display:contents}body.form-sent [data-if="notSent"]{display:none}body.has-error [data-if="hasError"]{display:contents}
@media (min-width:960px){[data-if="narrow"],[data-if="showMobileMenu"]{display:none !important}}
@media (max-width:959.98px){[data-if="wide"]{display:none !important}}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.h0:hover{color:var(--color-text) !important}
.h1:hover{background:var(--color-accent-700) !important;border-color:var(--color-accent-700) !important;color:var(--color-neutral-100) !important}
.h2:hover{border-color:var(--color-text) !important;color:var(--color-text) !important}
.h3:hover{border-color:var(--color-accent) !important;box-shadow:0 10px 28px rgba(29,27,25,0.08) !important;color:var(--color-text) !important}
.h4:hover{background:var(--color-accent-200) !important;border-color:var(--color-accent-200) !important;color:var(--color-neutral-900) !important}
.h5:hover{color:var(--color-accent-700) !important}
.h6:hover{border-color:var(--color-neutral-700) !important}
.h7:hover{border-color:var(--color-accent) !important;color:var(--color-text) !important}