/* Original Pearl & Pig artwork stays whole; typography belongs to Big What Big Wow. */
.originals-section{padding-block:90px 70px;background:#151814;border-top:1px solid var(--line)}
.originals-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:52px}
.originals-heading h2{font-size:clamp(72px,9vw,132px);line-height:.86}
.originals-heading h2 span{color:var(--lime)}
.originals-heading>p{max-width:310px;color:var(--muted);font-size:16px;line-height:1.7;padding-bottom:5px}
.originals-heading .eyebrow{font-size:14px}
.original-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4.5vw,70px);padding-block:42px;border-top:1px solid var(--line)}
.original-feature:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.original-feature:nth-child(even) .original-art{order:2}
.original-art{display:block;min-width:0;background:#0c0e0c;border:1px solid #ffffff20;box-shadow:0 18px 45px #0004;transition:box-shadow .25s,border-color .25s}
.original-art:hover,.original-art:focus-visible{border-color:var(--lime);box-shadow:0 24px 50px #0007}
.original-art img{width:100%;height:auto;aspect-ratio:1182/665;object-fit:contain}
.original-copy{min-width:0}
.original-meta{display:flex;gap:18px;color:var(--muted);font-size:14px;margin-bottom:18px}
.original-meta>span{color:var(--lime);font-variant-numeric:tabular-nums}
.original-copy h3{font-size:clamp(38px,4.4vw,68px);line-height:.95;margin-bottom:22px}
.original-description{font-size:16px;line-height:1.7;color:#c5cbbf;max-width:520px}
.original-copy .text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:14px;margin-top:16px}
.original-copy .text-link:hover{color:var(--lime)}
.original-index-thumb{object-fit:contain;background:#151814}
.system-tourtext h3{font-family:var(--body);font-weight:600;font-size:44px;letter-spacing:-.055em;line-height:1.2}
.system-tourtext h3>span{font-size:16px;vertical-align:top;letter-spacing:0;margin-left:4px}
.system-tourtext p.tourtext-position{font-size:18px;line-height:1.45;margin-top:20px}
.system-tourtext p.tourtext-description{font-size:16px;line-height:1.65;color:#b9c9ce;margin-top:15px}
.system-tourtext .text-link{background:none;padding:12px 0 0;font-size:14px;min-height:44px;gap:14px}

.systems-intro>p:not(.systems-role){font-size:16px}
.story-nav{overflow-x:auto;scrollbar-width:thin;justify-content:flex-start}
.story-nav a{flex-shrink:0}
@media(max-width:1100px){.original-feature,.original-feature:nth-child(even){gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.original-feature:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
@media(max-width:760px){.nav .nav-story{display:none}.nav{gap:12px}.originals-section{padding-block:62px 42px}.originals-heading{display:block;margin-bottom:34px}.originals-heading h2{font-size:clamp(64px,17vw,100px)}.originals-heading>p{margin-top:25px;max-width:100%}.original-feature,.original-feature:nth-child(even){grid-template-columns:minmax(0,1fr);gap:26px;padding-block:32px}.original-feature:nth-child(even) .original-art{order:0}.original-meta{margin-bottom:14px}.original-copy h3{font-size:46px;margin-bottom:18px}.original-description{max-width:none}.originals-heading .section-kicker{gap:12px}.system-tourtext h3{font-size:38px}.story-nav a{font-size:12px;padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.original-art{transition:none}}
.paused .original-art,.reduced .original-art{transition:none}

/* Three systems share the tile; the artwork participates in layout so copy never overlaps. */
.world-systems .world-system-art{position:relative;inset:auto;margin:0 18px 24px;flex-shrink:0;opacity:1}
.world-system-art .world-tourtext{grid-column:1 / -1;grid-row:3;font:600 28px/1.2 var(--body);letter-spacing:-.055em;margin-top:5px;color:var(--cream)}
@media(max-width:760px){.world-systems .world-system-art{margin:0 12px 22px}.world-system-art .world-tourtext{font-size:23px}}

/* Selected TourText message-bubble identity, adapted for the site's dark surfaces. */
.tourtext-logo{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:screen}
.world-system-art .world-tourtext{display:block;width:100%;max-width:180px;margin-top:5px}
.world-system-art .world-tourtext .tourtext-logo{width:100%;max-width:none;height:auto;max-height:none;object-fit:contain}
.experience-item[data-credit="tourtext"] .experience-copy>strong{max-width:100%;width:min(100%,180px)}
.system-tourtext h3{max-width:300px}
#dialogTourTextLogo{width:min(100%,340px);margin:16px 0 24px}
