@font-face{font-family:ShopArial;src:url('/assets/arial.woff') format('woff');font-style:normal;font-weight:400;font-display:block}
*{box-sizing:border-box}
html{--unit:12px;font-size:var(--unit);touch-action:manipulation}

body{margin:0;min-height:100vh;background:#e0e0e0;color:#000;font-family:ShopArial,Arial,sans-serif;font-weight:400;font-size:1rem;line-height:1.2;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none}
a{color:inherit;text-decoration:none}a:active{opacity:.7}a:focus-visible,button:focus-visible{outline:1px solid currentColor;outline-offset:4px}
@media(hover:hover){a:hover{color:#e0e0e0}}
.active{color:#fff}
.site-menu{position:fixed;inset:0 0 auto;z-index:10;pointer-events:none;padding:20rem 0 3rem 20rem}
.site-menu a{pointer-events:auto}
.page{padding:20rem 0 3rem 20rem;min-height:100vh}
.columns{--gap:5rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);width:100%;align-items:start}
.columns+.columns{margin-top:var(--gap)}
.column{grid-column:span var(--span);min-width:0;overflow-wrap:break-word}
figure{margin:0;display:block;position:relative}
.photo-link{display:block;color:inherit!important}
.catalog-image{display:block;width:100%;height:auto}
figcaption{margin-top:.5em;color:rgba(0,0,0,.85);font-size:1rem;line-height:1.2}
.price{display:block;color:white}
.arrow{font-family:Arial,sans-serif;font-size:1.2em;line-height:0;vertical-align:-.02em}
.purchase{display:inline-block;color:#fff;text-decoration:underline;cursor:default;font:inherit;line-height:normal}
.gallery{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;touch-action:pan-y;cursor:zoom-in}
.slides{display:flex;height:100%;width:100%;transition:transform .5s ease}
.slide{height:100%;flex:0 0 100%;width:100%;display:flex;align-items:center;justify-content:center}
.slide img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:rgba(87,87,87,.35);color:rgba(255,255,255,.9);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s}
.gallery-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.gallery-nav.prev{left:15px}.gallery-nav.next{right:15px}.gallery-nav.next svg{transform:rotate(180deg)}
.gallery[data-nav=false]>.gallery-nav{display:none}
@media(hover:hover){.gallery:hover>.gallery-nav{opacity:1}}
.lightbox{position:fixed;inset:0;background:#fff;z-index:100;display:flex;align-items:center;justify-content:center;padding:3rem}
.lightbox[hidden]{display:none}
.lightbox img{display:block;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-out}
.lightbox button{position:absolute;border:0;cursor:pointer;background:transparent;font:inherit;color:#000}
.lightbox .close{top:15px;right:20px;font-size:28px;font-family:Arial,sans-serif;font-weight:300}
.lightbox .gallery-nav{background:rgba(87,87,87,.35);color:white;opacity:1}
.lightbox .prev{left:25px}.lightbox .next{right:25px}
body.zoom-open{overflow:hidden}
@media(max-aspect-ratio:4/5),(min-aspect-ratio:2/3) and (max-height:500px){
 html{font-size:var(--mobile-unit)}
 .site-menu,.page{padding:8rem 0 1.2rem 8rem}
 .columns{--gap:2rem;display:flex;flex-direction:column;align-items:start;gap:0}
 .columns.small-mobile-gap{--gap:.4rem}
 .column{width:100%;max-width:100%;flex:none}
 .column:not(:last-child){margin-bottom:var(--gap)}
 .column.empty-mobile{display:none}
 .column:not(.empty-mobile):has(~.column:not(.empty-mobile)){margin-bottom:var(--gap)}
 .column:not(.empty-mobile):not(:has(~.column:not(.empty-mobile))){margin-bottom:0}
 .gallery[data-mobile-nav=false]>.gallery-nav{display:none}
 .purchase{font-size:.855rem}
 .lightbox{padding:10px}
 .lightbox .prev{left:25px}.lightbox .next{right:25px}
}