:root{--carta:#F7F3EA;--carta-2:#EFE6D4;--inchiostro:#141F33;--inchiostro-soft:#4A5265;--cobalto:#1B3E8F;--limone:#F2C230;--f-serif:'Prata',Georgia,serif;--f-sans:'Karla',system-ui,sans-serif;--gutter:clamp(1.15rem,5vw,4rem);--ease:cubic-bezier(.23,1,.32,1)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--carta);color:var(--inchiostro);font-family:var(--f-sans);font-size:clamp(1rem,.45vw + .92rem,1.1rem);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul{margin:0}
ul{padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--carta);padding:.7rem 1rem;border:2px solid var(--cobalto)}
:focus-visible{outline:2.5px solid var(--cobalto);outline-offset:3px}
.testata{display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:space-between;align-items:center;padding:1.05rem var(--gutter);border-bottom:1px solid rgba(20,31,51,.16);background:rgba(247,243,234,.97)}
.marchio{display:inline-flex;align-items:center;min-height:44px;font-family:var(--f-serif);font-size:1.3rem;line-height:1}
.testata ul,.piede ul{display:flex;flex-wrap:wrap;gap:clamp(.8rem,2.4vw,1.8rem)}
.testata a,.piede a{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase}
.testata nav a,.piede a{display:inline-flex;align-items:center;min-height:44px}
.testata a[aria-current='page']{border-bottom:2px solid var(--cobalto);padding-bottom:.15rem}
.testa-pagina{padding:clamp(2.4rem,7vh,4.5rem) var(--gutter) clamp(1.4rem,4vh,2.4rem);display:grid;gap:1rem;max-width:64rem}
.occhiello{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cobalto)}
h1{font-family:var(--f-serif);font-weight:400;font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.lede{max-width:54ch;color:var(--inchiostro-soft);font-size:clamp(1rem,1.2vw,1.16rem)}
.ripresa{border-left:2px solid var(--limone);padding-left:.9rem;color:var(--inchiostro);font-size:.95rem;max-width:52ch}
.catalogo{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:clamp(1rem,2.5vw,1.8rem);padding:clamp(2rem,5vh,3.4rem) var(--gutter) clamp(2.4rem,6vh,4rem);border-top:2px solid var(--cobalto)}
.catalogo>h2,.catalogo>p{grid-column:1/-1}
.catalogo h2{font-family:var(--f-serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.12}
.catalogo__nota{max-width:58ch;color:var(--inchiostro-soft);font-size:.95rem}
.ml-product{display:flex;flex-direction:column;gap:.55rem;border-top:1px solid rgba(20,31,51,.2);padding-top:.8rem}
.ml-product img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--carta-2)}
.ml-product h3,.ml-product h2,.ml-product .ml-nome{font-family:var(--f-serif);font-weight:400;font-size:1.1rem;line-height:1.25}
.ml-product p{font-size:.9rem;color:var(--inchiostro-soft)}
.ml-product a,.ml-product button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem 1rem;border:1px solid var(--cobalto);border-radius:999px;color:var(--cobalto);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.ml-product a:hover{background:var(--cobalto);color:var(--carta)}
.spedizioni{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.4rem,4vw,3rem);padding:clamp(2rem,5vh,3.4rem) var(--gutter);background:var(--carta-2);border-top:1px solid rgba(20,31,51,.14)}
.spedizioni h2{font-family:var(--f-serif);font-weight:400;font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.15;margin-bottom:.6rem}
.spedizioni p{color:var(--inchiostro-soft);max-width:46ch}
.via{display:inline-flex;align-items:center;min-height:44px;margin-top:.9rem;padding:.4rem 1.05rem;border:1px solid currentColor;border-radius:999px;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cobalto);transition:background-color .16s var(--ease),color .16s var(--ease)}
.via:hover,.via:focus-visible{background:var(--cobalto);color:var(--carta)}
.via--salto{justify-self:start;margin-top:.2rem}
.piede{padding:clamp(2rem,5vh,3rem) var(--gutter) clamp(3rem,7vh,4rem);border-top:2px solid var(--cobalto);display:grid;gap:1rem}
.marchio-p{font-family:var(--f-serif);font-size:1.1rem}
.nota-demo{font-size:.78rem;color:var(--inchiostro-soft);max-width:58ch}
.js [data-in]{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js [data-in].is-in{opacity:1;transform:none}
@media (max-width:860px){.spedizioni{grid-template-columns:minmax(0,1fr)}.testata{position:static}}
@media (prefers-reduced-motion:reduce){.js [data-in]{opacity:1;transform:none}}

/* vetrina delle famiglie */
.vetrina{padding:clamp(2rem,5vh,3.2rem) var(--gutter) clamp(2.2rem,6vh,3.6rem);border-top:2px solid var(--cobalto);display:grid;gap:clamp(1.2rem,3vw,2rem)}
.vetrina__testa{display:grid;gap:.7rem;max-width:62rem}
.vetrina h2{font-family:var(--f-serif);font-weight:400;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.12;letter-spacing:-.01em;text-wrap:balance}
.vetrina__testa p{max-width:56ch;color:var(--inchiostro-soft)}
.vetrina__griglia{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(.9rem,2.2vw,1.6rem);align-items:start}
.pezzo{margin:0;display:grid;gap:.55rem;overflow:hidden}
.pezzo figcaption{display:grid;gap:.3rem}
.pezzo img{width:100%;height:100%;object-fit:cover;background:var(--carta-2);will-change:transform}
.pezzo--grande{grid-row:span 2}
.pezzo--grande img{aspect-ratio:4/5}
.pezzo--piccolo img{aspect-ratio:4/3}
.pezzo__nome{font-family:var(--f-serif);font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.2}
.pezzo__nota{font-size:.93rem;line-height:1.55;color:var(--inchiostro-soft);max-width:40ch}
.pezzo--lampade{grid-column:1/-1;background:var(--cobalto);color:var(--carta);padding:clamp(1.4rem,4vw,2.6rem);display:grid;gap:.55rem;align-content:center;justify-items:start;min-height:clamp(8.5rem,17vh,12rem)}
.pezzo--lampade .pezzo__nome{color:var(--limone);font-size:clamp(1.6rem,3.4vw,2.4rem)}
.pezzo--lampade .pezzo__nota{color:#EDE7D8;max-width:46ch}

/* banda fotografica */
.banda{position:relative;margin:0;overflow:hidden;background:var(--inchiostro);border-top:2px solid var(--cobalto)}
.banda img{width:100%;height:clamp(16rem,54vh,32rem);object-fit:cover;will-change:transform}
.banda figcaption{position:absolute;inset-inline:0;bottom:0;max-width:46rem;padding:clamp(2.4rem,7vw,4rem) var(--gutter) clamp(1rem,3vw,1.6rem);color:var(--carta);font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.5;background:linear-gradient(to top,rgba(11,18,32,.92),rgba(11,18,32,.62) 55%,rgba(11,18,32,0))}

.spedizioni__blocco{display:grid;align-content:start}

@media (max-width:860px){
.vetrina__griglia{grid-template-columns:minmax(0,1fr)}
.pezzo--grande{grid-row:auto}
.pezzo--grande img{aspect-ratio:1}
.banda figcaption{max-width:none}
}
@media (prefers-reduced-motion:reduce){.pezzo img,.banda img{transform:none !important}}

/* intestazione editoriale */
.testa-pagina{max-width:none;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:end;gap:clamp(1.1rem,3.2vw,3rem);padding:clamp(2rem,5.5vh,3.6rem) var(--gutter) clamp(1.5rem,4vh,2.3rem)}
.testa-pagina__testo{display:grid;gap:.8rem;align-content:end}
.testa-pagina__lato{display:grid;gap:.8rem;align-content:end}
.testa-pagina h1{font-size:clamp(2.1rem,4.9vw,4rem);line-height:1.05}

/* picco: la mano che sceglie */
.scelta{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(1.4rem,4vw,3.2rem);align-items:center;padding:clamp(2.2rem,6vh,3.4rem) var(--gutter) clamp(2.6rem,7vh,4rem);border-top:2px solid var(--cobalto);background:var(--carta)}
.scelta__testo{display:grid;gap:.85rem;align-content:start;max-width:33rem}
.scelta h2{font-family:var(--f-serif);font-weight:400;font-size:clamp(1.8rem,3.4vw,2.9rem);line-height:1.06;letter-spacing:-.015em;text-wrap:balance}
.scelta__testo>p{color:var(--inchiostro-soft);max-width:44ch}
.scelta__bottoni{display:grid;margin-top:.5rem}
.scelta__bottone{display:grid;justify-items:start;text-align:left;width:100%;min-height:58px;padding:.75rem .1rem;background:none;border:0;border-top:1px solid rgba(20,31,51,.2);color:var(--inchiostro);font-family:inherit;cursor:pointer;transition:padding-left .22s var(--ease),color .18s var(--ease),box-shadow .22s var(--ease)}
.scelta__bottone:last-child{border-bottom:1px solid rgba(20,31,51,.2)}
.scelta__bottone:hover{padding-left:.5rem;color:var(--cobalto)}
.scelta__bottone[aria-pressed='true']{padding-left:.9rem;color:var(--cobalto);box-shadow:inset 3px 0 0 0 var(--limone)}
.scelta__nome{font-family:var(--f-serif);font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.15}
.scelta__meta{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--inchiostro-soft)}
.scelta__bottone[aria-pressed='true'] .scelta__meta{color:var(--cobalto)}
.scelta__quadro{display:grid;gap:.7rem;align-content:start}
.scelta__foto{position:relative;display:block;overflow:hidden;aspect-ratio:1;background:var(--carta-2);border:1px solid rgba(20,31,51,.14)}
.scelta__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s var(--ease);will-change:opacity,transform}
.scelta__foto img.is-on{opacity:1}
.scelta__targhetta{margin:0;padding-left:.7rem;border-left:3px solid var(--limone);font-family:var(--f-serif);font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.1;color:var(--inchiostro)}
.scelta__nota{margin:0;font-size:.93rem;line-height:1.55;color:var(--inchiostro-soft);max-width:42ch;min-height:3.1em}

