.l8w { --tile-khaki: url(assets/img/tile-khaki.jpg?v=d05269f5b6); }


.l8w .handnote { font-family: var(--font-hand); text-transform: uppercase; color: var(--signal); font-size: clamp(1.5rem, 1rem + 1.7vw, 2.9rem); line-height: .98; margin: 0; }
.l8w .handnote span { display: inline-block; transform: rotate(-4deg); }
.l8w .handnote svg { display: inline-block; width: clamp(4rem, 8vw, 8.5rem); height: auto; overflow: visible; vertical-align: middle; }
.l8w .handnote path { fill: none; stroke: var(--signal); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }

.l8w .opener .field { position: absolute; inset: 0; isolation: isolate; background: var(--bg); color: var(--fg); }
.l8w .opener .f1 { --bg: var(--caerulean); --fg: var(--paper); --signal: var(--mauve); --soft: rgba(249, 248, 245, .82); }
.l8w .opener .f2 { --fg: var(--ink); --signal: var(--caerulean); --soft: rgba(45, 45, 45, .72); }
.l8w .opener .field + .field { clip-path: inset(100% 0 0 0); will-change: clip-path; }
.l8w .opener .gfx { position: absolute; inset: 0; width: 100%; height: calc(100% - var(--under)); overflow: visible; }
.l8w .opener .lead { position: absolute; inset: 0 0 var(--under) 0; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; padding: clamp(1.5rem, 5vh, 4rem) var(--gutter) clamp(1.25rem, 4vh, 3rem); }
.l8w .opener .lines { font-family: var(--font-display); font-weight: 500; font-size: clamp(1.75rem, min(5.4vw, calc((100vw - .6 * min(var(--vh) - var(--top), 62vw) - var(--gutter) - 2.75rem) / 13.5), calc((var(--vh) - var(--top) - 9vh - 13.5rem) / 4.7)), 6rem); line-height: 1.1; letter-spacing: -.035em; margin-top: .3em; color: var(--fg); }
.l8w .opener .ln { display: block; width: fit-content; white-space: nowrap; transform-origin: 0 0; }
.l8w .opener .ln em { display: inline-block; transform-origin: 0 0; }
.l8w .opener .copy { max-width: 31rem; }
.l8w .opener .copy .body { color: var(--fg); }
.l8w .opener .copy .soft { color: var(--soft); }
.l8w .opener .eight { position: absolute; right: 0; top: calc((100% - var(--under)) / 2); height: min(100% - var(--under), 62vw); aspect-ratio: 1240 / 1628; background: var(--tile) center / contain no-repeat; transform: translateY(calc(-50% + (1 - var(--in, 1)) * 9%)); will-change: transform; }
.l8w .opener .eight.card { display: none; }
.l8w .biglogo { position: fixed; left: 0; top: 0; z-index: 60; display: none; max-width: none; transform-origin: 0 0; pointer-events: none; }
.l8w .opener .cue { position: absolute; left: 50%; bottom: var(--under); transform: translateX(-50%); width: clamp(10rem, 22vh, 15rem); height: clamp(6rem, 23vh, 13.5rem); pointer-events: none; }
@media (max-width: 860px) { .l8w .opener .cue { height: clamp(5rem, 17vh, 9rem); } }
.l8w .opener .front { position: absolute; left: 50%; transform: translateX(-50%); width: min(38rem, 100% - 2 * var(--gutter)); z-index: 1; display: flex; flex-direction: column; align-items: center; gap: .6rem; text-align: center; pointer-events: none; }
.l8w .opener .front .body { color: var(--fg); }
.l8w .opener .front .soft { color: var(--soft); }
.l8w.still .opener .cue, .l8w.still .opener .front, .l8w.still .biglogo { display: none !important; }

