@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/IBMPlexSans-Regular.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/IBMPlexSans-Bold.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;position:relative;height:300vh;background-color:#fafafa;touch-action:pan-y}#canvas{position:sticky;top:0;width:100%;height:100svh;display:block}#title{position:absolute;top:10px;left:10px;color:#333;padding:1rem 1.5rem;border-radius:8px;pointer-events:none}#title h1{font-size:1.5rem;font-weight:700}#scrollHint{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:10;color:#111;opacity:.8;cursor:pointer;transition:opacity .25s ease,visibility .25s ease;animation:scroll-bob 1.2s ease-in-out infinite}@keyframes scroll-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}#scrollHint.is-hidden{opacity:0;visibility:hidden}@media (prefers-reduced-motion: reduce){#scrollHint{animation:none}}#cards{position:absolute;bottom:calc(40px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:5;max-width:400px;width:calc(100% - 2rem);display:flex;flex-direction:column;gap:1rem}#infoCard{background:#111;border:1.5px solid #111;color:#eee;padding:1.5rem 2rem;text-align:center}#infoCard h2{font-size:1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.25rem}#infoCard p{font-size:.85rem;color:#aaa;line-height:1.6;margin-bottom:1rem}#infoCard .dimensions{font-size:.75rem;color:#777;letter-spacing:.05em;margin-bottom:.25rem}#infoCard .gallery{display:flex;margin:0 -2rem 1rem;gap:2px}#infoCard .gallery img{flex:1 1 0;min-width:0;height:auto;object-fit:cover;display:block;cursor:pointer}.orderLink{font-size:.85rem;color:#aaa;text-decoration:underline;text-underline-offset:3px;line-height:1.6}.orderLink:hover{color:#eee}#orderCard{display:none;background:#fff;border:1.5px solid #111;padding:1.5rem 2rem;text-align:center}#orderCard.is-visible{display:block}#orderCard p{font-size:.85rem;color:#555;margin-bottom:.75rem}#orderCard a{font-size:.85rem;font-weight:700;color:#111;text-decoration:none}#orderCard a:hover{text-decoration:underline}#lightbox{border:none;outline:none;background:none;padding:0;margin:auto;max-width:90vw;max-height:90vh}#lightbox::backdrop{background:#000000e6}#lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;display:block}#lightbox .lb-prev,#lightbox .lb-next{outline:none;position:fixed;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffffb3;font-size:3rem;cursor:pointer;padding:1rem;z-index:1;transition:color .15s ease}#lightbox .lb-prev:hover,#lightbox .lb-next:hover{color:#fff}#lightbox .lb-prev{left:1rem}#lightbox .lb-next{right:1rem}#infoCard nav{display:flex;gap:1rem;justify-content:center}#infoCard nav a{font-size:.85rem;font-weight:700;color:#eee;text-decoration:none;padding:.4rem 1.2rem;border:1.5px solid #eee;border-radius:0;transition:background .15s ease,color .15s ease}#infoCard nav a:hover{background:#eee;color:#111}