.chapter__head {
  position: relative;
  display: grid;
  align-content: center;
  gap: var(--s-4);
  max-inline-size: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--gutter);
  padding-block: clamp(var(--s-8), 12vh, var(--s-10));
  margin-block-end: var(--s-8);
}

@media (min-width: 1024px) {
  .chapter__head {
    min-block-size: 76dvh;      
    min-block-size: 76vh;       
  }
}

.chapter__rule {
  inline-size: 56px;
  block-size: 2px;
  background: var(--accent);
}

.chapter__num {
  font-size: clamp(4rem, 14vw, 9rem);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.04em;
  
  
  color: transparent;
  -webkit-text-stroke: 1px var(--gray);
  opacity: 0.5;
  margin-block-end: calc(var(--s-4) * -1);
}

.chapter__title {
  font-size: clamp(2.25rem, 6vw, 4.25rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
  max-inline-size: 18ch;
}

.chapter__en {
  font-size: var(--fs-xs);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--text-dim);
  
  direction: ltr;
  text-align: end;
}

.chapter__lead {
  font-size: var(--fs-md);
  color: var(--text-muted);
  max-inline-size: 40ch;
}

.chapter__span {
  font-size: var(--fs-xs);
  color: var(--text-dim);
  font-variant-numeric: tabular-nums;
  direction: ltr;
  text-align: end;
}

.chapter {
  border-block-start: 0;        
  padding-block: 0 clamp(var(--s-8), 10vh, var(--s-10));
}

.scene {
  padding-block: clamp(var(--s-7), 8vh, var(--s-9));
}

.scene__head { display: block; margin-block-end: var(--s-6); }

.prose__stat {
  background: none;
  border: 0;
  border-inline-start: 2px solid var(--accent);
  border-radius: 0;
  padding: var(--s-2) var(--s-5);
  min-inline-size: 0;
}
.prose__stat-value { font-size: clamp(2.5rem, 6vw, 3.75rem); }

.prose__stat + .prose__stat { margin-block-start: calc(var(--s-4) * -1); }

@media (min-width: 900px) {
  .prose:has(.prose__stat + .prose__stat) { }
  .scene--standard .prose,
  .scene--value .prose { gap: var(--s-6); }
}

.value-grid > .card {
  background: none;
  border: 0;
  padding: 0;
}
.value-grid > .card.aud--secondary {
  border: 1px dashed var(--line);
  padding: var(--s-5);
  border-radius: var(--radius-lg);
}

.prose__exclusions {
  display: grid;
  gap: var(--s-3);
  padding: var(--s-4) var(--s-5);
  border-inline-start: 2px solid var(--graphite-line);
  max-inline-size: 46ch;
}

.prose__exclusion {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--s-3);
  align-items: baseline;
  color: var(--text-dim);
  text-decoration: line-through;
  text-decoration-color: var(--graphite-line);
  text-decoration-thickness: 1px;
}

.prose__exclusion-mark {
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.owner-value {
  color: var(--text);
  font-weight: 700;
  font-variant-numeric: lining-nums tabular-nums;
}

.scene--investment .prose__display .owner-value {
  color: var(--accent);
  font-size: 1.15em;
  letter-spacing: -0.01em;
}

.scene--investment .prose > p:not([class]) { max-inline-size: 62ch; }

.scene--cover {
  min-block-size: 72dvh;
  min-block-size: 72vh;
  display: grid;
  align-content: center;
}
.scene--cover .scene__title { font-size: clamp(2.5rem, 7vw, 5rem); max-inline-size: 20ch; }
.scene--cover .prose__display { font-size: var(--fs-xl); max-inline-size: 24ch; }

@media (min-width: 1100px) {
  .scene--value .scene__body,
  .scene--mockup .scene__body,
  .scene--grid .scene__body {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: clamp(var(--s-6), 5vw, var(--s-8));
    align-items: start;
  }
  
  .scene--value .scene__body > .pgal,
  .scene--mockup .scene__body > .pgal,
  .scene--grid .scene__body > .pgal,
  .scene__body > .cmp {
    grid-column: 1 / -1;
  }
}

.scene--investment .prose { gap: var(--s-4); }
.scene--investment .prose__display { max-inline-size: 34ch; }

.scene--roadmap .prose__points {
  max-inline-size: none;
}
@media (min-width: 1100px) {
  .scene--roadmap .prose__points {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: var(--s-5);
  }
  .scene--roadmap .prose__point {
    grid-template-columns: 1fr;
    gap: var(--s-3);
    padding-block-start: var(--s-4);
    border-block-start: 1px solid var(--line);   
  }
}

.scene--closing {
  min-block-size: 70dvh;
  min-block-size: 70vh;
  display: grid;
  align-content: center;
}
.scene--closing .prose__display { font-size: var(--fs-xl); max-inline-size: 22ch; }
.scene--closing .actions { margin-block-start: var(--s-6); }

.cmp {
  background: none;
  border-radius: var(--radius-lg);
}
.cmp__why { background: none; }

.pgal {
  background: none;
  border: 0;
  border-block-start: 1px solid var(--line);
  border-radius: 0;
  padding-inline: 0;
}
.pgal__head { padding-inline: 0; }
.pgal__track { padding-inline: 0; }

.pgal__frame,
.media--product {
  box-shadow: 0 18px 34px -22px rgba(0, 0, 0, .9);
}

@media (max-width: 767px) {
  .chapter__head { min-block-size: auto; padding-block: var(--s-8) var(--s-6); }
  .scene--cover,
  .scene--closing { min-block-size: auto; }
  .chapter__num { font-size: clamp(3.5rem, 22vw, 5.5rem); }
  .prose__stat { padding-inline: var(--s-4); }
}