.l8w .services .stage { background: var(--ink); }
.l8w:not(.still) .services .stage { overflow: clip; }
.l8w .services { --peek: clamp(2.75rem, 4vw, 4.25rem); }
.l8w .services .track { display: flex; width: calc(5 * (100% - var(--peek)) + var(--peek)); height: calc(100% + var(--under)); will-change: transform; }
.l8w .services .slide { position: relative; flex: 0 0 calc((100% - var(--peek)) / 5); height: 100%; min-width: 0; }
.l8w .services .slide:last-child { flex-basis: calc((100% - var(--peek)) / 5 + var(--peek)); }
.l8w .services .tab { position: absolute; left: 0; top: 0; bottom: var(--under); width: var(--peek); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .9rem; border-left: 2px solid var(--rule); background: var(--bg); pointer-events: none; }
.l8w .services .tab b { font-family: var(--font-display); font-weight: 300; font-size: var(--t-h3); line-height: 1; color: var(--signal); }
.l8w .services .tab span { writing-mode: vertical-rl; transform: rotate(180deg); font-size: var(--t-label); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--fg); white-space: nowrap; }
.l8w .services .slide > .wrap { height: calc(100% - var(--under)); display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(1.5rem, 4vw, 5rem); align-items: center; padding-block: clamp(1.25rem, 4vh, 3rem) clamp(2.5rem, 7vh, 4.5rem); }
.l8w .services .copy { gap: calc(clamp(.6rem, 1.6vh, 1.1rem) * var(--grow, 1)); }
.l8w .services .eyebrow { color: var(--fg); }
.l8w .services .numeral { font-family: var(--font-display); font-weight: 200; font-size: calc(min(13vw, 23vh) * var(--grow-n, 1)); line-height: .82; letter-spacing: -.04em; margin-left: -.05em; color: var(--signal); }
.l8w .services .text { font-size: min(calc(var(--t-small) * var(--grow, 1)), var(--t-body)); line-height: 1.5; max-width: 34em; }
.l8w .services .more { margin: 0; font-size: var(--t-small); font-weight: 600; }
.l8w .services .art { height: 100%; }
.l8w .rail { position: absolute; left: var(--gutter); bottom: calc(clamp(1rem, 3vh, 1.75rem) + var(--under)); display: flex; gap: .5rem; }
.l8w .rail i { width: 2rem; height: 4px; border-radius: 2px; background: #8f8e8c; transition: background-color .2s; }
.l8w .rail i.on { background: var(--paper); box-shadow: 0 0 0 1px rgba(45, 45, 45, .55); }

@media (min-width: 861px) and (max-width: 1320px), (min-width: 861px) and (max-height: 880px) {
  .l8w .services .slide > .wrap { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); padding-block: clamp(1rem, 3vh, 2rem) clamp(3rem, 8.5vh, 4.5rem); }
  .l8w .services .numeral { font-size: calc(min(8vw, 13vh) * var(--grow-n, 1)); }
  .l8w .services .text { font-size: min(calc(var(--t-small) * var(--grow, 1)), var(--t-body)); line-height: 1.45; }
}
@media (min-width: 861px) and (max-height: 640px) { .l8w .services .numeral { display: none; } }

.l8w .book .pair { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(1.5rem, 5vw, 6rem); align-items: center; }
.l8w .book .cover { --aw: clamp(4.25rem, 6vw, 6rem); margin: 0; display: flex; justify-content: center; padding-bottom: clamp(4.75rem, 8vw, 7.25rem); }
.l8w .book .frame { position: relative; width: min(100%, 30rem); }
.l8w .book .frame img { display: block; width: 100%; height: auto; transform: translateY(calc((1 - var(--e, 1)) * 3.5rem)) rotate(calc((1 - var(--e, 1)) * -7deg)); will-change: transform; }
.l8w .book .handnote { position: absolute; left: 41%; top: calc(100% + .3rem); display: flex; align-items: flex-start; gap: .1rem; white-space: nowrap; }
.l8w .book .handnote svg { flex: none; width: var(--aw); }
.l8w .book .handnote path { stroke-width: var(--sw, 5); }
.l8w .book .handnote span { margin-top: calc(var(--aw) * .56 - .5em); opacity: var(--w, 1); transform: rotate(-4deg) translateY(calc((1 - var(--w, 1)) * .45rem)); }

