/* One desk, one set of working papers. The same DOM objects rest, lift and return. */
/* Reading content stays legible; progression is carried by marks, not faded text. */
.table-journey .table-journey__profit-board .table-journey__profit-reading,
.table-journey .table-journey__positioning-board .table-journey__questions li,
.table-journey .table-journey__method-board .table-journey__method li,
.table-journey .table-journey__evidence-board .table-journey__evidence li,
.table-journey .table-journey__experience li { opacity: 1!important; }
.table-journey {
  --desk-visible: 1;
  --desk-opacity: 1;
  --sheet-visible: 1;
  --book-rest: 0;
  --experience-in: 1;
  --experience-out: 0;
  --sheet: oklch(95.6% .014 82);
  --sheet-edge: oklch(78% .025 77 / .55);
}
.operator-film__measure { display: none; }
.operator-film__progress, .table-journey[data-active="true"] .table-journey__progress { gap: 0; }
.operator-fit__note { grid-column: 2; margin: -5vw 0 0; max-width: 36ch; font-size: 14px; line-height: 1.5; color: var(--ink-3); }
.operator-book-note { display: flex; align-items: end; justify-content: space-between; gap: 48px; padding: 72px clamp(24px,6vw,92px); background: var(--paper); }
.operator-book-note blockquote { max-width: 800px; margin: 0; font-size: clamp(28px,4vw,55px); line-height: 1.08; letter-spacing: -.04em; }
.operator-book-note .table-concept__cta { flex: 0 0 auto; min-height: 44px; }
.table-journey[data-active="true"] .table-journey__phase {
  opacity: 1;
  transform: none;
  z-index: 2;
  perspective: 1400px;
  pointer-events: none;
  will-change: auto;
}
.table-journey[data-active="true"] .table-journey__phase--0 { opacity: var(--phase-0); z-index: 6; }
.table-journey[data-active="true"] .table-journey__heading {
  opacity: var(--phase-opacity, 1);
  transform: translate3d(0,var(--phase-y,0px),0);
  visibility: hidden;
  will-change: opacity, transform;
}
.table-journey[data-scene="0"] .table-journey__phase--0,
.table-journey[data-scene="1"] .table-journey__phase--1,
.table-journey[data-scene="2"] .table-journey__phase--2,
.table-journey[data-scene="3"] .table-journey__phase--3,
.table-journey[data-scene="4"] .table-journey__phase--4,
.table-journey[data-scene="5"] .table-journey__phase--5,
.table-journey[data-scene="6"] .table-journey__phase--6,
.table-journey[data-scene="7"] .table-journey__phase--7 { z-index: 5; }
.table-journey[data-scene="0"] .table-journey__phase--0 .table-journey__heading,
.table-journey[data-scene="1"] .table-journey__phase--1 .table-journey__heading,
.table-journey[data-scene="2"] .table-journey__phase--2 .table-journey__heading,
.table-journey[data-scene="3"] .table-journey__phase--3 .table-journey__heading,
.table-journey[data-scene="4"] .table-journey__phase--4 .table-journey__heading,
.table-journey[data-scene="5"] .table-journey__phase--5 .table-journey__heading,
.table-journey[data-scene="6"] .table-journey__phase--6 .table-journey__heading,
.table-journey[data-scene="7"] .table-journey__phase--7 .table-journey__heading { visibility: visible; }
.table-journey[data-scene="7"] .table-journey__heading--book { pointer-events: auto; }
.table-journey__heading--threep h2, .table-journey__heading--threep>p:last-of-type { opacity: 1; transform: none; }
.table-journey__zone-link { display: none; }
.table-journey__zones { height: min(56vh,520px); transform: none; opacity: 1; }
.table-journey__zone { width: 76%; aspect-ratio: 2.2; }
.table-journey__zone--1 { left: 0; top: 0; }
.table-journey__zone--2 { left: 12%; right: auto; top: 31%; }
.table-journey__zone--3 { left: 24%; top: 62%; }
.table-journey__zone-label { position: relative; inset: auto; height: 100%; padding: 22px; border: 0; background: transparent; align-content: center; grid-template-columns: 30px 1fr; }
.table-journey__zone-label strong { font-size: clamp(25px,2.8vw,42px); }
.table-journey__zone-label p { font-family: var(--font-sans); font-size: 14px; line-height: 1.3; text-transform: none; white-space: normal; color: var(--ink-3); }
.table-journey__zone .table-journey__document { padding: 0; }
.table-journey__zone .table-journey__document>* { display: none; }
.table-journey__zone--1 .table-journey__document { background: var(--sheet); }
.table-journey__zone--2 .table-journey__document { background: oklch(95% .014 225); }
.table-journey__zone--3 .table-journey__document { background: oklch(94.5% .025 65); }

