/* About uses whitespace, not decorative rules, between narrative sections. */
.about-copy .bio-section,
.about-copy .outside-story + .outside-story {
  border-top: 0;
}
/* About-only magazine compositions; all type and spacing come from the DS. */
.about-magazine .page-intro { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: var(--story-column-gap); }
.about-magazine .intro-masthead, .about-magazine .intro-reading { min-width: 0; }
.about-magazine .intro-reading .page-deck { margin: 0; color: var(--body-on-surface); }
.about-magazine :is(h1,h2,h3,.travel-pull-quote) { overflow-wrap: anywhere; }
.about-magazine .page-intro-body { margin-top: var(--section-gap); }
.about-magazine .outside-story { grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: var(--grid-gap) var(--story-column-gap); padding-block: var(--content-group-gap); }
.about-magazine .outside-story-copy { max-width: none; grid-row: 2; }
.about-magazine .outside-story-heading { font: var(--type-editorial-weight) var(--type-editorial-subsection) / var(--type-section-leading) var(--font-editorial); }
.about-magazine .outside-story-content { min-width: 0; grid-row: 2; }
.about-magazine .outside-story-content > p { margin: 0; }
.about-magazine .outside-gallery { grid-column: 2; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--grid-gap); align-items: start; width: 100%; max-width: 100%; margin-top: var(--grid-gap); }
.about-magazine .editorial-photo { margin: 0; min-width: 0; }
.about-magazine .editorial-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 0; }
.about-magazine .editorial-photo figcaption { margin-top: var(--caption-gap); }
.about-magazine .travel-pull-quote { font: italic var(--type-editorial-weight) var(--type-subsection) / var(--type-subsection-leading) var(--font-editorial); color: var(--ink); margin-top: var(--grid-gap) !important; }
.about-magazine .story-disney .disney-closing-note { margin-top: var(--section-gap); color: var(--body-on-surface); }
@media (max-width: 900px) {
  .about-magazine .page-intro { grid-template-columns: minmax(0,1fr); gap: var(--content-group-gap); }
}
@media (max-width: 720px) {
  .about-magazine .outside-story { grid-template-columns: minmax(0,1fr); padding-block: var(--content-group-gap); }
  .about-magazine .outside-gallery { grid-column: 1; gap: var(--space-small); }
  .about-magazine :is(.outside-story-copy,.outside-story-content) { grid-row: auto; }

}
/* About-only personal accents, never global typography. */
@font-face { font-family: Caveat; src: url('/assets/fonts/caveat-variable.ttf') format('truetype'); font-style: normal; font-weight: 400 700; font-display: swap; }
.about-magazine .outside-gallery {
  container-type: inline-size;
  grid-template-columns: repeat(3,calc((100% - 6%) / 3));
  gap: 3%; padding: 1.5%;
}
.about-magazine .editorial-photo {
  padding: 1.2cqw; border: 0; background: var(--paper); border-radius: 1.5px;
  box-shadow: 0 1px 3px rgba(0,0,0,.10), 0 3px 8px rgba(0,0,0,.065);
}
.about-magazine .sports-gallery .editorial-photo:nth-child(1) { transform: rotate(-1.5deg); }
.about-magazine .sports-gallery .editorial-photo:nth-child(2) { transform: rotate(1deg); }
.about-magazine .sports-gallery .editorial-photo:nth-child(3) { transform: rotate(-.5deg); }
.about-magazine .travel-gallery .editorial-photo:nth-child(1) { transform: rotate(1deg); }
.about-magazine .travel-gallery .editorial-photo:nth-child(2) { transform: rotate(-1.5deg); }
.about-magazine .travel-gallery .editorial-photo:nth-child(3) { transform: rotate(.5deg); }
.about-magazine .disney-gallery .editorial-photo:nth-child(1) { transform: rotate(-.5deg); }
.about-magazine .disney-gallery .editorial-photo:nth-child(2) { transform: rotate(1.5deg); }
.about-magazine .disney-gallery .editorial-photo:nth-child(3) { transform: rotate(-1deg); }
.about-magazine .editorial-photo img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; }
.about-magazine .editorial-photo .polaroid-caption {
  font-family: Caveat, cursive; font-size: 3cqw; font-weight: 400; line-height: 1.2;
  letter-spacing: 0; color: var(--body-on-surface); text-align: center;
  display: flex; align-items: center; justify-content: center;
  height: 12cqw; margin-top: 1.2cqw;
}
.about-magazine .travel-pull-quote { font: 400 28px / 1.2 Caveat, cursive; color: var(--body-on-surface); }
@media (max-width: 720px) {
  .about-magazine .travel-pull-quote { font-size: 24px; }
}

.about-magazine .story-number { grid-column: 1 / -1; margin: 0 0 calc(-1 * var(--space-small)); }
.about-magazine .sports-swim-2 { object-position: center 48%; }
.about-magazine .sports-swim-3 { object-position: center 40%; }
.about-magazine .sports-golf-1 { object-position: center 60%; }
.about-magazine .travel-gallery .editorial-photo:nth-child(1) img { object-position: center 55%; }
.about-magazine .travel-gallery .editorial-photo:nth-child(2) img { object-position: center 45%; }
.about-magazine .travel-gallery .editorial-photo:nth-child(3) img { object-position: center 62%; }
.about-magazine .disney-gallery .editorial-photo:nth-child(1) img { object-position: center 25%; }
.about-magazine .disney-gallery .editorial-photo:nth-child(2) img { object-position: center 45%; }
.about-magazine .disney-gallery .editorial-photo:nth-child(3) img { object-position: center 50%; }
