
:root{color-scheme:dark;--bg:#080807;--panel:#14110f;--cream:#f1ebe2;--muted:#c5b8ae;--red:#c62d38;--line:#44312d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #fff;outline-offset:5px}img{max-width:100%;display:block}.container{width:min(1140px,calc(100% - 44px));margin:auto}.topbar{background:#080807f5;border-bottom:1px solid var(--line);position:relative;z-index:10}.top-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0}.logo{width:175px;height:68px;object-fit:contain}.topnav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.topnav a{font-size:12px;letter-spacing:.08em;font-weight:700}.topnav a:hover{color:#ef777a}.topnav .contact{border:1px solid #a44a47;padding:11px 16px}.hero{position:relative;min-height:620px;display:flex;align-items:end;isolation:isolate;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.72);z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080807eb 0%,#08080770 72%),linear-gradient(0deg,#080807,transparent 45%);z-index:-1}.hero-inner{padding:115px 0 75px}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:700;color:#ff777a;text-transform:uppercase}.hero h1{font:900 clamp(75px,12vw,170px)/.79 'Barlow Condensed',Impact,sans-serif;margin:25px 0;letter-spacing:-.025em;text-transform:uppercase;max-width:980px}.lead{font-size:clamp(19px,2.5vw,27px);max-width:780px;line-height:1.5;color:#f2e8df}.breadcrumb{font-size:12px;color:#e4d4c9;margin:0 0 32px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.section{padding:88px 0;border-top:1px solid #302522}.section.alt{background:#120f0d}.kicker{color:#e56e72;letter-spacing:.18em;font-weight:800;font-size:12px;text-transform:uppercase}.section h2{font:800 clamp(44px,6vw,76px)/.92 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:18px 0 26px;letter-spacing:-.012em}.prose{max-width:880px}.prose p{color:#d6cbc2;font-size:17px;line-height:1.9;margin:0 0 23px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.two-col p{color:#d6cbc2;line-height:1.9}.number{font:800 13px 'DM Sans',sans-serif;color:#e46d73;letter-spacing:.1em}.detail{border-top:1px solid #58423a;padding-top:28px}.detail h3{font:800 31px/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:10px 0 17px}.feature-list{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-list li{border:1px solid #47302b;background:#17110f;padding:16px 18px;color:#efe3dc}.feature-list li:before{content:'✦';color:#d8474d;margin-right:11px}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:25px}.project{border:1px solid #5a3936;padding:22px;display:flex;justify-content:space-between;gap:15px;align-items:center;background:#1a1210;font-weight:700}.project:hover{background:#321b1b}.project span{color:#e26a70}.faq{border-top:1px solid #58423a;padding:22px 0}.faq h3{font:800 26px 'Barlow Condensed',Impact,sans-serif;margin:0 0 10px}.faq p{margin:0;color:#d6cbc2}.cta{background:radial-gradient(ellipse at 70% 30%,#552223 0%,transparent 55%),#0d0b0a;text-align:center}.cta h2{font-size:clamp(58px,8vw,110px)}.cta p{max-width:660px;margin:0 auto 32px;color:#e6d8cf}.button{display:inline-block;background:#c62d38;color:#fff;padding:16px 25px;font-size:12px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.button:hover{background:#e34a54}.footer{border-top:1px solid #4a302c;padding:34px 0;color:#c5b6aa;font-size:12px}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px}.footer a{text-decoration:underline;text-underline-offset:3px}@media(max-width:750px){.container{width:calc(100% - 36px)}.top-inner{align-items:flex-start;flex-direction:column;gap:0}.logo{height:60px}.topnav{gap:15px;padding-bottom:15px}.topnav a{font-size:11px}.hero{min-height:540px}.hero-inner{padding:65px 0 55px}.hero h1{font-size:clamp(66px,14vw,105px)}.section{padding:60px 0}.two-col,.feature-list,.projects{grid-template-columns:1fr;gap:16px}.prose p{font-size:16px}.detail{padding-top:20px}}

/* V12 / Gallery: dal laboratorio alla scena */
.wip-story{background:#100d0c}
.wip-story .wip-lead{max-width:850px;color:#d8c9c0;font-size:17px;line-height:1.85;margin:0 0 36px}
.wip-story .story-label{font:800 12px 'DM Sans',sans-serif;letter-spacing:.18em;color:#ef8588;text-transform:uppercase}
.wip-story .story-heading{font:800 clamp(32px,4vw,50px)/1 'Barlow Condensed',Impact,sans-serif;margin:10px 0 15px;text-transform:uppercase}
.wip-story .story-intro{max-width:880px;color:#d7c8c0;margin:0 0 30px;line-height:1.8}
.wip-story .stage-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:20px 0 30px}
.wip-story .stage{margin:0;min-width:0;background:#1c1513;border:1px solid #46312e;overflow:hidden}
.wip-story .stage img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center}
.wip-story .stage figcaption{padding:15px 13px 19px;color:#d5c7c0;font-size:13px;line-height:1.55}
.wip-story .stage figcaption strong{display:block;color:#f3e8e2;font:800 19px/1.15 'Barlow Condensed',Impact,sans-serif;letter-spacing:.02em;margin:5px 0 8px;text-transform:uppercase}
.wip-story .stage figcaption .step{color:#e8737b;font-weight:800;letter-spacing:.12em;font-size:11px}
.wip-story .wip-subsection{border-top:1px solid #5b3836;padding-top:36px;margin-top:40px}
.wip-story .warehouse-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:24px}
.wip-story .warehouse-gallery figure{margin:0;background:#1c1513;border:1px solid #46312e;overflow:hidden}
.wip-story .warehouse-gallery img{width:100%;aspect-ratio:3/4;object-fit:cover}
.wip-story .warehouse-gallery figcaption{padding:13px;color:#d4c6bf;font-size:13px;line-height:1.55}
.wip-story .wip-note{font-size:13px;color:#a99a92;margin:24px 0 0}
@media(max-width:980px){.wip-story .stage-gallery,.wip-story .warehouse-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.wip-story .stage-gallery,.wip-story .warehouse-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wip-story .stage figcaption{padding:12px 10px}.wip-story .stage figcaption strong{font-size:18px}}


/* V14: una sola sequenza di cinque piccoli riquadri, risultato finale incluso */
.wip-story .stage-gallery {
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;
  max-width:1040px;margin:20px 0 0;
}
.wip-story .stage {display:flex;flex-direction:column;min-width:0;background:#1c1513;border:1px solid #46312e;}
.wip-story .stage img {width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;object-position:center;background:#0e0b0b;}
.wip-story .stage figcaption {flex:1;padding:11px 12px 14px;font-size:12px;line-height:1.45;}
.wip-story .stage figcaption strong {font-size:17px;line-height:1.1;margin:5px 0 7px;}
.wip-story .stage figcaption .step {font-size:10px;}
.wip-story .stage-description {display:block;}
.wip-story .wip-subsection {margin-top:48px;padding-top:43px;border-top:1px solid #5b3836;clear:both;}
@media(max-width:980px){
 .wip-story .stage-gallery {
   display:flex;gap:12px;max-width:100%;overflow-x:auto;overflow-y:hidden;
   scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 0 16px;
   scrollbar-color:#8d4444 #201715;
 }
 .wip-story .stage {flex:0 0 190px;scroll-snap-align:start;}
 .wip-story .stage img {aspect-ratio:1/1;}
}
@media(max-width:620px){.wip-story .stage-gallery{display:flex;gap:10px}.wip-story .stage{flex-basis:172px}.wip-story .stage figcaption{padding:10px}.wip-story .stage figcaption strong{font-size:17px}}