.table-journey__profit-board { --sheet-visible: calc(1 - var(--evidence-visible,0)); --lift: calc(var(--profit-in) * (1 - var(--profit-out))); --rest-x: -4vw; --rest-y: 33vh; --rest-turn: -8deg; }
.table-journey__positioning-board { --lift: calc(var(--positioning-in) * (1 - var(--positioning-out))); --rest-x: 7vw; --rest-y: 28vh; --rest-turn: 5deg; }
.table-journey__portfolio-board { --lift: calc(var(--portfolio-in) * (1 - var(--portfolio-out))); --rest-x: 16vw; --rest-y: 32vh; --rest-turn: 10deg; }
.table-journey__method-board { --sheet-visible: var(--method-visible,1); --lift: calc(var(--method-in) * (1 - var(--method-out))); --rest-x: 5vw; --rest-y: 30vh; --rest-turn: -3deg; }
.table-journey__evidence-board { --sheet-visible: var(--evidence-visible,1); --lift: calc(var(--evidence-in) * (1 - var(--evidence-out))); --rest-x: -4vw; --rest-y: 28vh; --rest-turn: -8deg; }
.table-journey__experience-board { --sheet-visible: var(--experience-visible,1); --lift: calc(var(--experience-in) * (1 - var(--experience-out))); --rest-x: -13vw; --rest-y: 30vh; --rest-turn: -11deg; }
.table-journey[data-active="true"] :is(.table-journey__profit-board,.table-journey__positioning-board,.table-journey__portfolio-board,.table-journey__method-board,.table-journey__evidence-board,.table-journey__experience-board) {
  transform-origin: 50% 65%;
  transform: translate3d(calc((1 - var(--lift)) * var(--rest-x)),calc((1 - var(--lift)) * var(--rest-y)),calc(var(--lift) * 24px))
    scale3d(calc(.21 + var(--lift) * .79),calc(.21 + var(--lift) * .79),calc(.21 + var(--lift) * .79))
    rotateX(calc((1 - var(--lift)) * 64deg))
    rotateZ(calc((1 - var(--lift)) * var(--rest-turn)));
  opacity: calc(var(--desk-visible) * var(--desk-opacity) * var(--sheet-visible) * (.78 + var(--lift) * .22));
  will-change: transform, opacity;
  transition: none;
}
.table-journey__profit-board,.table-journey__method-board,.table-journey__evidence-board,.table-journey__experience-board {
  background: var(--sheet);
  border: 1px solid var(--sheet-edge);
  border-bottom-width: 2px;
  box-shadow: 0 calc(2px + var(--lift) * 16px) calc(5px + var(--lift) * 28px) oklch(25% .02 75 / .14);
}
.table-journey__profit-board { padding: 16px 20px; }
.table-journey__profit-meta { grid-template-columns: 1fr auto; }
.table-journey__profit-columns,.table-journey__profit-board .table-journey__profit-reading { grid-template-columns: .65fr 1.15fr 1fr; }
.table-journey__profit-board .table-journey__profit-reading strong { font-size: clamp(17px,1.7vw,25px); line-height: 1.1; }
.table-journey__profit-scan,.table-journey__evidence-scan { display: none; }
.table-journey__profit-board .table-journey__profit-reading { opacity: calc(.5 + var(--rp) * .5); transform: none; }

