/* CS Creation — stile globale (set fotografico scuro, cornici oro) */
:root{
 --testo:#F2ECE0; --testo2:#b8b3a7;
 --oro:#D8B36A; --oro-chiaro:#EBD6A4; --oro-line:rgba(216,179,106,.5);
 --wa1:#2BD46E; --wa2:#0E9F6E;
 --vetro:rgba(42,40,35,0.55); --bordo:rgba(216,179,106,.4);
 --ombra:0 22px 50px -24px rgba(0,0,0,0.7);
 --ombra-soft:0 12px 28px -16px rgba(0,0,0,0.55);
 --frame:1px solid var(--oro-line); --frame-glow:0 0 22px -4px rgba(216,179,106,.35);
 --maxw:1160px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Manrope',system-ui,sans-serif;color:var(--testo);line-height:1.5;-webkit-font-smoothing:antialiased;background:#131211}

/* SFONDO STUDIO SCURO CON FARI + EFFETTO SPECCHIO */
.bg-fx{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(130% 90% at 50% 48%, #34322b 0%, #201e19 48%, #0d0c0a 100%)}
.bg-fx::before{content:"";position:absolute;top:0;left:0;right:0;height:52%;pointer-events:none;
 background:radial-gradient(42% 115% at 17% -2%, rgba(255,255,255,.52), transparent 72%),radial-gradient(46% 135% at 50% -8%, rgba(255,255,255,.72), transparent 70%),radial-gradient(42% 115% at 83% -2%, rgba(255,255,255,.52), transparent 72%)}
.bg-fx::after{content:"";position:absolute;bottom:0;left:0;right:0;height:46%;pointer-events:none;
 background:radial-gradient(42% 115% at 19% 102%, rgba(255,255,255,.44), transparent 72%),radial-gradient(46% 135% at 50% 108%, rgba(255,255,255,.60), transparent 70%),radial-gradient(42% 115% at 81% 102%, rgba(255,255,255,.44), transparent 72%)}
/* strato specchio: riflessi di luce diagonali + lucentezza centrale */
.bg-fx2{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bg-fx2::before{content:"";position:absolute;top:-25%;left:-12%;width:58%;height:160%;
 background:linear-gradient(102deg,transparent,rgba(255,255,255,.22) 46%,rgba(255,255,255,.05) 60%,transparent 80%);
 transform:rotate(13deg);filter:blur(26px);mix-blend-mode:screen}
.bg-fx2::after{content:"";position:absolute;top:-25%;right:-12%;width:50%;height:160%;
 background:linear-gradient(102deg,transparent,rgba(255,255,255,.16) 50%,transparent 78%);
 transform:rotate(-16deg);filter:blur(34px);mix-blend-mode:screen}

img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
h1,h2,.serif{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:-.01em;line-height:1.08;color:var(--testo)}
h3,h4{font-weight:700;letter-spacing:-.01em}
section{padding:60px 0;position:relative}
.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--oro);font-weight:700}

.imgframe{display:inline-block;border:var(--frame);border-radius:14px;overflow:hidden;box-shadow:var(--ombra-soft);line-height:0;font-size:0}
.imgframe img{display:block}

/* HEADER */
header.site{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px) saturate(1.2);background:rgba(20,19,16,0.55);border-bottom:1px solid var(--oro-line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand img{height:32px;width:auto;filter:brightness(0) invert(1) sepia(.3) saturate(3) hue-rotate(5deg) brightness(1.05)}
.nav-links{display:flex;gap:22px;align-items:center}
.nav-links a{font-size:.88rem;font-weight:600;color:#d8d3c8;transition:color .2s}
.nav-links a:hover{color:var(--oro)}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px}
.burger span{display:block;width:24px;height:2px;background:var(--testo);margin:5px 0;border-radius:2px}
.mobile-menu{display:none}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-family:'Manrope',sans-serif;border-radius:999px;transition:transform .2s, box-shadow .2s;cursor:pointer;border:1px solid transparent;position:relative;overflow:hidden}
.btn svg{flex:none}
.btn::before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent);pointer-events:none}
.btn-light{background:linear-gradient(135deg,#EEE4CE,#D9C39B);color:#20201c;box-shadow:0 10px 24px -14px rgba(216,179,106,.6);padding:12px 22px;font-size:.92rem}
.btn-light:hover{transform:translateY(-2px)}
.btn-wa{background:linear-gradient(135deg,var(--wa1),var(--wa2));color:#fff;box-shadow:0 8px 18px -10px rgba(14,159,110,.7);padding:9px 16px;font-size:.85rem}
.btn-wa:hover{transform:translateY(-2px)}
.btn-demo{background:linear-gradient(135deg,var(--wa1),var(--wa2));color:#fff;padding:12px 24px;font-size:.92rem;border:1.5px solid var(--oro-chiaro);box-shadow:0 10px 22px -12px rgba(14,159,110,.7),0 0 0 3px rgba(216,179,106,.16)}
.btn-demo:hover{transform:translateY(-2px)}

/* HERO */
.hero{padding-top:56px;padding-bottom:40px}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(2.3rem,5vw,3.7rem);margin-top:12px}
.hero h1 .l2{font-style:italic;color:var(--oro-chiaro)}
.hero .sub{font-size:1.1rem;color:var(--testo2);margin:18px 0 6px;max-width:34ch}
.hero .serv{font-size:.94rem;color:#9c988d;margin-bottom:22px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero-collage{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:96px;gap:12px;padding:6px}
.hero-collage .g{border-radius:14px;overflow:hidden;box-shadow:var(--ombra),var(--frame-glow);border:var(--frame);position:relative}
.hero-collage .g::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.28),transparent 46%);mix-blend-mode:screen;pointer-events:none}
.hero-collage img{width:100%;height:100%;object-fit:cover}
.hero-collage .g1{grid-row:span 2} .hero-collage .g2{grid-row:span 3} .hero-collage .g3{grid-row:span 2}
.hero-collage .g4{grid-row:span 2} .hero-collage .g5{grid-row:span 2}

/* SECTION HEAD */
.sec-head{max-width:700px;margin-bottom:28px}
.sec-head h2{font-size:clamp(1.6rem,3.2vw,2.4rem);margin:10px 0}
.sec-head p{color:var(--testo2);font-size:.98rem}

/* PAGE HEAD (interne) */
.page-head{padding-top:40px;padding-bottom:8px}
.crumbs{font-size:.8rem;color:var(--testo2);margin-bottom:14px}
.crumbs a{color:var(--oro)} .crumbs a:hover{text-decoration:underline}
.crumbs span{margin:0 6px;color:#7d7a70}
.page-head h1{font-size:clamp(1.9rem,4vw,3rem);margin-bottom:14px}
.page-head p.lead{color:var(--testo2);font-size:1.04rem;max-width:76ch}

/* CONTENT CARDS (home) */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:540px;margin:0 auto}
.cards.row6{grid-template-columns:repeat(6,1fr);max-width:none;gap:12px}
.cards.row6 .card-body{padding:10px 12px}
.cards.row6 .card-body h3{font-size:.85rem}
.cards.row6 .card-body p{font-size:.74rem;margin:5px 0 0}
.card{background:var(--vetro);border:var(--frame);border-radius:16px;overflow:hidden;backdrop-filter:blur(14px) saturate(1.1);box-shadow:var(--ombra-soft);transition:transform .25s, box-shadow .25s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-5px);box-shadow:var(--ombra),var(--frame-glow)}
.card-media{aspect-ratio:4/5;overflow:hidden;position:relative}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .card-media img{transform:scale(1.04)}
.card-body{padding:14px 16px}
.card-body h3{font-size:1rem;color:var(--testo)}
.card-body p{color:var(--testo2);font-size:.82rem;margin:7px 0 10px;line-height:1.45}
.card-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.85rem;color:var(--oro)}