.l8w .about .stage > .wrap { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: clamp(.5rem, 2vh, 1.25rem); padding-block: clamp(1rem, 3.5vh, 2.5rem); }
.l8w .about .head { display: flex; flex-direction: column; gap: .35rem; }
.l8w .about .title { font-size: var(--t-title); }
.l8w .about .art { height: auto; min-height: 0; align-items: flex-end; }
.l8w .about .lab { font: 600 20px/1 var(--font-body); letter-spacing: .09em; text-transform: uppercase; fill: var(--muted); }
.l8w .about .blk { font-family: var(--font-display); font-weight: 500; letter-spacing: -.01em; }
.l8w .about .cred.soft { font-family: var(--font-display); font-weight: 400; fill: var(--muted); }
@media (min-width: 861px) {
  .l8w:not(.still) .about .stage > .wrap { grid-template-rows: minmax(0, 1fr); padding-bottom: clamp(1.75rem, 4.5vh, 2.75rem); }
  .l8w:not(.still) .about .head, .l8w:not(.still) .about .art { grid-area: 1 / 1; }
  .l8w:not(.still) .about .head { align-self: start; position: relative; z-index: 1; pointer-events: none; }
  .l8w:not(.still) .about .art { height: 100%; }
}
.l8w .bios { --bgap: clamp(1.5rem, 4vw, 5rem); padding-top: clamp(1rem, 2.5vw, 2rem); overflow-x: clip; }
.l8w .bios-pair { gap: var(--bgap); }
.l8w .who { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.l8w .who .top { position: relative; display: flex; align-items: flex-end; gap: clamp(.75rem, 1.4vw, 1.4rem); }
.l8w .who .top::after { content: ""; position: absolute; left: 0; right: 0; bottom: -.2rem; height: .6rem; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 12' preserveAspectRatio='none'%3E%3Cpath d='M2 6C60 4 120 8 200 6S330 4 398 7' fill='none' stroke='%232D2D2D' stroke-opacity='.3' stroke-width='3' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 50% / calc(var(--g, 1) * 100%) 100% no-repeat; }
.l8w .who.lori .top::after { right: calc(-1 * var(--bgap)); }
.l8w .who .id { flex: 1 1 auto; min-width: 0; padding-bottom: clamp(.7rem, 1.3vw, 1.1rem); }
.l8w .who .me { flex: none; width: clamp(7.5rem, 12vw, 11.5rem); aspect-ratio: 220 / 250; }
.l8w .who.lori .me { margin-right: clamp(-.5rem, -.6vw, 0rem); }
.l8w .who .name { font-family: var(--font-display); font-weight: 500; font-size: var(--t-heading); line-height: 1.05; letter-spacing: -.03em; }
.l8w .who .role { font-size: var(--t-label); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.l8w .who .story { display: grid; gap: .8em; margin-top: clamp(.75rem, 2vh, 1.25rem); max-width: 31em; }
.l8w .who .more { display: block; margin-top: .6em; font-size: var(--t-small); }
.l8w .who .brick { position: relative; display: inline-block; padding: .04em .34em .08em; margin-block: -.04em; border-radius: 3px; background: var(--bk); color: var(--ink);
  font-family: var(--font-display); font-weight: 500; font-size: .92em; letter-spacing: -.01em; line-height: 1.3; white-space: nowrap;
  transform: translateY(calc(var(--y, 0) * 1em)) rotate(calc(var(--r, 0) * 1deg)); opacity: var(--o, 1); }
.l8w .who .brick.kh { --bk: var(--khaki); }
.l8w .who .brick.mv { --bk: var(--mauve); }
.l8w .who .brick.bl { --bk: var(--caerulean); color: var(--paper); }
.l8w .who .crush { position: relative; display: inline-block; white-space: nowrap; }
.l8w .who .doodle { position: absolute; max-width: none; overflow: visible; pointer-events: none; }
.l8w .who .doodle path { fill: none; stroke: var(--signal); stroke-width: calc(var(--pen) * .6); stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.l8w .who .doodle.spark { top: -.5em; width: .72em; height: .72em; }
.l8w .who .doodle.spark.l { left: -.62em; } .l8w .who .doodle.spark.r { right: -.62em; }
.l8w .who .doodle.heart { left: calc(100% + .5em); top: .08em; width: 1.05em; height: .95em; }

.l8w .trips .stage > .wrap { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: clamp(.5rem, 2vh, 1.25rem); padding-block: clamp(1rem, 3.5vh, 2.5rem) clamp(1rem, 3vh, 2rem); }
.l8w .trips .head { display: flex; flex-direction: column; gap: .35rem; }
.l8w .trips .title { font-size: var(--t-title); }
.l8w .trips .art { height: auto; min-height: 0; }
.l8w .trips .lab { font: 600 13px/1 var(--font-body); letter-spacing: .09em; text-transform: uppercase; fill: var(--paper); }
.l8w .trips .lab.when { font-weight: 400; letter-spacing: .02em; text-transform: none; fill: var(--soft); }
.l8w .trips svg .was { opacity: .5; }
.l8w .stops { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.5rem, 1.5vw, 1.5rem); }
.l8w .stops > li { border-top: 2px solid var(--rule); padding-top: .7rem; display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.l8w .stops > li[hidden] { display: none; }
.l8w .stops > li.is-on { border-top-color: var(--signal); }
.l8w .stops .faces { display: flex; margin-bottom: .15rem; }
.l8w .stops .faces img { width: clamp(1.75rem, 2.4vw, 2.5rem); aspect-ratio: 1; border-radius: 50%; object-fit: cover; border: 2px solid var(--paper); }
.l8w .stops .faces img + img { margin-left: -.5rem; }
.l8w .stops > li.was .faces img { filter: grayscale(1); }
.l8w .stops .state { font-size: var(--t-label); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--signal); min-height: 1.3em; }
.l8w .stops > li.was .state { color: var(--soft); }
.l8w .stops > li.was .h3 { text-decoration: line-through; text-decoration-thickness: 2px; text-decoration-color: rgba(249, 248, 245, .55); }
.l8w .stops .small { color: var(--soft); }

.l8w .said { --bg: var(--olive); --fg: var(--paper); --signal: var(--mauve); --soft: rgba(249, 248, 245, .8); padding-block: clamp(2.25rem, min(5.5vw, 8svh), 5.5rem); }
.l8w .said .qhead { display: flex; align-items: center; gap: clamp(1rem, 2vw, 1.5rem); }
.l8w .said .qhead .eyebrow { color: var(--fg); }
.l8w .said .quotes { --nw: min(36vw, 33rem); --nh: calc(100svh - 19rem); display: flex; justify-content: center; align-items: flex-start; padding-inline: clamp(0rem, 3vw, 4rem); }
.l8w .said .q { display: flex; min-width: 0; flex: 0 1 var(--nw); container-type: inline-size; }
.l8w .said .q:nth-child(1) { --note: var(--citrus); --mark: var(--mauve); --tilt: -2.2deg; --swing: -4deg; z-index: 1; }
.l8w .said .q:nth-child(2) { --note: var(--mauve); --mark: var(--paper); --tilt: 1.7deg; --swing: -3deg; z-index: 2; margin: clamp(.75rem, min(3vw, 3.5svh), 2.75rem) 0 0 calc(var(--nw) * -.02); }
.l8w .said .quotes:has(.q:nth-child(3)) { --nw: min(29vw, 27rem); }
.l8w .said .q:nth-child(2):not(:last-child) { --note: var(--khaki); --mark: var(--paper); --tilt: 1.4deg; --swing: -3.5deg; }
.l8w .said .q:nth-child(3) { --note: var(--mauve); --mark: var(--paper); --tilt: -1.2deg; --swing: -3deg; z-index: 3; margin: clamp(.4rem, min(1.5vw, 1.8svh), 1.4rem) 0 0 calc(var(--nw) * -.02); }
.l8w .quote .n8 { font-family: var(--font-display); font-weight: 500; font-size: .78em; letter-spacing: -.02em; }
.l8w .quote .qm { width: clamp(3rem, 5vw, 4.5rem); height: auto; fill: var(--signal); flex: none; }
.l8w .quote figure { --fg: var(--ink); --signal: var(--caerulean); --soft: rgba(45, 45, 45, .72); --off: calc(1 - var(--on, 1));
  position: relative; z-index: 0; margin: 0; width: 100%; min-height: min(100cqi, var(--nh)); color: var(--ink); display: flex; flex-direction: column; justify-content: space-between; gap: 4cqi; padding: 9cqi 7.5cqi 7cqi;
  transform-origin: 50% 4%; transform: translateY(calc(var(--off) * var(--lift, -2.2rem))) rotate(calc(var(--tilt) + var(--off) * var(--swing))) scale(calc(1 + var(--off) * .03)); }
.l8w .quote figure::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 2px 2px 3px 3px; background:
    linear-gradient(to bottom, rgba(45, 45, 45, .07), rgba(45, 45, 45, 0) 2px, rgba(45, 45, 45, 0) 13%, rgba(45, 45, 45, .045) 13.6%, rgba(45, 45, 45, 0) 17%),
    linear-gradient(162deg, rgba(255, 255, 255, 0) 62%, rgba(45, 45, 45, .07) 100%),
    var(--note);
  box-shadow: 0 1px 1px rgba(45, 45, 45, .16), 0 calc(2px + var(--off) * 26px) calc(4px + var(--off) * 38px) rgba(45, 45, 45, calc(.14 + var(--off) * .1)); }
.l8w .quote figure::after { content: ""; position: absolute; z-index: -2; right: 4%; bottom: 8%; width: 55%; height: 22%; box-shadow: 0 calc(15px - var(--off) * 6px) 13px rgba(30, 30, 12, .42); transform: rotate(3.2deg); opacity: calc(1 - var(--off) * .7); }
.l8w .quote blockquote { margin: 0; isolation: isolate; font-family: var(--font-hand); font-weight: 400; font-size: clamp(1.15rem, min(5.3cqi, var(--nh) * .062), 1.75rem); line-height: 1.16; letter-spacing: .005em; text-wrap: pretty; }
.l8w .quote .w { will-change: opacity; }
.l8w .quote mark { position: relative; white-space: nowrap; background: none; color: inherit; }
.l8w .quote mark::before { content: ""; position: absolute; z-index: -1; inset: .1em -.14em .02em; border-radius: 2px; background: var(--mark); transform: scaleX(var(--m, 1)) rotate(-.8deg); transform-origin: left center; }
.l8w .quote .under svg { bottom: -.12em; height: .24em; }
.l8w .quote .under path { stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--m, 1)); }
.l8w .quote figcaption { font-size: var(--t-small); line-height: 1.35; color: var(--soft); padding-top: .8rem; border-top: 2px solid var(--signal); width: fit-content; min-width: min(100%, 14rem); text-wrap: balance; }
.l8w .quote figcaption b { display: block; font-family: var(--font-display); font-weight: 500; font-size: var(--t-h3); line-height: 1.2; color: var(--fg); }

