.area-page{color:#30313c;font-family:'Segoe UI',Arial,sans-serif}.area-hero{padding:44px 6% 80px;background:radial-gradient(ellipse at top right,#e6e3ed,transparent 65%),#f3f2ef}.area-back{font-size:14px}.area-identity{display:flex;gap:28px;align-items:center;margin:40px 0 30px}.area-identity img{width:150px;height:140px;object-fit:contain;mix-blend-mode:multiply}.area-name{font-size:22px;font-weight:600;letter-spacing:.08em;margin:0 0 8px}.area-tagline{font-size:12px;letter-spacing:.15em}.area-page h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,4.6vw,68px);line-height:1.12;max-width:1100px;margin:25px 0 48px;text-wrap:balance}.area-opening,.area-topic{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:7%;align-items:start}.area-copy{min-width:0;max-width:780px}.area-copy p{font-size:18px;line-height:1.8;margin:0 0 22px}.area-copy .area-emphasis{font-weight:600;font-size:19px;line-height:1.55;color:var(--area-accent)}.area-page h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(29px,3vw,44px);line-height:1.2;margin:16px 0 30px;text-wrap:balance}.area-image-slot{margin:0;min-height:330px;aspect-ratio:4/3;border:1px solid #d5d3da;background:linear-gradient(135deg,#eeedf0,#e2e0e7);display:flex;flex-direction:column;justify-content:space-between;padding:30px;color:#65616f}.slot-number{font-family:Georgia,serif;font-size:64px;opacity:.35}.area-image-slot div>span{font-size:10px;letter-spacing:.17em}.area-image-slot p{font-size:18px;line-height:1.4;margin:12px 0 0}.area-index{display:flex;gap:10px;flex-wrap:wrap;padding:28px 6%;border-bottom:1px solid #dedde0}.area-index a{font-size:11px;letter-spacing:.04em;padding:9px 12px;border:1px solid #d8d6dc}.area-index a:hover{color:white;background:var(--area-accent)}.area-topic{padding:80px 6%;scroll-margin-top:110px;border-bottom:1px solid #dedde0}.area-topic:nth-of-type(even){background:#eeedeb}.area-topic:nth-of-type(odd) .area-copy{order:2}.area-section-number{font-size:11px;letter-spacing:.15em;color:var(--area-accent)}.area-copy .area-process{padding:22px;border-left:3px solid var(--area-accent);background:#ffffff90;font-size:14px;font-weight:600;line-height:2}.area-contact{background:#292a32;color:#f7f6f3;padding:80px 6%}.area-contact .area-copy{max-width:900px}.area-contact .area-emphasis{color:#d4cee0}.area-contact .button{margin-top:16px;color:white;border-color:#aaa}
@media(max-width:800px){.area-opening,.area-topic{grid-template-columns:1fr;gap:32px}.area-topic:nth-of-type(odd) .area-copy{order:0}.area-hero,.area-topic,.area-contact{padding:35px 6% 48px}.area-identity{gap:18px}.area-identity img{width:100px;height:100px}.area-name{font-size:18px}.area-tagline{font-size:10px}.area-copy p{font-size:17px}.area-image-slot{min-height:220px}.area-index{gap:6px}.area-page h1{margin-bottom:30px}}

.area-opening-image{margin:0;width:100%;overflow:hidden}.area-opening-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}

/* Opening image before copy; brand identity remains in place. */
.area-opening>.area-opening-image{order:-1}
@media(min-width:801px){.area-opening{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}

/* Compact area opening below the fixed navigation. */
.area-hero{padding-top:20px}.area-identity{margin-top:0;margin-bottom:20px}
@media(max-width:800px){.area-hero{padding-top:16px}}

/* Main area headings align with the left edge of the opening image. */
.area-hero>h1{text-align:left;margin-left:0;margin-right:0;max-width:none;width:100%;text-wrap:wrap;justify-self:start}

/* Shared compact opening: identity and image left, heading and description right. */
@media(min-width:801px){.area-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:7%;row-gap:24px;align-items:start}.area-hero>.area-identity{grid-column:1;grid-row:1;margin:0;align-self:center}.area-hero>h1{grid-column:2;grid-row:1;font-size:clamp(30px,2.5vw,48px);line-height:1.15;margin:0;align-self:center}.area-hero>.area-opening{display:contents}.area-opening>.area-copy{grid-column:2;grid-row:2;padding-top:0}.area-opening>.area-opening-image{grid-column:1;grid-row:2;order:0}.area-opening>.area-copy p:last-child{margin-bottom:0}}
@media(max-width:800px){.area-hero>h1{font-size:clamp(28px,6vw,38px);margin:16px 0 24px}.area-opening{gap:24px}}

/* Desktop: scale each complete area logo until its central X matches Industrial. */
@media(min-width:801px){
  html body .area-page[data-area="aerospace"] .area-hero>.area-identity img[src*="aerospace-transparent"]{transform:scale(1.28)!important;transform-origin:center}
  html body .area-page[data-area="alusol"] .area-hero>.area-identity img[src*="alusol-transparent"]{transform:scale(1.08)!important;transform-origin:center}
}

