/* Typographic hero, scoped exclusively to the category page. */
.page.category-editorial .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.category-editorial .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.category-editorial .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.category-editorial .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.category-editorial .surfaces-hero{
    min-height:0;
    padding:40px var(--pad) 36px;
  }
  .page.category-editorial .surfaces-hero h1{font-size:clamp(60px,15vw,108px)}
  .page.category-editorial .surfaces-hero .surfaces-hero-statement{font-size:clamp(24px,5.8vw,36px);margin-top:28px;max-width:28ch}
  .page.category-editorial .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.category-editorial .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.category-editorial .surfaces-hero .surfaces-selection-statement{
    font-size:clamp(24px,5.8vw,36px);
    max-width:28ch;
  }
}

.page.category-editorial .surfaces-hero .surfaces-selection-statement{margin:.65em 0 0}

/* Larger showroom CTA, limited to category. */
.page.category-editorial .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;
}

/* Editorial material list: only the category “Cosa trovi” section. */
.page.category-editorial .surfaces-materials .materials-list{
  list-style:none;
  margin:0;
  padding:0;
}
.page.category-editorial .surfaces-materials .material-row{
  display:grid;
  grid-template-columns:40px minmax(0,1.35fr) minmax(0,.85fr);
  align-items:center;
  column-gap:clamp(24px,3vw,48px);
  padding:clamp(28px,3vw,44px) 0;
  border-top:1px solid var(--line);
}
.page.category-editorial .surfaces-materials .material-number{
  font-size:13px;
  font-weight:400;
  line-height:1.4;
  color:var(--muted);
  font-variant-numeric:tabular-nums;
}
.page.category-editorial .surfaces-materials h3{
  font-family:var(--sans);
  font-size:clamp(28px,3.3vw,52px);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.045em;
  margin:0;
}
.page.category-editorial .surfaces-materials .material-row p{
  font-size:clamp(17px,1.35vw,20px);
  font-weight:400;
  line-height:1.4;
  color:var(--muted);
  max-width:34ch;
  margin:0;
}
@media(max-width:760px){
  .page.category-editorial .surfaces-materials .material-row{
    grid-template-columns:24px minmax(0,1fr);
    column-gap:16px;
    row-gap:12px;
    align-items:baseline;
    padding:26px 0;
  }
  .page.category-editorial .surfaces-materials h3{
    font-size:clamp(25px,6vw,38px);
  }
  .page.category-editorial .surfaces-materials .material-row p{
    grid-column:2;
    font-size:16px;
    max-width:34ch;
  }
  .page.category-editorial .surfaces-materials .material-number{font-size:12px}
}

/* Brand names without numbering. */
.page.category-editorial .brand-strip .brand-row{grid-template-columns:minmax(0,1fr) 180px}
@media(max-width:900px){
  .page.category-editorial .brand-strip .brand-row{grid-template-columns:minmax(0,1fr)}
}

/* Longer title, with deliberate line breaks and a mobile-safe measure. */
.page.category-editorial .surfaces-hero h1{font-size:clamp(76px,10vw,152px)}
@media(max-width:760px){.page.category-editorial .surfaces-hero h1{font-size:clamp(44px,11vw,84px)}}

.page.category-editorial .surfaces-materials h3{min-width:0;hyphens:auto;overflow-wrap:anywhere}