@media (min-width: 861px) { .l8w .said .q:not(:last-child) figure { padding-right: 12.5cqi; } }
@media (min-width: 861px) and (max-height: 860px) { .l8w .said .quotes { --nw: min(43vw, 38rem); } .l8w .said .gap-m { margin-top: .75rem; } }
@media (min-width: 861px) and (max-height: 860px) { .l8w .said .quotes:has(.q:nth-child(3)) { --nw: min(31vw, 30rem); } }
@media (min-width: 861px) and (max-width: 1199px) {
  .l8w .said .quotes:has(.q:nth-child(3)) { flex-wrap: wrap; row-gap: 1.5rem; column-gap: .75rem; }
  .l8w .said .quotes:has(.q:nth-child(3)) .q { flex: 0 1 calc(50% - .5rem); }
  .l8w .said .quotes:has(.q:nth-child(3)) .q:nth-child(2) { margin-left: 0; }
  .l8w .said .quotes:has(.q:nth-child(3)) .q:nth-child(3) { margin: 0; } }

.l8w .courses .split { align-items: end; }
.l8w .courses .handnote { justify-self: end; padding-right: 4%; }
.l8w .tickets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); }
.l8w .tickets > li { background: var(--white); border: 1px solid rgba(45, 45, 45, .15); border-radius: 3px; display: grid; grid-template-columns: auto minmax(0, 1fr); min-width: 0; }
.l8w .tickets .mins { display: flex; flex-direction: column; justify-content: center; gap: .2rem; padding: clamp(1rem, 2vw, 2rem); border-right: 2px dashed rgba(45, 45, 45, .3); font-size: var(--t-label); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.l8w .tickets .mins b { font-family: var(--font-display); font-weight: 200; font-size: clamp(3.5rem, 2rem + 6vw, 9rem); line-height: .85; letter-spacing: -.04em; color: var(--caerulean); }
.l8w .tickets .what { display: flex; flex-direction: column; gap: .7rem; padding: clamp(1rem, 2vw, 2rem); min-width: 0; }
.l8w .playbar { position: relative; height: 6px; border-radius: 3px; background: rgba(45, 45, 45, .15); margin: .5rem .6rem .35rem 0; }
.l8w .playbar i { position: absolute; inset: 0 auto 0 0; width: calc(var(--f, 1) * 100%); border-radius: 3px; background: var(--caerulean); }
.l8w .playbar b { position: absolute; top: 50%; left: calc(var(--f, 1) * 100%); width: 1.1rem; height: 1.1rem; margin: -.55rem 0 0 -.55rem; border-radius: 50%; background: linear-gradient(140deg, var(--mauve), var(--mauve-dark)); }
.l8w .playbar.a { --f: var(--fa, 1); } .l8w .playbar.b { --f: var(--fb, 1); }

.l8w .bridge { padding-block: clamp(2rem, 4vw, 3.5rem) 0; }
.l8w .bridge > .wrap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(1.5rem, 4vw, 5rem); align-items: end; }
.l8w .bridge .art { height: clamp(14rem, 24vw, 22rem); }
.l8w .bridge .title { font-size: var(--t-title); line-height: 1; padding-bottom: clamp(2.5rem, 7vw, 6rem); }

