/* Reading page: shared HOME colors, typography, header and footer. */
.about-page .global-nav a[aria-current="page"] { text-decoration: underline; text-decoration-color: var(--green-dark); text-underline-offset: .6em; }
.about-main { padding: 8rem 1.25rem 0; }
.about-intro, .about-chapter { width: min(100%, var(--content)); margin-inline: auto; }
.about-intro { display: grid; gap: 1.75rem; align-items: center; padding-bottom: 4rem; }
.about-intro h1 { margin: 0 0 1.5rem; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.55; letter-spacing: .06em; font-weight: 600; }
.about-lead { font-weight: 600; font-size: 1.08rem; }
/* The source image has a gray final pixel column; hide only that edge in display. */
.about-illustration { width: min(100%, 17rem); height: auto; justify-self: center; border-radius: .35rem; clip-path: inset(0 1px 0 0 round .35rem); }
.about-main p { margin: 0 0 1.4rem; line-height: 2; }
.about-main p:last-child { margin-bottom: 0; }
.about-chapter { width: min(100%, 42rem); padding-block: 3rem; }
.about-reading { width: 100%; max-width: 38rem; margin-inline: auto; }
.about-chapter > h2 { max-width: 38rem; margin-inline: auto; }
.about-main h2 { font-size: clamp(1.45rem, 2.4vw, 2rem); line-height: 1.65; letter-spacing: .04em; margin-bottom: 1.8rem; text-wrap: pretty; }
.about-main .about-key-message { font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(1.25rem, 2.2vw, 1.55rem); font-weight: 700; line-height: 2; margin-block: 2.2rem; }
.about-story-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
.about-story-grid > div { width: 100%; max-width: 38rem; margin-inline: auto; }
.about-story-photo { width: 100%; margin-inline: auto; transform: rotate(.6deg); }
.about-story-photo img { height: auto; object-fit: contain; }
.about-connection-photo { transform: rotate(-.6deg); }
.about-invitation { padding-bottom: 3rem; }
.about-heading-phrase { display: inline-block; }
.about-cta { width: fit-content; max-width: 100%; margin-top: 2rem; padding-inline: 1.5rem; box-shadow: none; }
.about-landscape { position: relative; height: 100px; margin-inline: -1.25rem; overflow: hidden; }
.about-main { background: var(--paper); }
.about-intro, .about-chapter { position: relative; isolation: isolate; }
.about-intro::before, .about-chapter::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--paper);
  box-shadow: 0 0 0 100vmax var(--paper);
  clip-path: inset(0 -100vmax);
  pointer-events: none;
}
.about-main > section:nth-of-type(even)::before {
  background: var(--paper-deep);
  box-shadow: 0 0 0 100vmax var(--paper-deep);
}
.about-intro::before { top: -8rem; }
.about-landscape { background: var(--paper-deep); }
.about-page .site-footer { background: var(--paper); }
@media (min-width: 48rem) {
  .about-main { padding: 9rem 2rem 0; }
  .about-intro { width: min(100%, 48rem); grid-template-columns: minmax(0, 1fr) minmax(0, 19rem); gap: 2rem; padding-bottom: 5rem; }
  .about-illustration { width: min(100%, 19rem); }
  .about-chapter { padding-block: 3.6rem; }
  .about-landscape { margin-inline: -2rem; }
  .about-intro::before { top: -9rem; }
}