
.l8w .duo .title { font-size: max(2rem, calc(var(--t-title) * var(--k, 1))); }
.l8w .pin .body { font-size: max(1.0625rem, calc(var(--t-body) * var(--kb, 1))); }
.l8w:not(.still) .pin { height: calc(var(--len, 2) * var(--vh) + 2 * var(--over, 0px)); }
.l8w:not(.still) .pin > .stage { top: calc(var(--top) - var(--over, 0px)); height: calc(var(--lvh) - var(--top) + var(--over, 0px)); }

@media (min-width: 861px) {
  .l8w:not(.still) .duo > .art { align-self: end; max-height: calc(var(--lvh) - var(--top) - var(--under) - 2 * clamp(1.25rem, 4vh, 3.5rem)); }
}
@media (max-width: 860px) {
  .l8w.still .duo > .art { height: min(92vw, 28rem); }
}

.l8w .svc .hero .display { font-size: min(var(--t-display), 11.5vh); }
@media (min-width: 861px) {
  .l8w.still.svc:not(.room) .hero .art { position: static; width: 54%; height: clamp(12rem, 26vw, 22rem); margin-left: auto; margin-top: clamp(1rem, 3vh, 2rem); }
}
.l8w .intro { padding-block: clamp(2rem, 3.5vw, 3rem) clamp(3.5rem, 5.5vw, 5.5rem); }
.l8w .intro p { font-family: var(--font-display); font-weight: 500; font-size: var(--t-heading); line-height: 1.25; letter-spacing: -.02em; max-width: 30em; text-wrap: pretty; }
@media (max-width: 860px) {
  .l8w .intro { padding-top: 1.25rem; }
  .l8w .intro p { font-size: var(--t-h3); line-height: 1.35; letter-spacing: -.01em; }
}

.l8w [data-scene="vsSteps"] .blk, .l8w [data-scene="isSeesaw"] .blk, .l8w [data-scene="arFunnel"] .blk { font-family: var(--font-display); font-weight: 500; letter-spacing: -.01em; }
@media (max-width: 860px) {
  .l8w.still :is([data-scene="vsSteps"], [data-scene="isSeesaw"], [data-scene="arFunnel"]) .duo > .art { height: min(147vw, 46rem); }
}

.l8w .rows[data-effect="asked"] svg.ask { width: clamp(2.25rem, 3vw, 2.75rem); height: auto; overflow: visible; margin-bottom: .2rem; }
.l8w .rows[data-effect="asked"] svg.ask path { fill: none; stroke: var(--signal); stroke-width: calc(var(--pen) * .6); stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; stroke-dasharray: 1; }
.l8w [data-scene="isShake"] .blk, .l8w [data-scene="isTear"] .blk { font-family: var(--font-display); font-weight: 500; letter-spacing: -.01em; }

.l8w .why { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(1.5rem, 5vw, 6rem); align-items: end; }
.l8w .why .title { max-width: 14em; }
.l8w .why .led { border-top: 2px solid var(--signal); padding-top: 1.1rem; max-width: 22em; }
@media (max-width: 860px) {
  .l8w .why { grid-template-columns: minmax(0, 1fr); }
  .l8w .why .led { width: fit-content; }
}
.l8w .pin.statement .stage > .wrap { grid-template-columns: minmax(0, 1fr); align-content: center; gap: clamp(1.5rem, 5vh, 3.5rem); padding-block: clamp(1.25rem, 4vh, 3.5rem); }
.l8w:not(.still) .pin.statement .stage > .wrap { grid-template-rows: minmax(0, 1fr) auto; align-content: stretch; }
.l8w:not(.still) .pin.statement .head { height: 100%; }
.l8w:not(.still) .pin.statement .title { margin-block: auto; }
.l8w:not(.still) .pin.statement .led { align-self: end; }
.l8w .statement .title { font-size: var(--st, min(var(--t-title), 11vh)); max-width: 15em; }
.l8w .statement .title .w { opacity: calc(.14 + .86 * var(--w, 1)); }
.l8w .statement .led { opacity: var(--r, 1); transform: translateY(calc((1 - var(--r, 1)) * 1rem)); }
.l8w .uline { position: relative; white-space: nowrap; }
.l8w .uline > svg { position: absolute; left: -.04em; bottom: -.16em; width: calc(100% + .08em); height: .3em; overflow: visible; pointer-events: none; clip-path: inset(-50% calc((1 - var(--m, 1)) * 100%) -50% -2%); }
.l8w .uline > svg path { fill: none; stroke: var(--signal); stroke-width: calc(var(--pen) * .9); stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
@media (max-width: 860px) {
  .l8w .statement .title { font-size: var(--st, min(11.5vw, 7vh)); }
}

.l8w .rows:not([data-effect="cats"]) { margin-bottom: calc(-1 * clamp(1.25rem, 3vw, 2.25rem)); }
.l8w.still .strip { height: clamp(9rem, 22vw, 20rem); }
@media (max-width: 860px) {
  .l8w.still .strip { height: clamp(11rem, 48vw, 16rem); }
}
