:root{
  --ink:#1c1a17; --paper:#f4f0ea; --stone:#e4ddd2; --muted:#8a8174; --gold:#a8875a; --red:#a50c0c;
  --night:#141312; --night2:#1d1b19; --line:rgba(28,26,23,.14); --lineD:rgba(244,240,234,.16);
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Jost',system-ui,sans-serif;
  --gut:clamp(16px,6vw,96px);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--night);color:var(--ink);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}

/* Scorrimento a pagina piena */
main{height:100vh;height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}
section{position:relative;min-height:100vh;min-height:100dvh;scroll-snap-align:start;display:flex;align-items:center;overflow:hidden;padding:110px var(--gut) 80px}
@media (max-width:820px){main{scroll-snap-type:y proximity}section{padding:96px var(--gut) 64px}}
.dark{background:var(--night);color:var(--paper)}
.dark2{background:var(--night2);color:var(--paper)}
.light{background:var(--paper);color:var(--ink)}
.sand{background:var(--stone);color:var(--ink)}
.wrap{width:100%;max-width:1320px;margin:0 auto;position:relative;z-index:2}

/* Testata: logo sempre visibile */
header{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px var(--gut);transition:background .5s,color .5s,box-shadow .5s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
header.on-dark{background:rgba(20,19,18,.55);color:var(--paper)}
header.on-light{background:rgba(244,240,234,.82);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.logo{position:relative;display:block;height:40px;width:172px;flex:none}
.logo img{position:absolute;inset:0;height:100%;width:auto;transition:opacity .5s}
header.on-dark .logo .l-dark{opacity:0} header.on-light .logo .l-light{opacity:0}
nav.top{display:flex;gap:26px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;align-items:center}
nav.top a{opacity:.85;transition:opacity .3s}nav.top a:hover{opacity:1}
nav.top .cta{border:1px solid currentColor;padding:9px 16px;opacity:1}
.burger{display:none;position:relative;width:44px;height:44px;margin-right:-10px;background:none;border:0;color:inherit;cursor:pointer}
.burger span{position:absolute;left:11px;width:22px;height:1px;background:currentColor;transition:transform .35s,opacity .25s}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:21.5px}.burger span:nth-child(3){top:28px}
@media (max-width:1080px){nav.top a:not(.cta){display:none}.burger{display:block}nav.top{gap:14px}}
/* Menu a tendina (telefono e tablet) */
.mnav{position:fixed;inset:0;z-index:39;background:var(--night);color:var(--paper);overflow-y:auto;padding:96px var(--gut) 40px;opacity:0;transition:opacity .35s}
.mnav[hidden]{display:none}
body.menu-open .mnav{opacity:1}
.mnav nav{display:flex;flex-direction:column;gap:10px;max-width:520px}
.mnav-h{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:18px 0 4px}
.mnav-prod,.mnav-sez{display:flex;flex-direction:column}
.mnav-prod a{font-family:var(--serif);font-size:26px;line-height:1.5;opacity:.9}
.mnav-sez a{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;line-height:2.5;opacity:.85}
.mnav a.on{color:var(--gold);opacity:1}
.mnav .btn{margin-top:22px;align-self:flex-start}
body.menu-open header{background:transparent!important;color:var(--paper)!important;box-shadow:none!important}
body.menu-open header .logo .l-light{opacity:1!important}body.menu-open header .logo .l-dark{opacity:0!important}
body.menu-open .burger span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
body.menu-open .burger span:nth-child(2){opacity:0}
body.menu-open .burger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media (max-width:560px){.logo{height:30px;width:130px}nav.top .cta{padding:8px 12px;font-size:10px}}

/* Indicatore sezioni */
.dots{position:fixed;right:clamp(8px,2vw,28px);top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:9px}
.dots a{width:6px;height:6px;border-radius:50%;border:1px solid var(--muted);transition:.3s;position:relative}
.dots a.on{background:var(--gold);border-color:var(--gold);transform:scale(1.35)}
.dots a::after{content:attr(title);position:absolute;right:16px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);opacity:0;pointer-events:none;transition:.3s}
.dots a:hover::after{opacity:1}
@media (max-width:820px){.dots{display:none}}

