/* Approved About assets only; the shared page shell and other pages are unchanged. */
.page-about .about-section {
  display: block;
  min-height: 760px;
  padding: 52px 7% 70px;
}
.page-about .about-copy { z-index: 3; width: 47%; max-width: 540px; }
.page-about .section-title { margin-bottom: 46px; }
.page-about .about-copy p {
  max-width: 42ch;
  margin: 0 0 22px clamp(42px, 4.5vw, 72px);
  font-size: 16px;
  line-height: 1.8;
}
.page-about .about-copy p:last-child { margin-bottom: 0; }
.page-about .about-scene { position: absolute; z-index: 0; inset: 0 0 28px; pointer-events: none; }
.page-about .about-sun {
  z-index: 0;
  top: 52px;
  right: auto;
  bottom: auto;
  left: 47%;
  width: min(34vw, 510px);
  height: auto;
  aspect-ratio: 1;
}
/* Frame out the approved image's transparent 26px bottom margin, without editing it. */
.page-about .about-terrain-art { position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: auto; transform: translateY(3.6%); }
.page-about .about-jason-art {
  position: absolute;
  z-index: 2;
  bottom: 12px;
  left: 54%;
  width: auto;
  height: calc(100% - 80px);
  max-width: none;
  max-height: 760px;
}
.page-about .about-vultures-art { position: absolute; top: 40px; right: 4%; width: min(24%, 320px); height: auto; }
.page-about .about-perch { position: absolute; z-index: 2; right: 9%; bottom: 10px; width: clamp(145px, 15.5vw, 240px); }
.page-about .about-tv-art { width: 100%; height: auto; }
/* The approved SVG's four paw baselines sit on the CRT's front roof edge. */
.page-about .about-catcat-art { position: absolute; bottom: 86.5%; left: -7%; width: 110%; max-width: none; height: auto; }
.page-about .about-tumbleweed-near { position: absolute; z-index: 2; bottom: 10px; left: 40%; width: min(8vw, 118px); height: auto; }
.page-about .about-tumbleweed-far { position: absolute; z-index: 2; right: 1.8%; bottom: 12px; width: min(5.5vw, 80px); height: auto; }
.page-about .section-folio { bottom: 0; left: 0; width: 100%; min-height: 28px; padding: 7px 7%; background: var(--ink); }

@media (min-width: 901px) and (min-height: 768px) {
  .page-about .about-section { flex: none; height: 100%; min-height: 0; }
}

@media (min-width: 901px) and (max-height: 850px) {
  .page-about .about-section { padding-top: 32px; }
  .page-about .section-title { margin-bottom: 36px; }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .page-about .about-copy { width: 48%; }
}

@media (max-width: 900px) {
  .page-about .about-section { min-height: 0; padding: 35px 24px 470px; }
  .page-about .about-copy { width: 100%; max-width: 580px; margin: 0 auto; }
  .page-about .section-title { margin-bottom: 46px; }
  .page-about .about-copy p { max-width: 42ch; margin-left: 0; }
  .page-about .about-scene { top: auto; height: 440px; }
  .page-about .about-sun { top: 30px; left: 24%; width: clamp(250px, 40vw, 360px); }
  .page-about .about-jason-art { left: 30%; height: 350px; }
  .page-about .about-vultures-art { top: 14px; right: 4%; width: 40%; max-width: 250px; }
  .page-about .about-perch { right: 4%; width: clamp(88px, 27vw, 125px); }
  .page-about .about-tumbleweed-near { left: 12%; width: clamp(48px, 10vw, 80px); }
  .page-about .about-tumbleweed-far { display: none; }
  .page-about .section-folio { padding-left: 24px; }
}

@media (max-width: 370px) {
  .page-about .about-section { padding-right: 20px; padding-left: 20px; }
  .page-about .about-jason-art { left: 28%; height: 330px; }
  .page-about .section-folio { padding-left: 20px; }
}