/* Typographic hero, scoped exclusively to the Superfici page. */
.page[data-page="superfici"] .surfaces-hero{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:0;
  padding:clamp(44px,5vw,76px) var(--pad) clamp(40px,4vw,64px);
  border:0;
}
.page[data-page="superfici"] .surfaces-hero h1{
  font-family:var(--sans);
  font-size:clamp(88px,12vw,184px);
  font-weight:600;
  line-height:.98;
  letter-spacing:-.06em;
  margin:0;
  max-width:100%;
}
.page[data-page="superfici"] .surfaces-hero .surfaces-hero-statement{
  max-width:30ch;
  margin:clamp(32px,3.6vw,56px) 0 0;
  font-size:clamp(28px,3.2vw,48px);
  font-weight:500;
  line-height:1.15;
  letter-spacing:-.04em;
}
.page[data-page="superfici"] .surfaces-hero .surfaces-hero-materials{
  max-width:900px;
  margin:28px 0 0;
  font-size:clamp(16px,1.25vw,19px);
  font-weight:400;
  line-height:1.6;
  letter-spacing:0;
  color:var(--muted);
  text-wrap:pretty;
}
@media(max-width:760px){
  .page[data-page="superfici"] .surfaces-hero{
    min-height:0;
    padding:40px var(--pad) 36px;
  }
  .page[data-page="superfici"] .surfaces-hero h1{font-size:clamp(60px,15vw,108px)}
  .page[data-page="superfici"] .surfaces-hero .surfaces-hero-statement{font-size:clamp(24px,5.8vw,36px);margin-top:28px;max-width:28ch}
  .page[data-page="superfici"] .surfaces-hero .surfaces-hero-materials{font-size:16px;line-height:1.55;margin-top:22px;max-width:36ch}
}

/* Two introductory paragraphs form one continuous editorial block. */
.page[data-page="superfici"] .surfaces-hero .surfaces-selection-statement{
  font-size:clamp(28px,3.2vw,48px);
  font-weight:500;
  line-height:1.15;
  letter-spacing:-.04em;
  max-width:30ch;
}
@media(max-width:760px){
  .page[data-page="superfici"] .surfaces-hero .surfaces-selection-statement{
    font-size:clamp(24px,5.8vw,36px);
    max-width:28ch;
  }
}

.page[data-page="superfici"] .surfaces-hero .surfaces-selection-statement{margin:.65em 0 0}

/* Larger showroom CTA, limited to Superfici. */
.page[data-page="superfici"] .cta .arrow{
  font-size:clamp(22px,2.2vw,32px);
  font-weight:500;
  line-height:1.25;
  width:440px;
  max-width:100%;
  min-width:0;
  padding-top:16px;
  min-height:56px;
}