/* Chapter 1: an editorial composition that opens into the landscape. */
  .chapter-one{
    --chapter-type-size:min(12.1vw, 20vh);
    --chapter-type-top:max(116px, 15.4vh);
    position:relative; width:100%; isolation:isolate; background:#14211D;
  }
  @supports (height:100svh){
    .chapter-one{
      --chapter-type-size:min(12.1vw, 20svh);
      --chapter-type-top:max(116px, 15.4svh);
    }
  }
  /* This text wrapper participates in normal page flow and is never pinned. */
  .chapter-one__copy{
    position:relative; width:100%;
    height:max(52svh, calc(var(--chapter-type-top) + var(--chapter-type-size) * 1.78 + 32px));
  }
  .chapter-one__stage{ position:relative; width:100%; }
  /* The photograph is always full size; only its visible side edges open. */
  .chapter-one__image{
    position:relative; margin:0; width:100%; height:auto;
    overflow:hidden; border-radius:40px;
    clip-path:inset(0 15% 0 15% round 40px);
    background:#263A2C; pointer-events:none;
  }
  .chapter-one__image img{
    display:block; width:100%; height:auto; aspect-ratio:3 / 4;
  }
  .chapter-one__title{ margin:0; font-weight:400; }
  .chapter-one__edge, .chapter-one__horizon{
    position:absolute; z-index:2; margin:0;
    font-family:"Playfair Display",serif; font-size:var(--chapter-type-size);
    font-weight:400; line-height:.86; letter-spacing:-.055em; pointer-events:none;
  }
  .chapter-one__edge{ top:var(--chapter-type-top); left:4.8%; color:#D5C8BA; }
  .chapter-one__edge span{ display:block; }
  .chapter-one__edge span + span{ margin-top:.06em; }
  .chapter-one__horizon{
    top:calc(var(--chapter-type-top) + var(--chapter-type-size) * .88);
    right:4.8%; color:#B39677;
  }
  .chapter-one__caption{
    position:absolute; z-index:2; top:calc(var(--chapter-type-top) + 10px); left:55%;
    width:290px; max-width:30%; margin:0; transform:translateX(-50%);
    color:#A8ACA2; font:500 12px/1.8 "Plus Jakarta Sans",sans-serif;
    letter-spacing:.2em; text-align:center; text-transform:uppercase; pointer-events:none;
  }
  .chapter-one__caption span{ display:block; }
  @media (max-width:760px){
    .chapter-one{
      --chapter-type-size:min(20vw, 9.8svh);
      --chapter-type-top:max(206px, 23svh);
    }
    .chapter-one__edge{ left:6%; }
    .chapter-one__horizon{
      top:calc(var(--chapter-type-top) + var(--chapter-type-size) * 1.8);
      right:6%; font-size:min(17.8vw, 9svh);
    }
    .chapter-one__caption{
      top:max(140px, 16svh); left:50%; width:88%; max-width:none;
      transform:translateX(-50%); text-align:center; font-size:12px; line-height:1.7; letter-spacing:.12em;
    }
    .chapter-one__copy{ height:max(57svh, calc(var(--chapter-type-top) + var(--chapter-type-size) * 2.8 + 32px)); }
  }
  @media (min-width:761px) and (max-height:650px){
    .chapter-one{
      --chapter-type-size:min(11vw, 18svh);
      --chapter-type-top:104px;
    }
    .chapter-one__caption{ font-size:12px; }
  }
  @media (max-width:760px) and (max-height:600px){
    .chapter-one{ --chapter-type-top:186px; --chapter-type-size:min(17vw, 12svh); }
    .chapter-one__horizon{ font-size:min(15.6vw, 11svh); }
  }
  @media (max-width:760px) and (max-height:600px) and (orientation:landscape){
    .chapter-one{ --chapter-type-top:142px; --chapter-type-size:min(10vw, 15svh); }
    .chapter-one__horizon{
      top:calc(var(--chapter-type-top) + var(--chapter-type-size) * .88);
      font-size:var(--chapter-type-size);
    }
    .chapter-one__caption{ top:142px; left:55%; width:240px; max-width:40%; }
    .chapter-one__copy{ height:calc(var(--chapter-type-top) + var(--chapter-type-size) * 1.78 + 32px); }
  }
  @media (prefers-reduced-motion: reduce){
    *{ transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
    .chapter-one__image{ clip-path:inset(0); border-radius:0; }
  }