.mb-special-project{color:#182633;background:#f6f5ef}
.mb-special-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(2.5rem,6vw,7rem);padding:clamp(3.5rem,8vw,8rem) max(4vw,calc((100vw - 1240px)/2));background:linear-gradient(135deg,var(--special-deep),color-mix(in srgb,var(--special-deep) 78%,var(--special-accent)));color:#fff;overflow:hidden}
.mb-special-copy{align-self:center}
.mb-special-eyebrow,.mb-special-kicker{margin:0 0 1rem;color:var(--special-accent);font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.mb-special-copy h1{max-width:16ch;margin:0;font-size:clamp(3rem,6vw,6.3rem);line-height:.93;letter-spacing:-.055em}
.mb-special-lead{max-width:68ch;margin:1.5rem 0 0;color:#d5e0e7;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.65}
.mb-special-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.mb-special-actions .button{border-color:rgba(255,255,255,.52);color:#fff}
.mb-special-actions .button.primary{background:var(--special-accent);border-color:var(--special-accent);color:#fff}
.mb-special-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:2.4rem 0 0;background:rgba(255,255,255,.18)}
.mb-special-facts div{padding:1rem;background:rgba(7,18,28,.72)}
.mb-special-facts dt{color:#aebfca;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.mb-special-facts dd{margin:.35rem 0 0;color:#fff;font-weight:850}
.mb-special-logo-panel{position:relative;display:grid;place-items:center;min-height:490px;padding:2.3rem;border:1px solid rgba(255,255,255,.22);background:rgba(5,15,24,.42)}
.mb-special-logo-panel::before{content:"";position:absolute;inset:24px;border:1px solid color-mix(in srgb,var(--special-accent) 52%,transparent)}
.mb-special-logo-panel img{position:relative;z-index:1;display:block;width:min(92%,520px);height:350px;object-fit:contain}
.mb-special-logo-panel p{position:absolute;right:1.5rem;bottom:1rem;margin:0;color:#9fb1bc;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}
.mb-special-status{position:absolute;z-index:2;top:1.2rem;left:1.2rem;padding:.55rem .75rem;background:var(--special-accent);color:#fff;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.mb-special-project.is-ignivia .mb-special-logo-panel{background:#fff}
.mb-special-project.is-ignivia .mb-special-logo-panel::before{border-color:rgba(214,80,50,.28)}
.mb-special-project.is-ignivia .mb-special-logo-panel img{height:390px}
.mb-special-project.is-ignivia .mb-special-logo-panel p{color:#5e6b73}
.mb-special-nav{display:flex;overflow:auto;background:#0d1d2a}
.mb-special-nav a{flex:1;min-width:160px;padding:1rem;text-align:center;color:#d9e4ea;text-decoration:none;border-right:1px solid #263b49;font-weight:850}
.mb-special-section{padding:clamp(4rem,8vw,8rem) max(4vw,calc((100vw - 1240px)/2))}
.mb-special-purpose{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2.5rem,6vw,7rem)}
.mb-special-purpose h2,.mb-special-heading h2,.mb-special-limits h2,.mb-special-final h2{margin:.4rem 0;font-size:clamp(2.5rem,5vw,5.2rem);line-height:.97;letter-spacing:-.045em}
.mb-special-prose p{margin:0 0 1.25rem;color:#566771;font-size:1.08rem;line-height:1.72}
.mb-special-section.is-soft{background:#ecefeecf}
.mb-special-heading{max-width:900px;margin-bottom:2.5rem}
.mb-special-function-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c7d0d2;border-left:1px solid #c7d0d2}
.mb-special-function-grid article{min-height:250px;padding:1.5rem;border-right:1px solid #c7d0d2;border-bottom:1px solid #c7d0d2;background:#fff}
.mb-special-function-grid span{color:var(--special-accent);font-weight:900}
.mb-special-function-grid h3{margin:3.4rem 0 .85rem;font-size:1.35rem}
.mb-special-function-grid p{margin:0;color:#61717a;line-height:1.6}
.mb-special-section.is-dark{background:#0d1d2a;color:#fff}
.mb-special-section.is-dark .mb-special-kicker{color:color-mix(in srgb,var(--special-accent) 72%,#fff)}
.mb-special-flow{display:grid;grid-template-columns:repeat(5,1fr);margin:2.5rem 0 0;padding:0;border-top:1px solid #304553;border-left:1px solid #304553;list-style:none}
.mb-special-flow li{min-height:245px;padding:1.35rem;border-right:1px solid #304553;border-bottom:1px solid #304553}
.mb-special-flow>li>span{color:var(--special-accent);font-weight:900}
.mb-special-flow h3{margin:3rem 0 .75rem}
.mb-special-flow p{margin:0;color:#b7c7cf;line-height:1.55}
.mb-special-limits{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2.5rem,6vw,7rem)}
.mb-special-limits ul{display:grid;gap:1px;margin:0;padding:0;background:#c8d0d1;list-style:none}
.mb-special-limits li{padding:1.3rem 1.4rem;background:#fff;line-height:1.55}
.mb-special-limits li::before{content:"—";margin-right:.7rem;color:var(--special-accent);font-weight:900}
.mb-special-final{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(2.8rem,6vw,5rem) max(4vw,calc((100vw - 1240px)/2));background:var(--special-accent);color:#fff}
.mb-special-final .mb-special-kicker{color:#fff}
.mb-special-final h2{max-width:17ch;font-size:clamp(2rem,4vw,4rem)}
.mb-special-final .mb-special-actions{justify-content:flex-end;margin:0}
.mb-special-final .button{border-color:#fff}
.mb-special-final .button.primary{background:#fff;color:var(--special-deep)}

/* Correzione definitiva della scheda IGNIVIA:
   il nuovo SVG contiene già margini reali e non deve essere ingrandito oltre il pannello. */
.project-card--ignivia .project-card-visual,
.project-detail-page--ignivia .project-detail-visual,
.home-v3-project-card--ignivia .home-v3-project-visual{
  background:linear-gradient(135deg,#f5efeb 0%,#f8f6f1 60%,#f1ede7 100%)!important;
}
.project-card--ignivia .project-brand--wide{
  width:min(82%,330px)!important;
  height:286px!important;
  padding:.8rem!important;
  border:1px solid rgba(31,58,93,.16)!important;
  background:#fff!important;
  box-shadow:0 20px 42px rgba(31,42,61,.11)!important;
  overflow:visible!important;
}
.project-detail-page--ignivia .project-detail-visual .project-brand--wide{
  width:min(82%,500px)!important;
  height:420px!important;
  padding:1rem!important;
  border:1px solid rgba(31,58,93,.16)!important;
  background:#fff!important;
  overflow:visible!important;
}
.home-v3-project-card--ignivia .home-v3-project-brand--wide{
  width:min(82%,326px)!important;
  height:280px!important;
  padding:.75rem!important;
  border:1px solid rgba(31,58,93,.16)!important;
  background:#fff!important;
  box-shadow:0 20px 42px rgba(31,42,61,.11)!important;
  overflow:visible!important;
}
.project-card--ignivia .project-brand img,
.project-detail-page--ignivia .project-brand img,
.home-v3-project-card--ignivia .home-v3-project-brand img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
.project-card--ignivia .project-card-number,
.home-v3-project-card--ignivia .home-v3-project-number{color:#b64e36!important}

@media(max-width:1000px){
  .mb-special-hero,.mb-special-purpose,.mb-special-limits{grid-template-columns:1fr}
  .mb-special-logo-panel{min-height:400px}
  .mb-special-function-grid{grid-template-columns:repeat(2,1fr)}
  .mb-special-flow{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .mb-special-hero,.mb-special-section{padding-inline:1rem}
  .mb-special-copy h1{font-size:clamp(2.7rem,12vw,4.5rem)}
  .mb-special-facts{grid-template-columns:1fr}
  .mb-special-logo-panel{min-height:330px;padding:1.2rem}
  .mb-special-logo-panel img{height:250px}
  .mb-special-project.is-ignivia .mb-special-logo-panel img{height:275px}
  .mb-special-function-grid,.mb-special-flow{grid-template-columns:1fr}
  .mb-special-function-grid article,.mb-special-flow li{min-height:auto}
  .mb-special-final{display:grid;padding-inline:1rem}
  .mb-special-final .mb-special-actions{justify-content:flex-start}
  .project-card--ignivia .project-card-visual{min-height:360px!important}
  .project-card--ignivia .project-brand--wide{
    width:min(88%,300px)!important;
    height:276px!important;
  }
  .home-v3-project-card--ignivia .home-v3-project-visual{min-height:360px!important}
  .home-v3-project-card--ignivia .home-v3-project-brand{top:50%!important}
  .home-v3-project-card--ignivia .home-v3-project-brand--wide{
    width:min(88%,300px)!important;
    height:276px!important;
  }
  .project-detail-page--ignivia .project-detail-visual .project-brand--wide{
    width:min(90%,340px)!important;
    height:320px!important;
  }
}


/* PROJECT SHOWCASES 002
   Più equilibrio nella hero, pannelli più compatti e varianti dedicate
   per ARDEA e Patti Civici di Fiume. */
.mb-special-hero{
  align-items:center;
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);
  gap:clamp(2rem,5vw,5rem);
}
.mb-special-copy h1{
  max-width:10.5ch;
  font-size:clamp(2.8rem,5.2vw,5.55rem);
  line-height:.95;
}
.mb-special-lead{
  max-width:62ch;
}
.mb-special-logo-panel{
  min-height:430px;
  padding:2rem;
}
.mb-special-logo-panel img{
  width:min(88%,470px);
  height:292px;
}
.mb-special-project.is-ardea .mb-special-logo-panel{
  background:
    radial-gradient(circle at 50% 58%,rgba(198,58,46,.10),transparent 32%),
    linear-gradient(180deg,rgba(6,14,26,.40),rgba(9,16,24,.58));
}
.mb-special-project.is-ardea .mb-special-logo-panel::before{
  border-color:rgba(198,58,46,.34);
}
.mb-special-project.is-ardea .mb-special-logo-panel img{
  width:min(84%,430px);
  height:228px;
}
.mb-special-project.is-patti-civici .mb-special-logo-panel{
  background:
    linear-gradient(150deg,#263250 0%,#334f64 58%,#234655 100%);
}
.mb-special-project.is-patti-civici .mb-special-logo-panel::before{
  border-color:rgba(255,242,93,.30);
}
.mb-special-project.is-patti-civici .mb-special-status{
  background:#f1e65c;
  color:#1f2a33;
}
.mb-special-project.is-patti-civici .mb-special-logo-panel img{
  width:min(90%,500px);
  height:320px;
}
@media(max-width:1000px){
  .mb-special-hero{grid-template-columns:1fr;}
  .mb-special-logo-panel{min-height:380px;}
  .mb-special-project.is-ardea .mb-special-logo-panel img{height:210px;}
}
@media(max-width:650px){
  .mb-special-logo-panel{min-height:320px;padding:1.15rem;}
  .mb-special-logo-panel img{height:230px;}
  .mb-special-project.is-ardea .mb-special-logo-panel img{height:180px;}
  .mb-special-project.is-patti-civici .mb-special-logo-panel img{height:240px;}
}

/* PROGETTI APPROFONDIMENTO 001 */
.mb-special-hero{position:relative;isolation:isolate;min-height:700px;}
.mb-special-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000 0 70%,transparent 100%)}
.mb-special-hero::after{content:"";position:absolute;right:-12%;bottom:-48%;z-index:-1;width:640px;height:640px;border:1px solid color-mix(in srgb,var(--special-accent) 28%,transparent);border-radius:50%;box-shadow:0 0 0 72px color-mix(in srgb,var(--special-accent) 6%,transparent),0 0 0 144px color-mix(in srgb,var(--special-accent) 3%,transparent)}
.mb-special-logo-panel{overflow:hidden;}
.mb-special-logo-panel::after{content:"";position:absolute;inset:auto -32% 18% -32%;height:1px;background:linear-gradient(90deg,transparent,var(--special-accent),transparent);opacity:.7}
.mb-special-logo-orbit{position:absolute;width:320px;height:320px;border:1px solid color-mix(in srgb,var(--special-accent) 36%,transparent);border-radius:50%;box-shadow:0 0 0 54px color-mix(in srgb,var(--special-accent) 7%,transparent),0 0 0 108px color-mix(in srgb,var(--special-accent) 4%,transparent)}
.mb-special-logo-panel img{z-index:2;}
.mb-special-heading>p:last-child{max-width:76ch;color:#63727a;line-height:1.65}.mb-special-section.is-dark .mb-special-heading>p:last-child{color:#b7c7cf}
.mb-special-present-grid,.mb-special-ecosystem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#c8d0d1;border:1px solid #c8d0d1}
.mb-special-present-grid article,.mb-special-ecosystem-grid article{min-height:210px;padding:1.5rem;background:#fff}
.mb-special-present-grid h3,.mb-special-ecosystem-grid h3{margin:2.8rem 0 .75rem;font-size:1.24rem}
.mb-special-present-grid p,.mb-special-ecosystem-grid p{margin:0;color:#63727a;line-height:1.6}
.mb-special-present-grid article::before{content:"PRESENTE";display:block;color:var(--special-accent);font-size:.7rem;font-weight:900;letter-spacing:.1em}
.mb-special-ecosystem-section{background:#edf0ee}
.mb-special-ecosystem-grid article{position:relative}
.mb-special-ecosystem-grid article>span{position:absolute;top:1.2rem;right:1.2rem;color:var(--special-accent);font-size:1.4rem;font-weight:900}
.mb-special-project.is-osservatori-civici .mb-special-logo-panel{background:linear-gradient(145deg,#07131d,#102b39)}
.mb-special-project.is-osservatori-civici .mb-special-logo-panel img{width:min(74%,330px);height:330px;padding:.75rem;border-radius:50%;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.mb-special-project.is-idra-cnsbii .mb-special-logo-panel,.mb-special-project.is-egeria .mb-special-logo-panel,.mb-special-project.is-atlante-acqua .mb-special-logo-panel,.mb-special-project.is-metis .mb-special-logo-panel{background:#f7fafb}
.mb-special-project.is-idra-cnsbii .mb-special-logo-panel img{width:min(76%,390px);height:300px}
.mb-special-project.is-vedette-antincendio .mb-special-logo-panel img{width:min(74%,320px);height:320px}
.mb-special-project.is-giano .mb-special-logo-panel img,.mb-special-project.is-sibilla-dss .mb-special-logo-panel img{width:min(82%,430px);height:300px}
.mb-special-project.is-ignivia .mb-special-logo-panel img{width:min(84%,470px);height:300px}
.mb-special-project.is-ardea .mb-special-logo-panel img{width:min(82%,440px);height:240px}
.mb-special-project.is-patti-civici .mb-special-logo-panel img{width:min(86%,480px);height:320px}
.mb-special-project.is-patch-center .mb-special-logo-panel img{width:min(72%,330px);height:300px}
@media(prefers-reduced-motion:no-preference){
  .mb-special-logo-orbit{animation:mb-special-orbit 14s linear infinite}
  .mb-special-logo-panel::after{animation:mb-special-scan 5s ease-in-out infinite}
  .mb-special-function-grid article,.mb-special-present-grid article,.mb-special-ecosystem-grid article{transition:transform .24s ease,box-shadow .24s ease,background .24s ease}
  .mb-special-function-grid article:hover,.mb-special-present-grid article:hover,.mb-special-ecosystem-grid article:hover{position:relative;z-index:2;transform:translateY(-5px);box-shadow:0 18px 35px rgba(20,35,45,.12)}
}
@keyframes mb-special-orbit{to{transform:rotate(360deg)}}
@keyframes mb-special-scan{0%,100%{transform:translateY(-18px);opacity:.2}50%{transform:translateY(18px);opacity:.85}}
@media(max-width:1050px){.mb-special-present-grid,.mb-special-ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-special-hero{min-height:0}}
@media(max-width:650px){.mb-special-present-grid,.mb-special-ecosystem-grid{grid-template-columns:1fr}.mb-special-present-grid article,.mb-special-ecosystem-grid article{min-height:0}.mb-special-logo-orbit{width:240px;height:240px}.mb-special-project.is-osservatori-civici .mb-special-logo-panel img{width:230px;height:230px}.mb-special-project.is-ignivia .mb-special-logo-panel img,.mb-special-project.is-ardea .mb-special-logo-panel img{height:190px}}