/* Shared lead treatment for the editorial index-page family.
   Real project imagery is reduced to a pale paper texture behind one common layout. */
.collection-texture-hero{
  --collection-texture-opacity:.24;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(590px,47vw,760px);
  border-bottom:1px solid var(--line);
  background:var(--bg-alt);
}
.collection-texture-hero::before,
.collection-texture-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.collection-texture-hero::before{z-index:-2;background:var(--bg-alt)}
.collection-texture-hero::after{
  z-index:1;
  background:linear-gradient(90deg,var(--bg-alt) 0 34%,color-mix(in srgb,var(--bg-alt) 96%,transparent) 48%,color-mix(in srgb,var(--bg-alt) 68%,transparent) 76%,color-mix(in srgb,var(--bg-alt) 48%,transparent) 100%);
}
.collection-texture-hero .collection-hero-texture{
  position:absolute;
  z-index:0;
  inset:-7% -3% -7% 30%;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:0;
  background:transparent;
  pointer-events:none;
}
.collection-texture-hero .collection-hero-texture::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,var(--bg-alt),color-mix(in srgb,var(--bg-alt) 30%,transparent) 46%,transparent 78%);
}
.collection-texture-hero .collection-hero-texture img{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center;
  border:0;
  opacity:var(--collection-texture-opacity);
  filter:grayscale(.68) saturate(.22) contrast(.76) brightness(1.1) blur(.45px);
  mix-blend-mode:multiply;
  transform:scale(1.035);
}
.featured-research-hero{--collection-texture-opacity:.26}
.news-index-hero{--collection-texture-opacity:.34}
.practice-index-hero{--collection-texture-opacity:.3}
.platforms-index-hero{--collection-texture-opacity:.3}
.featured-research-hero .collection-hero-texture img{object-position:center 16%}
.platforms-index-hero .collection-hero-texture img{object-position:center 42%}
.collection-texture-hero .collection-hero-grid{
  position:relative;
  z-index:2;
  display:flex;
  width:100%;
  max-width:1520px;
  min-height:clamp(590px,47vw,760px);
  margin-inline:auto;
  padding:clamp(3.5rem,6.5vw,6.5rem) var(--pad) clamp(4.5rem,7vw,7rem);
  align-items:center;
}
.collection-texture-hero .collection-hero-copy{position:relative;z-index:2;width:min(900px,72%);max-width:none}
.collection-texture-hero .collection-kicker{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin:0 0 1rem;
  color:var(--meta-label);
  font:700 .72rem/1.4 var(--mono);
  letter-spacing:.12em;
}
.collection-texture-hero .collection-kicker::before{content:"";width:2rem;height:3px;flex:none;background:var(--label-rule)}
.collection-texture-hero .collection-hero-copy h1{
  max-width:900px;
  margin:0;
  color:var(--head);
  font-family:var(--serif);
  font-size:clamp(3.2rem,6.5vw,7rem);
  font-weight:620;
  line-height:.99;
  letter-spacing:-.058em;
}
.collection-texture-hero .collection-lead{
  max-width:780px;
  margin:clamp(1.4rem,2.4vw,2rem) 0 0;
  color:var(--lead);
  font-size:clamp(1.02rem,1.28vw,1.2rem);
  line-height:1.85;
  text-wrap:pretty;
}
html[lang="en"] .collection-texture-hero .collection-hero-copy h1{font-family:var(--display);letter-spacing:-.05em}

:root[data-theme="dark"] .collection-texture-hero .collection-hero-texture img{
  opacity:.18;
  filter:grayscale(.45) saturate(.28) contrast(.8) brightness(.74) blur(.45px);
  mix-blend-mode:screen;
}

@media(max-width:980px){
  .collection-texture-hero,.collection-texture-hero .collection-hero-grid{min-height:0}
  .collection-texture-hero .collection-hero-grid{padding-top:3rem;padding-bottom:4.5rem}
  .collection-texture-hero .collection-hero-copy{width:100%}
  .collection-texture-hero .collection-hero-copy h1{font-size:clamp(3rem,11vw,5.5rem)}
  .collection-texture-hero .collection-hero-texture{inset:20% -24% -8% 14%;opacity:.72}
  .collection-texture-hero::after{background:linear-gradient(90deg,var(--bg-alt) 0 34%,color-mix(in srgb,var(--bg-alt) 90%,transparent) 70%,color-mix(in srgb,var(--bg-alt) 70%,transparent) 100%)}
}

@media(max-width:640px){
  .collection-texture-hero .collection-hero-copy h1{font-size:clamp(2.8rem,13.5vw,4.6rem)}
  .collection-texture-hero .collection-hero-grid{padding-top:clamp(2.5rem,8svh,4rem);padding-bottom:clamp(3.25rem,11svh,5rem)}
  .collection-texture-hero .collection-hero-copy h1{overflow-wrap:anywhere;line-height:1.02}
  .collection-texture-hero .collection-lead{font-size:.95rem;line-height:1.8;text-wrap:pretty}
  .collection-texture-hero .collection-hero-texture{inset:28% -42% -4% 4%;opacity:.58}
}

@media print{
  .collection-texture-hero .collection-hero-texture{display:none}
}