:root{--black:#191a1b;--white:#fff;--lightgrey:#dedede;--titleFS:clamp(2rem, 4vw, 8rem);--satoshi:"Satoshi", sans-serif;--ibm:"IBM Plex Mono", monospace}body{position:relative}*{transition:all .3s}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi/Satoshi-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi/Satoshi-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi/Satoshi-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}.landingpage{width:100vw;max-width:2440px;font-family:var(--satoshi)}.landingpage .products-preview{justify-content:space-between;gap:10px;width:100%;height:100vh;display:flex;overflow:hidden}.landingpage .products-preview .editorial-shot{width:50%;height:100%;position:relative}.landingpage .products-preview .editorial-shot .product-preview-info{flex-direction:column;display:flex;position:absolute;bottom:20px;left:20px}.landingpage .products-preview .editorial-shot .product-preview-info .title{font-size:var(--titleFS);font-weight:700;line-height:1}.landingpage .products-preview .editorial-shot .product-preview-info .info{font-family:var(--ibm);gap:20px;display:flex}.landingpage .products-preview .editorial-shot img{object-fit:cover;object-position:top;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.landingpage .products-preview .products-preview-list{flex-direction:column;width:50%;display:flex}.landingpage .products-preview .products-preview-list .info-list{justify-content:space-between;align-items:flex-end;height:100px;padding-bottom:10px;padding-right:10px;display:flex}.landingpage .products-preview .products-preview-list .products-preview-content{flex-wrap:wrap;align-content:flex-start;gap:10px;height:calc(100vh - 110px);padding-right:10px;display:flex;overflow-y:scroll}.landingpage .products-preview .products-preview-list .products-preview-content .product-preview{width:calc(50% - 5px);height:calc(33.3333vh - 36.6667px);transition:all .3s;overflow:hidden}.landingpage .products-preview .products-preview-list .products-preview-content .product-preview img{object-fit:cover;user-select:none;pointer-events:none;width:100%;height:100%}.landingpage .products-preview .products-preview-list .products-preview-content .product-preview .product{display:none}.landingpage .products-preview .products-preview-list .products-preview-content .product-preview:hover{height:calc(33.3333vh - 36.6667px)}.landingpage .products-preview .products-preview-list .products-preview-content .product-preview:hover .product{display:block}.landingpage .products-preview .products-preview-list .products-preview-content .product-preview:hover .close-up{display:none}.collection{min-height:100vh}.collection .collection-grid{grid-template-columns:repeat(var(--cols,3), 1fr);gap:20px;display:grid}.nav{background-color:var(--lightgrey);border:2px solid var(--white);border-radius:999px;justify-content:space-between;align-items:center;width:auto;height:auto;padding:4px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 4px #0003}.nav button{background-color:var(--white);color:var(--black);font-family:var(--satoshi);border-radius:999px;padding:8px 20px;box-shadow:0 0 8px #0000001a}.nav button:hover{color:#fff;background-color:green;box-shadow:0 0 8px #33ff003f}.nav-collection{background-color:var(--white);border:1px solid var(--lightgrey);width:300px;height:auto;padding:8px 15px;position:sticky;bottom:20px;left:50%;transform:translate(-50%)}.nav-collection .buttons{gap:10px;display:flex}.nav-collection .buttons .grid-button{background-color:var(--black);width:fit-content;height:auto;color:var(--white);padding:8px 15px}*,:before,:after{box-sizing:border-box}img,picture,svg,video{max-width:100%;display:block}html{text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}button{font:inherit;background:0 0;border:none;padding:0}a{text-decoration-skip-ink:auto;color:currentColor;text-decoration:none}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}
