/* M.A. Senft — site styles. Layout unit --u scales the 1265px desktop / 375px mobile design to the window. */
@font-face{font-family:"MAF1";src:url("https://static.wixstatic.com/ufonts/90fe49_5671a2ffe121493a94ab70f13d4fdd13/woff2/file.woff2") format("woff2"),url("https://static.wixstatic.com/ufonts/90fe49_5671a2ffe121493a94ab70f13d4fdd13/woff/file.woff") format("woff");font-display:swap}
@font-face{font-family:"MAF2";src:url("https://static.wixstatic.com/ufonts/19702c_a2e8c8e76b3d47b08a0b45f7de83b9e9/woff2/file.woff2") format("woff2"),url("https://static.wixstatic.com/ufonts/19702c_a2e8c8e76b3d47b08a0b45f7de83b9e9/woff/file.woff") format("woff");font-display:swap}
@font-face{font-family:"AvenirLight";src:url("https://static.parastorage.com/fonts/v2/af36905f-3c92-4ef9-b0c1-f91432f16ac1/v1/avenir-lt-w01_35-light1475496.woff2") format("woff2");font-display:swap}
@font-face{font-family:"AvenirLight";font-weight:700;src:url("https://static.parastorage.com/fonts/v2/74290729-59ae-4129-87d0-2eec3974dce1/v1/avenir-lt-w01_85-heavy1475544.woff2") format("woff2");font-display:swap}
@font-face{font-family:"AvenirHeavy";src:url("https://static.parastorage.com/fonts/v2/74290729-59ae-4129-87d0-2eec3974dce1/v1/avenir-lt-w01_85-heavy1475544.woff2") format("woff2");font-display:swap}
@font-face{font-family:"DINNeuzeit";src:url("https://static.parastorage.com/fonts/v2/b46aabec-b529-45a8-a0fe-2abaf6daf369/v1/dinneuzeitgroteskltw01-_812426.latin.woff2") format("woff2");font-display:swap}
@font-face{font-family:"MadeforText";font-weight:100 900;src:url("https://static.parastorage.com/fonts/v2/f73e760d-c6b3-4659-9a8c-9ce1d76c1173/madefor-text.var.original.woff2") format("woff2");font-display:swap}

:root{--vw:100vw;--u:calc(var(--vw) / 1265);--fh:91}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;overflow-x:hidden;padding-bottom:calc(var(--fh) * var(--u));font-family:"AvenirLight",Helvetica,Arial,sans-serif}
h1,h2,h3,h4,h5,h6,p,ul{margin:0;font-weight:400}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
img{display:block;max-width:none}

/* font families */
.f1{font-family:"MAF1",Helvetica,Arial,sans-serif}
.f2{font-family:"MAF2","Raleway",Helvetica,Arial,sans-serif}
.avl{font-family:"AvenirLight",Helvetica,Arial,sans-serif}
.avh{font-family:"AvenirHeavy",Helvetica,Arial,sans-serif}
.din{font-family:"DINNeuzeit",Helvetica,Arial,sans-serif}
.mf{font-family:"MadeforText",Helvetica,Arial,sans-serif}
.rw{font-family:"Raleway",Helvetica,Arial,sans-serif}
.t{font-size:calc(var(--fs) * var(--u))}
b,strong{font-weight:700}

/* positioning */
.s{position:relative;height:calc(var(--sh) * var(--u));overflow:hidden}
.a{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u))}
.a.hh{height:calc(var(--h) * var(--u))}
.im img,.fill{width:100%;height:100%}
.bg{position:absolute;inset:0}
.bg img,.bg video{width:100%;height:100%;object-fit:cover}
.ic svg{width:100%;height:100%;display:block}
.flow>*+*{margin-top:0}
.mo{display:none!important}

