/*
 * Final visual corrections layered over the exact production build recovered
 * on 2026-08-13. This file intentionally changes only the marked hero and
 * perspective-journey details; all later sections remain untouched.
 */

/* -------------------------------------------------------------------------- */
/* Hero — close the city/terrain seam without altering the approved movement. */
/* -------------------------------------------------------------------------- */

.living-ink-prototype
  .mp-city__plane[data-plane='nearCity']
  .mp-city__picture {
  transform: scaleX(1.052);
  transform-origin: 100% 50%;
}

/* The expanded city should read as one landscape, never as stacked cutouts. */
.living-ink-prototype
  .mp-city__plane[data-plane='nearCity']
  .mp-city__art {
  filter: sepia(0.025) saturate(0.92) contrast(0.985)
    drop-shadow(0 1px 0 rgb(23 23 22 / 0.08));
}

.living-ink-prototype
  .mp-city__plane[data-plane='midgroundTerrain']
  .mp-city__art {
  filter: sepia(0.018) saturate(0.94) contrast(0.99)
    drop-shadow(0 1.2px 0.9px rgb(23 23 22 / 0.11));
}

/* -------------------------------------------------------------------------- */
/* Newspaper — smaller, right-registered, with the event still visible.       */
/* -------------------------------------------------------------------------- */

.living-ink-prototype .mp-newspaper__registration {
  --mp-newspaper-x-offset: 22.5vw;
  --mp-newspaper-x-offset: min(
    22.5vw,
    calc((100vw - min(58vw, 790px)) / 2 - 16px)
  );
}

.living-ink-prototype .mp-newspaper__sheet {
  width: min(58vw, 790px);
  min-height: min(58svh, 525px);
  padding: clamp(1.15rem, 2vw, 2.15rem);
}

.living-ink-prototype .mp-newspaper__header h2 {
  font-size: clamp(2rem, 3.15vw, 3.15rem);
}

.living-ink-prototype .mp-newspaper__lead {
  column-gap: clamp(1.1rem, 2vw, 2rem);
  padding-top: clamp(1.05rem, 2.3svh, 1.8rem);
}

.living-ink-prototype .mp-newspaper__lead h3 {
  font-size: clamp(2.25rem, 4.05vw, 4.25rem);
}

/* The dispatch is an evidence clipping, not a second illustrated scene. */
.living-ink-prototype .mp-newspaper-note__card {
  top: 29%;
  left: clamp(28px, 5vw, 92px);
  width: min(19vw, 300px);
  aspect-ratio: 1.78 / 1;
  filter: drop-shadow(0 8px 9px rgb(23 23 22 / 0.14));
  transform-origin: 50% -12px;
  isolation: isolate;
}

.living-ink-prototype .mp-newspaper-note__card::before {
  position: absolute;
  z-index: 2;
  top: -13px;
  right: 0;
  left: 0;
  height: 20px;
  background:
    linear-gradient(82deg, transparent 42%, rgb(48 43 39 / 0.68) 44% 52%, transparent 54%)
      16% 0 / 10px 18px no-repeat,
    linear-gradient(98deg, transparent 42%, rgb(48 43 39 / 0.68) 44% 52%, transparent 54%)
      84% 0 / 10px 18px no-repeat;
  content: '';
  filter: sepia(0.18);
}

.living-ink-prototype .mp-newspaper-note__card::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    radial-gradient(circle at 23% 31%, rgb(23 23 22 / 0.04) 0 0.6px, transparent 0.9px),
    radial-gradient(circle at 76% 68%, rgb(23 23 22 / 0.03) 0 0.55px, transparent 0.85px),
    linear-gradient(104deg, rgb(255 255 255 / 0.18), transparent 42%),
    #eee9de;
  background-size: 5px 5px, 7px 7px, auto, auto;
  clip-path: polygon(
    1% 3%,
    17% 1%,
    34% 2.4%,
    51% 0.7%,
    69% 2.1%,
    84% 0.5%,
    99% 2%,
    100% 96%,
    83% 98%,
    65% 96.5%,
    48% 99%,
    30% 97.1%,
    13% 98.5%,
    0 96%
  );
  content: '';
  filter: sepia(0.06) contrast(0.98);
}

