@layer reading {
  .page-welcome .desk-reading { margin-left: 0; max-width: none; }
  .page-welcome .welcome-arrival { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr); gap: 3.2rem; padding-top: 2.6rem; }
  .page-welcome .chapter-heading { display: block; padding: 0; margin-bottom: 1.25rem; }
  .page-welcome h1 { font-size: clamp(3rem, 5.4vw, 3.8rem); max-width: 17ch; line-height: 1.05; }
  .page-welcome .arrival { font-size: 22px; max-width: 47ch; }
  .page-welcome .arrival-copy > .lead { font-size: 22px; margin-block: .9rem 1.3rem; }
  .page-welcome .choice-window { background: var(--field); color: white; padding: 1.9rem; display: flex; flex-direction: column; justify-content: end; position: relative; min-height: 620px; }
  .page-welcome .window-initial { position: absolute; left: 1.7rem; top: 1.6rem; font: 280px/.85 var(--display); color: #c6e9dd; }
  .page-welcome .choice-window h2 { font-size: 38px; margin-top: 15rem; margin-bottom: .4rem; }
  .page-welcome .choice-window a { color: white; width: 100%; font-size: 22px; min-height: 52px; }
  .page-welcome .welcome-definition { padding: 2rem; background: var(--wash); margin-top: 3rem; clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 30px 100%, 0 calc(100% - 30px)); }
  .page-welcome .welcome-definition h2 { max-width: none; }
  .page-welcome .welcome-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
  .page-welcome .welcome-paths h3 { margin-bottom: .7rem; }
  .page-welcome .welcome-paths p { font-size: 20px; }
  .page-welcome .welcome-paths a { font-size: 19px; }
  .page-welcome .object-plate { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, .7fr); align-items: end; }
  .page-welcome .object-plate img { max-height: 480px; }
  .page-welcome .object-plate figcaption { font: 36px/1.15 var(--display); padding: 1.5rem; }
  .page-welcome .full-index { padding-block: .5rem 1rem; }
  .page-welcome .full-index h2 { margin-bottom: 1.5rem; }
}
@layer narrow {
  @media (max-width: 1000px) {
    .page-welcome .welcome-arrival { gap: 1.7rem; grid-template-columns: 1.2fr 1fr; }
    .page-welcome .choice-window { padding: 1.4rem; }
    .page-welcome .window-initial { font-size: 240px; left: 1.2rem; }
    .page-welcome .welcome-paths { gap: 1.2rem; }
  }
  @media (max-width: 700px) {
    .page-welcome .welcome-arrival { display: block; padding-top: 1.7rem; }
    .page-welcome h1 { font-size: clamp(2.35rem, 11.6vw, 3.4rem); max-width: 18ch; }
    .page-welcome .choice-window { margin-top: 2rem; min-height: 0; padding: 1.5rem; }
    .page-welcome .window-initial { position: static; font-size: 132px; line-height: .8; }
    .page-welcome .choice-window h2 { margin-top: 1rem; font-size: 34px; }
    .page-welcome .welcome-definition { padding: 1.4rem; margin-top: 2rem; }
    .page-welcome .welcome-paths { grid-template-columns: 1fr; gap: 1.6rem; }
    .page-welcome .object-plate { display: block; }
    .page-welcome .object-plate figcaption { font-size: 28px; padding: 1rem; }
  }
}