@media (min-width: 768px) {
  .about-page {
    background: #fff; color: #111; isolation: isolate;
    --about-title-top: 15.76%;
    --about-text-glow: 0 0 5px #fff, 0 0 14px rgba(255,255,255,.95), 0 0 30px rgba(255,255,255,.75), 0 0 48px rgba(255,255,255,.4);
  }
  .about-page > .composition-plane {
    z-index: 1;
    transform: translate3d(-50%, -50%, 0);
  }
  .about-page :is(.site-signature, .chapter-nav, .infinity-mark, .about-column-heading, .portfolio-watermark, .stage-control) {
    text-shadow: var(--about-text-glow);
    -webkit-text-stroke: .65px #fff;
    paint-order: stroke fill;
  }
  .about-page > .stage-navigation { grid-template-columns: 1fr; }

  .about-photowall {
    position: absolute;
    inset: -32px -8px;
    overflow: hidden;
    opacity: .12;
    pointer-events: none;
  }

  .about-photowall__follow {
    height: 100%;
    transform: translate3d(var(--about-pointer-x, 0px), var(--about-pointer-y, 0px), 0);
    transition: transform 1000ms cubic-bezier(.16,1,.3,1);
  }

  .about-photowall__track {
    display: flex;
    width: calc(var(--about-wall-period, 100vw) * 2);
    height: 100%;
    animation: about-wall-drift 150s linear infinite;
    will-change: transform;
  }

  .about-photowall__group { position: relative; flex: 0 0 50%; height: 100%; }

  .about-photowall figure {
    position: absolute;
    margin: 0;
    background: transparent;
    opacity: var(--about-photo-opacity, .88);
    transform: scale(var(--about-photo-scale, 1));
    transition: transform 700ms cubic-bezier(.16,1,.3,1), opacity 600ms ease-out;
  }
  .about-photowall figure.is-pointer-near { will-change: transform; }

  .about-photowall img { display: block; min-width: 0; min-height: 0; width: 100%; height: 100%; object-fit: contain; filter: saturate(1.08); }
  .about-profile, .about-body-columns {
    position: absolute;
    --about-unit: .078125cqw;
    pointer-events: none;
  }
  .about-profile {
    left: calc(var(--edge-x) - (100vw - 100cqw) / 2);
    top: var(--about-title-top);
    width: calc(160 * var(--about-unit));
    height: calc(320 * var(--about-unit));
  }
  .about-body-columns {
    left: var(--about-columns-left, 26.8054%);
    top: var(--about-title-top);
    display: grid;
    grid-template-columns: repeat(2, calc(375 * var(--about-unit)));
    column-gap: calc(34.0073 * var(--about-unit));
  }
  .about-body-column { position: relative; height: calc(400 * var(--about-unit)); }
  .about-pdf-slice {
    position: absolute;
    left: calc(-16 * var(--about-unit));
    top: calc(var(--slice-offset-y) * var(--about-unit));
    width: calc(var(--slice-width) * var(--about-unit));
    height: calc(var(--slice-height) * var(--about-unit));
  }
  .about-pdf-halo {
    position: absolute;
    left: calc(-64 * var(--about-unit));
    top: calc(-64 * var(--about-unit));
    width: calc((var(--slice-width) + 128) * var(--about-unit));
    height: calc((var(--slice-height) + 128) * var(--about-unit));
    max-width: none;
    pointer-events: none;
  }
  .about-pdf-crop { position: relative; width: 100%; height: 100%; overflow: hidden; }
  .about-pdf-foreground {
    position: absolute;
    left: calc(-1 * var(--slice-x) * var(--about-unit));
    top: calc(-1 * var(--slice-y) * var(--about-unit));
    width: 100cqw;
    height: 62.5cqw;
    max-width: none;
  }

  .about-accessible-copy {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .about-profile-heading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(38.32 * var(--about-unit));
    margin: 0;
  }

  .about-column-heading {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    font-family: "Flex Sans GB", sans-serif;
    font-weight: 400;
  }
  .about-column-heading span { display: block; }
  .about-column-heading [lang="zh"] { font-size: 1.25cqw; line-height: 1.27; }
  .about-column-heading [lang="en"] { font-size: .9375cqw; line-height: 1.5; }

  .about-page.is-viewport-leaving .about-photowall__track { animation-play-state: paused; }

  @keyframes about-wall-drift { to { transform: translate3d(-50%, 0, 0); } }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .about-photowall__track { animation: none; will-change: auto; }
  .about-photowall__follow { transform: none; transition: none; }
  .about-photowall figure { transform: none; opacity: .88; transition: none; will-change: auto; }
}