.living-ink-prototype .mp-newspaper-note__card img {
  display: none;
}

.living-ink-prototype .mp-newspaper-note__card p {
  z-index: 3;
  top: 19%;
  right: 10%;
  left: 11%;
  max-width: 25ch;
  margin-inline: 0;
  font-size: clamp(0.78rem, 0.88vw, 0.96rem);
  line-height: 1.24;
  text-align: left;
  text-shadow: 0 1px 0 rgb(255 253 247 / 0.82);
}

.living-ink-prototype .mp-newspaper-note svg {
  top: 39%;
  left: min(19vw, 360px);
  width: min(30vw, 460px);
  height: 14svh;
}

/* Closing copy behaves like a signed editorial pull quote in the margin. */
.living-ink-prototype .mp-final-message {
  display: block;
}

.living-ink-prototype .mp-final-message__copy {
  position: absolute;
  top: 50%;
  left: clamp(28px, 5vw, 92px);
  width: min(32vw, 430px);
  text-align: left;
  transform: translateY(-50%) rotate(-0.8deg);
}

.living-ink-prototype .mp-final-message__copy p {
  margin: 0;
}

.living-ink-prototype .mp-final-message__copy p:first-child {
  font-size: clamp(2.25rem, 3.45vw, 3.9rem);
  font-weight: 650;
  letter-spacing: -0.06em;
  line-height: 0.92;
  text-align: left;
  text-wrap: normal;
}

.living-ink-prototype .mp-final-message__copy p:first-child span {
  display: block;
}

.living-ink-prototype
  .mp-final-message__copy
  p:first-child
  span:last-child {
  max-width: 12ch;
}

.living-ink-prototype .mp-final-message__copy p:last-child {
  max-width: 29ch;
  margin-top: 0.85rem;
  color: var(--mp-ink);
  font-family: var(--editorial-serif);
  font-size: clamp(0.84rem, 1vw, 1rem);
  font-style: italic;
  font-weight: 560;
  letter-spacing: -0.018em;
  line-height: 1.3;
  text-transform: none;
}

.living-ink-prototype .mp-final-message__backing {
  top: 50%;
  left: clamp(16px, calc(5vw - 16px), 76px);
  width: min(34vw, 450px);
  height: clamp(13rem, 31svh, 19.5rem);
  clip-path: polygon(
    1% 5%,
    17% 2%,
    34% 4.3%,
    51% 1%,
    69% 3.6%,
    85% 1.8%,
    99% 4%,
    98.5% 94%,
    81% 97%,
    63% 94.5%,
    45% 98%,
    27% 95%,
    10% 97.2%,
    1.4% 94%
  );
  border-color: rgb(23 23 22 / 0.12);
  box-shadow: 0 11px 28px rgb(23 23 22 / 0.12);
  transform: translateY(-50%) rotate(-0.55deg);
}

.living-ink-prototype .mp-final-message__stroke {
  top: calc(50% + clamp(6.3rem, 12svh, 8.1rem));
  left: clamp(31px, calc(5vw + 3px), 95px);
  width: clamp(4rem, 7vw, 7rem);
  height: 2px;
  translate: 0 0;
}

@media (min-width: 1200px) {
  .living-ink-prototype .mp-newspaper-note__card {
    left: clamp(120px, 8.5vw, 160px);
  }

  .living-ink-prototype .mp-newspaper-note svg {
    left: clamp(324px, 22.5vw, 360px);
  }
}