.table-journey__positioning-board { height: min(66vh,550px); }
.table-journey__positioning-sheet { padding: 18px 22px; background: oklch(95% .014 225); }
.table-journey__positioning-title { padding: 20px 0; border-bottom: 0; grid-template-columns: 1.1fr .9fr; gap: 20px; }
.table-journey__positioning-title strong { font-size: clamp(32px,3vw,46px); }
.table-journey__positioning-title small { font-family: var(--font-sans); font-size: 12px; text-transform: none; }
.table-journey__positioning-board .table-journey__questions { top: 36%; bottom: 20px; height: auto; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(6,1fr); }
.table-journey__positioning-board .table-journey__questions li { position: relative; inset: auto; display: grid!important; opacity: .55; visibility: visible; transform: none; min-height: 0; padding: 10px 0; border: 0; border-bottom: 1px solid var(--sheet-edge); grid-template-columns: 25px 1fr; gap: 10px; transition: opacity 180ms ease; }
.table-journey__positioning-board .table-journey__questions p { font-size: clamp(16px,1.55vw,23px); line-height: 1.15; }
.table-journey[data-positioning="0"] .table-journey__questions li:nth-child(1),
.table-journey[data-positioning="1"] .table-journey__questions li:nth-child(2),
.table-journey[data-positioning="2"] .table-journey__questions li:nth-child(3),
.table-journey[data-positioning="3"] .table-journey__questions li:nth-child(4),
.table-journey[data-positioning="4"] .table-journey__questions li:nth-child(5),
.table-journey[data-positioning="5"] .table-journey__questions li:nth-child(6) { opacity: 1!important; }
.table-journey__positioning-index { display: none; }

.table-journey__portfolio-board { height: min(62vh,520px); }
.table-journey__portfolio-origin,.table-journey__portfolio-index { display: none; }
.table-journey__portfolio-board .table-journey__routes { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 0; }
.table-journey__portfolio-board .table-journey__route { position: relative; inset: auto; display: grid!important; width: auto; aspect-ratio: auto; min-height: 0; padding: 19px; opacity: 1!important; visibility: visible; border: 1px solid var(--sheet-edge); background: oklch(94.5% .025 65); box-shadow: none; transform: rotateY(calc((1 - var(--lift)) * var(--fold,0deg))); transform-origin: left center; transition: none; }
.table-journey__portfolio-board .table-journey__route:nth-child(even) { --fold: -62deg; }
.table-journey__portfolio-board .table-journey__route:nth-child(odd) { --fold: 8deg; }
.table-journey__portfolio-board .table-journey__route::after { display: none; }
.table-journey__portfolio-board .table-journey__route small { font-family: var(--font-sans); font-size: 12px; text-transform: none; line-height: 1.15; }
.table-journey__portfolio-board .table-journey__route ul li { font-size: 13px; line-height: 1.3; }
.table-journey__method-board .table-journey__method li>i { display: none; }
.table-journey__method-board .table-journey__method li { opacity: calc(.5 + var(--mp) * .5); transform: none; }
.table-journey__method-board .table-journey__method p { font-family: var(--font-sans); font-size: 14px; }
.table-journey__method-index,.table-journey__evidence-index { display: none; }
.table-journey__evidence-board .table-journey__evidence li { opacity: calc(.5 + var(--ep) * .5); transform: none; }
.table-journey__evidence-board .table-journey__evidence strong { color: var(--copper-text); }
.table-journey__experience-board { position: relative; padding: 18px 22px; }
.table-journey__experience-meta { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--ink); font: var(--type-mono); font-size: 9px; color: var(--copper-text); }
.table-journey__experience { width: auto; margin: 0; gap: 24px; }
.table-journey__experience li { opacity: calc(.5 + var(--xp) * .5); transform: none; }
.table-journey__experience strong { line-height: 1.2; }
.table-journey__experience span { font-family: var(--font-sans); font-size: 12px; line-height: 1.3; }
.table-journey__book-field { display: none; }
.table-journey__camera-video--bridge { opacity: var(--bridge-opacity,0); object-position: calc(100% - var(--bridge) * 50%) center; }
.table-journey[data-active="true"] .table-journey__book { display: none; }
.table-journey__book-rest { position: absolute; z-index: 3; right: 7%; top: 70%; opacity: var(--book-rest); transform: rotateX(62deg) rotateZ(13deg); transform-origin: center; pointer-events: none; perspective: 1000px; }
.table-journey__book-rest .book3d { --w: clamp(110px,13vw,180px); margin: 0; }
.table-journey__book-rest .book3d__body { transform: rotateY(-8deg); }
.table-journey__book-rest .book3d__stage { transform: none; }
.table-journey__heading--book blockquote { opacity: var(--book); }
.table-journey__heading--book .table-concept__cta { min-height: 44px; }
.table-journey[data-scene="7"] .table-journey__shade { background: linear-gradient(90deg,oklch(97% .012 82 / .97) 0%,oklch(97% .012 82 / .94) 36%,oklch(97% .012 82 / .12) 72%,transparent); }

