/* The Meloy Art: static rebuild (Oct 2026). Fixed-width, centred, white; Helvetica + DIN-like nav. */
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Anton";src:url(/assets/fonts/anton-400.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--ink:#000;--grey:#999997;--dark:#444;--line:#999997;--bg:#fff;--panel:#f2f2f2;--red:#df3131;--yellow:#ffc924;--pink:#e33292;--green:#3f7652;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--din:"Barlow","DIN Next","D-DIN","Helvetica Neue",Arial,sans-serif;--maxw:980px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px;z-index:99}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.2) blur(4px)}
.hd-in{max-width:var(--maxw);margin:0 auto;height:44px;display:flex;align-items:center;padding:0 10px;font-family:var(--din)}
.logo{font-size:10px;letter-spacing:.04em;color:var(--grey);margin-right:24px;white-space:nowrap}
.nav{flex:1;display:flex;align-items:center;font-size:13px;letter-spacing:.03em;color:#555}
.nav>a,.dd>a{padding:12px 0;display:inline-block}
.nav a:hover,.nav a.on{color:var(--pink)}
.nav-mid{margin:0 auto}
.dd{position:relative;margin-right:20%}
.ddm{display:none;position:absolute;right:-40px;top:100%;background:#fff;min-width:210px;padding:8px 0;box-shadow:0 6px 24px rgba(0,0,0,.12);font-size:13px}
.ddm a{display:block;padding:7px 18px;color:#333;white-space:nowrap}.ddm a:hover{background:var(--panel);color:var(--pink)}
.dd:hover .ddm,.dd:focus-within .ddm{display:block}
.burger{display:none;margin-left:auto;background:none;border:0;padding:10px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:#222;margin:4px 0;transition:.2s}
/* page layout engine (positions from the Wix capture, as % of page width) */
main{min-height:60vh}
.pg{max-width:var(--W,980px);margin:0 auto;padding:22px 0 70px}
.b{margin-top:var(--mt,0);margin-left:var(--ml,0);width:var(--w,100%)}
.r{display:flex;align-items:flex-start;margin-top:var(--mt,0)}
.c{flex:0 0 var(--w);margin-left:var(--ml,0);min-width:0}
.band{box-shadow:0 0 0 100vmax var(--bc);clip-path:inset(0 -100vmax);background:var(--bc);padding:var(--bp,0) 0}
.bleed{width:100vw;margin-left:calc(50% - 50vw)}
.anchor{display:block;position:relative;top:-60px;visibility:hidden}
/* rich text */
@media (min-width:761px){.rt.nw{white-space:nowrap}}
.band.bimg{background-size:cover;background-position:center;box-shadow:none;clip-path:none;width:100vw;margin-left:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}
.rt p,.rt h1,.rt h2,.rt h3,.rt h4,.rt h5,.rt h6{margin:0;font-weight:400;overflow-wrap:break-word}
.rt [style*="--fs"]{font-size:clamp(calc(var(--fs) * .62),4.6vw,var(--fs))}
.rt ul,.rt ol{margin:0;padding-left:1.4em}
.rt a.ul{text-decoration:underline}.rt a:hover{opacity:.7}
.rt .sp{line-height:1}
.ff-sans{font-family:var(--sans)}.ff-din{font-family:var(--din)}.ff-serif{font-family:Georgia,"Times New Roman",serif}
.ff-display{font-family:Impact,"Anton","Arial Narrow",sans-serif}.ff-lulo{font-family:var(--sans);font-weight:700;letter-spacing:.14em}
.ff-script{font-family:"Brush Script MT","Segoe Script",cursive}.ff-avenir{font-family:"Avenir Next",Avenir,var(--sans)}
.ff-kanit,.ff-poppins{font-family:var(--sans)}
/* media blocks */
.im img{width:100%;height:auto}
.im.fill img{height:100%;object-fit:cover}
.im.fit img{height:100%;object-fit:contain}
.im{aspect-ratio:var(--ar)}.im img{aspect-ratio:var(--ar)}
.im a{display:block;height:100%}
.im img{border-radius:inherit}
.im a:hover img{opacity:.88}
hr.ln{border:0;border-top:var(--lw,1px) solid var(--lc,#999);margin:0}
.btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:var(--bh,40px);padding:4px 18px;transition:opacity .2s;line-height:1.2}
.btn:hover{opacity:.8}
.svg svg{width:100%;height:auto;display:block}
.embed{position:relative;width:100%;height:var(--eh,600px);background:#111}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* galleries */
.gal{width:100%}
.gal.grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:var(--gap,10px)}
.gal.grid .gi img{width:100%;aspect-ratio:var(--ar);object-fit:cover}
.gal.just{display:flex;flex-wrap:wrap;gap:6px}
.gal.just::after{content:"";flex-grow:1e4}
.gal.just .gi{flex:var(--ar) 1 calc(var(--ar) * var(--rh,220px));min-width:0}
.gal.just .gi img{width:100%;aspect-ratio:var(--ar);object-fit:cover}
.gal.strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.gal.strip .gi{flex:0 0 auto;scroll-snap-align:start}
.gal.strip .gi img{height:var(--sh,150px);width:auto;aspect-ratio:var(--ar);object-fit:cover}
.gi{display:block;position:relative;background:#f4f4f4}
.gi.cap{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.gi .t{display:block;text-align:center;font-family:Georgia,serif;font-size:14px;padding:12px 6px}
a.gi:hover img{opacity:.88}
/* product cards / grids */
.pgrid{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:34px 16px}
.pcard{display:block;font-size:13px}
.pcard-img{display:block;position:relative;aspect-ratio:1/var(--ar);overflow:hidden;background:#f4f4f4}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.pcard:hover .pcard-img img{transform:scale(1.03)}
.ribbon{position:absolute;left:0;top:0;background:var(--yellow);color:#fff;font-size:11px;padding:3px 8px}
.pcard-title{display:block;margin-top:12px;line-height:1.35}
.pcard-price{display:block;color:#777;margin-top:6px;font-size:12px}
/* generic wrap pages */
.wrap{max-width:var(--maxw);margin:0 auto;padding:28px 20px 70px}
.shop-h{font:400 33px/1.2 "Avenir Next",Avenir,var(--sans);letter-spacing:.15em;text-align:center;margin:10px 0 14px}
.shop-intro{max-width:640px;margin:0 auto 10px;text-align:center;color:var(--dark);font-size:14px}
.shop-artists{text-align:center;font-size:13px;margin:0 0 34px}.shop-artists a{margin:0 9px;text-decoration:underline;display:inline-block}
/* product page */
.crumbs{font-size:13px;margin:10px 0 36px}.crumbs span{color:#777}
.prod{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:24px 44px;align-items:start}
.prod-main img{width:100%;height:auto}
.prod-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.prod-thumbs .thumb{width:70px;height:70px;opacity:.6;border:1px solid transparent}
.prod-thumbs .thumb.on,.prod-thumbs .thumb:hover{opacity:1;border-color:#000}
.prod-thumbs img{width:100%;height:100%;object-fit:cover}
.prod-info h1{font-size:24px;font-weight:400;line-height:1.3;margin:0 0 14px}
.price{font-size:14px;margin:0 0 22px}.oos{display:inline-block;margin-left:10px;color:var(--red)}
.buy-btn{display:block;max-width:300px;background:#000;color:#fff;text-align:center;padding:11px 16px;font-size:14px;transition:opacity .2s}
.buy-btn:hover{opacity:.82}.buy-btn.is-sold{background:#fff;color:#000;border:1px solid #000}
.prod-desc{margin-top:30px;font-size:14px;line-height:1.55}
/* blog */
.cats{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;border-bottom:1px solid #e5e5e5;padding-bottom:12px;margin-bottom:28px}
.cats a.on,.cats a:hover{color:var(--pink)}
.cat-h{font-size:28px;font-weight:400;margin:0 0 24px}
.pitem{display:grid;grid-template-columns:454px 1fr;border:1px solid #e5e5e5;margin-bottom:30px}
.pitem-img img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.pitem-txt{padding:30px 34px}
.meta{font-size:12px;color:#777;margin:0 0 12px}
.pitem h2{font-size:24px;font-weight:400;line-height:1.3;margin:0 0 14px}.pitem h2 a:hover{color:var(--pink)}
.ex{font-size:15px;color:var(--dark);margin:0}
.post{max-width:740px;margin:0 auto}
.post h1{font-size:32px;font-weight:400;line-height:1.25;margin:0 0 28px}
.post-body{font-size:17px;line-height:1.65}
.post-body p{margin:0 0 1.1em}.post-body p.sp{margin:0}
.post-body h2,.post-body h3{font-weight:400;line-height:1.3;margin:1.6em 0 .6em}
.post-body a{text-decoration:underline}
.post-body figure{margin:1.6em 0}.post-body figcaption{font-size:13px;color:#777;text-align:center;margin-top:8px}
.post-body .gal{margin:1.6em 0}
.post-foot{border-top:1px solid #e5e5e5;margin-top:36px;padding-top:16px;font-size:13px;color:#555}
.tags span{display:inline-block;border:1px solid #ddd;padding:3px 9px;margin:0 6px 6px 0}
.pcats a{margin-right:14px;text-decoration:underline}
.recent{max-width:980px;margin:56px auto 0}.recent h2{font-size:18px;font-weight:400;border-bottom:1px solid #e5e5e5;padding-bottom:10px}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ritem img{width:100%;aspect-ratio:4/3;object-fit:cover}.ritem span{display:block;margin-top:10px;font-size:15px}
.simple{max-width:760px}
/* footer */
.ft{border-top:1px solid #eee;margin-top:20px;padding:26px 20px 34px;text-align:center;font:12px/1.6 var(--din);color:var(--grey)}
.ft nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase}
.ft a:hover{color:var(--pink)}.ft p{margin:0}
/* lightbox */
.lbx{position:fixed;inset:0;z-index:100;background:rgba(255,255,255,.97);display:flex;align-items:center;justify-content:center}
.lbx img{max-width:92vw;max-height:88vh;width:auto;height:auto;box-shadow:0 8px 40px rgba(0,0,0,.15)}
.lbx button{position:absolute;background:none;border:0;font-size:34px;line-height:1;cursor:pointer;padding:16px;color:#222}
.lbx .x{top:6px;right:10px}.lbx .pv{left:6px;top:50%;transform:translateY(-50%)}.lbx .nx{right:6px;top:50%;transform:translateY(-50%)}
.lbx .cap{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:13px;color:#555}
/* responsive */
@media (max-width:1000px){.pg{padding-left:10px;padding-right:10px}}
@media (max-width:760px){
  .hd-in{height:52px}
  .burger{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:52px;background:#fff;flex-direction:column;align-items:stretch;padding:6px 20px 18px;box-shadow:0 10px 20px rgba(0,0,0,.08);font-size:15px}
  .nav.open{display:flex}
  .nav>a,.dd>a{padding:11px 0;border-bottom:1px solid #f0f0f0}
  .nav-mid{margin:0}
  .dd{margin:0}.ddm{display:block;position:static;box-shadow:none;padding:0 0 0 14px;min-width:0}
  .ddm a{padding:8px 0}
  .burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .burger[aria-expanded=true] span:nth-child(2){opacity:0}
  .burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .pg{padding:16px 18px 50px}
  .r{display:block;margin-top:min(var(--mt,0px),24px)}
  .c{margin-left:0;width:auto}
  .b{margin-left:0;width:auto;margin-top:min(var(--mt,0px),24px)}
  .b.t-image,.b.t-svg{width:min(100%,var(--pw));margin-left:auto;margin-right:auto}
  .b.t-button{width:min(100%,var(--pw))}
  .b.t-line{width:100%}
  .rt [style*="text-align:center"]{text-align:center}
  .gal.grid{grid-template-columns:repeat(min(var(--cols),var(--mcols,2)),1fr)}
  .gal.just .gi{flex-basis:calc(var(--ar) * 120px)}
  .embed{height:70vh}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:26px 12px}
  .prod{grid-template-columns:1fr}
  .buy-btn{max-width:none}
  .pitem{grid-template-columns:1fr}.pitem-txt{padding:18px 18px 22px}
  .rgrid{grid-template-columns:1fr}
  .post h1{font-size:26px}
  .wrap{padding:20px 18px 50px}
}