/* CATEGORIES */
.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:0 auto}
.cat-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:9/16;box-shadow:var(--ombra-soft);border:var(--frame);transition:transform .25s, box-shadow .25s}
.cat-card:hover{transform:translateY(-5px);box-shadow:var(--ombra),var(--frame-glow)}
.cat-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat-card:hover img{transform:scale(1.05)}
.cat-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;background:linear-gradient(180deg,transparent 50%,rgba(10,10,8,.8));color:#fff}
.cat-overlay h3{font-size:1.02rem}
.cat-link{font-size:.8rem;font-weight:700;color:var(--oro-chiaro);margin-top:2px}

/* CTA BAND */
.cta-band{text-align:center;background:var(--vetro);border:var(--frame);border-radius:20px;padding:26px 20px;backdrop-filter:blur(12px);box-shadow:var(--ombra-soft);margin-top:32px}
.cta-band h3{font-size:1.2rem;margin-bottom:14px;font-family:'Playfair Display',serif;font-weight:600;color:var(--testo)}

/* GALLERY (masonry, proporzioni naturali) */
.gallery{column-count:4;column-gap:14px}
.gallery > *{width:100%;margin:0 0 14px;display:block;break-inside:avoid;-webkit-column-break-inside:avoid}
.gallery .imgframe{cursor:zoom-in;overflow:hidden}
.gallery .imgframe img{width:100%;height:auto;transition:transform .35s ease, opacity .45s ease}
.gallery .imgframe:hover img{transform:scale(1.05)}
.vwrap{position:relative;border:var(--frame);border-radius:14px;overflow:hidden;box-shadow:var(--ombra-soft);line-height:0;background:#0d0d0b;transition:transform .35s ease, box-shadow .35s ease}
.gallery .vwrap:hover{transform:scale(1.02);box-shadow:var(--ombra),var(--frame-glow);z-index:2}
.vwrap video{width:100%;height:auto;display:block}
.vwrap .poster{width:100%;height:auto;display:block}
.vplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(8,8,6,.12);border:0}
.vplay .circ{width:66px;height:66px;border-radius:50%;background:rgba(16,16,18,.46);border:2px solid rgba(255,255,255,.92);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(0,0,0,.5);transition:transform .2s ease, background .2s ease}
.vplay:hover .circ{transform:scale(1.08);background:rgba(16,16,18,.6)}
.vplay .circ svg{width:25px;height:25px;fill:#fff;margin-left:3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
/* nasconde il pulsante play nativo del browser (evita il doppio cerchio) */
.vwrap video::-webkit-media-controls-overlay-play-button{display:none!important}
.vwrap video::-webkit-media-controls-start-playback-button{display:none!important}
/* comparsa morbida immagini */
.gallery img,.card-media img,.cat-card img,.hero-collage img,.imgframe img{transition:opacity .45s ease, transform .35s ease}
img.ld{opacity:1}

/* LIGHTBOX */
.lb{position:fixed;inset:0;background:rgba(8,8,6,.93);display:none;align-items:center;justify-content:center;z-index:100;padding:24px}
.lb.open{display:flex}
.lb img{max-width:88vw;max-height:90vh;border-radius:10px;border:1px solid var(--oro-line);box-shadow:var(--ombra)}
.lb-close{position:absolute;top:16px;right:22px;background:none;border:0;color:var(--testo);font-size:2.4rem;cursor:pointer;line-height:1;z-index:2}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:2}
.lb-nav:hover{background:rgba(255,255,255,.26)}
.lb-prev{left:20px}.lb-next{right:20px}