/* header */
.hdr{position:relative;height:calc(97 * var(--u));background:#fff;z-index:20}
.nav{list-style:none;padding:0;display:flex;height:100%;align-items:center}
.nav li{padding:0 calc(8 * var(--u))}
.nav a{font-family:"MadeforText",Helvetica,Arial,sans-serif;font-size:calc(13 * var(--u));line-height:calc(23 * var(--u));color:#000;white-space:nowrap;transition:color .2s}
.nav a:hover,.nav a.on{color:#aaad39}
.login{--fs:12;background:#e6e6e6;border-radius:300px;color:#000;display:flex;align-items:center;justify-content:center}
.login:hover{background:#d6d6d6}
.burger{display:none}
.mmenu{position:fixed;inset:0;z-index:100;background:rgba(255,255,255,.8);display:flex;align-items:flex-start;justify-content:center}
.mmenu[hidden]{display:none}
.mmenu ul{list-style:none;padding:0;margin-top:calc(67 * var(--u));text-align:center}
.mmenu li{height:calc(52 * var(--u))}
.mmenu a{font-family:"MadeforText",Helvetica,Arial,sans-serif;font-size:calc(18 * var(--u));line-height:calc(26 * var(--u));color:#000}
.mmenu a.on{color:#aaad39}
.mclose{position:absolute;right:calc(40 * var(--u));top:calc(40 * var(--u));width:calc(20 * var(--u));height:calc(20 * var(--u))}
.mclose svg{width:100%;height:100%}

/* footer (pinned to the bottom of the window, as on the original) */
.ftr{position:fixed;left:0;right:0;bottom:0;height:calc(91 * var(--u));background:#fff;z-index:49}
.soc img{width:100%;height:100%;object-fit:contain}

/* shared pieces */
.btn-dark{background:#074151;color:#fff;display:flex;align-items:center;justify-content:center;font-family:"MadeforText",Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:.15em;transition:background .2s}
.btn-dark:hover{background:#0b5a70}
.btn-black{background:#000;border:1px solid #000;color:#fff;display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--u));transition:opacity .2s}
.btn-black:hover{opacity:.8}
.btn-black svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}
.ul{text-decoration:underline}
.cols3{background:#000}
.card{background:#fff}
.stars{display:flex}
.stars svg{width:100%;height:100%}
.ul-bullets{padding-left:1.5em;list-style:disc}

/* home: video */
.vid{background:#000;cursor:pointer}
.vid video{width:100%;height:100%;object-fit:cover;display:block}
.vid .pp{position:absolute;left:50%;top:50%;width:calc(60 * var(--u));height:calc(60 * var(--u));transform:translate(-50%,-50%);opacity:0;transition:opacity .2s;pointer-events:none}
.vid .pp svg{width:100%;height:100%}
.vid:hover .pp,.vid.paused .pp{opacity:1}
.vid .pp .i-play{display:none}.vid.paused .pp .i-play{display:block}.vid.paused .pp .i-pause{display:none}
.vid .snd{position:absolute;right:calc(12 * var(--u));bottom:calc(9 * var(--u));width:calc(48 * var(--u));height:calc(32 * var(--u))}
.vid .snd svg{width:100%;height:100%}
.vid .snd .i-on{display:none}.vid.unmuted .snd .i-on{display:block}.vid.unmuted .snd .i-off{display:none}

/* home: slideshow */
.slides{position:absolute;inset:0;display:flex;transition:transform .7s ease}
.slide{position:relative;flex:0 0 100%;height:100%}
.slide img{width:100%;height:100%;object-fit:cover}
.sarrow{display:flex;align-items:center;justify-content:center;z-index:2}
.sarrow svg{width:calc(50 * var(--u));height:calc(50 * var(--u))}
.sarrow.prev svg{transform:rotate(180deg)}

/* parallax background */
.par{background-size:cover;background-position:center;background-attachment:fixed}

/* community tiers */
.tier{background:#31475c;border:2px solid;box-shadow:0 .99px 3.95px rgba(0,0,0,.6)}
.tier .a{margin:-2px 0 0 -2px}
[data-mt]{margin-top:calc(16 * var(--u))}
[data-md]{margin-top:calc(9 * var(--u))}
.pill{border:1px solid #fff;border-radius:300px;display:flex;align-items:center;justify-content:center;font-family:"MadeforText",Helvetica,Arial,sans-serif;font-weight:700;color:#31475c}

/* store */
.prod{display:block}
.prod .pim{position:absolute;left:0;top:0;width:100%;overflow:hidden}
.prod .pim img{width:100%;height:100%;object-fit:contain}
.prod .rib{position:absolute;left:0;top:0;height:calc(24 * var(--u));padding:0 calc(12 * var(--u));background:#000;color:#fff;font-family:"AvenirHeavy",Helvetica,Arial,sans-serif;font-size:calc(14 * var(--u));line-height:calc(24 * var(--u));white-space:nowrap}
.prod .qv{position:absolute;left:0;width:100%;height:calc(50 * var(--u));background:rgba(255,255,255,.75);font-family:"AvenirHeavy",Helvetica,Arial,sans-serif;font-size:calc(14 * var(--u));line-height:calc(50 * var(--u));text-align:center;opacity:0;transition:opacity .2s}
.prod:hover .qv{opacity:1}
.prod .pinfo{position:absolute;left:0;width:100%;text-align:center;color:#2a2727;font-family:"AvenirLight",Helvetica,Arial,sans-serif;font-size:calc(16 * var(--u));line-height:1.25}
.prod .pinfo .pr{margin-top:calc(4 * var(--u));line-height:1.5}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* contact form */
.cform label{display:block;font-family:"AvenirLight",Helvetica,Arial,sans-serif;font-size:calc(14 * var(--u));line-height:calc(17 * var(--u));color:#2a2727}
.cform .fld{border-bottom:1px solid #6e6e6e;display:flex;align-items:center}
.cform input,.cform textarea,.cform select{font-family:"AvenirLight",Helvetica,Arial,sans-serif;font-size:calc(16 * var(--u));line-height:calc(20 * var(--u));color:#2a2727;background:transparent;border:0;outline:0;width:100%;height:100%;padding:0 calc(12 * var(--u)) 0 0;border-radius:1px}
.cform textarea{resize:none;padding-top:calc(8 * var(--u))}
.cform input::placeholder,.cform textarea::placeholder{color:#6e6e6e;opacity:1}
.cform select{width:auto;flex:0 0 auto;padding:0 calc(6 * var(--u)) 0 calc(4 * var(--u));color:#2a2727;cursor:pointer}
.cform .fld:focus-within{border-bottom-color:#000}
.cform .err{border-bottom-color:#e21c21}
.cform .submit{background:#000;color:#fff;font-family:"AvenirHeavy",Helvetica,Arial,sans-serif;font-size:calc(16 * var(--u));display:flex;align-items:center;justify-content:center;transition:opacity .2s}
.cform .submit:hover{opacity:.85}
.cform .submit[disabled]{opacity:.6;cursor:default}
.cform .msg{font-family:"AvenirLight",Helvetica,Arial,sans-serif;font-size:calc(14 * var(--u));line-height:1.4;color:#2a2727;text-align:center}
.cform .msg.bad{color:#e21c21}

/* tablet & phone */
@media (max-width:750px){
  :root{--u:calc(var(--vw) / 375);--fh:71}
  .s{height:calc(var(--msh) * var(--u))}
  .a{left:calc(var(--mx) * var(--u));top:calc(var(--my) * var(--u));width:calc(var(--mw) * var(--u))}
  .a.hh{height:calc(var(--mh) * var(--u))}
  .t{font-size:calc(var(--mfs, var(--fs)) * var(--u))}
  .dn{display:none!important}
  .mo{display:block!important}
  .mo.flexy{display:flex!important}
  .hdr{height:calc(68 * var(--u))}
  .burger{display:block}
  .par{background-attachment:scroll}
}
@media (max-width:750px){
  .mcenter{text-align:center!important}
  .mleft{text-align:left!important}
  .lhm{line-height:1.3!important}
  .tier{--u:calc(var(--vw) / 375 * 335 / 405)}
  [data-mt]{margin-top:calc(5 * var(--u))}
  [data-md]{margin-top:calc(3 * var(--u))}
}
@media (max-width:750px){
  .prod .pim{height:calc(418 * var(--u))!important}
  .prod .pim[style*="49 *"]{top:calc(52 * var(--u))!important;height:calc(314 * var(--u))!important}
  .prod .pinfo{top:calc(434 * var(--u))!important}
}