@media (min-width: 1800px) {
  .living-ink-prototype .mp-newspaper-note__card {
    left: min(21vw, 430px);
  }

  .living-ink-prototype .mp-newspaper-note svg {
    top: 39.3%;
    left: min(34vw, 700px);
    width: min(27vw, 540px);
  }
}

/* -------------------------------------------------------------------------- */
/* Role journey — seamless plate, true ceiling chains and directional props.  */
/* -------------------------------------------------------------------------- */

.living-ink-prototype .perspective-artwork__environment {
  --role-panorama-x: 0%;
  isolation: isolate;
}

.living-ink-prototype .perspective-journey__scroll {
  min-height: 440svh;
  view-timeline-name: --role-journey;
  view-timeline-axis: block;
  view-timeline-inset: 0;
}

/* Seven real drawings form one long lateral stage: four role rooms with a
   connective architectural drawing between every pair. Role changes translate
   the physical strip through the intermediary room; nothing dissolves. */
.living-ink-prototype .perspective-artwork__environment::before {
  position: absolute;
  z-index: 0;
  inset: 0 auto 0 0;
  width: 700%;
  background-image: url('/assets/editorial/roles-v3/role-stage-panorama-v3-1600.webp');
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: sepia(0.035) saturate(0.88) contrast(0.985);
  transform: translate3d(var(--role-panorama-x), 0, 0);
  transition: transform 1.08s cubic-bezier(0.23, 1, 0.32, 1);
  will-change: transform;
}

.living-ink-prototype .perspective-artwork__environment > svg {
  position: relative;
  z-index: 1;
}

.living-ink-prototype
  .perspective-artwork__environment
  [data-route-base-source] {
  opacity: 0;
}

.living-ink-prototype
  .perspective-journey[data-route-role='traveler']
  .perspective-artwork__environment {
  --role-panorama-x: 0%;
}

.living-ink-prototype
  .perspective-journey[data-route-role='operator']
  .perspective-artwork__environment {
  --role-panorama-x: -28.5714286%;
}

.living-ink-prototype
  .perspective-journey[data-route-role='journalist']
  .perspective-artwork__environment {
  --role-panorama-x: -57.1428571%;
}

.living-ink-prototype
  .perspective-journey[data-route-role='analyst']
  .perspective-artwork__environment {
  --role-panorama-x: -85.7142857%;
}

@keyframes role-panorama-scrub {
  0% {
    transform: translate3d(0%, 0, 0);
  }
  32% {
    transform: translate3d(-28.5714286%, 0, 0);
  }
  61% {
    transform: translate3d(-57.1428571%, 0, 0);
  }
  84% {
    transform: translate3d(-85.7142857%, 0, 0);
  }
  100% {
    transform: translate3d(-85.7142857%, 0, 0);
  }
}

@supports (animation-timeline: view()) {
  .living-ink-prototype .perspective-artwork__environment::before {
    animation: role-panorama-scrub linear both;
    animation-timeline: --role-journey;
    animation-range: contain 0% contain 100%;
    transition: none;
  }
}

/* The radio is no longer suspended. The operator gets three independent
   ceiling-chain runs instead, all detached from equipment. */
.living-ink-prototype [data-role-prop='operator-radio'] {
  display: none;
}

.living-ink-prototype .perspective-artwork__middle-ground::before,
.living-ink-prototype .perspective-artwork__middle-ground::after,
.living-ink-prototype .perspective-artwork__props::before {
  position: absolute;
  top: -6%;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  filter: sepia(0.16) saturate(0.74)
    drop-shadow(1px 1px 0 rgb(243 241 235 / 0.46));
  opacity: 0;
  transform-origin: 50% 0;
  transition:
    opacity 0.12s var(--editorial-ease-out),
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
}

.living-ink-prototype .perspective-artwork__middle-ground::before {
  left: 36.7%;
  width: 2.8%;
  height: 52%;
  background-image: url('/assets/editorial/roles-v3/chain-group-1.png');
  transform: translate3d(-24%, -28%, 0) rotate(-1.4deg);
}

