:root{--csw-bg:#0a0a0e;--csw-tile-bg:#18181f;--csw-ink:#eae5da;--csw-ink-50:rgba(234,229,218,.5);--csw-ink-08:rgba(234,229,218,.08);--csw-ink-15:rgba(234,229,218,.15);--csw-ink-20:rgba(234,229,218,.2);--csw-acc-h:#ffc44d;--csw-scrim:rgba(10,10,14,.92);--acc:#f7a500;--spd:1;--gap:10px;--cols:5}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--csw-bg)}body{color:var(--csw-ink);font-family:Jost,"Source Sans 3",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;cursor:pointer;border:none;padding:0}::selection{background:var(--acc);color:#14100a}@keyframes csw-roll{0%{transform:translateZ(0)}to{transform:translate3d(0,-50%,0)}}@keyframes csw-fade{0%{opacity:0}to{opacity:1}}.csw-root{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--csw-bg)}.csw-gallery{position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--gap);padding:var(--gap);height:100%;cursor:zoom-in}.csw-col{display:flex;flex-direction:column;gap:var(--gap);will-change:transform;animation-name:csw-roll;animation-timing-function:linear;animation-iteration-count:infinite;opacity:0;transition:opacity .7s ease-out}.csw-gallery.is-ready .csw-col{opacity:1}.csw-gallery.is-ready .csw-col:nth-child(1){transition-delay:0s}.csw-gallery.is-ready .csw-col:nth-child(2){transition-delay:.08s}.csw-gallery.is-ready .csw-col:nth-child(3){transition-delay:.16s}.csw-gallery.is-ready .csw-col:nth-child(4){transition-delay:.24s}.csw-gallery.is-ready .csw-col:nth-child(5){transition-delay:.32s}.csw-gallery.is-ready .csw-col:nth-child(6){transition-delay:.4s}.csw-gallery.is-ready .csw-col:nth-child(7){transition-delay:.48s}.csw-gallery.is-ready .csw-col:nth-child(8){transition-delay:.56s}.csw-tile{display:block;position:relative;width:100%;text-align:left;overflow:hidden;border-radius:14px;background:var(--csw-tile-bg);border:1px solid var(--csw-ink-08);transition:border-color .2s}.csw-tile:hover,.csw-tile:focus-visible{border-color:color-mix(in srgb,var(--acc) 60%,transparent)}.csw-tile:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}.csw-tile img{display:block;width:100%;height:auto;transition:transform .35s ease;transform:scale(1)}.csw-tile:hover img,.csw-tile:focus-visible img{transform:scale(1.06)}.csw-tile-cap{position:absolute;left:0;right:0;bottom:0;padding:16px 12px 10px;background:linear-gradient(to top,rgba(4,5,6,.88),transparent);color:var(--csw-ink);font-size:11px;line-height:1.3;letter-spacing:.02em;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.csw-tile:hover .csw-tile-cap,.csw-tile:focus-visible .csw-tile-cap{opacity:1;transform:translateY(0)}.csw-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--csw-ink-50);font-size:14px;padding:0 24px;text-align:center}.csw-scrim-top,.csw-scrim-bottom{position:absolute;left:0;right:0;pointer-events:none}.csw-scrim-top{top:0;height:150px;background:linear-gradient(to bottom,var(--csw-scrim),transparent)}.csw-scrim-bottom{bottom:0;height:170px;background:linear-gradient(to top,var(--csw-scrim),transparent)}.csw-plate{position:absolute;top:26px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:16px;padding:14px 28px;border-radius:999px;background:#0a0a0e1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--csw-ink-15)}.csw-plate img{width:30px;height:30px;object-fit:contain;display:block;flex:none;filter:invert(1)}.csw-plate h1{margin:0;font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:26px;line-height:1;letter-spacing:-.01em;white-space:nowrap;color:var(--csw-ink)}.csw-plate h1 em{font-style:italic;color:var(--acc)}.csw-menu-btn{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;margin-left:2px;padding-left:16px;border-left:1px solid var(--csw-ink-15);color:var(--csw-ink);transition:color .2s}.csw-menu-btn svg{width:16px;height:16px;flex:none}.csw-menu-btn:hover,.csw-menu-btn:focus-visible{color:var(--acc)}.csw-cta{position:absolute;bottom:34px;left:50%;transform:translate(-50%);z-index:20;display:block;padding:16px 34px;border-radius:999px;background:#0a0a0e1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--acc) 55%,transparent);color:var(--acc);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}.csw-cta:hover,.csw-cta:focus-visible{background:color-mix(in srgb,var(--acc) 18%,transparent);border-color:var(--acc);color:var(--csw-acc-h)}.csw-lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#040506f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;justify-content:center;padding:64px 88px}.csw-lightbox.is-open{display:flex;animation:csw-fade .22s ease-out}.csw-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border:1px solid var(--csw-ink-15)}.csw-lb-btn{position:absolute;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--csw-ink-20);color:var(--csw-ink);font-family:Jost,sans-serif;font-size:18px;cursor:pointer;transition:border-color .2s,color .2s}.csw-lb-btn:hover,.csw-lb-btn:focus-visible{border-color:var(--acc);color:var(--acc)}.csw-lb-close{top:24px;right:28px;width:44px;height:44px}.csw-lb-prev{left:22px;top:50%;width:48px;height:48px;margin-top:-24px}.csw-lb-next{right:22px;top:50%;width:48px;height:48px;margin-top:-24px}.csw-lb-counter{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--csw-ink-50)}@media(max-width:900px){.csw-plate h1{font-size:20px}.csw-lightbox{padding:32px}}@media(max-width:600px){.csw-plate{padding:10px 18px;gap:12px}.csw-plate h1{font-size:16px}.csw-cta{padding:14px 24px;font-size:11px;bottom:20px}.csw-lightbox{padding:16px}.csw-lb-prev,.csw-lb-next{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.csw-col{animation:none!important;opacity:1!important;transition:none!important}.csw-gallery{overflow-y:auto}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/customer-showcase.css.map */