/* Home opening only. The original paper, Fin and website become one sequence.
   Layer order is inherited: opening copy 2, paper 4, travelling family 5.
   The opening owner is the sole writer of Fin/sheet transforms. */
.immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-process {
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  gap: clamp(48px, 7vw, 104px);
}
.immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-process h2 {
  max-width: 14ch;
  font-size: clamp(44px, 4.5vw, 68px);
  line-height: 1.04;
  letter-spacing: -.04em;
}
.immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-process > div > p:not(.ph-kicker) {
  max-width: 30ch;
}
.immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-steps li {
  padding-block: 26px;
}
.immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-steps li:first-child {
  padding-top: 0;
}
/* The original Fin becomes the existing agent preview. Its static background
   remains the complete fallback whenever the single opening owner cannot fit. */
.immersive-site .full-site [data-home-sequence="paper"][data-home-carry="ready"] .ph-strip-preview--agent {
  background-image: none;
}
.immersive-site .full-site [data-home-sequence="paper"][data-home-carry="ready"] .ls-family {
  z-index: 5;
}
.immersive-site .full-site [data-home-sequence="paper"][data-home-carry="ready"] .ls-family .ph-character--reception {
  transform-origin: 0 0;
}
/* The larger title is for a roomy paper hold; short viewports retain the
   original compact reading measure rather than squeezing three statements. */
@media (min-width: 701px) and (max-height: 839px) {
  .immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-process h2 {
    font-size: clamp(40px, 4vw, 60px);
  }
  .immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-steps li {
    padding-block: 21px;
  }
  .immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-steps li:first-child {
    padding-top: 0;
  }
}
@media (min-width: 701px) and (max-width: 1100px) {
  .immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-process {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 32px;
  }
  .immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-process h2 {
    font-size: clamp(38px, 4.5vw, 48px);
  }
}
@media (max-width: 700px) {
  .immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-process {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }
  .immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-process h2 {
    max-width: 17ch;
    font-size: clamp(36px, 10vw, 42px);
    line-height: 1.06;
  }
  .immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-steps li {
    padding-block: 26px;
  }
  .immersive-site .full-site [data-home-sequence="paper"] .ls-process-sheet .ph-steps li:first-child {
    padding-top: 0;
  }
}