.living-ink-prototype .perspective-artwork__middle-ground::after {
  left: 43.2%;
  width: 4.3%;
  height: 35%;
  background-image: url('/assets/editorial/roles-v3/chain-group-2.png');
  transform: translate3d(22%, -34%, 0) rotate(1.7deg);
}

.living-ink-prototype .perspective-artwork__props::before {
  z-index: 0;
  left: 50.1%;
  width: 6.6%;
  height: 45%;
  background-image: url('/assets/editorial/roles-v3/chain-group-3.png');
  transform: translate3d(-18%, -30%, 0) rotate(-1.1deg);
}

.living-ink-prototype
  .perspective-journey[data-route-role='operator']
  .perspective-artwork__middle-ground::before,
.living-ink-prototype
  .perspective-journey[data-route-role='operator']
  .perspective-artwork__middle-ground::after,
.living-ink-prototype
  .perspective-journey[data-route-role='operator']
  .perspective-artwork__props::before {
  opacity: 0.84;
  transform: translate3d(0, 0, 0) rotate(0deg);
  animation: role-chain-breathe 3.8s ease-in-out infinite alternate;
}

.living-ink-prototype
  .perspective-journey[data-route-role='operator']
  .perspective-artwork__middle-ground::after {
  animation-delay: -1.25s;
  animation-duration: 4.35s;
}

.living-ink-prototype
  .perspective-journey[data-route-role='operator']
  .perspective-artwork__props::before {
  animation-delay: -2.2s;
  animation-duration: 4.8s;
}

@keyframes role-chain-breathe {
  from {
    rotate: -0.34deg;
    translate: -0.7px 0;
  }
  to {
    rotate: 0.34deg;
    translate: 0.7px 1px;
  }
}

.living-ink-prototype .perspective-artwork__role-prop {
  transition:
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.1s var(--editorial-ease-out);
}

.living-ink-prototype
  .perspective-artwork__role-prop[data-active='true'] {
  opacity: 0.94;
  transform: translate3d(0, 0, 0) rotate(0deg);
}

/* The people share the same illustrated floor as the rooms. Their feet sit a
   little below its ink line, with a restrained handoff between role states. */
.living-ink-prototype .perspective-artwork__role-cutout {
  opacity: 0;
  transform: translate3d(0, 1.8%, 0) scale(0.965);
  transform-origin: 50% 100%;
  transition:
    transform 380ms cubic-bezier(0.23, 1, 0.32, 1),
    opacity 380ms cubic-bezier(0.23, 1, 0.32, 1);
  will-change: transform, opacity;
}

