:root{--bg:#0b1117;--panel:#121d26;--soft:#eaf1f5;--ink:#101c24;--muted:#b4c4ce;--cyan:#34b9ec;--line:#30414e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:white;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}img{display:block;max-width:100%}.container{width:min(1160px,calc(100% - 36px));margin:auto}.top{position:sticky;top:0;z-index:20;background:#0b1117f2;backdrop-filter:blur(14px);border-bottom:1px solid #24343f}.top .container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{font-weight:900;letter-spacing:.11em;text-decoration:none;font-size:19px}.brand b{color:var(--cyan)}nav{display:flex;gap:23px}nav a{text-decoration:none;color:#d5e3ec;font-size:14px}nav a:hover{color:var(--cyan)}.pill,.cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:6px;font-weight:750;padding:13px 22px;background:var(--cyan);color:#08141b;border:0;cursor:pointer}.pill{font-size:14px}.outline{background:transparent;color:#fff;border:1px solid #83949f}.hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071017 0%,#071017e8 34%,#07101755 75%),linear-gradient(0deg,#071017aa,transparent 45%)}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-content{position:relative;z-index:1;padding:85px 0;max-width:800px}.eyebrow{font-weight:800;color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;font-size:12px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,7vw,82px);line-height:1.02;letter-spacing:-.05em;margin:17px 0 22px}h1 em{font-style:normal;color:var(--cyan)}.lead{font-size:clamp(17px,2.2vw,21px);max-width:590px;color:#d5e1e8}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.trust{display:flex;gap:24px;flex-wrap:wrap;color:#cbd8e0;font-size:13px;margin-top:48px}.trust span:before{content:'✓';color:var(--cyan);margin-right:8px}.section{padding:95px 0}.section-head{max-width:720px;margin-bottom:35px}.section h2{font-size:clamp(34px,5vw,56px);line-height:1.06;letter-spacing:-.045em;margin:10px 0 17px}.section-head p{color:#b7c7d1;font-size:18px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.service-card img{height:225px;width:100%;object-fit:cover}.service-card .inside{padding:25px;display:flex;flex-direction:column;flex:1}.service-card h3{font-size:21px;line-height:1.18;margin:0 0 9px}.service-card p{color:#b6c5ce;font-size:15px;flex:1}.more{color:var(--cyan);font-weight:750;text-decoration:none}.light{background:var(--soft);color:var(--ink)}.light .section-head p{color:#455964}.gallery-layout{display:grid;grid-template-columns:260px 1fr;gap:28px}.tabs{display:flex;flex-direction:column;gap:8px}.tab{padding:14px 17px;text-align:left;border:1px solid #c4d2da;background:white;color:#233743;border-radius:6px;font-weight:750;cursor:pointer}.tab[aria-selected=true]{background:#102633;color:white;border-color:#102633}.viewer{background:#0b151b;border-radius:12px;overflow:hidden}.viewer-frame{position:relative;background:#091219}.viewer-frame img{width:100%;height:440px;object-fit:contain}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:48px;border:0;border-radius:6px;background:#08131be8;color:white;font-size:26px;cursor:pointer}.prev{left:12px}.next{right:12px}.viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;color:#d9e6ed;font-size:14px}.dots{display:flex;gap:7px;flex-wrap:wrap}.dot{width:9px;height:9px;border:0;border-radius:50%;background:#6a8594;cursor:pointer;padding:0}.dot.active{background:var(--cyan)}.note{font-size:13px;color:#5a707c;margin-top:12px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.feature img{border-radius:12px;width:100%;height:380px;object-fit:cover}.feature p{color:#bbcad2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{border-top:2px solid var(--cyan);padding:18px 0}.step strong{font-size:26px;color:var(--cyan)}.step p{color:#b9c8d0}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:30px}.contact-box{padding:30px;background:#fff;border:1px solid #d3dfe6;border-radius:12px}.contact-box h3{font-size:25px}.contact-box p{color:#445863}.contact-box a:not(.cta){color:#087ba9}.contact-box .cta{margin-top:10px}.footer{padding:25px 0;border-top:1px solid #2b3b47;color:#a9bac4;font-size:13px}.footer .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.float-wa{position:fixed;right:18px;bottom:18px;z-index:30;box-shadow:0 10px 28px #0006}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #e5f7ff;outline-offset:3px}@media(max-width:900px){nav{display:none}.services{grid-template-columns:repeat(2,1fr)}.gallery-layout{grid-template-columns:1fr}.tabs{flex-direction:row;overflow-x:auto}.tab{white-space:nowrap}.feature{gap:24px}}@media(max-width:620px){.top .container{min-height:66px}.brand{font-size:16px}.top .pill{padding:10px 12px;font-size:12px}.hero{min-height:580px}.hero::after{background:linear-gradient(90deg,#071017e8,#07101770),linear-gradient(0deg,#071017e0,transparent)}.hero-content{padding:75px 0}.section{padding:65px 0}.services,.feature,.steps,.contact-grid{grid-template-columns:1fr}.service-card img{height:220px}.viewer-frame img{height:260px}.viewer-foot{align-items:flex-start;flex-direction:column}.feature img{height:260px}.float-wa{bottom:12px;right:12px;font-size:13px;padding:12px 15px}.trust{gap:12px}.buttons .cta{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}



/* Identità del marchio e fotografia del lavoro finito */

.brand{display:flex;align-items:center;flex-shrink:0}.brand-logo{display:block;width:172px;height:60px;object-fit:contain;object-position:left center}.hero-logo-wrap{width:min(460px,75vw);margin-bottom:16px;padding:12px 18px;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 14px 50px rgba(0,0,0,.28)}.hero-logo{width:100%;height:auto;display:block}.hero-content{max-width:820px}@media(max-width:700px){.brand-logo{width:120px;height:48px}.hero-logo-wrap{width:min(340px,88vw);padding:9px 12px}.hero-content{padding-top:48px}}



/* v7: blocca la larghezza della galleria alla viewport mobile */

html,body{max-width:100%;overflow-x:clip}

.container,.gallery-layout,.static-gallery,.radio-gallery,.static-slides,.static-slide{min-width:0;max-width:100%;box-sizing:border-box}

.radio-gallery{width:100%;overflow:hidden}

.radio-gallery .static-tabs{width:100%;max-width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:10px}

.radio-gallery .category-tab{flex:0 0 auto;max-width:none;white-space:nowrap}

.radio-gallery .static-slides{width:100%;min-height:0;overflow:hidden}

.radio-gallery .static-slide{width:100%;overflow:hidden}

.radio-gallery .static-slide>img{width:100%;max-width:100%;height:auto;max-height:480px;object-fit:contain;object-position:center;display:block}

.radio-gallery .static-slide>p{overflow-wrap:anywhere;line-height:1.45}

.radio-gallery .static-controls{width:100%;max-width:100%;gap:8px;flex-wrap:nowrap;align-items:center}

.radio-gallery .static-controls label{min-width:0;max-width:calc(50% - 4px);flex:0 1 auto;text-align:center;font-size:14px;padding:10px 12px;white-space:normal}

@media(max-width:620px){.radio-gallery .static-slide>img{max-height:390px}.radio-gallery .static-tabs{gap:8px}.radio-gallery .category-tab{padding:10px 13px;font-size:14px}.radio-gallery .static-controls label{font-size:13px;padding:10px 9px}}


/* Versione 3: marchio bianco/celeste trasparente e centrato */

.hero-content{width:100%;max-width:1160px;text-align:center;margin-inline:auto;display:flex;flex-direction:column;align-items:center}

.hero-logo-wrap{background:none;box-shadow:none;border-radius:0;padding:0;margin:0 auto 26px;width:min(610px,88vw)}

.hero-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 16px rgba(0,0,0,.55))}

