@media(min-width:801px){
html body .area-page .area-hero{grid-template-rows:auto auto;row-gap:28px}
html body .area-page .area-hero>.area-identity{grid-column:1;grid-row:1;align-self:center;margin:0}
html body .area-page .area-hero>h1{grid-column:2;grid-row:1;align-self:center;font-size:clamp(30px,2.5vw,48px);line-height:1.15;margin:0;max-width:none;text-align:left;text-wrap:wrap}
html body .area-page .area-opening>.area-copy{grid-column:2;grid-row:2;align-self:start;max-width:none;padding-top:0}
html body .area-page .area-opening>.area-opening-image{grid-column:1;grid-row:2;align-self:start}
html body .area-page[data-area="barriere"] .area-hero>h1{padding-right:110px;box-sizing:border-box}
}
html body .area-page .area-opening .area-copy>p{margin-top:0;margin-bottom:18px;line-height:1.65}
html body .area-page[data-area="alusol"] .area-opening-image{aspect-ratio:4/3;overflow:hidden}
html body .area-page[data-area="alusol"] .area-opening-image>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center center}
@media(max-width:800px){html body .area-page .area-hero>h1{font-size:clamp(28px,6vw,38px);line-height:1.15;margin:20px 0 26px}}

/* ALU-SOL: immagini e riquadri in formato 4:3. */
html body .area-page[data-area="alusol"] .area-image-slot,html body .area-page[data-area="alusol"] .area-opening-image{aspect-ratio:4/3;height:auto;min-height:0;box-sizing:border-box}
html body .area-page[data-area="alusol"] .area-image-slot>img{width:100%;height:100%;object-fit:cover;object-position:center}

/* ALU-SOL: medesima impaginazione delle aree Multiverso. */
html .area-page[data-area="alusol"] :is(#topic-1,#topic-2,#topic-3,#topic-4,#topic-5,#topic-6){scroll-margin-top:110px}
html .area-page[data-area="alusol"] .area-section-number{display:none}
html .area-page[data-area="alusol"] :is(#topic-1,#topic-2,#topic-3,#topic-4,#topic-5,#topic-6) .area-copy{max-width:none;columns:auto;container-type:inline-size}
html .area-page[data-area="alusol"] :is(#topic-1,#topic-2,#topic-3,#topic-4,#topic-5,#topic-6) h2{font-size:32px;margin:0 0 8px}
html .area-page[data-area="alusol"] :is(#topic-1,#topic-2,#topic-3,#topic-4,#topic-5,#topic-6) .area-copy p{font-size:15px;line-height:1.35;margin:0 0 8px}
html .area-page[data-area="alusol"] :is(#topic-1,#topic-2,#topic-3,#topic-4,#topic-5,#topic-6) .area-copy>p:first-of-type{font-family:inherit;font-size:15px;font-weight:600;line-height:1.35;text-align:left;white-space:normal;color:var(--area-accent);padding:0;border:0;background:none}
html .area-page[data-area="alusol"] :is(#topic-1,#topic-2,#topic-3,#topic-4,#topic-5,#topic-6) .area-copy>:is(.area-process,.area-slogan){font-family:inherit;font-size:clamp(14px,1.8cqw,20.7px);font-weight:700;line-height:1.3;text-align:center;white-space:normal;color:var(--area-accent);padding:8px 12px;border-left:2px solid var(--area-accent);background:rgba(255,255,255,.55)}
html .area-page[data-area="alusol"] .area-topic .area-image-slot{aspect-ratio:4/3;align-self:start}
html .area-page[data-area="alusol"] .area-opening .area-copy>p:last-child{font-family:inherit;font-size:clamp(18px,1.15vw,22px);font-weight:700;line-height:1.5;color:var(--area-accent);margin-top:24px}
@media(min-width:801px){
 html .area-page[data-area="alusol"] :is(#topic-1,#topic-3,#topic-5){column-gap:6.818181818%;grid-template-columns:minmax(0,1fr) minmax(0,calc((100% - 24px)/2.3))}
 html .area-page[data-area="alusol"] :is(#topic-2,#topic-4,#topic-6){column-gap:6.818181818%;grid-template-columns:minmax(0,calc((100% - 24px)/2.3)) minmax(0,1fr)}
}
@media(max-width:800px){
 html .area-page[data-area="alusol"] :is(#topic-1,#topic-2,#topic-3,#topic-4,#topic-5,#topic-6){padding:35px 6% 48px}
 html .area-page[data-area="alusol"] :is(#topic-1,#topic-2,#topic-3,#topic-4,#topic-5,#topic-6) .area-copy p{font-size:17px;line-height:1.55;margin-bottom:14px}
}

/* Match Aerospace slogan typography and position. */
html .area-page[data-area="alusol"] :is(#topic-1,#topic-2,#topic-3,#topic-4,#topic-5,#topic-6) .area-copy>.area-slogan{font-size:min(20.7px,1.8cqw);text-transform:uppercase}
@media(max-width:800px){html .area-page[data-area="alusol"] :is(#topic-1,#topic-2,#topic-3,#topic-4,#topic-5,#topic-6) .area-copy>.area-slogan{font-size:17px}}