/* A SLICE OF WORLD — linea grafica coordinata. Fotografia protagonista, spigolo vivo, molto vuoto. */
:root{--night:#112647;--sage:#659F9D;--ochre:#C19B4E;--ground:#FFFFFF;--stone:#EEF1F3;--plate:#FFFFFF;--ink:#112647;--ink-muted:#4D5B73;--line:#8A96A8;--hair:#D5DAE1;--sage-ink:#37706E;--ochre-ink:#84631C;--field:#112647;--on-field:#FFFFFF;
--f-d:"Montserrat","Avenir Next","Helvetica Neue",Arial,sans-serif;--f-s:"Newsreader","Iowan Old Style",Georgia,serif;--f-m:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;
--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:40px;--s6:64px;--s7:104px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:400 16px/1.6 var(--f-d);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--sage-ink);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--plate);padding:8px 16px;z-index:10}
.wrap{max-width:1320px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
@media(min-width:900px){.wrap{padding-left:40px;padding-right:40px}}
.lab{font:600 11px/16px var(--f-d);letter-spacing:.18em;text-transform:uppercase}
.muted{color:var(--ink-muted)}.warn{color:var(--ochre-ink)}
.data{font:400 13px/20px var(--f-m);font-variant-numeric:tabular-nums}.data-s{font:400 11px/17px var(--f-m)}
.t-xl{font:300 clamp(34px,4.6vw,56px)/1.08 var(--f-d);letter-spacing:.02em;text-wrap:balance}
.t-l{font:400 clamp(26px,3vw,36px)/1.16 var(--f-d);text-wrap:balance}.t-m{font:500 20px/28px var(--f-d);text-decoration:none}
.story{font:400 19px/30px var(--f-s);max-width:62ch}.story-l{font:italic 400 clamp(21px,2.2vw,28px)/1.3 var(--f-s);max-width:30ch}
.brk{overflow-wrap:anywhere}.sel{user-select:all}
/* testata */
.hd{border-bottom:1px solid var(--hair);background:var(--ground)}
.hd-in{display:flex;align-items:center;gap:var(--s4);padding-block:var(--s3);flex-wrap:wrap}
.brand img{width:132px;height:auto}
.nav{display:flex;gap:var(--s4);flex-wrap:wrap;margin-left:auto}
.nav a,.cartl,.langs a,.langs span,.ft nav a{font:600 11px/16px var(--f-d);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding-block:6px;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current],.cartl:hover,.ft nav a:hover{border-bottom-color:var(--ink)}
.hd-r{display:flex;gap:var(--s4);align-items:center}.langs{display:flex;gap:var(--s2)}.langs a{color:var(--ink-muted)}.langs span{border-bottom-color:var(--ink)}
@media(max-width:899px){.nav{order:3;width:100%;margin-left:0;gap:var(--s3)}.hd-r{margin-left:auto}.brand img{width:104px}}
/* bottoni */
.btn{display:inline-block;font:600 11px/16px var(--f-d);letter-spacing:.18em;text-transform:uppercase;padding:15px 26px;border:1px solid var(--field);background:var(--field);color:var(--on-field);border-radius:0;cursor:pointer;text-decoration:none;text-align:center}
.btn:hover{background:#1c3764;border-color:#1c3764}.btn.sec{background:transparent;color:var(--ink);border-color:var(--ink)}.btn.sec:hover{background:var(--stone)}
.btn.inv{background:var(--ground);color:var(--night);border-color:var(--ground)}.btn[disabled]{background:var(--stone);border-color:var(--line);color:var(--ink-muted);cursor:default}
.lnk{font:600 11px/16px var(--f-d);letter-spacing:.18em;text-transform:uppercase;color:var(--sage-ink);background:none;border:0;border-bottom:1px solid var(--sage-ink);padding:0 0 3px;cursor:pointer;text-decoration:none}
.inp{font:400 15px/22px var(--f-d);color:var(--ink);background:var(--plate);border:1px solid var(--line);border-radius:2px;padding:12px 14px;width:100%;min-width:0}
textarea.inp{resize:vertical}
/* sezioni */
.sec{padding-block:var(--s6)}@media(min-width:900px){.sec{padding-block:var(--s7)}}
.narrow{max-width:860px}.pg-hd{display:grid;gap:var(--s3);margin-bottom:var(--s5)}
.sec-hd{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);margin-bottom:var(--s5);border-top:1px solid var(--ink);padding-top:var(--s3)}
.sec>*+*{margin-top:var(--s4)}.crumb{padding-top:var(--s5);margin-bottom:calc(var(--s6) * -1 + var(--s3))}
.notice{border:1px solid var(--ochre-ink);color:var(--ochre-ink);padding:var(--s3);font:400 14px/22px var(--f-d);margin-block:var(--s3)}
/* home */
.hero{display:grid;gap:var(--s5);padding-block:var(--s5) var(--s6);align-items:end}
@media(min-width:900px){.hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s6);padding-block:var(--s6) var(--s7)}}
.hero-img img{width:100%;max-height:78vh;object-fit:contain;object-position:left bottom}
.hero-cap{display:flex;justify-content:space-between;gap:var(--s3);margin-top:var(--s3);flex-wrap:wrap}
.hero-tx{display:grid;gap:var(--s4)}
.slot{background:var(--stone);aspect-ratio:4/5;width:100%}
.hero-empty{display:grid;place-items:center;align-content:center;gap:var(--s4)}.hero-empty svg{width:42%;fill:none;stroke:var(--ink);stroke-width:1.5}
.pils{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--ink);padding-top:var(--s4)}
.pils.sec{padding-block:var(--s4) var(--s6)}.pils>*{margin-top:0}.pil{display:grid;gap:var(--s2);align-content:start}.pil p{font:400 16px/24px var(--f-s);color:var(--ink-muted)}
.world li{border-top:1px solid var(--hair);padding-block:var(--s3)}.world li>a{display:flex;justify-content:space-between;align-items:baseline;text-decoration:none}
.world li>a:hover .t-l{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.cities{display:flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s2)}.cities a{font:400 16px/24px var(--f-s);text-decoration:none;border-bottom:1px solid var(--line)}
.band{background:var(--night);color:#fff;margin-top:var(--s6)}.band-in{display:grid;gap:var(--s5);padding-block:var(--s6)}
@media(min-width:900px){.band-in{grid-template-columns:1fr 1fr;align-items:end;padding-block:var(--s7)}}
.band .story{color:#D6DCE5;margin-top:var(--s3)}.band .inp{border-color:#fff}
.vform{display:grid;gap:var(--s2)}.row{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center}.vform .row .inp{flex:1 1 220px}
/* griglia opere */
.filters{display:flex;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}
.filters a{font:600 11px/16px var(--f-d);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--ink-muted);padding-bottom:6px;border-bottom:1px solid transparent}.filters a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}
.grid{display:grid;gap:var(--s6) var(--s5);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start}
.card-img{display:block;background:var(--stone)}.card-img img{width:100%}
.card-tx{display:grid;gap:var(--s1);margin-top:var(--s3)}.card-tx h3 a{text-decoration:none}.card-tx h3 a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.card-ft{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s2);flex-wrap:wrap}
.badges{display:flex;gap:var(--s2);flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line);background:var(--ground)}
.badge.one{background:var(--field);color:var(--on-field);border-color:var(--field)}.badge.sold{color:var(--ink-muted);border-style:dashed}
.m-o{fill:var(--ochre)}.m-s{fill:var(--sage)}.m-n{fill:var(--ink)}.m-h{fill:none;stroke:var(--ink-muted);stroke-width:1.5}
/* scheda opera */
.work{display:grid;gap:var(--s5);padding-block:var(--s5) var(--s6)}
@media(min-width:900px){.work{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s6);padding-block:var(--s6);align-items:start}.work-tx{position:sticky;top:var(--s4)}}
.work-img img{width:100%;max-height:88vh;object-fit:contain;object-position:center top}.zoom{display:block;cursor:zoom-in}
.work-tx{display:grid;gap:var(--s4)}
.meta{display:grid;grid-template-columns:auto 1fr;gap:10px var(--s4);align-items:baseline;border-top:1px solid var(--hair);padding-top:var(--s4)}.meta dt{color:var(--ink-muted)}.meta dd{min-width:0}
.buy{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;border-top:1px solid var(--ink);padding-top:var(--s4)}.price{display:grid;gap:var(--s1);max-width:30ch}
.excl{background:var(--stone);padding:var(--s4);display:grid;gap:var(--s3)}.excl p{font:400 16px/25px var(--f-s)}.excl .buy{border-top-color:var(--line)}
.incl{display:grid;gap:var(--s2)}.incl li{font:400 16px/26px var(--f-s);padding-left:18px;position:relative}.incl li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:1px;background:var(--ink)}
.prose{display:grid;gap:var(--s3)}.prose p{font:400 19px/31px var(--f-s);max-width:64ch}.prose h2{font:600 11px/16px var(--f-d);letter-spacing:.18em;text-transform:uppercase;margin-top:var(--s4)}
.two{display:grid;gap:var(--s5)}@media(min-width:900px){.two{grid-template-columns:1fr 1fr}}.two>*{margin-top:0}.two h2{margin-bottom:var(--s3)}
.lightbox{border:0;padding:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;background:var(--plate);display:grid;place-items:center;cursor:zoom-out}.lightbox::backdrop{background:var(--plate)}
.lightbox img{max-width:96vw;max-height:94vh;object-fit:contain}.lb-x{position:fixed;top:max(16px,env(safe-area-inset-top,0px));right:20px;background:var(--plate);border:1px solid var(--ink);padding:8px 14px;cursor:pointer;color:var(--ink)}
/* verifica */
.vres{margin-top:var(--s5);border:1px solid var(--line);padding:var(--s4);display:grid;gap:var(--s4)}.vres-hd{display:grid;gap:var(--s2);padding-bottom:var(--s4);border-bottom:1px solid var(--hair)}
.vres.ok{border-color:var(--sage-ink)}.vres.ok .vres-hd .lab{color:var(--sage-ink)}.vres.bad{border-color:var(--ochre-ink)}.vres.bad .lab{color:var(--ochre-ink)}.vres .meta{border-top:0;padding-top:0}
@media(max-width:560px){.meta{grid-template-columns:1fr;gap:2px}.meta dd{margin-bottom:10px}}
/* carrello e checkout */
.lines li{display:flex;gap:var(--s3);padding-block:var(--s3);border-top:1px solid var(--hair);align-items:flex-start}.lines li.gone{opacity:.6}
.thumb{flex:0 0 84px;background:var(--stone)}.thumb .slot{aspect-ratio:1}.ln-tx{display:grid;gap:2px;flex:1;min-width:0}.ln-r{display:grid;gap:var(--s2);justify-items:end;text-align:right}
.tot{display:grid;grid-template-columns:1fr auto;gap:var(--s2) var(--s4);border-top:1px solid var(--ink);padding-top:var(--s3);align-items:baseline}.tot dd{text-align:right}
.co{display:grid;gap:var(--s6)}@media(min-width:960px){.co{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}.co-sum{position:sticky;top:var(--s4)}}
.co-form{display:grid;gap:var(--s5)}fieldset{border:0;padding:0;margin:0;display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}legend{padding:0;margin-bottom:var(--s3)}
.fld{display:grid;gap:6px;min-width:0}.w2{grid-column:1/-1}.chk{display:flex;gap:10px;align-items:flex-start;font:400 14px/22px var(--f-d)}.chk input{margin-top:5px;width:16px;height:16px;accent-color:var(--night)}
.co-sum{background:var(--stone);padding:var(--s4);display:grid;gap:var(--s3)}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s1);margin-bottom:var(--s5)}.flow li{border-top:3px solid var(--hair);padding-top:var(--s2);color:var(--ink-muted)}.flow li.on{border-top-color:var(--night);color:var(--ink)}
@media(max-width:560px){.flow{grid-template-columns:1fr}.flow li{border-top-width:1px;padding-block:6px}.flow li.on{border-top-width:3px}}
.certl{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;border:1px solid var(--line);padding:var(--s3) var(--s4)}.certl>div:first-child{display:grid;gap:2px}
/* piede */
.ft{border-top:1px solid var(--hair);margin-top:var(--s7)}.band+.ft{margin-top:0}
.ft-in{display:grid;gap:var(--s5);padding-block:var(--s6)}@media(min-width:900px){.ft-in{grid-template-columns:2fr 1fr 1fr}}
.ft-word{width:220px;margin-bottom:var(--s3)}.ft nav{display:grid;gap:var(--s2);justify-items:start;align-content:start}
@media(prefers-reduced-motion:no-preference){.card-img img,.btn{transition:opacity .2s,background-color .2s}.card-img:hover img{opacity:.92}}