.l8w .close { padding-block: clamp(1.75rem, 3.5vw, 3rem); }
.l8w .close > .wrap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(1.5rem, 4vw, 5rem); align-items: center; }
.l8w .close .art { height: clamp(14rem, 23vw, 20rem); }
.l8w .close .title { font-size: var(--t-title); line-height: 1; }
.l8w .close .copy { gap: clamp(1rem, 2vw, 1.5rem); }

.l8w .links { display: flex; flex-wrap: wrap; gap: .4rem 1.75rem; font-size: var(--t-small); }
.l8w .legal { margin-top: 1.25rem; font-size: var(--t-small); line-height: 1.5; color: var(--soft); }
.l8w .legal summary { cursor: pointer; width: fit-content; }
.l8w .legal p { max-width: 60em; margin-top: .6rem; }
.l8w .legal a { color: inherit; }

.l8w.still .opener .field + .field, .l8w.still .opener .gfx { display: none; }
.l8w.still .opener .f0 { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: clamp(1.5rem, 4vw, 4rem); padding: clamp(2.5rem, 6vw, 5rem) var(--gutter); }
.l8w.still .opener .lead { position: static; padding: 0; gap: clamp(2rem, 5vw, 4rem); }
.l8w.still .opener .lines { font-size: clamp(1.4rem, 4.1vw, 5rem); }
.l8w.still .opener .eight.card { display: block; position: static; transform: none; height: auto; width: min(25vw, 22rem); border-radius: 3px; }
.l8w.still .about .stage > .wrap { padding-block: clamp(3rem, 7vw, 6rem) clamp(1.5rem, 4vw, 3rem); }
.l8w.still .about .art { height: clamp(14rem, 36vw, 32rem); }
.l8w.still .trips .art { height: auto; aspect-ratio: 1200 / 463; }
.l8w.still .trips .stage > .wrap { padding-block: clamp(3rem, 7vw, 6rem); }
.l8w.still .services .stage { background: none; }
.l8w.still .services .track { display: block; width: auto; height: auto; transform: none !important; }
.l8w.still .services .slide { height: auto; }
.l8w.still .services .tab { display: none; }
.l8w.still .services .slide > .wrap { height: auto; padding-block: clamp(3rem, 7vw, 6rem); }
.l8w.still .services .art { height: clamp(15rem, 36vw, 28rem); }
.l8w.still .rail { display: none; }

