/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 */
/* Hallmark · genre: editorial · macrostructure: Edge-to-edge Material Weave · theme: Iconic Original · enrichment: real project photography · contrast: pass (40–41) · nav: N3 · footer: Ft4 · slop: pass (42–45) */

body[data-page="materiali"] .finish-showcase {
  padding-inline: 0;
  padding-bottom: 0;
}

body[data-page="materiali"] .materials-hero{position:relative;display:flex;align-items:flex-end;min-height:94svh;overflow:clip;color:var(--color-paper);background:var(--color-ink)}
body[data-page="materiali"] .materials-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.72) brightness(.62)}
body[data-page="materiali"] .materials-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-stage-shade),var(--color-stage-clear) 78%),linear-gradient(0deg,var(--color-stage-shade),var(--color-stage-clear) 60%)}
body[data-page="materiali"] .materials-hero .breadcrumbs{position:absolute;z-index:2;inset-block-start:6.8rem;inset-inline:7vw auto;padding:0}
body[data-page="materiali"] .materials-hero-content{position:relative;z-index:1;width:100%;padding:clamp(var(--space-3xl),14vw,10rem) 7vw clamp(var(--space-2xl),9vw,8rem)}
body[data-page="materiali"] .materials-hero-kicker{margin:0 0 var(--space-lg);color:var(--color-accent);font:500 var(--text-sm)/1 var(--font-body);letter-spacing:.13em;text-transform:uppercase}
body[data-page="materiali"] .materials-hero h1{max-width:12ch;margin:0;color:var(--color-paper);font:400 clamp(3.8rem,8.5vw,8.6rem)/.94 var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere}
body[data-page="materiali"] .materials-hero-content>p:last-child{max-width:60ch;margin:var(--space-xl) 0 0;color:var(--color-paper-muted);font:300 clamp(var(--text-md),1.35vw,var(--text-lg))/1.7 var(--font-body)}

body[data-page="materiali"] .finish-showcase > .section-head {
  padding-inline: 7vw;
  margin-bottom: clamp(3rem, 6vw, 6rem);
}

body[data-page="materiali"] .finish-showcase .finish-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  min-height: clamp(34rem, 68vh, 48rem);
  padding: 0;
  border-top: 0;
}

body[data-page="materiali"] .finish-showcase .finish-media,
body[data-page="materiali"] .finish-showcase .finish-media img {
  width: 100%;
  height: 100%;
}

body[data-page="materiali"] .finish-showcase .finish-media img {
  aspect-ratio: auto;
  object-fit: cover;
}

body[data-page="materiali"] .finish-showcase .finish-copy {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(3rem, 7vw, 8rem);
}

body[data-page="materiali"] .finish-showcase .finish-copy p {
  max-width: 34rem;
}

body[data-page="materiali"] .endorsed-band{display:grid;grid-template-columns:minmax(15rem,.55fr) minmax(0,1.45fr);align-items:stretch;gap:0;padding:0 7vw;color:var(--color-paper);background:var(--color-ink);border-block-start:var(--rule-hairline) solid var(--color-stage-rule)}
body[data-page="materiali"] .endorsed-brand-lockup{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-lg);padding:clamp(var(--space-xl),6vw,var(--space-3xl));border-inline-end:var(--rule-hairline) solid var(--color-stage-rule)}
body[data-page="materiali"] .endorsed-brand-lockup span{width:100%;height:var(--rule-hairline);background:var(--color-stage-rule)}
body[data-page="materiali"] .endorsed-brand-lockup img{width:auto;object-fit:contain;object-position:left center}
body[data-page="materiali"] .endorsed-brand-lockup img:first-child{height:6.4rem}
body[data-page="materiali"] .endorsed-brand-lockup img:last-child{height:1.45rem;max-width:100%}
body[data-page="materiali"] .endorsed-copy{padding:clamp(var(--space-2xl),7vw,7rem)}
body[data-page="materiali"] .endorsed-label{margin:0 0 var(--space-lg);color:var(--color-accent);font:500 var(--text-sm)/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase}
body[data-page="materiali"] .endorsed-copy h2{max-width:17ch;margin:0 0 var(--space-xl);color:var(--color-paper);font:400 clamp(2.4rem,4.8vw,5.4rem)/1.02 var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere}
body[data-page="materiali"] .endorsed-copy>p:last-child{max-width:68ch;margin:0;color:var(--color-paper-muted);font-size:clamp(var(--text-md),1.15vw,var(--text-lg));line-height:1.75}
body[data-page="materiali"] .endorsed-copy strong{color:var(--color-paper)}

@media (max-width: 760px) {
  body[data-page="materiali"] .materials-hero{min-height:90svh}
  body[data-page="materiali"] .materials-hero .breadcrumbs{display:none}
  body[data-page="materiali"] .materials-hero-content{padding-inline:1.25rem}
  body[data-page="materiali"] .materials-hero h1{font-size:clamp(3.3rem,15vw,5.5rem)}
  body[data-page="materiali"] .endorsed-band{grid-template-columns:minmax(0,1fr);padding-inline:1.25rem}
  body[data-page="materiali"] .endorsed-brand-lockup{flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--space-xl) 0;border-inline-end:0;border-block-end:var(--rule-hairline) solid var(--color-stage-rule)}
  body[data-page="materiali"] .endorsed-brand-lockup span{width:var(--rule-hairline);height:3.5rem}
  body[data-page="materiali"] .endorsed-brand-lockup img:first-child{height:4.7rem}
  body[data-page="materiali"] .endorsed-brand-lockup img:last-child{height:1.1rem}
  body[data-page="materiali"] .endorsed-copy{padding:var(--space-2xl) 0}
  body[data-page="materiali"] .finish-showcase .finish-row {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  body[data-page="materiali"] .finish-showcase .finish-row .finish-media {
    order: 0;
    height: min(78vw, 31rem);
  }

  body[data-page="materiali"] .finish-showcase .finish-copy {
    order: 1;
    min-height: 22rem;
    padding: 3rem 7vw 4rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="materiali"] .finish-showcase .finish-media img {
    transition: none;
    transform: none;
  }
}