/* Shared text inset follows the text of each chapter label, beyond its ring. */
:root { --copy-inset:20px; }
.hero-copy h1,.hero-description,.passage-title h2,
.shader-definition,.hardware .section-heading-row h2,
.editor-story-heading h2,.editor-story-heading>p,
.passage-origin>div>p { padding-left:var(--copy-inset); }

.power-copy {
  inset:auto 0 clamp(42px,5vw,72px);
  margin:0 auto;
  padding:0;
}
.power-copy h2 {
  margin:0;
  color:#f6f7f3;
  font-size:clamp(40px,5vw,68px);
  font-weight:400;
  line-height:1.4;
  letter-spacing:-.04em;
  text-shadow:0 2px 22px #0004;
}
.power-photo::after {
  background:linear-gradient(0deg,#0b100e45,transparent 45%);
}

/* Keep the original fade start; the extended dark base supplies the longer tail. */
.material-visual {
  --material-height:min(calc(100svh - 125px),calc((100vw - var(--gutter)*2)/1.1440111),760px);
  width:calc(var(--material-height)*1.1440111);
}
.material-story .texture-figure {
  -webkit-mask-image:var(--material-fade);
  mask-image:var(--material-fade);
  --material-fade:linear-gradient(180deg,#000 59.94%,#000000f5 63%,#000000d9 67%,#00000099 72%,#0000004d 77%,#00000017 82%,#0000 87%);
}
.material-visual::after { display:none; }
.material-visual h2 { top:calc(var(--material-height)*.4121); }

.material-copy { padding-inline:var(--copy-inset); }
.material-copy p {
  font-size:12px;
  color:#71796e;
  line-height:1.95;
  text-align:justify;
  text-align-last:left;
  text-justify:inter-character;
  text-wrap:wrap;
  word-break:normal;
  overflow-wrap:normal;
  line-break:strict;
}
.depth-capture-caption { justify-content:flex-start; }
@media(max-width:760px) {
  .power-copy { inset:auto 0 28px; }
  .power-copy h2 { font-size:clamp(29px,8vw,42px); line-height:1.55; }
  .material-copy p { font-size:11.5px; line-height:1.95; }
  .material-visual { --material-height:calc((100vw - 24px)/1.1440111); width:calc(100vw - 24px); }
  .material-visual h2 { top:calc(var(--material-height)*.3971); }
  .material-story .texture-figure { --material-fade:linear-gradient(180deg,#000 59.94%,#000000f5 65%,#000000d9 71%,#00000099 78%,#0000004d 85%,#00000017 92%,#0000 98%); }
}