.projects-area-page{background:#d9dee1;color:#0e2636}
.area-hero{position:relative;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden;padding:170px var(--page-pad) 90px;color:#fff;background:#051d2d}
.area-hero__image,.area-hero__blue,.area-hero__screen,.area-hero__grid{position:absolute;inset:0}
.area-hero__image{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(.98) brightness(.82);transform:scale(1.035);animation:heroBreath 16s ease-in-out infinite alternate}
.area-hero__blue{background:linear-gradient(90deg,#051d2d 0%,rgba(5,29,45,.96) 18%,rgba(5,29,45,.72) 42%,rgba(5,29,45,.28) 70%,rgba(5,29,45,.13) 100%),linear-gradient(0deg,rgba(5,29,45,.72),transparent 52%)}
.area-hero__screen{opacity:.17;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.65) 1px,transparent 1.2px);background-size:5px 5px;mix-blend-mode:screen}
.area-hero__grid{opacity:.55;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,#000 0 62%,transparent 90%);animation:gridMove 18s linear infinite}
.area-hero__content{position:relative;z-index:3;max-width:980px}
.area-hero__back{display:inline-flex;margin-bottom:54px;color:rgba(255,255,255,.7);font-size:10px;font-weight:600;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
.area-hero h1{max-width:980px;margin:0 0 28px;font-size:clamp(68px,8vw,142px);font-weight:300;line-height:.9;letter-spacing:-.06em}
.area-hero__content>p:not(.section-label){max-width:720px;margin:0;color:rgba(255,255,255,.77);font-size:18px;line-height:1.75}
.area-hero__mark{position:absolute;z-index:2;right:3vw;top:13vh;color:rgba(255,255,255,.11);font-size:clamp(190px,24vw,420px);font-weight:600;line-height:.75;letter-spacing:-.09em}

.project-sheet{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);min-height:880px;background:#eef0f1;border-top:1px solid rgba(14,38,54,.11)}
.project-sheet--reverse{grid-template-columns:minmax(440px,.92fr) minmax(0,1.08fr)}
.project-sheet--reverse .project-sheet__media{order:2}
.project-sheet--reverse .project-sheet__content{order:1}
.project-sheet__media{position:relative;min-height:880px;overflow:hidden;background:#102b3d}
.project-sheet__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(.98);transform:scale(1.02);transition:transform 1.4s cubic-bezier(.2,.72,.22,1)}
.project-sheet__media:hover img{transform:scale(1.06)}
.project-sheet__media-wash{position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(5,29,45,.18)),linear-gradient(0deg,rgba(5,29,45,.35),transparent 45%)}
.project-sheet--reverse .project-sheet__media-wash{background:linear-gradient(270deg,transparent 60%,rgba(5,29,45,.18)),linear-gradient(0deg,rgba(5,29,45,.35),transparent 45%)}
.project-sheet__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,6vw,112px) clamp(46px,5.4vw,88px);background:linear-gradient(rgba(14,38,54,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(14,38,54,.035) 1px,transparent 1px),#eef0f1;background-size:42px 42px}
.project-sheet__category{margin:0 0 18px;color:#0f4f72;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.project-sheet h2{margin:0 0 14px;color:#0b405e;font-size:clamp(48px,5.3vw,94px);font-weight:300;line-height:.94;letter-spacing:-.058em}
.project-sheet__subtitle{margin:0 0 20px;color:#0b405e;font-size:clamp(22px,2vw,34px);font-weight:600;line-height:1.05;text-transform:uppercase}
.project-sheet__meta{margin:0 0 26px;color:#0f4f72;font-size:12px;font-weight:600;line-height:1.55;letter-spacing:.045em}
.project-sheet__description{margin:0 0 38px;color:#5f6b73;font-size:14px;line-height:1.72}
.project-services h3,.project-numbers h3{margin:0 0 18px;color:#64727b;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.project-services__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:34px}
.service-item{min-height:104px;display:flex;flex-direction:column;justify-content:space-between;padding:13px 9px;border:1px solid rgba(15,79,114,.18);background:rgba(255,255,255,.28)}
.service-item svg{width:32px;height:32px;fill:none;stroke:#0f4f72;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.service-item span{color:#52636e;font-size:8px;font-weight:600;line-height:1.22;letter-spacing:.04em;text-transform:uppercase}
.project-numbers__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(14,38,54,.14);border-left:1px solid rgba(14,38,54,.14)}
.project-numbers__grid>div{min-height:86px;padding:16px 14px;border-right:1px solid rgba(14,38,54,.14);border-bottom:1px solid rgba(14,38,54,.14)}
.project-numbers__grid span{display:block;margin-bottom:8px;color:#748087;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.project-numbers__grid strong{color:#0e2636;font-size:18px;font-weight:500}

.area-contact{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:60px var(--page-pad);background:#071f31;color:#fff}
.area-contact strong{font-size:clamp(30px,3.6vw,58px);font-weight:300;letter-spacing:-.04em}
.area-contact a{display:inline-flex;gap:28px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.52);color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}
@keyframes heroBreath{to{transform:scale(1.09) translate3d(-.8%,-.35%,0)}}@keyframes gridMove{to{background-position:92px 92px}}
@media(max-width:1100px){.project-sheet,.project-sheet--reverse{grid-template-columns:1fr}.project-sheet--reverse .project-sheet__media,.project-sheet--reverse .project-sheet__content{order:initial}.project-sheet__media{min-height:60svh}.project-services__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.area-hero{min-height:78svh;padding:145px 24px 75px}.area-hero h1{font-size:54px}.area-hero__image{object-position:62% center}.area-hero__mark{right:-12vw;top:17vh}.project-sheet__media{min-height:50svh}.project-sheet__content{padding:62px 24px 76px}.project-sheet h2{font-size:52px}.project-services__grid{grid-template-columns:repeat(2,1fr)}.project-numbers__grid{grid-template-columns:repeat(2,1fr)}.area-contact{grid-template-columns:1fr;padding:52px 24px}}
@media(prefers-reduced-motion:reduce){.area-hero__image,.area-hero__grid{animation:none!important}.project-sheet__media img{transition:none!important}}


/* =========================================================
   HEADER AREA MOSTRE — UNIFORME ALLE ALTRE PAGINE
   ========================================================= */

.projects-area-page .site-header {
  background: #051d2d !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.projects-area-page .site-header::before,
.projects-area-page .site-header::after {
  display: none !important;
}

.projects-area-page .main-nav > a,
.projects-area-page .nav-item--projects > a,
.projects-area-page .language-switch,
.projects-area-page .lang-button {
  color: rgba(255,255,255,.88) !important;
}

.projects-area-page .main-nav > a:hover,
.projects-area-page .nav-item--projects > a:hover,
.projects-area-page .main-nav > a.is-active,
.projects-area-page .nav-item--projects > a.is-active,
.projects-area-page .lang-button.is-active {
  color: #fff !important;
}

.projects-area-page .projects-submenu {
  background: #051d2d !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
}

.projects-area-page .projects-submenu a {
  color: rgba(255,255,255,.78) !important;
}

.projects-area-page .projects-submenu a:hover {
  color: #fff !important;
  background: rgba(255,255,255,.05) !important;
}

.projects-area-page .area-hero {
  padding-top: 190px;
}