@media (max-width: 860px) {
  .l8w .bridge > .wrap { grid-template-columns: minmax(0, 1fr); align-items: start; gap: .5rem; }
  .l8w .bridge .art { height: min(72vw, 18rem); }
  .l8w .bridge .title { padding-bottom: 0; }
  .l8w .close > .wrap { grid-template-columns: minmax(0, 1fr); align-items: start; gap: .75rem; }
  .l8w .close .art { height: min(78vw, 19rem); }
  .l8w .opener .lead { justify-content: flex-start; gap: .9rem; padding: 1.1rem var(--gutter) 1rem; }
  .l8w .opener .lines { font-size: clamp(1.25rem, 6.5vw, 2.6rem); line-height: 1.14; }
  .l8w .opener .eight { top: auto; bottom: var(--under); right: 50%; height: min((100% - var(--under)) * .47, 100% - var(--under) - 20.5rem); transform: translate(50%, calc((1 - var(--in, 1)) * 9%)); }
  .l8w .services .slide > .wrap { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); align-items: start; gap: .5rem; padding-block: 1rem 2.4rem; }
  .l8w .services .numeral { display: none; }
  .l8w .services .text { font-size: .9375rem; line-height: 1.42; }
  .l8w .services .copy { gap: .5rem; }
  .l8w .book .pair, .l8w .tickets { grid-template-columns: minmax(0, 1fr); }
  .l8w .said .quotes { flex-direction: column; align-items: stretch; gap: 1.75rem; padding-inline: .35rem; }
  .l8w .said .q { flex: none; }
  .l8w .said .q:nth-child(1) { --tilt: -1.3deg; --swing: -1.5deg; }
  .l8w .said .q:nth-child(2) { --tilt: 1.1deg; --swing: 1.5deg; margin: 0; }
  .l8w .said .q:nth-child(3) { --tilt: -.9deg; --swing: -1.5deg; margin: 0; }
  .l8w .quote figure { --lift: 1.5rem; transform-origin: 50% 50%; min-height: 0; padding: 2.1rem 1.35rem 1.4rem; gap: 1.1rem; }
  .l8w .quote blockquote { font-size: 1.3rem; }
  .l8w .quote .qm { width: 2.75rem; }
  .l8w .book .frame { width: min(78%, 22rem); }
  .l8w .book .handnote { left: auto; right: -14.1%; }
  .l8w .about .stage > .wrap { padding-block: 1rem 1.5rem; gap: .6rem; }
  .l8w .about .title { font-size: 1.5rem; }
  .l8w.still .about .art { height: min(146vw, 36rem); }
  .l8w .bios-pair { gap: 2.25rem; }
  .l8w .who.lori .top::after { right: 0; }
  .l8w .who .me { width: 6.25rem; }
  .l8w .who .name { font-size: 1.4rem; }
  .l8w .trips .stage > .wrap { padding-block: 1rem .9rem; gap: .6rem; }
  .l8w .stops { grid-template-columns: minmax(0, 1fr); gap: .45rem; }
  .l8w .stops > li { padding-top: .4rem; display: grid; grid-template-columns: 5.6rem minmax(0, 1fr); column-gap: .6rem; }
  .l8w .stops .faces { grid-column: 1; grid-row: 1; margin: 0; }
  .l8w .stops .faces img { width: 1.6rem; }
  .l8w .stops .state { grid-column: 1; grid-row: 2; font-size: .75rem; letter-spacing: .05em; }
  .l8w .stops .h3 { grid-column: 2; grid-row: 1; }
  .l8w .stops .small { grid-column: 2; grid-row: 2; }
  .l8w .stops .h3 { font-size: 1.0625rem; }
  .l8w .stops .small { font-size: .8125rem; line-height: 1.35; }
  .l8w .courses .handnote { justify-self: start; padding: 0; }
  .l8w.still .opener .f0 { grid-template-columns: minmax(0, 1fr); }
  .l8w.still .opener .eight.card { width: min(62%, 16rem); transform: none; }
  .l8w.still .opener .lines { font-size: clamp(1.4rem, 6.5vw, 2.6rem); }
}
@media (max-width: 520px) { .l8w .tickets > li { grid-template-columns: minmax(0, 1fr); } .l8w .tickets .mins { flex-direction: row; align-items: baseline; gap: .6rem; border-right: 0; border-bottom: 2px dashed rgba(45, 45, 45, .3); } }

.l8w .opener svg.figlayer { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - var(--under, 0px)); z-index: 3; overflow: visible; pointer-events: none; --sw: 4.5; }
.l8w .opener svg.edgegrip { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - var(--under, 0px)); z-index: 6; overflow: hidden; pointer-events: none; --sw: 4.5; }