/* TRASFORMAZIONE (home) — tutto in fila, originale piu' piccola */
.trasf-row{display:flex;gap:16px;align-items:flex-start;justify-content:center;flex-wrap:nowrap;max-width:1000px;margin:0 auto}
.trasf-row figure{margin:0;text-align:center;flex:1 1 0;min-width:0}
.trasf-row .imgframe{display:block}
.trasf-row .imgframe img{width:100%;height:auto}
.trasf-row .trasf-orig{flex:0.78 1 0}
.trasf-row .trasf-orig .imgframe{box-shadow:var(--ombra),var(--frame-glow)}
.trasf-row figcaption{font-size:.76rem;font-weight:700;color:var(--testo2);margin-top:7px}
.trasf-row .tag{display:inline-block;background:rgba(216,179,106,.2);padding:2px 10px;border-radius:999px;font-size:.68rem;font-weight:700;color:var(--oro-chiaro);margin-bottom:7px}

/* FORMATI */
.fmt-row{display:flex;justify-content:center;align-items:flex-end;gap:22px;flex-wrap:wrap}
.fmt{text-align:center}
.fmt .imgframe img{height:140px;width:auto}
.fmt h4{font-size:.98rem;color:var(--oro);margin-top:10px}
.fmt p{font-size:.76rem;color:var(--testo2);margin-top:2px}
.fmt-banner{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:26px;flex-wrap:wrap}
.fmt-banner .imgframe img{width:min(300px,72vw);height:auto}
.fmt-banner .cap h4{font-size:.98rem;color:var(--oro)}
.fmt-banner .cap p{font-size:.82rem;color:var(--testo2);margin-top:3px;max-width:26ch}