.living-ink-prototype
  .perspective-artwork__role-cutout[data-active='true'] {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.living-ink-prototype
  .perspective-artwork__role-cutout[data-role-cutout='traveler'] {
  bottom: -4.7%;
  left: -1.2%;
  width: 20.5%;
}

.living-ink-prototype
  .perspective-artwork__role-cutout[data-role-cutout='operator'] {
  bottom: -4.5%;
  left: 26.6%;
  width: 20%;
}

.living-ink-prototype
  .perspective-artwork__role-cutout[data-role-cutout='journalist'] {
  right: auto;
  bottom: -2.8%;
  left: 56.8%;
  width: 20.8%;
}

.living-ink-prototype
  .perspective-artwork__role-cutout[data-role-cutout='analyst'] {
  right: auto;
  bottom: -2.8%;
  left: 78.5%;
  width: 21%;
}

/* Traveler props occupy separate pieces of ground and arrive from different
   edges; they no longer rise in one vertical pile. */
.living-ink-prototype [data-role-prop='traveler-shrubs'] {
  bottom: -2.8%;
  left: -2.4%;
  width: 23%;
  transform: translate3d(-52%, 47%, 0) rotate(-2.3deg);
}

.living-ink-prototype [data-role-prop='traveler-map'] {
  bottom: -2.5%;
  left: 10.8%;
  width: 13.1%;
  transform: translate3d(-15%, 61%, 0) rotate(5deg);
}

.living-ink-prototype [data-role-prop='traveler-shrub-small'] {
  bottom: -0.8%;
  left: 22.1%;
  width: 7.2%;
  transform: translate3d(48%, 58%, 0) rotate(-3deg);
}

.living-ink-prototype [data-role-prop='journalist-lamp'] {
  top: -3.6%;
  left: 66.8%;
  width: 8.2%;
  transform: translate3d(22%, -62%, 0) rotate(3deg);
}

.living-ink-prototype [data-role-prop='journalist-camera'] {
  right: 16.2%;
  bottom: -2.4%;
  width: 7.8%;
  transform: translate3d(72%, 58%, 0) rotate(5deg);
}

.living-ink-prototype [data-role-prop='journalist-map'] {
  right: 25.2%;
  bottom: -4.4%;
  width: 11.8%;
  transform: translate3d(-26%, 68%, 0) rotate(-3deg);
}

.living-ink-prototype [data-role-prop='analyst-map'] {
  right: 0.5%;
  bottom: -4.8%;
  width: 13.4%;
  transform: translate3d(68%, 64%, 0) rotate(4deg);
}

.living-ink-prototype [data-role-prop='analyst-lamp'] {
  top: -4.2%;
  right: 6.2%;
  width: 7.4%;
  transform: translate3d(38%, -62%, 0) rotate(-3deg);
}

/* Every character receives a contact treatment appropriate to its setting so
   no cutout floats over the drawn room. */
.living-ink-prototype .perspective-artwork__role-contact {
  position: absolute;
  z-index: 0;
  right: 4%;
  bottom: 0.6%;
  left: 4%;
  display: block;
  height: 3.5%;
  border-radius: 50%;
  background: radial-gradient(
    ellipse at center,
    rgb(23 23 22 / 0.26),
    rgb(23 23 22 / 0.11) 44%,
    transparent 72%
  );
  filter: blur(1.35px);
  mix-blend-mode: multiply;
}

.living-ink-prototype
  [data-role-cutout='journalist']
  .perspective-artwork__role-contact,
.living-ink-prototype
  [data-role-cutout='analyst']
  .perspective-artwork__role-contact {
  right: -19%;
  bottom: -0.4%;
  left: -15%;
  height: 8%;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(180deg, rgb(237 232 221 / 0.9), rgb(203 194 179 / 0.64)),
    radial-gradient(rgb(23 23 22 / 0.08) 0.6px, transparent 0.8px);
  background-size: auto, 5px 5px;
  clip-path: polygon(3% 8%, 98% 0, 100% 70%, 95% 100%, 0 93%);
  filter: none;
}

/* Keep the editorial copy column inside the viewport at very wide desktop
   sizes while leaving the full-height illustrated stage dominant. */
@media (min-width: 1101px) {
  .living-ink-prototype .perspective-journey__stage {
    grid-template-columns: minmax(0, 1fr) minmax(23.5rem, 25vw);
  }

  .living-ink-prototype .perspective-journey__copy-column {
    overflow: hidden;
  }

  .living-ink-prototype .perspective-selector__button {
    min-width: 0;
    padding-inline: 0.35rem;
    font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  }

  .living-ink-prototype .perspective-copy__article h3,
  .living-ink-prototype .perspective-copy__summary {
    max-width: min(100%, 34ch);
  }
}

@media (max-width: 899px) and (orientation: portrait) {
  .living-ink-prototype .perspective-journey__scroll {
    min-height: 480svh;
  }

  .living-ink-prototype
    .perspective-artwork__role-cutout[data-role-cutout='traveler'] {
    bottom: -4.2%;
    left: 0.4%;
    width: 19%;
  }

  .living-ink-prototype
    .perspective-artwork__role-cutout[data-role-cutout='operator'] {
    bottom: -4%;
    left: 27.9%;
    width: 19%;
  }

  .living-ink-prototype
    .perspective-artwork__role-cutout[data-role-cutout='journalist'] {
    bottom: -2.3%;
    left: 58%;
    width: 19.5%;
  }

  .living-ink-prototype
    .perspective-artwork__role-cutout[data-role-cutout='analyst'] {
    bottom: -2.3%;
    left: 79.7%;
    width: 19.5%;
  }

  .living-ink-prototype
    .mp-city__plane[data-plane='nearCity']
    .mp-city__picture {
    transform: scaleX(1.035);
  }

  .living-ink-prototype .mp-newspaper__registration {
    --mp-newspaper-x-offset: 11vw;
  }

  .living-ink-prototype .mp-newspaper__sheet {
    width: min(76vw, 390px);
    min-height: min(59svh, 540px);
    padding: 0.95rem;
  }

  .living-ink-prototype .mp-newspaper__header h2 {
    font-size: clamp(1.55rem, 7.2vw, 2.15rem);
  }

  .living-ink-prototype .mp-newspaper__lead {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto;
    padding-top: 0.8rem;
  }

  .living-ink-prototype .mp-newspaper__lead h3 {
    font-size: clamp(2rem, 8.8vw, 3.2rem);
  }

  .living-ink-prototype .mp-newspaper__lead-image {
    grid-column: 1;
    grid-row: 3;
    margin-top: 0.7rem;
  }

  .living-ink-prototype .mp-newspaper__excerpt {
    grid-column: 1;
    grid-row: 4;
    max-width: none;
    margin-top: 0.65rem;
    font-size: clamp(0.68rem, 2.8vw, 0.82rem);
  }

  .living-ink-prototype .mp-newspaper__excerpt p:last-child {
    display: none;
  }

  .living-ink-prototype .mp-newspaper__rule {
    grid-column: 1;
    grid-row: 5;
  }

  .living-ink-prototype .mp-newspaper-note__card {
    top: 35.5%;
    left: 14px;
    width: min(35vw, 154px);
    filter: drop-shadow(0 5px 6px rgb(23 23 22 / 0.13));
  }

  .living-ink-prototype .mp-newspaper-note__card::before {
    top: -9px;
    height: 14px;
    background-size: 7px 12px, 7px 12px;
  }

  .living-ink-prototype .mp-newspaper-note__card p {
    top: 16%;
    right: 9%;
    left: 10%;
    font-size: clamp(0.58rem, 2.25vw, 0.7rem);
    line-height: 1.2;
  }

  .living-ink-prototype .mp-newspaper-note svg {
    top: 39%;
    left: 30vw;
    width: min(42vw, 250px);
    height: 11svh;
  }

  .living-ink-prototype .mp-final-message__copy {
    top: 68%;
    left: 18px;
    width: min(44vw, 205px);
    transform: translateY(-50%) rotate(-0.7deg);
  }

  .living-ink-prototype .mp-final-message__copy p:first-child {
    font-size: clamp(1.5rem, 6.7vw, 2rem);
    line-height: 0.94;
  }

  .living-ink-prototype .mp-final-message__copy p:last-child {
    max-width: 22ch;
    margin-top: 0.55rem;
    font-size: clamp(0.68rem, 2.55vw, 0.8rem);
    line-height: 1.22;
  }

  .living-ink-prototype .mp-final-message__backing {
    top: 68%;
    left: 8px;
    width: min(49vw, 226px);
    height: clamp(9.25rem, 23svh, 12rem);
    transform: translateY(-50%) rotate(-0.45deg);
  }

  .living-ink-prototype .mp-final-message__stroke {
    top: calc(68% + clamp(3.9rem, 10svh, 5rem));
    left: 20px;
    width: clamp(4rem, 16vw, 5.75rem);
  }

  .living-ink-prototype .perspective-artwork__middle-ground::before {
    left: 38.1%;
    width: 2.1%;
    height: 43%;
  }

  .living-ink-prototype .perspective-artwork__middle-ground::after {
    left: 42.8%;
    width: 3.3%;
    height: 29%;
  }

  .living-ink-prototype .perspective-artwork__props::before {
    left: 47.7%;
    width: 5.2%;
    height: 38%;
  }
}

@media (max-height: 500px) and (orientation: landscape) {
  .living-ink-prototype .perspective-journey__scroll {
    min-height: 380svh;
  }
}

@media (max-height: 500px) and (orientation: landscape) {
  .living-ink-prototype .mp-newspaper__sheet {
    width: min(53vw, 640px);
    min-height: min(61svh, 390px);
    padding: clamp(0.8rem, 1.7vw, 1.3rem);
    scale: 0.8;
    transform-origin: 50% 50%;
  }

  .living-ink-prototype .mp-newspaper__header h2 {
    font-size: clamp(1.5rem, 2.6vw, 2.35rem);
  }

  .living-ink-prototype .mp-newspaper__lead {
    padding-top: clamp(0.65rem, 2svh, 0.95rem);
  }

  .living-ink-prototype .mp-newspaper__lead h3 {
    font-size: clamp(1.75rem, 3.2vw, 3rem);
  }

  .living-ink-prototype .mp-newspaper-note__card {
    top: 27%;
    left: clamp(22px, 4vw, 60px);
    width: min(17vw, 210px);
    transform-origin: 50% -9px;
  }

  .living-ink-prototype .mp-newspaper-note__card p {
    top: 16%;
    font-size: clamp(0.62rem, 1.02vw, 0.78rem);
    line-height: 1.17;
  }

  .living-ink-prototype .mp-newspaper-note svg {
    top: 38%;
    left: min(17.5vw, 235px);
    width: min(25vw, 340px);
    height: 12svh;
  }

  .living-ink-prototype .mp-final-message__copy {
    top: 53%;
    left: clamp(22px, 4vw, 60px);
    width: min(29vw, 340px);
  }

  .living-ink-prototype .mp-final-message__copy p:first-child {
    font-size: clamp(1.6rem, 2.75vw, 2.65rem);
    line-height: 0.9;
  }

  .living-ink-prototype .mp-final-message__copy p:last-child {
    margin-top: 0.5rem;
    font-size: clamp(0.7rem, 0.95vw, 0.84rem);
  }

  .living-ink-prototype .mp-final-message__backing {
    top: 53%;
    left: clamp(12px, calc(4vw - 10px), 50px);
    width: min(33vw, 382px);
    height: clamp(8.5rem, 48svh, 11.5rem);
  }

  .living-ink-prototype .mp-final-message__stroke {
    top: calc(53% + clamp(3.4rem, 17svh, 4.4rem));
    left: clamp(25px, calc(4vw + 3px), 63px);
  }
}

@media (max-width: 899px) {
  .living-ink-prototype .perspective-artwork__environment::before {
    background-image: url('/assets/editorial/roles-v3/role-stage-panorama-v3-900.webp');
  }
}

@media (prefers-reduced-motion: reduce) {
  .living-ink-prototype
    .perspective-journey[data-route-role='operator']
    .perspective-artwork__middle-ground::before,
  .living-ink-prototype
    .perspective-journey[data-route-role='operator']
    .perspective-artwork__middle-ground::after,
  .living-ink-prototype
    .perspective-journey[data-route-role='operator']
    .perspective-artwork__props::before {
    animation: none;
  }

  .living-ink-prototype .perspective-artwork__environment::before {
    animation: none;
    transition: none;
  }

  .living-ink-prototype .perspective-artwork__role-cutout,
  .living-ink-prototype
    .perspective-artwork__role-cutout[data-active='true'] {
    transform: none;
    transition: none;
  }
}