@media (max-width:850px) {
  .operator-book-note { display: grid; gap: 28px; padding: 48px 24px; justify-items: start; }
  .operator-fit__note { grid-column: 1; margin: -3vw 0 0; }
  .table-journey__phase,.table-journey__phase--1,.table-journey__phase--2,.table-journey__phase--3,.table-journey__phase--4,.table-journey__phase--5,.table-journey__phase--6 {
    display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr; align-content: start; align-items: center; gap: 20px; padding: 78px 24px 52px;
  }
  .table-journey__heading h2,.table-journey__phase .table-journey__heading h2 { margin: 15px 0 14px; font-size: clamp(36px,7.4vw,61px); line-height: .95; }
  .table-journey__heading>p:last-of-type,.table-journey__phase .table-journey__heading>p:last-of-type { max-width: 38ch; font-size: 14px; line-height: 1.4; }
  .table-journey__profit-board,.table-journey__positioning-board,.table-journey__portfolio-board,.table-journey__method-board,.table-journey__evidence-board,.table-journey__experience-board { width: 100%; max-width: 650px; margin: 0; }
  .table-journey__profit-board { --rest-x: -12vw; --rest-y: 22vh; }
  .table-journey__positioning-board { --rest-x: 9vw; --rest-y: 18vh; }
  .table-journey__portfolio-board { --rest-x: 27vw; --rest-y: 22vh; }
  .table-journey__method-board { --rest-x: 10vw; --rest-y: 28vh; }
  .table-journey__evidence-board { --rest-x: -12vw; --rest-y: 22vh; }
  .table-journey__experience-board { --rest-x: -25vw; --rest-y: 28vh; }
  .table-journey__zones { width: 100%; height: 300px; margin: 0; transform: none; }
  .table-journey__zone { width: 84%; aspect-ratio: 2.8; }
  .table-journey__zone--2 { left: 8%; }
  .table-journey__zone--3 { left: 16%; }
  .table-journey__zone-label { padding: 16px; }
  .table-journey__zone-label strong { font-size: 25px; }
  .table-journey__zone-label p { font-size: 12px; }
  .table-journey__zone-label>span { font-size: 9px; }
  .table-journey__profit-board { padding: 12px 14px; min-height: 0; }
  .table-journey__profit-meta { padding-bottom: 9px; font-size: 8px; }
  .table-journey__profit-columns { display: none; }
  .table-journey__profit-board .table-journey__readings { height: auto; margin: 0; }
  .table-journey__profit-board .table-journey__profit-reading { position: relative; inset: auto; display: grid!important; visibility: visible; opacity: calc(.5 + var(--rp) * .5)!important; transform: none!important; grid-template-columns: 64px 1fr; grid-template-rows: auto auto; gap: 2px 10px; min-height: 42px; padding: 8px 0; border: 0; border-bottom: 1px solid var(--sheet-edge); }
  .table-journey__profit-board .table-journey__profit-reading span { grid-column: 1; grid-row: 1/3; font-size: 9px; }
  .table-journey__profit-board .table-journey__profit-reading strong { grid-column: 2; grid-row: 1; font-size: 16px; }
  .table-journey__profit-board .table-journey__profit-reading p { grid-column: 2; grid-row: 2; font-size: 11px; line-height: 1.25; }
  .table-journey__profit-index { display: none; }
  .table-journey__positioning-board { height: 320px; }
  .table-journey__positioning-sheet { padding: 13px 16px; }
  .table-journey__positioning-title { padding: 15px 0; gap: 16px; }
  .table-journey__positioning-title strong { font-size: 28px; }
  .table-journey__positioning-title small { font-size: 11px; }
  .table-journey__positioning-board .table-journey__questions { top: 112px; left: 16px; right: 16px; bottom: 14px; height: auto; }
  .table-journey__positioning-board .table-journey__questions li { opacity: .65!important; padding: 5px 0; min-height: 0; grid-template-columns: 18px 1fr; gap: 8px; }
  .table-journey__positioning-board .table-journey__questions p { font-size: 14px; line-height: 1.15; }
  .table-journey__portfolio-board { height: 304px; }
  .table-journey__portfolio-board .table-journey__route { display: block!important; padding: 12px 10px; }
  .table-journey__portfolio-board .table-journey__route>span { position: absolute; top: 13px; left: 10px; }
  .table-journey__portfolio-board .table-journey__route strong,.table-journey__portfolio-board .table-journey__route small { display: block; margin-left: 18px; }
  .table-journey__portfolio-board .table-journey__route strong { font-size: 25px; }
  .table-journey__portfolio-board .table-journey__route small { font-size: 10px; }
  .table-journey__portfolio-board .table-journey__route ul { margin-top: 10px; padding-top: 8px; }
  .table-journey__portfolio-board .table-journey__route ul li { font-size: 11px; line-height: 1.2; margin-top: 2px; }
  .table-journey__method-board { min-height: 0; padding: 13px 15px; }
  .table-journey__method-board .table-journey__method { height: auto; width: auto; margin: 0; }
  .table-journey__method-board .table-journey__method li { position: relative; inset: auto; display: grid!important; visibility: visible; opacity: calc(.5 + var(--mp) * .5)!important; transform: none!important; grid-template-columns: 20px 78px 1fr; grid-template-rows: auto; min-height: 43px; gap: 8px; padding: 9px 0; }
  .table-journey__method-board .table-journey__method strong { font-size: 20px; }
  .table-journey__method-board .table-journey__method p { grid-column: 3; font-size: 12px; }
  .table-journey__evidence-board { min-height: 0; padding: 13px 15px; }
  .table-journey__evidence-board .table-journey__evidence { height: auto; width: auto; margin: 0; }
  .table-journey__evidence-board .table-journey__evidence li { position: relative; inset: auto; display: grid!important; visibility: visible; opacity: calc(.5 + var(--ep) * .5)!important; transform: none!important; grid-template-columns: 91px 1fr; grid-template-rows: auto auto; gap: 3px 10px; min-height: 58px; padding: 11px 0; }
  .table-journey__evidence-board .table-journey__evidence strong { grid-row: 1/3; font-size: 25px; line-height: 1; white-space: nowrap; }
  .table-journey__evidence-board .table-journey__evidence p { font-size: 13px; }
  .table-journey__evidence-board .table-journey__evidence span { font-size: 9px; line-height: 1.25; }
  .table-journey__experience-board { padding: 13px 15px; }
  .table-journey__experience-meta { padding-bottom: 10px; margin-bottom: 12px; font-size: 8px; }
  .table-journey__experience { width: auto; margin: 0; gap: 15px; }
  .table-journey__experience>div>p { font-size: 8px; padding-bottom: 7px; }
  .table-journey__experience li { padding: 7px 0; gap: 3px; }
  .table-journey__experience strong { font-size: 13px; }
  .table-journey__experience span { font-size: 10px; }
  .table-journey__book-rest { right: 2%; top: 73%; }
  .table-journey__book-rest .book3d { --w: 120px; }
}
@media (max-width:520px) {
  .table-journey__phase,.table-journey__phase--1,.table-journey__phase--2,.table-journey__phase--3,.table-journey__phase--4,.table-journey__phase--5,.table-journey__phase--6 { padding: 74px 20px 45px; gap: 16px; }
  .table-journey__heading h2,.table-journey__phase .table-journey__heading h2 { font-size: clamp(34px,10.4vw,45px); }
  .table-journey__phase .table-journey__heading>p:last-of-type { font-size: 13px; }
  .table-journey__zones { height: 280px; }
  .table-journey__zone { aspect-ratio: 2.4; }
  .table-journey__profit-board .table-journey__profit-reading { padding: 6px 0; min-height: 42px; }
  .table-journey__profit-board .table-journey__profit-reading strong { font-size: 14px; }
  .table-journey__positioning-board { height: 300px; }
  .table-journey__positioning-board .table-journey__questions { top: 112px; }
  .table-journey__positioning-title { grid-template-columns: 1.5fr .7fr; gap: 12px; }
  .table-journey__positioning-title strong { font-size: 24px; }
  .table-journey__positioning-title small { font-size: 10px; }
  .table-journey__portfolio-board { height: 294px; }
  .table-journey__portfolio-board .table-journey__route strong { font-size: 23px; }
  .table-journey__experience-board { padding: 12px; }
  .table-journey__experience { gap: 12px; }
  .table-journey__experience-meta { margin-bottom: 8px; padding-bottom: 8px; line-height: 1.2; }
  .table-journey__experience>div>p { line-height: 1.2; }
  .table-journey__experience li { padding: 4px 0; gap: 2px; }
  .table-journey__experience strong { font-size: 12px; line-height: 1.1; }
  .table-journey__experience span { font-size: 10px; line-height: 1.15; }
  .table-journey__phase--7 { display: block; padding: 80px 20px 45px; }
  .table-journey__phase--7 .table-journey__heading--book { position: relative; width: 100%; height: calc(100svh - 125px); }
  .table-journey__phase--7 .table-journey__heading--book h2 { width: 85%; font-size: clamp(29px,9vw,40px); }
  .table-journey__heading--book>p:last-of-type { width: 68%; }
  .table-journey__heading--book blockquote { position: absolute; left: 0; bottom: 68px; width: 64%; font-size: 14px; line-height: 1.2; margin: 0; padding-top: 12px; }
  .table-journey__heading--book .table-concept__cta { position: absolute; left: 0; bottom: 0; }
  .table-journey__camera-video--bridge { inset: 0; width: 100%; object-fit: cover; object-position: calc(90% - var(--bridge) * 34%) center; transform: none; }
  .table-journey[data-scene="7"] .table-journey__shade { background: linear-gradient(180deg,oklch(97% .012 82 / .97) 0%,oklch(97% .012 82 / .83) 27%,transparent 49%),linear-gradient(90deg,oklch(97% .012 82 / .9),oklch(97% .012 82 / .18) 42%,transparent 65%); }
  .table-journey[data-active="true"] .table-journey__book { right: 3vw; top: 79%; }
  .table-journey__book .book3d { --w: clamp(110px,38vw,160px); }
}
@media (prefers-reduced-motion:reduce) {
  .table-journey[data-active="true"] .table-journey__book { display: grid; position: relative; right: auto; top: auto; opacity: 1; transform: none; }
  .table-journey[data-active="true"] .table-journey__phase,
  .table-journey[data-active="true"] .table-journey__heading { opacity: 1; visibility: visible; transform: none; }
  .table-journey[data-active="true"] :is(.table-journey__profit-board,.table-journey__positioning-board,.table-journey__portfolio-board,.table-journey__method-board,.table-journey__evidence-board,.table-journey__experience-board) { opacity: 1; transform: none; will-change: auto; }
  .table-journey__book-rest { display: none; }
  .table-journey__heading--book blockquote { opacity: 1; }
  .table-journey__portfolio-board .table-journey__route { transform: none; }
  .table-journey__phase--7 .table-journey__heading--book { width: 100%; }
  .table-journey__phase--7 .table-journey__heading--book { height: auto; }
  .table-journey__heading--book blockquote,.table-journey__heading--book .table-concept__cta { position: static; margin-top: 24px; }
  .table-journey__heading--book>p:last-of-type,.table-journey__heading--book blockquote { width: 100%; }
}