/* PROCESSO */
.proc-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start;max-width:900px;margin:0 auto}
.steps{display:flex;flex-direction:column;gap:12px}
.step{background:var(--vetro);border:var(--frame);border-radius:14px;padding:14px 18px;box-shadow:var(--ombra-soft);display:flex;gap:16px;align-items:flex-start;backdrop-filter:blur(12px)}
.step .num{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:600;color:var(--oro);min-width:38px;line-height:1}
.step h4{font-size:1rem;margin-bottom:4px;color:var(--testo)}
.step p{font-size:.85rem;color:var(--testo2);line-height:1.45}
.proc-media{display:flex;flex-direction:column;align-items:center;gap:10px;position:sticky;top:84px}
.proc-media figure{margin:0;text-align:center}
.proc-media .imgframe img{width:auto;max-height:234px;max-width:100%}
.proc-media figcaption{font-size:.78rem;font-weight:700;color:var(--testo2);margin-top:8px}
.proc-media .cap-top{margin-top:0;margin-bottom:8px}
.proc-arrow{color:var(--oro);font-size:1.4rem;line-height:.6}

/* MATERIALE */
.mat-grid{display:grid;grid-template-columns:1fr 1fr 0.7fr;gap:24px;margin-bottom:20px;align-items:start;max-width:960px;margin-left:auto;margin-right:auto}
.mat h4{font-size:.98rem;margin-bottom:11px;color:var(--oro)}
.mat ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.mat li{font-size:.86rem;color:var(--testo2);padding-left:16px;position:relative}
.mat li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--oro)}
.mat-photo{text-align:center}
.mat-photo .imgframe img{width:auto;max-width:100%;max-height:150px}
.mat-photo figcaption{font-size:.76rem;color:var(--testo2);margin-top:8px;font-weight:600}
.callout{background:rgba(216,179,106,.12);border:1px solid var(--oro-line);border-radius:12px;padding:14px 20px;font-size:.9rem;font-style:italic;color:#e6dcc4;margin:0 auto 30px;max-width:960px}
.mat-sub{font-family:'Playfair Display',serif;font-size:1.35rem;margin:6px 0 6px;text-align:center;color:var(--testo)}
.demo{display:flex;gap:18px;align-items:flex-start;justify-content:center;flex-wrap:wrap;margin-top:16px}
.demo figure{margin:0;text-align:center}
.demo-orig .imgframe img{width:120px;height:auto}
.demo-wide .imgframe img{width:210px;max-width:72vw;height:auto}
.demo figcaption{font-size:.78rem;font-weight:700;color:var(--testo2);margin-top:8px}
.note{font-size:.82rem;color:#9c988d;margin-top:14px;font-style:italic;text-align:center}

/* BAND ACCENTO ORO */
.dark-band{background:linear-gradient(135deg,rgba(216,179,106,.18),rgba(42,40,35,.6));border:1px solid var(--oro-line);border-radius:22px;padding:40px 34px;text-align:center;box-shadow:var(--ombra-soft);position:relative;overflow:hidden;margin:34px auto 0;max-width:960px;backdrop-filter:blur(12px)}
.dark-band::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 80% -10%,rgba(216,179,106,.25),transparent 60%);pointer-events:none}
.dark-band h3{font-family:'Playfair Display',serif;font-weight:600;font-size:1.45rem;margin-bottom:12px;color:var(--oro-chiaro);position:relative}
.dark-band p{max-width:64ch;margin:0 auto 20px;color:var(--testo2);position:relative;font-size:.92rem}
.dark-band .btn-demo{position:relative}

