*{box-sizing:border-box}html,body{margin:0;background:#f5f3ee;color:#20201e;font-family:Arial,sans-serif}body{height:100svh;overflow:hidden}a{color:inherit;text-decoration:none}header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;position:relative;z-index:10}.brand{font-size:29px;letter-spacing:-1.5px;font-weight:600}nav{display:flex;gap:28px;align-items:center;font-size:13px}button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:10px}button:hover,a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:2px solid #292824;outline-offset:6px}main{height:calc(100svh - 150px)}#deck{height:100%;position:relative;perspective:1600px;touch-action:pan-x}.card{position:absolute;inset:20px max(60px,15vw) 25px;display:flex;align-items:center;justify-content:center;transform-origin:50% 100%;transition:transform .65s cubic-bezier(.2,.65,.25,1),opacity .65s;will-change:transform;pointer-events:none}.card img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 15px 45px #0002;background:#eeeae1}.card.front{pointer-events:auto}.card.back img{filter:brightness(.93)}footer{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px;letter-spacing:.03em}.controls{display:flex;align-items:center;gap:20px;font-variant-numeric:tabular-nums}.controls button{font-size:22px}.preview{color:#79766f}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#grid{height:100%;overflow:auto;padding:15px 38px 50px;grid-template-columns:repeat(4,1fr);gap:34px 22px}#grid:not([hidden]){display:grid}#grid a{display:flex;flex-direction:column;gap:10px;font-size:12px}#grid img{width:100%;height:230px;object-fit:contain;background:#eae7df}#grid small{color:#777}button:disabled{opacity:.25;cursor:default}@media(max-width:650px){header{height:64px;padding:0 20px}.brand{font-size:25px}nav{gap:12px;font-size:12px}main{height:calc(100svh - 145px)}.card{top:35px;right:26px;bottom:30px;left:26px}footer{height:81px;padding:0 20px;flex-wrap:wrap}#hint{font-size:10px;width:60%}.preview{display:none}.controls{gap:8px;font-size:10px}#grid{padding:15px 20px;grid-template-columns:repeat(2,1fr);gap:24px 14px}#grid img{height:180px}}main{overflow:hidden}#deck{perspective:1150px;perspective-origin:50% 45%;isolation:isolate;overflow:hidden}.card{inset:16% max(65px,20vw) 14%;transform-origin:50% 50%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.22,.7,.18,1),opacity .9s;backface-visibility:hidden}.card img{box-shadow:14px 24px 45px #27241b28,2px 3px 4px #27241b15;border-radius:2px;animation:float 7s ease-in-out infinite;backface-visibility:hidden}.card.back img{filter:none;animation-delay:-2s}.card.front:hover img{box-shadow:18px 28px 55px #27241b38}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}[hidden]{display:none!important}@media(max-width:650px){#deck{perspective:850px;perspective-origin:50% 46%}.card{top:24%;right:16%;bottom:21%;left:16%}.card img{box-shadow:10px 20px 30px #27241b2b}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card img{animation:none}}@media(max-width:650px){.card{top:29%;right:21%;bottom:17%;left:21%}#deck{perspective:1050px}}html{overscroll-behavior-y:none}body{height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto}header{position:fixed;inset:0 0 auto;height:80px;background:#f5f3ee;z-index:30}main{position:fixed;top:80px;right:0;bottom:70px;left:0;height:auto}footer{position:fixed;inset:auto 0 0;height:70px;background:#f5f3ee;z-index:30}#deck{touch-action:pan-y}.card{transition:none}.card img{animation:none}#scroll-distance{width:1px;pointer-events:none}.grid-open{overflow:hidden}.grid-open #scroll-distance{visibility:hidden}@media(max-width:650px){header{height:64px}main{top:64px;right:0;bottom:81px;left:0;height:auto}footer{height:81px}}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.art-object{position:relative;display:block;transform-style:preserve-3d;flex:none;pointer-events:none}.card .art-object img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;border-radius:0;background:transparent;box-shadow:none;animation:none;backface-visibility:visible}.card .art-edge{filter:brightness(.38) saturate(.4)}.card .art-face{transform:translateZ(0);filter:drop-shadow(2px 3px 1px #0002)}.card .art-object .art-edge:first-child{filter:brightness(.35) drop-shadow(10px 18px 16px #0004)}.card.front:hover .art-object img{box-shadow:none}#grid img{background:transparent}.card{top:10%;right:4%;bottom:10%;left:4%}.art-object{align-self:center}@media(max-width:650px){.card{top:10%;right:4%;bottom:10%;left:4%}#hint{font-size:9px;max-width:62%;line-height:1.5}}.grid-thumb{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden}#grid .grid-thumb img{position:absolute;max-width:none;object-fit:fill}.section-nav{position:fixed;top:75px;left:38px;z-index:31;max-width:calc(100% - 76px)}#section-picker{font:12px Arial,sans-serif;color:#666259;background:#f5f3ee;border:0;padding:8px 20px 8px 0;max-width:100%;cursor:pointer}.section-heading{grid-column:1/-1;font-size:16px;font-weight:400;margin:28px 0 0}#grid{padding-top:45px}@media(max-width:650px){.section-nav{top:61px;left:20px;max-width:calc(100% - 40px)}#section-picker{font-size:11px}}.art-caption{display:flex;flex-direction:column;gap:5px;max-width:70%}#art-title{font-size:13px;letter-spacing:0;line-height:1.25}#hint{max-width:none;width:auto}.grid-open .art-caption #art-title{display:none}@media(max-width:650px){.art-caption{max-width:68%}#art-title{font-size:11px}#hint{max-width:none;width:auto;font-size:9px}.controls{gap:3px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/calma-gallery.css.map */