*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);overflow-x:clip}
body{margin:0;background:var(--color-background);color:var(--color-text-primary);font:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
body.menu-open{overflow:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
h1,h2,h3,p,dl,dd{margin:0}
h1{font:var(--font-h1);letter-spacing:0}
h2{font:var(--font-h2);letter-spacing:0}
h3{font:var(--font-h3)}
h1,h2,h3,p,a,button,label,dt,dd{overflow-wrap:break-word}
address{font-style:normal}
.container{width:min(calc(100% - 2 * var(--page-gutter)),var(--container-max));margin-inline:auto}
.section{padding-block:var(--space-section);overflow:hidden}
.section--muted{background:var(--color-surface-muted)}
.section-heading{display:flex;align-items:stretch;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-9)}
.section-heading h2{align-self:center}
.section-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-8)}
.section-layout>.section-heading{display:contents}
.section-layout>.section-heading h2{grid-column:1}
.section-layout>.section-heading .button{grid-column:2}
.section-layout>:is(.product-grid,.solutions-grid,.new-grid,.news-grid){grid-column:1/-1;margin-top:var(--space-9)}
.section-description{color:var(--color-text-secondary);font:var(--font-body-lg)}
:focus-visible{outline:3px solid rgba(22,22,22,.42);outline-offset:3px}
::selection{background:var(--color-accent);color:var(--color-inverse)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}