.hero-content .lead{margin-left:auto;margin-right:auto}

.hero-content .buttons,.hero-content .trust{justify-content:center}

.brand-logo{object-position:left center}

@media(max-width:700px){.hero-logo-wrap{width:min(470px,92vw);padding:0;margin-bottom:20px}.hero-content{padding-top:55px}}




/* Galleria v8: one viewer, one state, no :has() or radio click hacks */

html,body{max-width:100%;overflow-x:clip}

.work-layout,.work-gallery,.work-viewer{width:100%;min-width:0;max-width:100%}

.work-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:19px}

.work-tab{border:1px solid #9fb9c7;color:#213844;border-radius:9px;background:white;padding:11px 15px;font-weight:750;font:inherit;line-height:1.2;cursor:pointer;min-height:44px}

.work-tab[aria-pressed="true"]{background:#102633;color:white;border-color:#102633}

.work-tab:focus-visible,.work-arrow:focus-visible,.work-mini-controls button:focus-visible{outline:3px solid #35b9ec;outline-offset:3px}

.work-tab-count{display:inline-block;margin-left:5px;font-size:12px;opacity:.7}

.work-viewer{background:#101e28;border-radius:13px;overflow:hidden;box-shadow:0 16px 36px #06202b24}

.work-photo-wrap{position:relative;background:#0a131a;min-height:240px;display:flex;align-items:center;justify-content:center;touch-action:pan-y;user-select:none;-webkit-user-select:none}

#work-photo{display:block;width:100%;height:min(58vw,510px);min-height:230px;object-fit:contain;object-position:center}

.work-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:43px;height:48px;display:flex;align-items:center;justify-content:center;font-size:25px;color:white;border:1px solid #ffffff33;border-radius:10px;background:#08131cde;cursor:pointer;touch-action:manipulation}

.work-prev{left:10px}.work-next{right:10px}

.work-arrow:active{background:#168cbe}

.work-bottom{padding:13px 18px 14px;color:#fff}

.work-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px}

#work-count{color:#b9d2e0;font-variant-numeric:tabular-nums}

.work-description{color:#c3d4dc;margin:7px 0 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere;min-height:1.5em}

.work-mini-controls{display:none;gap:9px;margin-top:10px}

.work-mini-controls button{flex:1;border:1px solid #4f7182;background:#172e3b;color:white;border-radius:8px;min-height:42px;font-weight:650;cursor:pointer}

.test-banner{background:#d6edf8;color:#143c4f;text-align:center;font-size:11px;line-height:1.4;letter-spacing:.07em;font-weight:800;padding:7px 12px}

.mobile-menu-button{display:none}

@media(max-width:900px){

  .top .container{gap:10px;flex-wrap:wrap;position:relative}

  .mobile-menu-button{display:inline-flex;align-items:center;gap:5px;justify-content:center;margin-left:auto;background:transparent;color:#e8f4ff;border:1px solid #557080;border-radius:7px;font-size:14px;padding:9px 10px;min-height:42px;cursor:pointer}

  #site-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;flex-direction:column;gap:0;background:#0b1117;border:1px solid #314858;border-radius:0 0 10px 10px;box-shadow:0 12px 22px #0008;padding:8px;z-index:40}

  #site-nav.is-open{display:flex}

  #site-nav a{display:block;padding:12px 10px;font-size:15px}

}

@media(max-width:620px){

 .brand-logo{width:116px;height:46px}

 .top .pill{font-size:12px;padding:10px 11px;min-height:42px}

 .work-tabs{flex-wrap:nowrap;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:0 1px 11px;overscroll-behavior-x:contain}

 .work-tab{flex:0 0 auto;font-size:13px;padding:9px 12px;white-space:nowrap}

 #work-photo{height:290px;min-height:220px}

 .work-photo-wrap{min-height:220px}

 .work-arrow{width:38px;height:43px;font-size:23px}

 .work-prev{left:6px}.work-next{right:6px}

 .work-description{font-size:13px}

 .work-mini-controls{display:flex}

 .work-bottom{padding:12px 13px}

}

@media(max-width:365px){.top .pill{padding:8px}.mobile-menu-button{padding:8px 6px}.mobile-menu-button span{display:none}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}




/* Correzioni finali mobile, senza modificare gli asset aziendali */

html{min-width:0}body{min-width:0;overflow-x:hidden}

.container,.top .container,.services,.service-card,.feature,.contact-grid,.work-layout,.work-viewer{min-width:0}

.top .container{width:min(1160px,calc(100% - 28px))}

.hero-photo{display:block;min-width:100%;max-width:none}

.hero-content{min-width:0}

.hero h1{overflow-wrap:break-word}

.service-card,.contact-box{overflow-wrap:anywhere}

@media(max-width:620px){

 .top .container{gap:7px;min-height:66px;flex-wrap:nowrap}

 .top .pill{white-space:nowrap;flex:0 0 auto;font-size:11px;padding:9px 8px}

 .mobile-menu-button{flex:0 0 auto;margin-left:auto;font-size:13px;padding:8px}

 .brand{min-width:0;flex:0 1 auto}

 .brand-logo{width:105px;height:44px;max-width:100%}

 .hero{min-height:560px}

 .hero-content{padding:50px 0}

 .hero-logo-wrap{width:min(420px,88vw)}

 .hero-photo{object-fit:cover;object-position:center}

 .container{width:calc(100% - 28px)}

 .work-photo-wrap{overflow:hidden}

 .work-viewer{width:100%}

 #work-photo{max-width:100%;height:265px;min-height:0}

 .float-wa{display:none} /* WhatsApp resta accessibile nel menu e nei contatti, senza coprire la galleria */

}

@media(max-width:360px){.brand-logo{width:94px}.top .pill{font-size:10px;padding:8px 6px}.mobile-menu-button span{display:none}}