@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');:root{--orange:#ff6a16;--dark:#181c20;--grey:#535a60;--white:#fff;--soft:#f3f1ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--dark);font-family:'DM Sans',Arial,sans-serif;background:#fff}button,select{font:inherit}a{text-decoration:none;color:inherit}.container{width:min(1260px,90%);margin:auto}.header{position:sticky;top:0;z-index:100;background:#fffc;backdrop-filter:blur(20px);border-bottom:1px solid #eee}.head-inner{width:min(1400px,96%);height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:16px;min-width:0}.brand-urban{width:250px;max-width:42vw;height:auto}.brand-itex{width:162px;max-width:20vw;height:auto}.brand-divider{width:1px;height:33px;background:#bdbdbd}.right-head{display:flex;align-items:center;gap:12px}.nav{display:flex;align-items:center;gap:clamp(8px,1.25vw,23px)}.nav a{font-size:11px;text-transform:uppercase;font-weight:800;white-space:nowrap}.nav a:hover{color:var(--orange)}select{border:0;color:var(--orange);font-size:13px;background:#eee;padding:10px;cursor:pointer}.hamb{display:none;border:0;background:none;font-size:26px;cursor:pointer}em{font-style:normal;color:var(--orange)}.hero{height:clamp(620px,78vh,920px);position:relative;overflow:hidden;background:#25282b;color:white;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;animation:heroPulse 18s infinite alternate ease-in-out}.bg-one{background-image:url('city.webp');filter:saturate(.8) brightness(.85)}.bg-two{background-image:url('shelter_alt.webp');background-position:80% center;opacity:0;animation:secondScene 19s infinite ease-in-out}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,15,17,.94) 1%,rgba(12,15,17,.79) 44%,rgba(12,15,17,.20) 100%)}.hero-content{position:relative;z-index:2}.eyebrow,.label{font-size:12px;letter-spacing:.22em;font-weight:800;color:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(49px,7.2vw,112px);line-height:.98;letter-spacing:-.07em;max-width:1050px;margin:26px 0}h2{font-size:clamp(36px,4.3vw,70px);letter-spacing:-.055em;line-height:1.05;margin:18px 0 22px}p{line-height:1.65}.hero-sub{font-size:clamp(19px,2vw,29px);max-width:640px;font-weight:600}.hero-extra{font-size:15px;opacity:.85}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #fff7;border-radius:3px;padding:15px 22px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.orange{background:var(--orange);color:#fff;border-color:var(--orange)}.ghost{color:#fff;background:transparent}.scroll-cue{position:absolute;right:5%;bottom:28px;font-size:10px;letter-spacing:.25em}.pillar{background:#f5f3f0}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.pillar-grid>div{display:flex;gap:14px;align-items:center;padding:23px 18px;border-right:1px solid #ddd}.pillar-grid>div:last-child{border:0}.pillar-grid b{font-size:34px;font-weight:400;color:var(--orange)}.pillar-grid span{font-size:12px;text-transform:uppercase;font-weight:800}.section{padding:110px 0}.vision{background:#fff}.vision-layout{display:grid;grid-template-columns:33% 1fr;gap:55px;align-items:center}.vision-copy p{font-size:18px;color:#53575c}.vision-images{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.vision-picture{height:355px;position:relative;background-size:cover;background-position:center;overflow:hidden}.vision-picture:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000a)}.vision-picture span{position:absolute;left:13px;bottom:16px;z-index:1;color:white;font-size:15px;font-weight:800}.v1{background-image:url('city.webp')}.v2{background-image:url('shelter.webp')}.v3{background-image:url('shelter_alt.webp')}.zemso{color:white;background:#191f24}.zemso-layout{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.zemso p{color:#d5dce0;font-size:18px;max-width:650px}.zemso-photo{height:425px;background:linear-gradient(145deg,#17212699,#1010104d),url('shelter_modern.webp') center/cover;position:relative}.zemso-photo span{position:absolute;bottom:25px;left:30px;color:white;font-size:34px;letter-spacing:.12em;font-weight:800}.zemso-photo small{display:block;font-size:12px;color:#fff8}.solutions{background:#f7f5f1}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.product{background:white;box-shadow:0 14px 35px #00000011;overflow:hidden}.product img{width:100%;height:320px;object-fit:cover;object-position:center;transition:transform .6s}.product:hover img{transform:scale(1.06)}.product div{padding:20px}.product h3{font-size:19px;margin-bottom:5px}.product p{font-size:13px;color:#677077}.disclaimer{font-size:11px;color:#7e8183;margin-top:22px}.city-statement{padding:100px 0;color:white;background:linear-gradient(90deg,#15191be0,#15191bad),url('city.webp') center/cover}.city-statement h2{max-width:900px}.city-statement p{font-size:22px;max-width:740px}.technical{background:white}.section-sub{max-width:820px;font-size:19px;color:#5e6468}.technical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}.technical-grid div{min-height:160px;background:#f2f0ec;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:4px solid var(--orange)}.technical-grid span{color:var(--orange);font-size:24px;font-weight:800}.technical-grid strong{font-size:19px}.europe{background:linear-gradient(110deg,#1e252ba8,#15191bef),url('city.webp') center/cover;color:white}.europe .section-sub{color:#eef}.locations{display:flex;gap:16px;flex-wrap:wrap;margin-top:35px}.locations span{padding:16px 22px;border:1px solid #ffffff55;font-weight:800;font-size:13px}.media{background:#f3f1ec}.media-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.video-poster{border:0;padding:0;position:relative;cursor:pointer;background:#222;aspect-ratio:16/9;width:100%;overflow:hidden}.video-poster img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:2px solid white;border-radius:50%;width:88px;height:88px;color:#fff;font-size:34px}.contact{background:#1c2024;color:#fff}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.contact p{max-width:580px;color:#d6d6d6}footer{padding:35px 0;background:#f5f5f5}.footer-grid{display:flex;gap:24px;align-items:center}.footer-grid img{width:170px;object-fit:contain}.footer-grid img:nth-child(2){width:140px}.footer-grid p{font-size:11px;color:#697076;margin-left:auto;max-width:440px}dialog#movie{border:0;background:#111;color:#fff;width:min(1000px,96vw);padding:14px;box-shadow:0 0 0 100vmax #000b}dialog video{width:100%;max-height:80vh}dialog .close{float:right;border:0;color:#fff;background:none;font-size:22px;cursor:pointer}dialog .video-caption{font-size:10px;opacity:.7}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes heroPulse{to{transform:scale(1.09)}}@keyframes secondScene{0%,44%{opacity:0}54%,90%{opacity:.52}100%{opacity:0}}@media(max-width:1200px){.brand-urban{width:200px}.brand-itex{width:130px}.nav{gap:10px}.nav a{font-size:10px}}@media(max-width:960px){.hamb{display:block}.nav{position:absolute;display:none;left:0;right:0;top:82px;background:#fff;padding:30px;flex-direction:column;align-items:stretch}.nav.active{display:flex}.nav a{font-size:14px}.vision-layout,.zemso-layout,.media-layout{grid-template-columns:1fr}.product-grid,.technical-grid{grid-template-columns:repeat(2,1fr)}.pillar-grid{grid-template-columns:repeat(2,1fr)}.brand-itex{width:125px}}@media(max-width:600px){.head-inner{height:72px}.brand-urban{width:165px}.brand-divider,.brand-itex{display:none}.nav{top:72px}.hero{height:690px}.hero-overlay{background:linear-gradient(90deg,#111e,#111a 70%,#1116)}h1{font-size:clamp(43px,11vw,72px)}.section{padding:75px 0}.vision-images{grid-template-columns:1fr 1fr}.vision-picture{height:230px}.vision-picture:last-child{display:none}.pillar-grid{grid-template-columns:1fr 1fr}.pillar-grid>div{padding:16px 8px}.pillar-grid b{font-size:23px}.pillar-grid span{font-size:10px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product img{height:180px}.product div{padding:12px}.product h3{font-size:15px}.product p{font-size:12px}.technical-grid{grid-template-columns:1fr 1fr}.technical-grid div{padding:17px;min-height:130px}.technical-grid strong{font-size:15px}.contact-inner{display:block}.footer-grid{flex-wrap:wrap}.footer-grid p{margin:0}.zemso-photo{height:350px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* V2 — fedeltà al layout grafico selezionato */
:root{--orange:#ff6818;--dark:#1d262c;--soft:#f6f4f0}
.header{background:#fff;backdrop-filter:none}.head-inner{height:92px;flex-wrap:wrap;align-content:center;row-gap:0}
.brand-urban{width:270px}.brand-itex{width:170px}.brand-divider{height:38px}
.right-head{margin-left:auto}.nav{gap:12px}.nav a{font-size:10px;letter-spacing:.01em}.nav .home-link{color:var(--orange)}
.hero{height:clamp(470px,49vw,690px);align-items:center;background:#1d262c}
.hero-bg.hero-photo{background-image:url('hero-scene.webp');background-size:cover;background-position:center right;animation:heroPulse 24s infinite alternate ease-in-out}
.hero-overlay{background:linear-gradient(90deg,rgba(15,21,24,.90),rgba(15,21,24,.72) 34%,rgba(15,21,24,.13) 83%)}
.hero .eyebrow{display:none}.hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.02;letter-spacing:-.04em;max-width:650px;margin:0 0 18px}
.hero-sub{font-size:clamp(18px,1.65vw,24px);line-height:1.35;max-width:480px}.hero-extra{display:none}
.btn{border-radius:0;letter-spacing:0}.btn.orange{box-shadow:0 5px 18px #f960122b}.actions{margin-top:24px}
.pillar{background:#fbfaf8}.pillar-grid>div{padding:17px 14px}.pillar-grid b{font-size:30px;color:#242c31}.pillar-grid span{font-size:11px}
.section{padding:60px 0}.section h2{font-size:clamp(33px,3vw,53px);letter-spacing:-.03em}
.zemso{background:#fff;color:#1c282f;padding:0}.zemso-layout{width:100%;max-width:none;display:grid;grid-template-columns:40% 60%;gap:0;min-height:310px}
.zemso-layout>div:first-child{padding:45px max(35px,calc((100vw - 1240px)/2));padding-right:30px;background:#f5f5f4}
.zemso .label{font-size:10px}.zemso h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.05em;margin:16px 0}
.zemso p{color:#343a40;font-size:16px;line-height:1.5}.zemso .ghost{color:#232d30;border:1px solid #576167}
.zemso-photo{height:auto;min-height:310px;background:linear-gradient(90deg,#071c3077,#06192a11),url('zemso-earth.webp') center/cover}
.zemso-photo span{font-size:clamp(28px,4vw,48px);text-shadow:0 2px 14px #000}
.vision{background:#fff;padding:36px 0}.vision-layout{grid-template-columns:27% 1fr;gap:30px}.vision-copy h2{font-size:clamp(30px,3.2vw,50px)}
.vision-copy p{font-size:14px;line-height:1.5}.vision-picture{height:205px}.v1{background-image:url('architecture.webp')}.v2{background-image:url('design-sketch.webp')}.v3{background-image:url('integration.webp')}
.vision-picture span{font-size:13px}.solutions{background:#fff;padding-top:40px;padding-bottom:46px}.solutions h2{margin-top:5px}
.solutions .label{display:none}.product-grid{margin-top:22px;gap:12px}.product{box-shadow:none;background:#f4f2ef}.product img{height:215px}.product div{padding:12px 14px}.product h3{font-size:15px;text-transform:uppercase}.product p{font-size:12px}
.city-statement{padding:45px 0;background:linear-gradient(90deg,#131b20ed,#131b2055),url('architecture.webp') center/cover}.city-statement h2{font-size:clamp(30px,3vw,50px)}.city-statement p{font-size:16px}
.technical{background:#f5f3f0;padding:45px 0}.technical h2{max-width:760px}.technical .section-sub{font-size:15px;max-width:650px}
.technical-grid{margin-top:25px;grid-template-columns:repeat(4,1fr)}.technical-grid div{min-height:100px;padding:17px;background:#fff}.technical-grid strong{font-size:15px}
.europe{padding:65px 0;background:linear-gradient(90deg,#131f26e8,#131f2699 50%,#131f261a),url('italy-europe.webp') center right/cover}
.europe .section-sub{font-size:16px}.media{padding:55px 0;background:#fff}.media h2{max-width:480px}.media p{font-size:16px}
.media-layout{gap:40px}.video-poster img{object-position:center}.contact{padding:55px 0}
footer{background:#15232c;color:#eee}footer .footer-grid p{color:#d1d5d8}footer .footer-grid img{background:#fff;padding:5px}
@media(min-width:960px) and (max-width:1360px){.head-inner{height:100px}.right-head{width:100%;justify-content:flex-end;margin-top:-5px}.nav a{font-size:10px}}
@media(max-width:960px){.head-inner{height:78px;flex-wrap:nowrap}.right-head{width:auto;margin:0}.zemso-layout{grid-template-columns:1fr}.zemso-layout>div:first-child{padding:30px 6%}.zemso-photo{min-height:260px}.vision-layout{grid-template-columns:1fr}.hero{height:590px}.hero h1{font-size:clamp(45px,7vw,68px)}}
@media(max-width:600px){.header .head-inner{height:72px}.brand-urban{width:173px}.hero{height:620px}.hero .hero-photo{background-position:61% center}.hero-overlay{background:linear-gradient(90deg,#142027ec,#142027a9 77%,#14202744)}.hero h1{font-size:46px}.vision-images{grid-template-columns:repeat(3,1fr);gap:5px}.vision-picture{height:155px}.vision-picture:last-child{display:block}.vision-picture span{font-size:10px}.product img{height:145px}.technical-grid{grid-template-columns:repeat(2,1fr)}}

/* Edizione scenografica v3 */
:root{--orange:#ff6818;--ink:#19252d}
.hero{isolation:isolate}.hero-transition{background-image:url('shelter_alt.webp');background-position:center 40%;opacity:0;animation:heroCinema 23s ease-in-out infinite, heroPulse 30s alternate infinite}
@keyframes heroCinema{0%,39%{opacity:0}48%,68%{opacity:.65}79%,100%{opacity:0}}
.hero-overlay{z-index:1}.hero-content{z-index:2}.hero .narration{border-color:#fffb}
.cities-story{padding:72px 0;background:#14232c;color:#fff}.cities-heading{max-width:780px}.cities-heading p{font-size:16px;color:#ced9dd;max-width:660px}
.city-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px}.city-tab{font:700 13px inherit;cursor:pointer;background:transparent;color:white;padding:12px 25px;border:1px solid #ffffff55;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:background .25s}.city-tab.active,.city-tab:hover{background:#ff6818;border-color:#ff6818}
.city-showcase{display:grid;grid-template-columns:1.65fr .85fr;overflow:hidden;min-height:360px;background:#1f303a;border:1px solid #ffffff21}.city-art{background:url('architecture.webp') center/cover;min-height:340px;transition:background-image .4s,filter .3s}.city-copy{padding:45px 36px;display:flex;flex-direction:column;justify-content:center}.city-copy h3{font-size:44px;line-height:1;margin:20px 0}.city-copy p{font-size:17px;color:#d9e3e8}.concept{color:#bbc7cd;font-size:11px;margin-top:28px}.tech-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.tech-photo-grid img{width:100%;height:195px;object-fit:cover}.product img{filter:saturate(.96)}.product:hover img{filter:saturate(1.13)}
.reveal{transition:opacity .85s ease, transform .85s ease}.btn:focus-visible,a:focus-visible,.city-tab:focus-visible,select:focus-visible{outline:3px solid #ff6818;outline-offset:3px}
@media(max-width:760px){.city-showcase{grid-template-columns:1fr}.city-copy{padding:25px}.city-copy h3{font-size:34px}.tech-photo-grid img{height:110px}.cities-story{padding:50px 0}.hero{height:640px}.hero .narration{padding:12px}}
@media(prefers-reduced-motion:reduce){.hero-transition{animation:none!important}}
