.l8w .duo.wordy { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.l8w .duo.flip { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }

.l8w .strat { --hfs: max(2.25rem, calc(clamp(2.25rem, min(.75rem + 6vw, 22vh - 4rem), 8.5rem) * var(--k, 1))); }
.l8w .strat .display { font-size: var(--hfs); line-height: 1.02; }
.l8w .strat .copy { max-width: min(38rem, 45%); gap: clamp(.6rem, 1.6vh, 1.25rem); }
.l8w .strat .art { width: 50%; height: auto; top: calc(clamp(1.5rem, 5vh, 4rem) + 2.25rem + 3.06 * var(--hfs)); }

.l8w .offers .head .lead { margin-top: clamp(.5rem, 1.5vh, 1rem); max-width: 34em; }
.l8w .offers .after { max-width: 34em; }
.l8w .offers .field img { clip-path: inset(.8%); }

.l8w .pull { max-width: 24em; }

.l8w .cite { display: flex; flex-direction: column; gap: clamp(1.5rem, 3vw, 2.75rem); }
.l8w .cite blockquote { margin: 0; max-width: 26em; text-wrap: pretty; }
.l8w .cite figcaption { font-size: var(--t-small); line-height: 1.5; color: var(--soft); padding-top: 1.1rem; border-top: 2px solid var(--signal); width: fit-content; max-width: 100%; }
.l8w .cite .links { display: flex; flex-wrap: wrap; gap: .4rem 1.75rem; margin-top: .5rem; }
.l8w .cite .under svg { bottom: -.2em; height: .3em; }

.l8w .beside { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(1.5rem, 5vw, 6rem); align-items: center; }
.l8w .beside .pic { --e: 1; min-width: 0; display: flex; justify-content: flex-end; }
.l8w .beside .pic img { display: block; width: auto; height: auto; max-width: 100%; max-height: min(var(--vh) - var(--top) - 2 * clamp(2rem, 7vh, 8.5rem), 46rem); opacity: var(--e); transform: translateY(calc((1 - var(--e)) * 3.5rem)); will-change: transform, opacity; }
.l8w .beside.book { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); }
.l8w .beside.book .pic img { max-height: min(66vh, 34rem); transform: translateX(calc((1 - var(--e)) * 3.5rem)) rotate(calc((1 - var(--e)) * 4deg)); }
.l8w .on-caerulean .beside { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); align-items: end; }
.l8w .on-caerulean .beside .pic img { max-height: min(60vh, 32rem); transform: translateY(calc((1 - var(--e)) * 5rem)); }
.l8w .cite .under path { stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--m, 1)); }

.l8w .rows[data-effect] > li { opacity: var(--r, 1); transform: translateY(calc((1 - var(--r, 1)) * 1.5rem)); }

.l8w .cards.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.l8w .on-ink .card { background: none; border-color: var(--rule); border-top: 2px solid var(--signal); }
.l8w .cards.turns .card { opacity: calc(.8 + .2 * var(--on, 1)); transform: translateY(calc((1 - var(--on, 1)) * .75rem)); }


@media (max-width: 860px) {
  .l8w .duo.wordy, .l8w .duo.flip { grid-template-columns: minmax(0, 1fr); }
  .l8w:not(.still) .offers.run .stage { grid-template-rows: minmax(0, 27%) minmax(0, 1fr); }
  .l8w:not(.still) .offers.run .list { padding-top: 1rem; padding-bottom: calc(1rem + var(--under)); gap: 1rem; }
  .l8w .strat .display { font-size: clamp(2.125rem, 9.6vw, 3.5rem); }
  .l8w .strat .copy { max-width: none; }
  .l8w .strat .art { width: auto; height: 100%; top: auto; }
  .l8w .cards.three { grid-template-columns: minmax(0, 1fr); }
  .l8w .beside, .l8w .beside.book, .l8w .on-caerulean .beside { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .l8w .beside .pic { justify-content: flex-start; }
  .l8w .beside .pic img, .l8w .beside.book .pic img, .l8w .on-caerulean .beside .pic img { max-height: none; max-width: min(100%, 22rem); }
  .l8w .on-ink .art.strip { height: min(66vw, 18rem); }
  .l8w.still .duo > .art { height: min(92vw, 28rem); }
  .l8w .on-caerulean .copy > .act { order: 0; }
}

.l8w [data-scene="found"] .blk { font-family: var(--font-display); font-weight: 500; letter-spacing: -.01em; }