html{scroll-behavior:smooth}
body{margin:0;background:var(--color-bg)}
a{color:var(--color-accent-700)}
a:hover{color:var(--color-accent-800)}
.only-wide,.only-narrow,.only-float,.only-row{display:contents}
.only-narrow{display:none}
.mobile-menu{display:none}
.mobile-menu.open{display:flex;flex-direction:column}
.only-row{display:none}
@media (max-width:1019px){.only-wide{display:none}.only-narrow{display:contents}}
@media (min-width:1020px){.mobile-menu.open{display:none}}
@media (max-width:759px){.only-float{display:none}.only-row{display:block}}
[data-reveal]{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js [data-reveal]:not(.in){opacity:0;transform:translateY(18px)}
@media (prefers-reduced-motion:reduce){.js [data-reveal]:not(.in){opacity:1;transform:none}}
.h1:hover{background:var(--color-accent-100) !important;transform:translateY(-2px) !important}
.h2:hover{background:var(--color-accent-100) !important;transform:translateY(-2px) !important}
.h3:hover{background:var(--color-accent-100) !important;transform:translateY(-2px) !important}
.h4:hover{background:var(--color-accent-100) !important;transform:translateY(-2px) !important}
.h5:hover{background:var(--color-accent-100) !important;transform:translateY(-2px) !important}
.h6:hover{background:var(--color-accent-100) !important;transform:translateY(-2px) !important}
.h7:hover{background:var(--color-accent-100) !important}
.h8:hover{background:var(--color-accent-100) !important}
.h9:hover{background:var(--color-accent-100) !important}
.h10:hover{background:var(--color-accent-100) !important}
.h11:hover{background:var(--color-accent-100) !important}
.h12:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent) !important}
.h13:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent) !important}
.h14:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent) !important}
.h15:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent) !important}
.h16:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent) !important}
.h17:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent) !important}
.h18:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent) !important}
.h19:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent) !important}
.h20:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent) !important}
.h21:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent) !important}
.h22:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent) !important}
.h23:hover{color:var(--color-accent-700) !important}
.h24:hover{color:var(--color-accent-700) !important}
.h25:hover{color:var(--color-accent-700) !important}
.h26:hover{color:var(--color-accent-700) !important}
.h27:hover{color:var(--color-accent-700) !important}
.h28:hover{color:var(--color-accent-700) !important}
.h29:hover{color:var(--color-accent-700) !important}
.h30:hover{color:var(--color-accent-700) !important}
.h31:hover{color:var(--color-accent-700) !important}
.h32:hover{color:var(--color-accent-700) !important}
.h33:hover{color:var(--color-accent-700) !important}
.h34:hover{color:var(--color-accent-700) !important}
.h35:hover{color:var(--color-accent-700) !important}