/* One media format and four distinct, soft sector palettes. */
.area-page[data-area="aerospace"]{--area-tint:#f0cdd0;--area-soft:#fbf2f2;--area-dark:#422329}
.area-page[data-area="barriere"]{--area-tint:#cdd4da;--area-soft:#f2f4f5;--area-dark:#29333d}
.area-page[data-area="multiverso"]{--area-tint:#c7e4f2;--area-soft:#f0f8fc;--area-dark:#193e50}
.area-page[data-area="alusol"]{--area-tint:#f5e5a5;--area-soft:#fffbee;--area-dark:#42391f}
.area-page .area-hero{background:radial-gradient(ellipse at 90% 5%,var(--area-tint),transparent 72%),linear-gradient(125deg,#fafaf7,var(--area-soft))}
.area-page .area-topic{background:linear-gradient(115deg,#fafaf8,var(--area-soft))}
.area-page .area-topic:nth-of-type(even){background:linear-gradient(115deg,var(--area-soft),var(--area-tint))}
.area-page .area-index{background:var(--area-soft)}
.area-page .area-image-slot{background:linear-gradient(135deg,#ffffffb0,var(--area-tint));color:var(--area-accent)}
.area-page .area-image-slot,.area-page .area-opening-image{width:100%;height:auto;min-height:0;aspect-ratio:1 / 1;box-sizing:border-box}
.area-page .area-opening-image img,.area-page .area-image-slot>img{width:100%;height:100%;object-fit:cover;display:block}
.area-page .area-contact{background:linear-gradient(120deg,#25262c,var(--area-dark))}
.area-page .area-contact .area-emphasis{color:var(--area-tint)}
@media(min-width:801px){.area-topic{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.area-topic:nth-of-type(odd){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}

/* Preserve the native 4:3 frame of the Aerospace editorial images. */
 .area-page[data-area="aerospace"] :is(#topic-1,#topic-2,#topic-3,#topic-4) .area-image-slot{aspect-ratio:4/3!important;height:auto!important;}
 .area-page[data-area="aerospace"] :is(#topic-1,#topic-2,#topic-3,#topic-4) .area-image-slot>img{width:100%;height:100%;object-fit:contain;}


/* Aerospace editorial images are nested in picture; size the picture and its image explicitly. */
.area-page[data-area="aerospace"] :is(#topic-1,#topic-2,#topic-3,#topic-4) .area-image-slot{aspect-ratio:4/3!important;height:auto!important;}
.area-page[data-area="aerospace"] :is(#topic-1,#topic-2,#topic-3,#topic-4) .area-image-slot picture{display:block;width:100%;height:100%;}
.area-page[data-area="aerospace"] :is(#topic-1,#topic-2,#topic-3,#topic-4) .area-image-slot picture img{display:block;width:100%;height:100%;object-fit:contain;}


/* Industrial theme 2 artwork is nested in picture; preserve its native 4:3 ratio. */
.area-page[data-area="barriere"] #topic-2 .industrial-lateral-static{aspect-ratio:4/3!important;height:auto!important;}
.area-page[data-area="barriere"] #topic-2 .industrial-lateral-static picture{display:block;width:100%;height:100%;}
.area-page[data-area="barriere"] #topic-2 .industrial-lateral-static picture img{display:block;width:100%;height:100%;object-fit:contain;}


/* Fixed Industrial theme 1 image: constrain the nested picture to the 4:3 frame. */
.area-page[data-area="barriere"] #topic-1 .industrial-connection-image{aspect-ratio:4/3!important;height:auto!important;}
.area-page[data-area="barriere"] #topic-1 .industrial-connection-image picture{display:block;width:100%;height:100%;}
.area-page[data-area="barriere"] #topic-1 .industrial-connection-image picture img{display:block;width:100%;height:100%;object-fit:contain;}


/* Keep area contact CTAs legible on their dark panel during hover and focus. */
.area-page .area-contact .button:hover,.area-page .area-contact .button:focus-visible{background:var(--area-accent);border-color:var(--area-accent);color:#fff;}


/* Sposta uniformemente a destra l'intestazione delle quattro aree tecniche. */
html body .area-page:is([data-area='aerospace'],[data-area='barriere'],[data-area='multiverso'],[data-area='alusol']) .area-hero>.area-identity>div{transform:translateX(10%)}
/* Common desktop text origin: halve Aerospace's visible gap without moving artwork. */
@media(min-width:801px){
html body .area-page:is([data-area='aerospace'],[data-area='barriere'],[data-area='multiverso'],[data-area='alusol']) .area-hero>.area-identity{position:relative;min-height:140px;}
html body .area-page:is([data-area='aerospace'],[data-area='barriere'],[data-area='multiverso'],[data-area='alusol']) .area-hero>.area-identity>div{position:absolute;left:186px;transform:none!important;margin-left:0!important;max-width:calc(100% - 186px);}
}