.prodgallery{display:flex;flex-wrap:wrap;margin:var(--big-mar) 0;padding:0 var(--side-mar);width:100%}.prodpreview{height:auto;margin-bottom:calc(var(--side-mar)*2);padding:var(--pad);width:100%}.thumbnail{aspect-ratio:4/5 auto;height:auto;width:100%}.imgcaption{padding:calc(var(--pad)*1.5) 0;position:relative}.imgcaption span{margin-right:10px}@media only screen and (min-width:768px){.prodpreview{width:25%}}@media only screen and (min-width:992px){.prodpreview{width:20%}}:root{--bg-hex:#f0f0f0;--bg-hsl:0,0%,94%;--dark-bg-hsl:0,0%,8%;--btn-bg-hsl:0,0%,8%;--acc-hsl:119deg,100%,50%;--h1-hsl:0deg,0%,60%;--h2-hsl:0deg,0%,60%;--p-hsl:0deg,0%,16%;--s-hsl:0deg,0%,0%;--btn-hsl:0,0%,99%;--main-font:"Arial Narrow",Arial,sans-serif;--sec-font:"Helvetica";--font-size:8px;--h1:5.2rem;--p:1.6rem;--s:1.2rem;--h1-line-height:4.8rem;--p-line-height:2rem;--s-line-height:1.2rem;--top-mar:0.8rem;--top-full-mar:calc(var(--top-mar) + var(--pad));--side-mar:1rem;--side-full-mar:calc(var(--side-mar) + var(--pad));--big-mar:15.2rem;--pad:0.6rem;--big-pad:12.5%;--gut:1rem;--trans-dur:0.25s;--animation-dur:calc(var(--trans-dur)*2);--nav-z:10}@media only screen and (min-width:768px){:root{--h1:8.2rem;--h1-line-height:7.2rem}}@media only screen and (min-width:992px){:root{--h1:8.2rem;--h1-line-height:7.2rem}}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-hex);color:hsl(var(--hsl));font-family:Helvetica,sans-serif;font-size:var(--font-size);letter-spacing:0}body,html{-webkit-font-smoothing:antialiased;height:100%;left:0;position:absolute;top:0;width:100vw}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1{font-family:Helvetica,sans-serif;font-size:var(--h1);font-weight:lighter;line-height:var(--h1-line-height)}h1,h2{text-transform:uppercase}h2{font-size:var(--h2);line-height:var(--h2-line-height)}p{font-size:var(--p);line-height:var(--p-line-height);white-space:pre-wrap}small{display:inline-block;font-size:var(--small);line-height:var(--small-line-height);text-transform:uppercase}.button{background-color:hsl(var(--btn-bg-hsl));color:hsl(var(--btn-hsl));display:flex;flex-direction:column;height:var(--btn-height);justify-content:space-around;text-align:center;transition:var(--trans-dur)}.button.acc{background:hsl(var(--acc-hsl));color:hsl(var(--s-hsl))}header{display:flex;justify-content:space-between;left:calc(var(--side-mar));position:fixed;text-transform:uppercase;top:calc(var(--top-mar) + var(--pad))}footer,header{padding:var(--pad);width:calc(100vw - var(--side-mar)*2);z-index:var(--nav-z)}footer{margin:var(--top-mar) var(--side-mar);padding-bottom:calc(var(--top-full-mar)*2 + var(--pad))}footer>.footleft{display:none}footer.company>.footleft{display:block}.footleft>p{margin-bottom:calc(var(--big-mar)/2)}.footright{text-transform:uppercase}footer.mobile.fix{bottom:0;padding-bottom:calc(var(--pad));position:fixed}.logoicon{margin-left:2.5rem;transform:translateY(1px)}.logo{width:10%}.nav{align-items:center;display:flex}.footleft>:not(:last-child),.footright>:not(:last-child),.nav>:not(:last-child){margin-right:calc(var(--side-mar)*4)}.headliner{align-content:center;text-align:center;width:100%}@media only screen and (min-width:768px){.headliner{padding:var(--pad);width:75%}.headliner.index{margin:auto}footer{display:flex;justify-content:space-between;padding-bottom:var(--pad)}footer.fix{bottom:0;position:fixed}footer.company>.footleft{display:flex}.footleft>p{margin-bottom:0}.footright{margin-top:auto}footer.hide{display:none}}.center{margin-top:var(--big-mar);padding:0 var(--side-mar);width:100%}.bottom>*,.center>*{margin-bottom:calc(var(--big-mar)/2)}.picwrapper{padding:var(--pad);width:66.333%}.teampic{aspect-ratio:4/5 auto;height:auto;width:100%}.caption{padding:var(--pad) 0}.bottom{padding:0 var(--side-mar);width:100%}.philosophy{margin-left:auto;padding:var(--pad);width:66.333%}@media only screen and (min-width:768px){.center{align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.center,.center>*{margin:0}.picwrapper{width:var(--big-pad)}.bottom{bottom:calc(var(--big-mar)/2);position:absolute}.philosophy{padding:var(--pad) var(--pad) var(--pad) 8.333%;width:33.333%}}.container{height:100%;left:0;position:fixed;top:0;width:100%}.scrollable{left:0;padding:0 var(--side-mar);position:absolute;top:0;width:100vw;will-change:transform}.scrollcontent{display:flex;flex-wrap:wrap;margin:var(--top-full-mar) 0;position:relative;width:100%}@keyframes fadein{0%{opacity:0}to{opacity:1}}.imgwrapper{padding:0;transition:opacity .8s;width:100%}.imgwrapper.filled{padding:calc(var(--big-mar)/1.5)}.scrollimg{height:auto;width:100%}.centerindex{padding:0 var(--side-mar);position:fixed;top:50%;transform:translateY(-50%);width:100%;z-index:var(--nav-z)}@media only screen and (min-width:768px){.imgwrapper,.imgwrapper.filled{padding:var(--pad);width:16.666%}}.content{display:flex;flex-wrap:wrap;gap:var(--pad);margin-bottom:var(--big-pad);margin-top:var(--big-mar);padding:0 var(--side-full-mar);width:100%}.description,.details,.gallery{padding-bottom:var(--big-pad);width:100%}.galleryimg{aspect-ratio:4/5 auto;height:auto;margin:var(--pad) 0;width:100%}.prenex{display:flex;justify-content:space-between;padding:var(--top-full-mar) var(--side-full-mar);width:100%}.next,.prev{width:calc(50% - var(--pad))}.prenexthumb{aspect-ratio:4/5 auto;height:auto;width:100%}.label{padding:var(--pad) 0}@media only screen and (min-width:768px){.content{height:100vh;margin-bottom:0;margin-top:0}.details{padding-right:4.166%;width:29.166%}.description,.details{margin-top:var(--big-mar)}.description{padding-left:var(--pad);width:25%}.gallery{height:100%;overflow-y:scroll;padding-bottom:0;transform:translateY(- var(--top-full-mar));width:41.666%;z-index:var(--nav-z)}.gallery::-webkit-scrollbar{display:none}.gallery>:first-child{margin-top:var(--top-full-mar)!important}.gallery>:last-child{margin-bottom:var(--top-full-mar)!important}.prenex{bottom:0;position:fixed}.next,.prev{width:var(--big-pad)}}