/* Hand-written plain CSS (step 03), matched by eye to the capture screenshots. Not Squarespace CSS. */
/* Roboto is not bundled (Squarespace-hosted originally): use it if installed, else a system sans */
@font-face{font-family:Roboto;font-weight:400;src:local("Roboto"),local("Roboto Regular"),local("Helvetica Neue"),local("Arial"),local("Liberation Sans")}
@font-face{font-family:Roboto;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold"),local("Helvetica Neue Bold"),local("Arial Bold"),local("Liberation Sans Bold")}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f4f4f5;color:#262626;font-family:Roboto,"Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.5}
body.menu-open{overflow:hidden}
img{max-width:100%}
a{color:inherit}
h1,h2,h3,h4{margin:0;color:#000;font-weight:700;line-height:1.2}
h2{font-size:28px}
h3{font-size:20px}
@media(min-width:768px){.k-text [style*="--fs"]{font-size:var(--fs)}}
p{margin:0 0 .8em;color:#444}
code{font-family:ui-monospace,Menlo,Consolas,monospace}
.k-text a{text-decoration:underline}

/* header */
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:8px;top:8px;z-index:200;background:#fff;color:#000;padding:8px 12px}
.hdr{position:fixed;top:0;left:0;right:0;z-index:100;height:71px;display:flex;align-items:center;gap:0;padding:0 5.8vw 0 4.7vw;
  background:rgba(158,56,158,.85);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#fff}
.logo{display:block;line-height:0}
.logo{margin-right:58px}
.logo img{height:40px;width:auto;display:block}
.nav{display:flex;gap:22px;flex:1}
.nav-link,.menu-link{color:#fff;text-decoration:none;font-size:22px}
.nav-link[aria-current=page]{text-decoration:underline;text-underline-offset:4px}
.hdr-social,.menu-social{display:flex;gap:28px}
.hdr-social a,.menu-social a{display:block;width:22px;height:22px;color:#fff}
.hdr-social svg,.menu-social svg{width:100%;height:100%;fill:currentColor;display:block}
.burger{display:none;background:none;border:0;padding:8px;margin-left:auto;cursor:pointer}
.bun{display:block;width:28px;height:1px;background:#fff}
.bun+.bun{margin-top:9px}
.menu{position:fixed;inset:0;z-index:90;background:#9e389e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding-top:71px}
.menu[hidden]{display:none}
.menu-nav{display:flex;flex-direction:column;align-items:center;gap:18px}
.menu-link{font-size:32px}
.menu-link[aria-current=page]{text-decoration:underline}
.menu-social a{width:32px;height:32px}
@media(max-width:767px){
  .nav,.hdr-social{display:none}
  .burger{display:block}
  .hdr{gap:0}
  .logo{margin-right:0}
}

/* page structure */
main{padding-top:71px}
main section,footer section{position:relative}
.fe{display:grid;position:relative;overflow-x:clip;row-gap:11px;column-gap:11px;
  --gutter:calc(6vw - 11px);--cell:calc((1500px - 11px * 7) / 8);
  grid-template-columns:minmax(var(--gutter),1fr) repeat(8,minmax(0,var(--cell))) minmax(var(--gutter),1fr)}
@media(min-width:768px){
  .fe{--gutter:calc(4vw - 11px);--cell:calc((1500px - 11px * 23) / 24);--container:min(1500px,calc(100vw - 8vw));
    grid-template-columns:minmax(var(--gutter),1fr) repeat(24,minmax(0,var(--cell))) minmax(var(--gutter),1fr)}
}
.b{min-width:0}
main section:first-child{margin-top:-71px;padding-top:71px}
.k-code img{max-width:100%}
.video{position:relative;height:0;width:100%}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.k-text p:empty{min-height:1em}

/* footer */
footer{background:#9e389e}
footer section{padding:210px 0 40px}
@media(max-width:767px){footer section{padding:40px 0 20px}}
footer .k-text,footer .k-text p,footer .k-text a{color:#262626}
footer .k-text h3{font-size:22px;text-transform:none}
footer .k-text p{font-size:18px;margin-bottom:.5em}
.social{display:flex;justify-content:center;gap:16px}
.social a{display:block;width:28px;height:28px;color:#262626}
.social svg{width:100%;height:100%;fill:currentColor;display:block}

/* cookie banner */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:120;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 4vw;font-size:14px}
.cookie[hidden]{display:none}
.cookie p{color:#fff;margin:0}
.cookie a{color:#fff}
.cookie-text{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.cookie button{background:#fff;color:#000;border:0;padding:8px 20px;font:inherit;cursor:pointer}

/* site custom CSS (inventory/custom.css), selectors mapped to this markup */
footer .k-text a{background-image:none !important;background-repeat:no-repeat !important;text-decoration:none !important}
footer *{text-decoration:none;background-image:none !important}

.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}