/* la sera: campo cobalto */
.lampade{background:var(--cobalto);color:var(--carta);border-top:2px solid var(--cobalto);padding:clamp(2.4rem,7vh,4.2rem) var(--gutter);display:grid}
.lampade__testo{display:grid;gap:.9rem;justify-items:start;max-width:44rem}
.lampade h2{font-family:var(--f-serif);font-weight:400;font-size:clamp(1.9rem,4.2vw,3.3rem);line-height:1.04;color:var(--carta);text-wrap:balance}
.lampade p{color:#DCE4F4;max-width:46ch}
.occhiello--limone{color:var(--limone)}

/* catalogo */
.catalogo{background:var(--carta-2);padding:clamp(2.2rem,6vh,3.4rem) var(--gutter)}

/* banda fotografica: placca piena, nessuna sfumatura */
.banda{position:relative;margin:0;overflow:hidden;background:var(--inchiostro);border-top:2px solid var(--cobalto)}
.banda img{display:block;width:100%;height:clamp(15rem,46vh,28rem);object-fit:cover}
.banda figcaption{position:absolute;left:0;bottom:0;max-width:min(34rem,100%);margin:0;background:var(--inchiostro);color:var(--carta);border-top:2px solid var(--limone);padding:clamp(1rem,2.2vw,1.5rem) clamp(1.1rem,2.6vw,1.9rem);font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.5}

/* spedizioni */
.spedizioni{background:var(--carta);border-top:2px solid var(--cobalto);padding:clamp(2rem,5vh,3rem) var(--gutter);gap:clamp(1.4rem,3.5vw,2.6rem)}

/* bottoni */
.via--primaria{background:var(--cobalto);border-color:var(--cobalto);color:var(--carta)}
.via--primaria:hover,.via--primaria:focus-visible{background:#122E6B;border-color:#122E6B;color:var(--carta)}
.via--chiara{color:var(--limone);border-color:var(--limone)}
.via--chiara:hover,.via--chiara:focus-visible{background:var(--limone);border-color:var(--limone);color:var(--cobalto)}

/* movimento */
.js [data-in]{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.js [data-in].is-in{opacity:1;transform:none}

@media (max-width:900px){
.testa-pagina{grid-template-columns:minmax(0,1fr)}
.scelta{grid-template-columns:minmax(0,1fr);gap:1.3rem;padding-top:clamp(1.4rem,4vh,2.2rem)}
.scelta__quadro{order:-1}
.scelta__nota{min-height:0}
.banda img{height:clamp(13rem,38vh,20rem)}
.banda figcaption{position:static;max-width:none;border-top:2px solid var(--limone)}
}
@media (prefers-reduced-motion:reduce){
.scelta__foto img{transition:none}
.js [data-in]{opacity:1;transform:none}
}