/* Tipografia */
.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:14px}
.eyebrow .num{font-family:var(--serif);font-size:15px;letter-spacing:.08em}
.eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
h1,h2,h3{font-family:var(--serif);font-weight:300;line-height:1.02;letter-spacing:-.01em}
h1{font-size:clamp(46px,8.4vw,124px)}
h2{font-size:clamp(36px,5.2vw,78px)}
h1 em,h2 em{font-style:italic;color:var(--gold)}
p.lead{font-size:clamp(16px,1.35vw,19px);line-height:1.7;max-width:46ch;margin-top:24px;opacity:.86}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.btn{display:inline-block;padding:16px 30px;border:1px solid currentColor;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;transition:.35s;background:none;color:inherit;font-family:inherit;cursor:pointer}
.btn:hover,.btn.fill{background:var(--gold);border-color:var(--gold);color:#fff}
.btn.fill:hover{background:transparent;color:inherit;border-color:currentColor}

/* Immagini */
.bg{position:absolute;inset:0;z-index:0}
.bg img,.bg video{width:100%;height:100%;object-fit:cover}
.veil::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(14,13,12,.86) 0%,rgba(14,13,12,.45) 55%,rgba(14,13,12,.1) 100%)}
.veil-b::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(14,13,12,.85) 0%,rgba(14,13,12,.2) 60%,rgba(14,13,12,.35) 100%)}
.ph{position:relative;overflow:hidden;background:#2a2622}
.ph img,.ph video{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
section.in .ph img,section.in .ph video,section.in .bg img{transform:scale(1)}
.bg img{transform:scale(1.08);transition:transform 2.4s cubic-bezier(.2,.7,.2,1)}
.src{position:absolute;right:10px;bottom:10px;z-index:3;font-size:9px;letter-spacing:.12em;text-transform:uppercase;background:rgba(0,0,0,.45);color:rgba(255,255,255,.8);padding:4px 8px;max-width:80%}

/* Entrate in dissolvenza */
.rv{opacity:0;transform:translateY(28px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
section.in .rv{opacity:1;transform:none}
section.in .d1{transition-delay:.12s}section.in .d2{transition-delay:.26s}section.in .d3{transition-delay:.4s}section.in .d4{transition-delay:.54s}section.in .d5{transition-delay:.68s}

/* Hero */
#apertura .scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:3;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--paper);opacity:.7}
#apertura .scroll::after{content:"";display:block;width:1px;height:40px;background:var(--paper);margin:12px auto 0;animation:drop 2.2s infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hero-strip{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:44px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;opacity:.75}
.hero-strip span::before{content:"·";margin-right:26px;color:var(--gold)}
.hero-strip span:first-child::before{display:none}

/* Indice categorie */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:44px}
.cat-grid a{position:relative;aspect-ratio:4/3;display:flex;align-items:flex-end;padding:22px;color:var(--paper);overflow:hidden;background:#2a2622}
.cat-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.cat-grid a:hover img{transform:scale(1.06)}
.cat-grid a::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 62%)}
.cat-grid span{position:relative;z-index:2;font-family:var(--serif);font-size:clamp(22px,2.2vw,32px);line-height:1.1}
.cat-grid small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.cat-grid a{aspect-ratio:16/9}
@media (max-width:820px){.cat-grid{grid-template-columns:1fr 1fr}.cat-grid a{padding:14px;aspect-ratio:4/5}}

/* Sezione categoria */
.cat{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,88px);align-items:center}
.cat.rev{grid-template-columns:1fr 1.15fr}
.cat.rev .cat-media{order:2}
.cat-media{position:relative;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:min(72vh,680px)}
.cat-media .ph:first-child{grid-row:span 2}
.cat-media .ph:nth-child(2){grid-row:span 2}
.cat-media.one{grid-template-columns:1fr}
.cat ul.points{list-style:none;margin-top:26px;display:grid;gap:10px;font-size:15px}
.cat ul.points li{padding-left:22px;position:relative;opacity:.85}
.cat ul.points li::before{content:"";position:absolute;left:0;top:.7em;width:12px;height:1px;background:var(--gold)}
.brandrow{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.dark .brandrow,.dark2 .brandrow{border-color:var(--lineD)}
.brandrow img{height:26px;width:auto;max-width:120px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.35s;mix-blend-mode:multiply}
.brandrow img:hover{filter:none;opacity:1}
.dark .brandrow img,.dark2 .brandrow img{filter:grayscale(1) invert(1) brightness(1.6);mix-blend-mode:screen}
.brandrow .t{font-family:var(--serif);font-size:19px;opacity:.7}
@media (max-width:900px){.cat,.cat.rev{grid-template-columns:1fr}.cat.rev .cat-media{order:0}.cat-media{height:48vh;grid-template-columns:1fr}.cat-media .ph:nth-child(2){display:none}}

/* Percorso 4 passi */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2.4vw,36px);margin-top:48px}
.steps .ph{aspect-ratio:3/4;margin-bottom:20px}
.steps .n{font-family:var(--serif);font-size:42px;color:var(--gold);line-height:1}
.steps h3{font-size:26px;margin:8px 0 8px;font-weight:400}
.steps p{font-size:14.5px;line-height:1.65;opacity:.8}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}.steps .ph{aspect-ratio:4/3}}
@media (max-width:480px){.steps{grid-template-columns:1fr}}