/* PACCHETTI */
.pk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pk{background:var(--vetro);border:var(--frame);border-radius:16px;padding:24px 20px;box-shadow:var(--ombra-soft);backdrop-filter:blur(12px)}
.pk h3{font-family:'Playfair Display',serif;font-weight:600;font-size:1.2rem;color:var(--oro-chiaro);margin-bottom:14px}
.pk ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.pk li{font-size:.88rem;color:var(--testo2);padding-left:18px;position:relative}
.pk li::before{content:"✓";position:absolute;left:0;color:var(--oro);font-weight:700;font-size:.8rem}
.pk-how{max-width:760px;margin:40px auto 0;text-align:center}
.pk-how h3{font-family:'Playfair Display',serif;font-size:1.4rem;margin-bottom:12px;color:var(--testo)}
.pk-how p{color:var(--testo2);font-size:.95rem;margin-bottom:22px}

/* CONTATTI + RECENSIONI */
.contact-box{max-width:640px}
.contact-box .cta-line{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}
.contact-box a.email{color:var(--oro);font-weight:600}
.info-row{font-size:.92rem;color:var(--testo2);margin-top:8px}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
.rev{background:var(--vetro);border:var(--frame);border-radius:16px;padding:20px;box-shadow:var(--ombra-soft);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:10px}
.rev .stars{color:var(--oro);letter-spacing:2px;font-size:.95rem}
.rev p{font-size:.9rem;color:var(--testo);line-height:1.5;font-style:italic}
.rev .who{font-size:.82rem;color:var(--oro);font-weight:700;margin-top:auto}

/* FORM statico */
.cform{max-width:520px;margin-top:26px;display:flex;flex-direction:column;gap:12px}
.cform label{font-size:.82rem;color:var(--testo2);font-weight:600}
.cform input,.cform textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--oro-line);border-radius:10px;padding:11px 13px;color:var(--testo);font-family:inherit;font-size:.92rem}
.cform textarea{min-height:120px;resize:vertical}

