.namskiMemorySection{height:100svh;min-height:540px}.namskiMemory{position:relative;width:100%;height:100%;overflow:hidden;color:var(--memory-text, #f4f4f2);background:var(--memory-background, #030303);font-family:Inter Display,Helvetica Neue,Helvetica,Arial,sans-serif;overscroll-behavior:none}.namskiMemory:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;content:"";opacity:var(--memory-noise-opacity, .065);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");mix-blend-mode:screen}.namskiMemory__webgl,.namskiMemory__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.namskiMemory__webgl{z-index:0}.namskiMemory__canvas{display:block;cursor:grab;touch-action:none}.namskiMemory__canvas.is-dragging{cursor:grabbing}.namskiMemory__viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;width:100vw;height:100svh;max-width:none;max-height:none;padding:0;border:0;color:#fff;background:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.namskiMemory__viewer[open]{display:grid;place-items:center}.namskiMemory__viewer::backdrop{background:transparent}.namskiMemory__viewer-frame{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;place-items:center;gap:clamp(10px,2.4vw,32px);width:min(100%,1600px);height:100%;margin:auto;padding:max(28px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:none}.namskiMemory__viewer-stage{position:relative;width:100%;height:100%;overflow:hidden;pointer-events:auto;touch-action:pan-y}.namskiMemory__viewer-image{position:absolute;top:50%;left:50%;display:block;width:auto;height:auto;max-width:100%;max-height:calc(100svh - 56px);aspect-ratio:auto;object-fit:contain;cursor:grab;pointer-events:auto;touch-action:pan-y;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%) translateZ(0);will-change:transform;-webkit-user-drag:none}.namskiMemory__viewer-image.is-swiping{cursor:grabbing}.namskiMemory__viewer-image--adjacent{visibility:hidden;pointer-events:none}.namskiMemory__viewer-toggle{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:0;color:inherit;background:transparent;font:inherit;font-size:24px;line-height:1;cursor:pointer;opacity:.78;pointer-events:auto;filter:drop-shadow(0 1px 5px rgb(0 0 0 / 72%));transition:opacity .16s ease,transform .16s ease;-webkit-tap-highlight-color:transparent}.namskiMemory__viewer-toggle:hover{background:transparent;opacity:1;transform:scale(1.05)}.namskiMemory__viewer-toggle:focus,.namskiMemory__viewer-toggle:focus-visible{outline:none;box-shadow:none}.namskiMemory__viewer-toggle:focus-visible{opacity:1;transform:scale(1.12)}.namskiMemory__header{position:absolute;z-index:3;top:12px;left:50%;width:auto;padding:0;line-height:1;transform:translate(-50%);-webkit-user-select:none;user-select:none;pointer-events:none}.namskiMemory__wordmark{--namski-brand-width: min(80vw, 192px );color:inherit}.namskiMemory__instruction{position:absolute;bottom:50px;left:50%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:11px;width:max-content;max-width:calc(100vw - 40px);color:#f4f4f2bd;font-size:8px;font-weight:450;letter-spacing:2.1px;line-height:1.3;text-align:center;transform:translate(-50%);pointer-events:none}.namskiMemory__instruction-line{display:block;width:1px;height:22px;background:currentColor;transform-origin:top;animation:namski-memory-breathe 1.9s ease-in-out infinite}@keyframes namski-memory-breathe{0%,to{opacity:.35;transform:scaleY(.6)}50%{opacity:.9;transform:scaleY(1)}}@media(max-width:1023px){.namskiMemory__header{top:8px}}@media(max-width:720px){.namskiMemory__viewer-frame{grid-template-columns:48px minmax(0,1fr) 48px;gap:0;padding-inline:max(8px,env(safe-area-inset-left))}.namskiMemory__viewer-toggle{font-size:21px}.namskiMemory__instruction{bottom:36px;font-size:7px;letter-spacing:1.6px}}@media(prefers-reduced-motion:reduce){.namskiMemory__instruction-line{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/namski-memory.css.map */