/* Shared by every page: fonts, reset, focus, motion. Skins: northkeep.css (company), interloper.css (product). */
@font-face{font-family:"Archivo NK";src:url(fonts/archivo.woff2) format("woff2");font-weight:500 800;font-stretch:100% 125%;font-display:swap}
@font-face{font-family:"Atkinson Next";src:url(fonts/atkinson-next.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Next";src:url(fonts/atkinson-next-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:"Atkinson Next","Segoe UI",system-ui,-apple-system,Arial,sans-serif;font-size:1.125rem;line-height:1.6;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
h1,h2,h3{font-family:"Archivo NK","Segoe UI",system-ui,sans-serif;font-stretch:125%;line-height:1.12;margin:0;text-wrap:balance}
p{margin:0}
p,li{text-wrap:pretty}
a{text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
code{font-family:Consolas,"Cascadia Mono","SF Mono",Menlo,monospace;font-size:.92em}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:12px;z-index:20;padding:10px 16px;border-radius:8px;background:#fff;color:#000;font-weight:700}
:focus-visible{outline:3px solid var(--focus,#0e6e73);outline-offset:3px;border-radius:6px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
@media (max-width:640px){.wrap{padding:0 16px}body{font-size:1.0625rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}