/* FOOTER */
footer.site{border-top:1px solid var(--oro-line);padding:44px 0 26px;margin-top:20px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:30px;margin-bottom:26px}
.foot-grid h4{font-size:.9rem;margin-bottom:12px;color:var(--oro)}
.foot-brand img{height:30px;margin-bottom:12px;filter:brightness(0) invert(1) sepia(.3) saturate(3) hue-rotate(5deg) brightness(1.05)}
.foot-grid a,.foot-grid p{display:block;font-size:.9rem;color:var(--testo2);margin-bottom:8px}
.foot-grid a:hover{color:var(--oro)}
.foot-legal{font-size:.8rem;color:#8f8b80;line-height:1.7}
.foot-bottom{border-top:1px solid var(--oro-line);padding-top:16px;font-size:.8rem;color:#8f8b80;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

/* ===== SFONDO STUDIO GLOSSY: hero + intestazioni + fasce richiamo ===== */
.with-bg{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate}
.with-bg::before{content:"";position:absolute;inset:0;background:rgba(10,10,12,.32);z-index:0;pointer-events:none}
.with-bg>*{position:relative;z-index:1}
.page-head.with-bg{border-bottom:1px solid var(--oro-line);padding-top:52px;padding-bottom:34px}
.page-head.with-bg .lead{color:#e7e1d5}
/* hero homepage: sfondo studio visibile dietro il testo, nessuna immagine prodotto */
.hero.with-bg{min-height:680px;display:flex;align-items:center;padding-top:40px;padding-bottom:40px}
.hero.with-bg .hero-copy{max-width:640px}
.hero.with-bg h1{color:#fff}
.hero.with-bg h1 .l2{color:var(--oro-chiaro)}
.hero.with-bg .sub{color:#ece6da}
.hero.with-bg .serv{color:#cfc9bb}
/* fasce sottili di richiamo tra sezioni (crop diverso, molto sfumate) */
.band{height:150px;background-size:cover;background-repeat:no-repeat;position:relative;isolation:isolate}
.band::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#131211 0%,rgba(19,18,17,.42) 34%,rgba(19,18,17,.42) 66%,#131211 100%);pointer-events:none}
/* pulsante Mostra altri lavori */
.more-wrap{text-align:center;margin:26px 0 6px}
.more-hidden[hidden]{display:none}
.more-hidden{margin-top:14px}
/* link interni discreti */
.internal-links{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;margin:30px auto 4px;max-width:900px}
.internal-links a{font-size:.86rem;font-weight:600;color:var(--oro)}
.internal-links a:hover{color:var(--oro-chiaro);text-decoration:underline}
/* blocchi SEO in fondo pagina */
.seo-blocks{padding-top:20px;padding-bottom:56px}
.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1000px;margin:0 auto}
.seo-grid h2{font-size:1.25rem;margin-bottom:10px;color:var(--oro-chiaro)}
.seo-grid p{font-size:.94rem;color:var(--testo2);line-height:1.65}

@media(max-width:1000px){ .gallery{column-count:3} }
@media(max-width:760px){
 .seo-grid{grid-template-columns:1fr}
 .with-bg::before{background:rgba(10,10,12,.5)}   /* velo piu' forte su mobile */
 .hero.with-bg{min-height:560px}
 .band{height:110px}
}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1fr;gap:30px}
 .cards{grid-template-columns:1fr 1fr;max-width:360px} .cards.row6{grid-template-columns:repeat(3,1fr);max-width:520px} .cat-grid{grid-template-columns:repeat(3,1fr);max-width:460px}
 .trasf-row{flex-wrap:wrap} .trasf-row figure{flex:0 0 30%} .trasf-row .trasf-orig{flex:0 0 30%}
 .proc-wrap{grid-template-columns:1fr} .proc-media{position:static;flex-direction:row;justify-content:center}
 .mat-grid{grid-template-columns:1fr 1fr} .foot-grid{grid-template-columns:1fr}
 .pk-grid{grid-template-columns:1fr 1fr} .rev-grid{grid-template-columns:1fr 1fr}
 .nav-links{display:none} .nav .btn-wa{display:none}
 .burger{display:block}
 .mobile-menu{display:none;position:fixed;inset:0;z-index:60;background:rgba(18,17,14,.98);backdrop-filter:blur(10px);flex-direction:column;padding:78px 30px 30px}
 .mobile-menu.open{display:flex}
 .mobile-menu a{font-size:1.2rem;font-weight:700;padding:14px 0;border-bottom:1px solid var(--oro-line);color:var(--testo)}
 .mobile-close{position:absolute;top:18px;right:20px;background:none;border:0;font-size:2rem;cursor:pointer;line-height:1;color:var(--testo)}
}
@media(max-width:620px){
 .gallery{column-count:2}
 .cards{grid-template-columns:1fr 1fr;max-width:280px} .cards.row6{grid-template-columns:repeat(3,1fr);max-width:340px} .mat-grid{grid-template-columns:1fr} .cat-grid{grid-template-columns:repeat(3,1fr)}
 .trasf-row figure{flex:0 0 45%}
 .pk-grid,.rev-grid{grid-template-columns:1fr} .fmt .imgframe img{height:120px} section{padding:46px 0}
 .lb-nav{width:44px;height:44px;font-size:1.6rem} .lb-prev{left:8px}.lb-next{right:8px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}