/* Split generico */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,88px);align-items:center}
.split .ph{aspect-ratio:4/5;max-height:72vh;width:100%}
@media (max-width:900px){.split{grid-template-columns:1fr}.split .ph{aspect-ratio:16/11}}

/* Professionisti */
.figures{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;border-top:1px solid var(--lineD);padding-top:30px}
.fig .big{font-family:var(--serif);font-size:clamp(56px,6vw,96px);line-height:.9;color:var(--gold);font-weight:300}
.fig .big.tbd{font-size:clamp(40px,5vw,64px);opacity:.6}
.fig p{font-size:14.5px;line-height:1.6;opacity:.8;margin-top:10px;max-width:32ch}
.aud{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.aud span{border:1px solid var(--lineD);padding:8px 14px;font-size:12px;letter-spacing:.1em}

/* Team video */
.team-v{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,88px);align-items:center}
.team-v .ph{aspect-ratio:3/5;max-height:74vh;justify-self:center;width:min(100%,420px)}
@media (max-width:900px){.team-v{grid-template-columns:1fr}.team-v .ph{aspect-ratio:4/5;max-height:60vh}}

/* Oltre il bagno */
.more{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-top:44px}
.more a{position:relative;aspect-ratio:3/4;display:flex;align-items:flex-end;padding:16px;color:var(--paper);overflow:hidden;background:#2a2622}
.more img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.more a:hover img{transform:scale(1.06)}
.more a::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 60%)}
.more span{position:relative;z-index:2;font-family:var(--serif);font-size:22px}
@media (max-width:1000px){.more{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.more{grid-template-columns:1fr 1fr}}

/* Brand pagina piena */
.brandpage{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;align-items:stretch}
.brandpage .ph{min-height:100vh;min-height:100dvh}
.brandpage .ph img{position:absolute;inset:0}
.brandpage .txt{display:flex;flex-direction:column;justify-content:center;padding:110px clamp(24px,6vw,96px) 80px}
.brandpage .blogo{height:56px;width:auto;max-width:260px;object-fit:contain;object-position:left;filter:grayscale(1) invert(1) brightness(1.7);mix-blend-mode:screen;margin-bottom:30px}
.brandpage.light .blogo{filter:grayscale(1);mix-blend-mode:multiply}
.brandpage h2{font-size:clamp(34px,4.4vw,64px)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.chips span{border:1px solid currentColor;opacity:.6;padding:7px 13px;font-size:11.5px;letter-spacing:.08em}
.brandpage.rev .ph{order:2}
@media (max-width:900px){.brandpage{grid-template-columns:1fr}.brandpage .ph{min-height:46vh}.brandpage.rev .ph{order:0}.brandpage .txt{padding:40px var(--gut) 60px}}

/* Griglia loghi */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 56px;margin-top:44px}
.cats h4{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:400;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:18px}
.cats .logos{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px}
.cats img{height:28px;width:auto;max-width:130px;object-fit:contain;filter:grayscale(1);opacity:.55;transition:.35s;mix-blend-mode:multiply;cursor:pointer}
.cats img:hover{filter:none;opacity:1;transform:scale(1.06)}
.cats .t{font-family:var(--serif);font-size:20px;color:var(--muted)}
.note{font-size:12.5px;opacity:.6;margin-top:34px;max-width:70ch;line-height:1.6}
@media (max-width:900px){.cats{grid-template-columns:1fr 1fr;gap:28px}}
@media (max-width:520px){.cats{grid-template-columns:1fr}}

/* Showroom */
.show{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(28px,5vw,80px);align-items:center}
.show-media{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:min(74vh,700px)}
.show-media .ph:first-child{grid-row:span 2}
.badge{display:inline-block;margin-top:26px;border:1px solid var(--gold);color:var(--gold);padding:10px 16px;font-size:11px;letter-spacing:.24em;text-transform:uppercase}
@media (max-width:900px){.show{grid-template-columns:1fr}.show-media{height:62vh}}

/* Progetti */
.proj{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;margin-top:40px;height:min(52vh,520px)}
.proj .ph:nth-child(-n+2){grid-row:span 2}
@media (max-width:820px){.proj{grid-template-columns:1fr 1fr;grid-template-rows:none;height:auto}.proj .ph{aspect-ratio:1;grid-row:auto!important;grid-column:auto!important}}

/* Contatti */
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
.form label{display:block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.6;margin-bottom:8px}
.form input,.form select,.form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--lineD);color:var(--paper);font:inherit;font-size:16px;padding:8px 0;border-radius:0}
.form select option{color:#000}
.form .full{grid-column:span 2}
.info{font-size:15px;line-height:1.85;opacity:.85;margin-top:26px}
.info strong{font-weight:400;color:var(--gold);display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;margin-top:20px}
@media (max-width:600px){.form{grid-template-columns:1fr}.form .full{grid-column:auto}}
footer.f{margin-top:56px;padding-top:24px;border-top:1px solid var(--lineD);font-size:12px;display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between;align-items:center}
footer.f img{height:30px;width:auto}
footer.f span{opacity:.55}

.bg.soft img{transform:none!important;filter:saturate(.85)}
.bg.soft::after{content:"";position:absolute;inset:0}
.light .bg.soft::after,.sand .bg.soft::after{background:rgba(244,240,234,.84)}
.dark .bg.soft::after,.dark2 .bg.soft::after{background:rgba(20,19,18,.8)}
.ph.todo{display:flex;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(135deg,rgba(168,135,90,.10) 0 14px,rgba(168,135,90,.04) 14px 28px);border:1px dashed rgba(168,135,90,.6);color:var(--gold);font-family:var(--serif);font-size:22px;line-height:1.3;padding:16px}
.ph.todo small{font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.draft{position:fixed;left:16px;bottom:16px;z-index:50;background:var(--gold);color:#fff;font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:7px 12px}
@media (max-width:820px){.hero-strip{display:none}.veil::before{background:linear-gradient(0deg,rgba(14,13,12,.88) 0%,rgba(14,13,12,.55) 60%,rgba(14,13,12,.35) 100%)}.draft{font-size:9px;padding:5px 9px;left:10px;bottom:10px}.src{font-size:8px}}
@media (prefers-reduced-motion:reduce){.rv,.ph img,.bg img{transition:none!important;opacity:1;transform:none!important}main{scroll-behavior:auto}}

/* ===== Bozza 3: sito su più pagine ===== */
.dd{position:relative;display:inline-flex}
.dd .menu{position:absolute;top:100%;left:-18px;padding:14px 18px;display:none;flex-direction:column;gap:10px;min-width:220px;background:rgba(20,19,18,.94);color:var(--paper);backdrop-filter:blur(10px)}
header.on-light .dd .menu{background:rgba(244,240,234,.97);color:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.dd:hover .menu,.dd:focus-within .menu{display:flex}
.dd .menu a{display:block!important;opacity:.85}
.dd .menu a.on{color:var(--gold);opacity:1}
.hero-strip a{opacity:.85;transition:color .3s}.hero-strip a:hover{color:var(--gold)}
.hero-strip a+a::before{content:"·";margin-right:26px;color:var(--gold)}
.morelink{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-top:22px;font-size:14px;letter-spacing:.06em;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:color .3s}
.morelink span{font-family:var(--serif);font-size:26px;letter-spacing:0}
.morelink:hover{color:var(--gold)}
.herobrands{display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px;margin-top:36px;padding-top:24px;border-top:1px solid var(--lineD)}
.herobrands img{height:26px;width:auto;max-width:130px;object-fit:contain;filter:grayscale(1) invert(1) brightness(1.7);mix-blend-mode:screen;opacity:.85;transition:opacity .3s}
.herobrands a:hover img{opacity:1}
.herobrands .t{font-family:var(--serif);font-size:22px;opacity:.85}
.herobrands.dark-on-light{border-color:var(--line)}
.herobrands.dark-on-light img{filter:grayscale(1);mix-blend-mode:multiply;opacity:.7}
.cats h4 a:hover{color:var(--ink)}

/* sezione brand a pagina piena dentro la categoria */
.bsec{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.bsec.rev{grid-template-columns:1fr 1.15fr}
.bsec.rev .bmedia{order:2}
.bmedia{display:grid;gap:3px;height:min(76vh,720px);grid-template-rows:1fr}
.bmedia:has(.thumbs){grid-template-rows:2.4fr 1fr}
.bmedia .ph.main{height:100%}
.thumbs{display:grid;gap:3px;grid-auto-flow:column;grid-auto-columns:1fr}
.thumbs .ph{height:100%}
.blogo{height:58px;width:auto;max-width:280px;object-fit:contain;object-position:left;margin-bottom:26px;filter:grayscale(1);mix-blend-mode:multiply}
.dark .blogo,.dark2 .blogo{filter:grayscale(1) invert(1) brightness(1.7);mix-blend-mode:screen}
.bname{font-family:var(--serif);font-size:clamp(44px,5vw,76px);font-weight:300;letter-spacing:.02em;line-height:1;margin-bottom:22px}
.claim{font-family:var(--serif);font-style:italic;font-size:18px;opacity:.55;margin-top:16px}
@media (max-width:900px){.bsec,.bsec.rev{grid-template-columns:1fr}.bsec.rev .bmedia{order:0}.bmedia{height:58vh}}


.more.four{grid-template-columns:repeat(5,1fr)}
@media (max-width:1000px){.more.four{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.more.four{grid-template-columns:1fr 1fr}}
.others h4{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-bottom:14px}
.others .logos{display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center;margin-bottom:46px}
.others img{height:28px;width:auto;max-width:130px;filter:grayscale(1) invert(1) brightness(1.7);mix-blend-mode:screen;opacity:.8}
.others .t{font-family:var(--serif);font-size:22px;opacity:.8}
.catnav{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:40px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.catnav a{opacity:.7}.catnav a:hover{opacity:1;color:var(--gold)}
.cat-grid a{aspect-ratio:2/1}@media (max-width:820px){.cat-grid a{aspect-ratio:4/5}}
.bmedia .ph{position:relative;min-height:0}
.bmedia .ph img{position:absolute;inset:0}
/* Marchio senza foto: pannello con il logo in grande */
.bmedia .ph.plogo{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid var(--lineD)}
.light .bmedia .ph.plogo,.sand .bmedia .ph.plogo{background:rgba(0,0,0,.03);border-color:var(--line)}
.bmedia .ph.plogo img{position:static;width:min(62%,420px);height:auto;max-height:60%;object-fit:contain;filter:grayscale(1) invert(1) brightness(1.7);mix-blend-mode:screen;opacity:.92}
.light .bmedia .ph.plogo img,.sand .bmedia .ph.plogo img{filter:grayscale(1);mix-blend-mode:multiply}
.cat-grid a{aspect-ratio:2.25/1}@media (max-width:820px){.cat-grid a{aspect-ratio:4/5}}
/* modulo: consenso privacy */
.form .consenso label{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font-size:14px;opacity:.85}
.form .consenso input{width:auto;margin-top:3px}
.form .consenso a,.f a{color:inherit;text-decoration:underline;text-underline-offset:3px}
/* pagine di testo (privacy, cookie, grazie): niente aggancio a pagina piena */
body.testo main{scroll-snap-type:none}
body.testo section{display:block;min-height:auto}
.legale{max-width:780px;margin:0 auto}
.legale h1{font-size:clamp(36px,5vw,64px);margin-bottom:28px}
.legale h2{font-size:clamp(22px,2.4vw,30px);margin:40px 0 12px}
.legale p,.legale li{font-size:16px;line-height:1.75;margin-bottom:12px}
.legale ul{padding-left:20px}
.legale a{color:inherit;text-decoration:underline}

/* Pagina Cataloghi */
.catidx{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:40px;max-width:760px}
.catidx a{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border:1px solid var(--lineD);font-size:11px;letter-spacing:.2em;text-transform:uppercase;transition:.3s}
.catidx a:hover{border-color:var(--gold);color:var(--gold)}
.catidx .num{font-family:var(--serif);font-size:14px;letter-spacing:.06em;color:var(--gold)}
.catwrap{display:grid;grid-template-columns:minmax(240px,1fr) 2.4fr;gap:clamp(32px,5vw,80px);align-items:start}
.cathead{position:sticky;top:110px}
.cathead h2{font-size:clamp(34px,4.2vw,62px)}
.catlink{display:inline-block;margin-top:26px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px;transition:color .3s}
.catlink:hover{color:var(--gold)}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.catcard{background:var(--paper);padding:26px 24px 22px;display:flex;flex-direction:column;min-height:220px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.sand .catcard{background:#ece6dc}
.catcard .cl{height:52px;display:flex;align-items:center;margin-bottom:16px}
.catcard .cl img{max-height:40px;max-width:170px;width:auto;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:.8;transition:.35s}
.catcard:hover .cl img{filter:none;opacity:1}
.catcard .cl .t{font-family:var(--serif);font-size:26px}
.catcard h3{font-family:var(--sans);font-weight:400;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.catcard ul{list-style:none;margin-top:auto}
.catcard li+li{border-top:1px solid var(--line)}
.catcard li a{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;padding:11px 0;transition:color .3s}
.catcard .ct{font-family:var(--serif);font-size:20px;line-height:1.2}
.catcard .cf{grid-column:1;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.catcard .ar{grid-column:2;grid-row:1/span 2;font-size:16px;color:var(--gold);transition:transform .3s}
.catcard li a:hover{color:var(--gold)}
.catcard li a:hover .ar{transform:translate(2px,-2px)}
.catcard .req{margin-top:auto;font-family:var(--serif);font-size:19px;line-height:1.35;font-style:italic;color:var(--muted)}
.catcard .reqlink{margin-top:10px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
@media (max-width:900px){.catwrap{grid-template-columns:1fr}.cathead{position:static}}
@media (max-width:560px){.catgrid{grid-template-columns:1fr}.catcard{min-height:0}}
/* home: 10 categorie in 5 colonne */
.cat-grid{grid-template-columns:repeat(5,1fr);margin-top:32px}
.cat-grid a{aspect-ratio:4/3;padding:16px}
.cat-grid span{font-size:clamp(17px,1.45vw,23px)}
@media (max-width:1100px){.cat-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.cat-grid{grid-template-columns:1fr 1fr}.cat-grid a{aspect-ratio:4/3;padding:12px}.cat-grid span{font-size:16px}}
.hero-strip{gap:6px 18px;font-size:10px;letter-spacing:.18em}
/* pagine categoria: marchi di punta più grandi, gli altri più piccoli */
.brandrow.big{gap:18px 34px}
.brandrow.big img{height:38px;max-width:170px;opacity:.85}
.brandrow.big .top img{height:58px;max-width:250px;opacity:.95}
.brandrow.big .t{font-size:26px}
.brandrow.small{margin-top:14px;padding-top:0;border-top:0;gap:12px 22px}
.brandrow.small img{height:19px;max-width:92px;opacity:.6}
.brandrow.small .t{font-size:15px}
@media (max-width:820px){.brandrow.big img{height:30px;max-width:130px}.brandrow.big .top img{height:44px;max-width:190px}}

/* Loghi cliccabili (portano alla pagina di categoria o alla sezione del marchio) */
a.lk{display:inline-flex;align-items:center}
.others a.lk:hover img,.others a.lk:hover .t{opacity:1}