

#huminta-wireframe-03 #huminta-wave-expanded{font-family:Inter,Arial,sans-serif;color:#f4f4f0}
#huminta-wireframe-03 #huminta-wave-expanded .dust-study{position:relative;overflow:hidden;background:linear-gradient(180deg,#292724 0%,#22211e 26%,#191917 65%,#121311 100%);margin-bottom:14px}
#huminta-wireframe-03 #huminta-wave-expanded .dust-label{position:absolute;top:26px;left:6.5%;font:500 12px Inter,Arial,sans-serif!important;letter-spacing:.13em!important;color:#f4f4f0;z-index:1}
#huminta-wireframe-03 #huminta-wave-expanded canvas{width:100%;height:auto;aspect-ratio:1.9;display:block}


#huminta-wireframe-03 #huminta-wave-expanded .dust-study{padding:60px 6.5%;box-sizing:border-box;isolation:isolate;container-type:inline-size}
#huminta-wireframe-03 #huminta-wave-expanded .dust-label{position:relative;inset:auto;margin-bottom:22px}
#huminta-wireframe-03 #huminta-wave-expanded h2{position:relative;z-index:2;color:#f4f4f0;font:500 clamp(28px,3.6cqw,52px)/1.12 Inter,Arial,sans-serif!important;letter-spacing:-.025em!important;margin:0}
#huminta-wireframe-03 #huminta-wave-expanded canvas{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-1}
#huminta-wireframe-03 #huminta-wave-expanded .steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;width:87%;margin-top:60px}
#huminta-wireframe-03 #huminta-wave-expanded .steps:before{content:"";position:absolute;left:30px;right:calc(25% - 11px);top:30px;height:3px;background:radial-gradient(circle,#e2ecebaa .7px,transparent 2px) 0 0/14px 3px;filter:blur(.65px)}
#huminta-wireframe-03 #huminta-wave-expanded .glass{position:relative;width:60px;height:60px;box-sizing:border-box;border-radius:50%;background:linear-gradient(145deg,#d8e5e519,transparent 35%,#cadada0d);border:1px solid #dce8e83a;box-shadow:inset 1px 1px 2px #e7eeee55,inset -1px -2px 5px #c4dddd24;backdrop-filter:blur(8px)}
#huminta-wireframe-03 #huminta-wave-expanded .glass i{position:absolute;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#eff5f3;box-shadow:0 0 16px 5px #e2efea33,0 0 36px 13px #cfdfdc12;animation:study-core 9s ease-in-out infinite alternate}
#huminta-wireframe-03 #huminta-wave-expanded article:nth-child(2) i{animation-delay:-4s;animation-duration:13s}#huminta-wireframe-03 #huminta-wave-expanded article:nth-child(3) i{animation-delay:-9s;animation-duration:11s}#huminta-wireframe-03 #huminta-wave-expanded article:nth-child(4) i{animation-delay:-2s;animation-duration:15s}
@keyframes study-core{to{opacity:.65}}
#huminta-wireframe-03 #huminta-wave-expanded h3{color:#f4f4f0;font:500 16px/1.3 Inter,Arial,sans-serif!important;margin:28px 0 10px;white-space:nowrap}
#huminta-wireframe-03 #huminta-wave-expanded p{font:400 15px/1.6 Inter,Arial,sans-serif!important;color:#c0c4c4;margin:0}
#huminta-wireframe-03 #huminta-wave-expanded .ecosystem-layout{min-height:470px}
#huminta-wireframe-03 #huminta-wave-expanded .ecosystem-layout h2{max-width:63%}
#huminta-wireframe-03 #huminta-wave-expanded .categories{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:105px;font-size:15px!important;line-height:1.4!important;color:#f4f4f0}
#huminta-wireframe-03 #huminta-wave-expanded .categories span{padding-left:12px;border-left:1px solid #f4f4f033;text-shadow:0 1px 9px #080b0c}
@media(max-width:650px){#huminta-wireframe-03 #huminta-wave-expanded .steps{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}#huminta-wireframe-03 #huminta-wave-expanded .steps:before{display:none}#huminta-wireframe-03 #huminta-wave-expanded .ecosystem-layout h2{max-width:100%}#huminta-wireframe-03 #huminta-wave-expanded .categories{grid-template-columns:1fr 1fr;margin-top:230px}#huminta-wireframe-03 #huminta-wave-expanded .dust-study{padding-top:40px;padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){#huminta-wireframe-03 #huminta-wave-expanded .glass i{animation:none}}


#huminta-wireframe-03 #huminta-wave-expanded .method-layout h2{max-width:63%}
#huminta-wireframe-03 #huminta-wave-expanded .steps{width:100%;margin-top:105px;gap:30px}
#huminta-wireframe-03 #huminta-wave-expanded .steps:before{display:none}
#huminta-wireframe-03 #huminta-wave-expanded .steps h3{margin:0 0 12px}
#huminta-wireframe-03 #huminta-wave-expanded .steps p{text-shadow:0 2px 10px #080b0c}
#huminta-wireframe-03 #huminta-project-expanded{display:block!important;padding:60px 6.5%!important;min-height:470px!important}
#huminta-wireframe-03 #huminta-project-expanded .project-copy{padding:0!important}
#huminta-wireframe-03 #huminta-project-expanded .project-label{color:#f4f4f0!important}
#huminta-wireframe-03 #huminta-project-expanded h2{max-width:63%;color:#f4f4f0!important;line-height:1.12!important}
#huminta-wireframe-03 #huminta-project-expanded p{max-width:43%;margin-top:75px!important;font-size:15px!important;line-height:1.6!important}
@media(max-width:650px){#huminta-wireframe-03 #huminta-wave-expanded .method-layout h2{max-width:100%}#huminta-wireframe-03 #huminta-project-expanded h2{max-width:100%}#huminta-wireframe-03 #huminta-project-expanded p{max-width:100%;margin-top:30px!important}#huminta-wireframe-03 #huminta-project-expanded{padding-bottom:290px!important}}
@media(max-width:380px){#huminta-wireframe-03 #huminta-wave-expanded .steps{grid-template-columns:1fr}}


#huminta-wireframe-03 #huminta-wave-expanded .dust-study{margin-bottom:0;box-shadow:0 -10px 26px #0004}
#huminta-wireframe-03 #huminta-wave-expanded .hw-kicker{font:500 12px Inter,Arial,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase;margin-bottom:22px;color:#f4f4f0}
#huminta-wireframe-03 #huminta-wave-expanded .hw-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:64px}
#huminta-wireframe-03 #huminta-wave-expanded .hw-cell{position:relative;min-width:0;padding:24px;background:linear-gradient(145deg,#191c1c,#171a1a 50%,#151818);border-radius:16px;box-sizing:border-box;box-shadow:0 22px 60px #0002}
#huminta-wireframe-03 #huminta-wave-expanded .hw-role .hw-cell{aspect-ratio:1.12;min-height:245px}
#huminta-wireframe-03 #huminta-wave-expanded .hw-role-icon,#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-icon{width:28px;height:28px;color:#f4f4f0;margin-bottom:40px}
#huminta-wireframe-03 #huminta-wave-expanded .hw-cell svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
#huminta-wireframe-03 #huminta-wave-expanded .hw-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}
#huminta-wireframe-03 #huminta-wave-expanded .hw-num{font:500 12px Inter,Arial,sans-serif!important;color:#f4f4f0}
#huminta-wireframe-03 #huminta-wave-expanded .hw-card-separator{width:1px;height:20px;background:#f4f4f066}
#huminta-wireframe-03 #huminta-wave-expanded .hw-cell h3{font:500 20px/1.25 Inter,Arial,sans-serif!important;margin:0;white-space:normal;color:#f4f4f0}
#huminta-wireframe-03 #huminta-wave-expanded .hw-cell p{font:400 15px/1.6 Inter,Arial,sans-serif!important;margin:0;color:#bfc3c3}
#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.65fr);gap:18px;margin-top:64px}
#huminta-wireframe-03 #huminta-wave-expanded .hw-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutors .hw-cell{min-height:275px;padding:22px}
#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutors .hw-cell h3{margin:14px 0 18px}
#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-visual{min-height:275px;border-radius:16px;background-size:cover;background-position:center}
#huminta-wireframe-03 #huminta-project-expanded{box-shadow:0 -10px 26px #0004}
@media(max-width:850px){#huminta-wireframe-03 #huminta-wave-expanded .hw-four{grid-template-columns:repeat(2,minmax(0,1fr))}#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-layout{grid-template-columns:1fr}#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-visual{min-height:330px;background-position:center 36%}}
@media(max-width:500px){#huminta-wireframe-03 #huminta-wave-expanded .hw-four,#huminta-wireframe-03 #huminta-wave-expanded .hw-three{grid-template-columns:1fr}#huminta-wireframe-03 #huminta-wave-expanded .hw-role .hw-cell{aspect-ratio:auto;min-height:240px}}


#huminta-wireframe-03 #huminta-wave-expanded .hw-cell{padding:clamp(16px,2cqw,28px);background:linear-gradient(145deg,#24231f,#1e1e1b 55%,#191a17)}
#huminta-wireframe-03 #huminta-wave-expanded .hw-role .hw-cell{min-height:0;aspect-ratio:1.12}
#huminta-wireframe-03 #huminta-wave-expanded .hw-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#huminta-wireframe-03 #huminta-wave-expanded .hw-cell h3{font-size:clamp(15px,1.65cqw,20px)!important}
#huminta-wireframe-03 #huminta-wave-expanded .hw-cell p{font-size:14px!important;line-height:1.55!important}
#huminta-wireframe-03 #huminta-wave-expanded .hw-card-heading{gap:9px;margin-bottom:16px}
#huminta-wireframe-03 #huminta-wave-expanded .hw-role-icon,#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-icon{margin-bottom:28px}
#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutors .hw-cell{min-height:0;padding:clamp(15px,1.7cqw,24px)}
#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-visual{min-height:0;background-position:center;background-size:cover}
#huminta-wireframe-03 #huminta-wave-expanded .hw-three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){#huminta-wireframe-03 #huminta-wave-expanded .hw-four{grid-template-columns:repeat(2,minmax(0,1fr))}#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-layout{grid-template-columns:1fr}#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-visual{min-height:260px}#huminta-wireframe-03 #huminta-wave-expanded .hw-role .hw-cell{aspect-ratio:auto;min-height:210px}}
@media(max-width:430px){#huminta-wireframe-03 #huminta-wave-expanded .hw-four,#huminta-wireframe-03 #huminta-wave-expanded .hw-three{grid-template-columns:1fr}}


/* Un'unica superficie antracite continua per tutte le sezioni. */
#huminta-wireframe-03 #huminta-wave-expanded,
#huminta-wireframe-03 #huminta-wave-expanded .dust-study,
#huminta-wireframe-03 #huminta-project-expanded{background:#101110!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin-top:0!important;margin-bottom:0!important}


#huminta-wireframe-03 #huminta-wave-expanded .method-layout canvas{position:relative;inset:auto;width:115%;max-width:none;height:clamp(250px,32cqw,420px);margin:20px -7.5% 0;z-index:0;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent)}
#huminta-wireframe-03 #huminta-wave-expanded .method-layout .steps{margin-top:20px}
@media(max-width:650px){#huminta-wireframe-03 #huminta-wave-expanded .method-layout canvas{height:250px}#huminta-wireframe-03 #huminta-wave-expanded .method-layout .steps{margin-top:20px}}


#huminta-wireframe-03 #huminta-wave-expanded .method-layout .steps{margin-top:calc(-1 * clamp(65px,8cqw,100px));position:relative;z-index:2}
#huminta-wireframe-03 #huminta-wave-expanded .method-layout .steps h3,
#huminta-wireframe-03 #huminta-wave-expanded .method-layout .steps p{text-shadow:0 2px 14px #101110,0 0 6px #101110}
@media(max-width:650px){#huminta-wireframe-03 #huminta-wave-expanded .method-layout .steps{margin-top:-60px}}


#huminta-wireframe-03 #huminta-wave-expanded .method-layout canvas{transform:translateY(-24px)}



#huminta-wireframe-03 #huminta-project-expanded{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;background:linear-gradient(180deg,#292724 0%,#22211e 26%,#191917 65%,#121311 100%);color:#f4f4f0;font-family:Inter,Arial,sans-serif;padding:6.5%;box-sizing:border-box;min-height:410px;display:grid;grid-template-columns:47% 53%;align-items:center}
#huminta-wireframe-03 #huminta-project-expanded .project-copy{position:relative;z-index:2;padding:20px 0;pointer-events:none}
#huminta-wireframe-03 #huminta-project-expanded .project-label{font-size:12px!important;font-weight:500!important;letter-spacing:.13em!important;color:#b5babb;margin-bottom:22px;text-transform:uppercase}
#huminta-wireframe-03 #huminta-project-expanded h2{font:500 clamp(28px,3.6cqw,52px)/1.1 Inter,Arial,sans-serif!important;letter-spacing:-.025em!important;margin:0 0 24px}
#huminta-wireframe-03 #huminta-project-expanded p{font-size:16px!important;line-height:1.65!important;color:#bfc3c3;max-width:470px;margin:0}
#huminta-wireframe-03 #huminta-project-expanded canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media(max-width:600px){#huminta-wireframe-03 #huminta-project-expanded{display:block;padding:8%;padding-bottom:290px}#huminta-wireframe-03 #huminta-project-expanded .project-copy{max-width:100%}}

#huminta-wireframe-03 #huminta-wave-expanded .hw-cell{border:0;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}
#huminta-wireframe-03 #huminta-wave-expanded .hw-cell:before{content:none;animation:none}
#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-visual:before,#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-visual:after{content:none}
#huminta-wireframe-03 #huminta-wave-expanded{position:relative;z-index:3;background:#101110}
#huminta-wireframe-03 #huminta-project-expanded{position:relative;z-index:3}

#huminta-wireframe-03 #huminta-wave-expanded .hw-num{margin:0;opacity:1}
#huminta-wireframe-03 #huminta-wave-expanded .hw-four,#huminta-wireframe-03 #huminta-wave-expanded .hw-three{border:0}
#huminta-wireframe-03 #huminta-wave-expanded .hw-three{margin:0}

/* Margini e gerarchia condivisi della homepage. */
#huminta-wireframe-03#huminta-wireframe-03{--page-gutter:clamp(30px,9vw,160px)}
#huminta-wireframe-03 #huminta-wave-expanded .dust-study,
#huminta-wireframe-03 #huminta-project-expanded{padding-left:var(--page-gutter)!important;padding-right:var(--page-gutter)!important}
#huminta-wireframe-03 #huminta-wave-expanded .dust-study h2,
#huminta-wireframe-03 #huminta-project-expanded h2{font-size:clamp(38px,4vw,60px)!important;line-height:1.1!important;max-width:65%;text-align:left;margin-left:0}
#huminta-wireframe-03 .hw-vision h2,#huminta-wireframe-03 .hw-contact h2{font-size:clamp(38px,4vw,60px)!important;line-height:1.1!important;text-align:left}
#huminta-wireframe-03 #huminta-wave-expanded .ecosystem-layout,
#huminta-wireframe-03 #huminta-project-expanded{min-height:620px!important;padding-top:90px!important;padding-bottom:100px!important}
#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutors .hw-kicker{color:#f4f4f0!important;opacity:1!important}
@media(max-width:1000px){#huminta-wireframe-03 #huminta-wave-expanded .hw-four{grid-template-columns:repeat(2,minmax(0,1fr))}#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-layout{grid-template-columns:1fr}#huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-visual{min-height:300px}}
@media(max-width:650px){#huminta-wireframe-03 #huminta-wave-expanded .dust-study h2,#huminta-wireframe-03 #huminta-project-expanded h2{max-width:100%;font-size:34px!important}#huminta-wireframe-03 #huminta-wave-expanded .ecosystem-layout{min-height:590px!important;padding-top:65px!important;padding-bottom:70px!important}#huminta-wireframe-03 #huminta-project-expanded{min-height:590px!important;padding-top:65px!important;padding-bottom:290px!important}}
@media(max-width:430px){#huminta-wireframe-03 #huminta-wave-expanded .hw-four{grid-template-columns:1fr}}

/* Ritocchi Ruolo, Metodo e nube del progetto. */
#huminta-wireframe-03 #huminta-wave-expanded .hw-role .hw-kicker{color:#f4f4f0!important;opacity:1!important}
#huminta-wireframe-03 #huminta-wave-expanded .method-layout{padding-top:110px!important}

/* Titolo iniziale più compatto e ritmo verticale comune. */
#huminta-wireframe-03 .hw-hero h1{font-size:clamp(44px,4.4vw,70px)!important}
#huminta-wireframe-03#huminta-wireframe-03 .hw-section:not(.hw-hero),
#huminta-wireframe-03 #huminta-wave-expanded .dust-study,
#huminta-wireframe-03 #huminta-project-expanded{padding-top:110px!important;padding-bottom:60px!important}
@media(max-width:760px){#huminta-wireframe-03 .hw-hero h1{font-size:clamp(36px,10vw,44px)!important}}
@media(max-width:650px){
#huminta-wireframe-03#huminta-wireframe-03 .hw-section:not(.hw-hero),
#huminta-wireframe-03 #huminta-wave-expanded .dust-study,
#huminta-wireframe-03 #huminta-project-expanded{padding-top:80px!important;padding-bottom:40px!important}
#huminta-wireframe-03 #huminta-project-expanded{padding-bottom:290px!important}
}

/* Hero: stessa scala dei titoli, tre righe editoriali senza colonne strette. */
#huminta-wireframe-03 .hw-hero{grid-template-columns:1fr}
#huminta-wireframe-03 .hw-hero-copy{padding-right:var(--page-gutter)}
#huminta-wireframe-03 .hw-hero h1{font-size:clamp(38px,4vw,60px)!important;line-height:1.1!important;max-width:none;width:max-content;letter-spacing:-.025em!important}
#huminta-wireframe-03 .hw-hero h1 span{display:block;white-space:nowrap}
#huminta-wireframe-03 #huminta-wave-expanded .steps article{border-left:1px solid #f4f4f033;padding-left:12px;min-width:0}
#huminta-wireframe-03 #huminta-project-expanded{overflow:visible}
#huminta-wireframe-03 #huminta-project-expanded canvas{top:-180px;bottom:auto;height:calc(100% + 180px)}
@media(max-width:650px){
#huminta-wireframe-03 .hw-hero h1{font-size:34px!important;width:auto}
#huminta-wireframe-03 .hw-hero h1 span{white-space:normal}
#huminta-wireframe-03 #huminta-project-expanded canvas{top:0;height:100%}
}

#huminta-wireframe-03 .hw-hero .hw-visual{display:none}

/* Hero ingrandito, Visione centrata e spazio finale del Progetto. */
#huminta-wireframe-03 .hw-hero h1{font-size:clamp(52px,5.2vw,82px)!important}
#huminta-wireframe-03#huminta-wireframe-03 .hw-vision{min-height:620px;box-sizing:border-box;display:flex;align-items:center;padding-top:110px!important;padding-bottom:110px!important}
#huminta-wireframe-03 .hw-vision .hw-split{width:100%;align-items:center}
#huminta-wireframe-03 .hw-vision .hw-split>div>:last-child{margin-bottom:0}
#huminta-wireframe-03 #huminta-project-expanded{min-height:700px!important;padding-bottom:140px!important}
#huminta-wireframe-03 #huminta-project-expanded canvas{height:calc(100% + 100px)}
@media(max-width:650px){
#huminta-wireframe-03 .hw-hero h1{font-size:clamp(34px,7vw,44px)!important}
#huminta-wireframe-03#huminta-wireframe-03 .hw-vision{min-height:0;padding-top:80px!important;padding-bottom:80px!important}
#huminta-wireframe-03 #huminta-project-expanded{min-height:630px!important;padding-bottom:330px!important}
#huminta-wireframe-03 #huminta-project-expanded canvas{height:calc(100% - 40px)}
}

/* Centramento misurato sui blocchi, senza margini tipografici esterni. */
#huminta-wireframe-03#huminta-wireframe-03 .hw-vision .hw-split{align-items:center;margin:0}
#huminta-wireframe-03#huminta-wireframe-03 .hw-vision .hw-split>div{align-self:center;display:flex;flex-direction:column;justify-content:center;margin:0}
#huminta-wireframe-03#huminta-wireframe-03 .hw-vision h2{margin-top:0!important;margin-bottom:0!important}
#huminta-wireframe-03#huminta-wireframe-03 .hw-vision .hw-split>div>:first-child{margin-top:0!important}
#huminta-wireframe-03#huminta-wireframe-03 .hw-vision .hw-split>div>:last-child{margin-bottom:0!important}
#huminta-wireframe-03 #huminta-project-expanded{min-height:670px!important;padding-bottom:110px!important}
#huminta-wireframe-03 #huminta-project-expanded canvas{height:calc(100% + 130px)}
@media(max-width:650px){
#huminta-wireframe-03 #huminta-project-expanded{min-height:610px!important;padding-bottom:310px!important}
#huminta-wireframe-03 #huminta-project-expanded canvas{height:calc(100% - 20px)}
}

/* Visione: prevale sulla regola generale .hw-section:not(.hw-hero). */
#huminta-wireframe-03#huminta-wireframe-03 section.hw-section.hw-vision{padding-top:110px!important;padding-bottom:110px!important}
@media(max-width:650px){#huminta-wireframe-03#huminta-wireframe-03 section.hw-section.hw-vision{padding-top:80px!important;padding-bottom:80px!important}}

/* Ingresso iniziale della Hero: durata complessiva 2,5 secondi. */
@keyframes huminta-hero-enter{
 from{opacity:0;transform:translate3d(0,40px,0)}
 to{opacity:1;transform:translate3d(0,0,0)}
}
@media(prefers-reduced-motion:no-preference){
 #huminta-wireframe-03 .hw-hero-copy>.hw-kicker,
 #huminta-wireframe-03 .hw-hero-copy>h1>span{animation:huminta-hero-enter 1.5s cubic-bezier(.22,1,.36,1) both}
 #huminta-wireframe-03 .hw-hero-copy>.hw-kicker{animation-delay:0s}
 #huminta-wireframe-03 .hw-hero-copy>h1>span:nth-child(1){animation-delay:.25s}
 #huminta-wireframe-03 .hw-hero-copy>h1>span:nth-child(2){animation-delay:.5s}
 #huminta-wireframe-03 .hw-hero-copy>h1>span:nth-child(3){animation-delay:.75s}
 /* La didascalia compare una sola volta, gestita da huminta-intro.js. */
}

/* Approved coordinated icons: same optical stroke in 32-unit grid. */
#huminta-wireframe-03#huminta-wireframe-03 svg[data-huminta-icon]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:none;box-shadow:none}

/* Equal rendered line weight; contact icons retain a wider, uncompressed box. */
#huminta-wireframe-03#huminta-wireframe-03 .hw-contact-icon{display:block;flex:none;width:36px;height:32px}
#huminta-wireframe-03#huminta-wireframe-03 .hw-contact-icon svg{display:block;overflow:visible}
#huminta-wireframe-03#huminta-wireframe-03 svg[data-huminta-icon] :is(path,circle,rect),
#huminta-wireframe-03#huminta-wireframe-03 .hw-contact-icon svg :is(path,circle,rect){vector-effect:non-scaling-stroke;stroke-width:1.575px}

/* Final optical sizing: keep circles round and give wide symbols proper room. */
#huminta-wireframe-03#huminta-wireframe-03 .hw-role-icon,
#huminta-wireframe-03#huminta-wireframe-03 .hw-interlocutor-icon{width:32px;height:32px;flex:none}
#huminta-wireframe-03#huminta-wireframe-03 .hw-interlocutor-icon:has([data-huminta-icon="factory"]){width:36px}
#huminta-wireframe-03#huminta-wireframe-03 .hw-contact-icon{width:36px;height:36px;flex:none}
#huminta-wireframe-03#huminta-wireframe-03 .hw-contact-icon:has([data-huminta-icon="gears"]){width:44px;height:40px;margin-bottom:22px}
#huminta-wireframe-03#huminta-wireframe-03 .hw-contact-icon:has([data-huminta-icon="people"]){width:44px;height:36px}
#huminta-wireframe-03#huminta-wireframe-03 :is(.hw-role-icon,.hw-interlocutor-icon,.hw-contact-icon) svg :is(path,circle,rect){vector-effect:non-scaling-stroke;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}
/* Stationary logo and compact floating menu with adjacent access button. */
#huminta-wireframe-03#huminta-wireframe-03{position:relative;padding-top:100px}
#huminta-wireframe-03#huminta-wireframe-03 .hw-nav{position:fixed;z-index:1000;top:16px;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);height:76px;box-sizing:border-box;padding:0;display:flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#f4f4f0;pointer-events:none}
#huminta-wireframe-03#huminta-wireframe-03 .hw-nav>*{pointer-events:auto}
#huminta-wireframe-03#huminta-wireframe-03 .hw-static-logo{position:absolute;top:21px;left:clamp(20px,4vw,64px);z-index:10;background:none;border:0;box-shadow:none}
#huminta-wireframe-03#huminta-wireframe-03 .hw-nav :is(.hw-links,.hw-access){height:46px;box-sizing:border-box;border:1px solid transparent!important;border-radius:12px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:background .45s ease,border-color .45s ease,box-shadow .45s ease}
#huminta-wireframe-03#huminta-wireframe-03 .hw-links{width:max-content;justify-self:center;gap:clamp(14px,2vw,32px);padding:0 20px}
#huminta-wireframe-03#huminta-wireframe-03 .hw-access{width:auto;justify-content:center;padding:0 12px;white-space:nowrap}
#huminta-wireframe-03#huminta-wireframe-03 section{scroll-margin-top:110px}
#huminta-wireframe-03#huminta-wireframe-03 .hw-nav.is-scrolled :is(.hw-links,.hw-access){background:rgba(160,164,164,.065);border-color:rgba(255,255,255,.065)!important;-webkit-backdrop-filter:blur(16px) saturate(.85);backdrop-filter:blur(16px) saturate(.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#huminta-wireframe-03#huminta-wireframe-03 .hw-nav.is-scrolled :is(.hw-links,.hw-access){background:rgba(24,27,29,.78)}}
@media(prefers-reduced-motion:reduce){#huminta-wireframe-03#huminta-wireframe-03 .hw-nav :is(.hw-links,.hw-access){transition:none}}
@media(max-width:1000px){#huminta-wireframe-03#huminta-wireframe-03 .hw-nav{justify-content:flex-end;gap:10px}#huminta-wireframe-03#huminta-wireframe-03 .hw-links{gap:12px;padding:0 12px}}
@media(max-width:760px){#huminta-wireframe-03#huminta-wireframe-03{padding-top:84px}#huminta-wireframe-03#huminta-wireframe-03 .hw-nav{top:10px;left:16px;right:16px;height:64px;display:flex;justify-content:flex-end;padding:0}#huminta-wireframe-03#huminta-wireframe-03 .hw-access{width:auto;min-width:88px;height:44px}#huminta-wireframe-03#huminta-wireframe-03 .hw-static-logo{top:14px;left:16px}#huminta-wireframe-03#huminta-wireframe-03 section{scroll-margin-top:90px}}
/* Contrast follows the actual light section beneath the lettering, not the glass. */
#huminta-wireframe-03#huminta-wireframe-03 .hw-nav :is(.hw-links a,.hw-access){color:#f4f4f0!important;transition:color .18s ease,opacity .18s ease}
#huminta-wireframe-03#huminta-wireframe-03 .hw-nav :is(.hw-links a,.hw-access).over-light{color:#252827!important}
#huminta-wireframe-03#huminta-wireframe-03 .hw-nav .hw-access svg{stroke:currentColor!important}
@media(prefers-reduced-motion:reduce){#huminta-wireframe-03#huminta-wireframe-03 .hw-nav :is(.hw-links a,.hw-access){transition:none}}

#huminta-wireframe-03 #huminta-wave-expanded canvas,#huminta-wireframe-03 #huminta-project-expanded canvas{filter:none}

#huminta-wireframe-03 #huminta-project-expanded canvas{top:0;height:calc(100% - 20px)}

#huminta-wireframe-03#huminta-wireframe-03 .hw-nav .hw-home-glass{position:absolute;display:grid;place-items:center;left:var(--home-glass-left,0px);width:46px;height:46px;box-sizing:border-box;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(160,164,164,.065);-webkit-backdrop-filter:blur(16px) saturate(.85);backdrop-filter:blur(16px) saturate(.85);color:#f4f4f0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .8s ease,transform .8s ease,visibility .8s,color .18s ease}
#huminta-wireframe-03#huminta-wireframe-03 .hw-nav .hw-home-glass.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
#huminta-wireframe-03#huminta-wireframe-03 .hw-home-glass svg{display:block;width:20.7px;height:20.7px}
#huminta-wireframe-03#huminta-wireframe-03 .hw-nav .hw-home-glass.over-light{color:#252827}
@media(prefers-reduced-motion:reduce){#huminta-wireframe-03#huminta-wireframe-03 .hw-nav .hw-home-glass{transition:none}}

#huminta-wireframe-03#huminta-wireframe-03 .hw-home-glass img{width:20.7px!important;height:auto!important;max-width:none;display:block;object-fit:contain;aspect-ratio:522.3116 / 525.85534}#huminta-wireframe-03#huminta-wireframe-03 .hw-home-glass.over-light img{filter:brightness(0)}

/* Grandi schermi: densità editoriale e proporzioni coerenti con il desktop. */
@media(min-width:1800px){
  #huminta-wireframe-03#huminta-wireframe-03{--page-gutter:clamp(190px,11vw,300px)}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-section:not(.hw-hero),
  #huminta-wireframe-03 #huminta-wave-expanded .dust-study,
  #huminta-wireframe-03 #huminta-project-expanded{padding-top:205px!important;padding-bottom:175px!important}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-hero h1{font-size:clamp(98px,4.3vw,110px)!important;line-height:1.055!important}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-hero-copy p{font-size:25px!important;line-height:1.6!important;max-width:850px}
  #huminta-wireframe-03 #huminta-wave-expanded .dust-study h2,
  #huminta-wireframe-03 #huminta-project-expanded h2,
  #huminta-wireframe-03#huminta-wireframe-03 .hw-vision h2,
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact h2{font-size:clamp(82px,3.45vw,88px)!important}
  #huminta-wireframe-03 #huminta-wave-expanded .dust-study h2,
  #huminta-wireframe-03 #huminta-project-expanded h2{max-width:72%}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-vision .hw-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(76px,4vw,104px)}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-vision h2{max-width:none!important}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-vision{min-height:860px}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-vision .hw-split>div:nth-child(2){align-items:center}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-vision p{width:min(100%,800px);font-size:21px!important;line-height:1.64!important;max-width:none}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-vision .hw-quote{width:min(100%,800px);font-size:30px;line-height:1.42;max-width:none}
  #huminta-wireframe-03 #huminta-wave-expanded .hw-kicker,
  #huminta-wireframe-03 #huminta-wave-expanded .dust-label{font-size:15px!important}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-hero-copy .hw-kicker,
  #huminta-wireframe-03#huminta-wireframe-03 .hw-vision .hw-kicker,
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact .hw-kicker{font-size:15px!important}
  #huminta-wireframe-03 #huminta-wave-expanded .hw-cell p,
  #huminta-wireframe-03 #huminta-wave-expanded .steps p{font-size:20px!important;line-height:1.66!important}
  #huminta-wireframe-03 #huminta-wave-expanded .hw-cell h3,
  #huminta-wireframe-03 #huminta-wave-expanded .steps h3{font-size:24px!important}
  #huminta-wireframe-03 #huminta-wave-expanded .hw-num{font-size:15px!important}
  #huminta-wireframe-03 #huminta-wave-expanded .categories{font-size:20px!important}
  #huminta-wireframe-03 #huminta-project-expanded p{font-size:21px!important;line-height:1.7!important;max-width:620px}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact-section{min-height:820px}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact{grid-template-columns:minmax(650px,.95fr) minmax(0,2fr);gap:clamp(76px,4vw,104px)}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact>div:first-child{min-width:0}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact h2{max-width:650px;overflow-wrap:normal}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact-list{grid-template-columns:repeat(3,minmax(210px,1fr)) auto;min-width:0}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact-topic{min-width:0;padding-left:28px;padding-right:28px}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact-topic strong{font-size:23px}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact-topic>span:last-child{font-size:19px;line-height:1.6}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-links,
  #huminta-wireframe-03#huminta-wireframe-03 .hw-access{font-size:15px!important}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact-item{font-size:16px!important}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-footer{font-size:14px}
  #huminta-wireframe-03 #huminta-wave-expanded .hw-role-icon,
  #huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-icon{width:38px;height:38px}
  #huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-icon:has([data-huminta-icon="factory"]){width:42px}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact-icon{width:42px;height:42px}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact-icon:has([data-huminta-icon="gears"]){width:50px;height:46px}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact-icon:has([data-huminta-icon="people"]){width:50px;height:42px}
  #huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutors .hw-cell,
  #huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-visual{min-height:clamp(360px,15.625vw,400px)}
  #huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-visual{background-position:center 38%}
  #huminta-wireframe-03 #huminta-wave-expanded .hw-interlocutor-icon{margin-bottom:64px}
  #huminta-wireframe-03 #huminta-wave-expanded .method-layout canvas{width:125%;height:520px;margin-left:-12.5%;margin-right:-12.5%;transform:translateY(-18px) scale(1.05)}
  #huminta-wireframe-03 #huminta-wave-expanded .ecosystem-layout{min-height:1000px!important}
  #huminta-wireframe-03 #huminta-wave-expanded .ecosystem-layout canvas{transform:scale(1.1)}
  #huminta-wireframe-03 #huminta-project-expanded{min-height:920px!important}
  #huminta-wireframe-03 #huminta-project-expanded canvas{transform:scale(1.1)}
}

/* Mantiene i contatti ordinati anche nella fascia iniziale dei monitor ampi. */
@media(min-width:1800px) and (max-width:2199px){
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact{grid-template-columns:1fr}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  #huminta-wireframe-03#huminta-wireframe-03 .hw-contact-item{grid-column:1/-1;justify-self:start;margin:36px 0 0}
}
