.about-story .about-reading { max-width: 580px; color: var(--muted); font-size: 16px; line-height: 1.9; }
.about-reading p { margin-bottom: 25px; }
.about-reading p:last-child { margin-bottom: 0; }
.about-story figcaption { font-size: 11px; line-height: 1.7; color: var(--muted); margin-top: 15px; max-width: 480px; }
.about-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--content-gap); align-items: center; }
.about-hero h1 { font-size: clamp(60px, 6.6vw, 92px); margin-bottom: 34px; }
.about-hero .about-reading { max-width: 460px; }
.about-hero-photo img { width: 100%; height: auto; aspect-ratio: .8; object-fit: cover; object-position: 65% center; border-radius: var(--radius) 80px var(--radius) var(--radius); }
.about-beginning { border-top: 1px solid var(--line); }
.about-beginning-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--content-gap); align-items: start; }
.about-beginning-heading h2 { max-width: 420px; }
.about-spoons { margin-top: 50px; max-width: 430px; }
.about-spoons .photo-tile { border-radius: var(--radius); background-position: 0% 0%; aspect-ratio: 1.25; }
.about-quiet { border-top: 1px solid var(--line); }
.about-narrow { max-width: 650px; margin-inline: auto; }
.about-narrow h2 { margin-bottom: 42px; }
.about-quiet-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--content-gap); align-items: center; }
.about-quiet-layout > * { min-width: 0; max-width: 100%; }
.about-quiet-copy h2 { margin-bottom: 42px; }
.about-quiet-photo { width: 100%; }
.about-quiet-photo > img, .about-quiet-photo .about-sprite { border-radius: var(--radius) var(--radius) var(--radius) 80px; }
.about-story .about-emphasis { font-family: var(--heading); color: var(--charcoal); font-size: clamp(30px, 3vw, 40px); line-height: 1.25; letter-spacing: -.015em; }
.about-quiet .about-emphasis { margin-block: 30px 16px; }
.about-quiet .about-emphasis + .about-emphasis { margin-top: 0; margin-bottom: 40px; }
.about-people { background: var(--paper); }
.about-people-heading { margin-bottom: 45px; }
.about-wide-photo img { width: 100%; height: auto; aspect-ratio: 2.1; object-fit: cover; border-radius: var(--radius); }
.about-story .about-people-copy { max-width: 650px; margin: 60px auto 0; }
.about-philosophy { background: var(--parchment); border-bottom: 1px solid var(--line); }
.about-philosophy-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--content-gap); }
.about-philosophy h2 { font-size: clamp(50px, 5.5vw, 78px); }
.about-philosophy .about-emphasis { margin-top: 34px; }
.about-philosophy .about-emphasis + .about-emphasis { margin-top: 0; }
.about-invitation { text-align: center; }
.about-invitation .about-reading { max-width: 620px; margin: 0 auto 28px; }
.about-hero.about-no-image { grid-template-columns: 1fr; }
.about-spoons > img { width: 100%; height: auto; border-radius: var(--radius); }
.about-sprite { position: relative; overflow: hidden; aspect-ratio: 1.25; border-radius: var(--radius); }
.about-sprite img { position: absolute; width: 200%; height: 200%; max-width: none; }
.about-people-copy > .about-reading { max-width: 650px; }
.about-story .is-style-sv-about-emphasis { font-family: var(--heading); color: var(--charcoal); font-size: clamp(30px, 3vw, 40px); line-height: 1.25; letter-spacing: -.015em; }
.about-quiet .is-style-sv-about-emphasis { margin-block: 30px 16px; }
.about-quiet .is-style-sv-about-emphasis + .is-style-sv-about-emphasis { margin-top: 0; margin-bottom: 40px; }
.about-philosophy .is-style-sv-about-emphasis { margin-top: 34px; }
.about-philosophy .is-style-sv-about-emphasis + .is-style-sv-about-emphasis { margin-top: 0; }
@media (max-width: 900px) {
 .about-quiet-layout { gap: 40px; }
 .about-hero { gap: 40px; }
 .about-hero h1 { font-size: 64px; }
 .about-beginning-layout, .about-philosophy-layout { grid-template-columns: 1fr; gap: 42px; }
 .about-beginning-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 40px; align-items: start; }
 .about-beginning-heading .eyebrow { grid-column: 1; }
 .about-beginning-heading h2 { grid-column: 1; }
 .about-spoons { grid-column: 2; grid-row: 1 / 3; margin-top: 0; }
 .about-beginning-layout > .about-reading { margin-inline: auto; }
 .about-philosophy-layout .about-reading { max-width: 650px; }
}
/* Native chapter photos must shrink with their grid track. Only the verified
   original four-part photograph uses the intentional 200% sprite exception. */
.about-story .about-beginning-layout > *,
.about-story .about-beginning-heading > *,
.about-story .about-philosophy-layout > *,
.about-story .about-narrow,
.about-story .about-spoons,
.about-story .about-wide-photo,
.about-story .about-sprite { min-width: 0; max-width: 100%; }
.about-story .about-spoons { width: 100%; max-width: min(430px, 100%); }
.about-story .about-wide-photo { width: 100%; }
.about-story .about-spoons > img,
.about-story .about-wide-photo > img { max-width: 100%; min-width: 0; }
.about-story .about-natural-photo > img { display: block; width: 100%; max-width: 100%; min-width: 0; height: auto; aspect-ratio: var(--sv-about-image-ratio, auto); object-fit: contain; }
.about-story .about-sprite img { left: 0; top: 0; min-width: 0; max-width: none; aspect-ratio: auto; object-fit: fill; }
@media (max-width: 640px) { .about-story .about-spoons { max-width: 100%; } }
@media (max-width: 640px) {
 .about-quiet-layout { grid-template-columns: minmax(0, 1fr); gap: 40px; }
 .about-quiet-photo > img, .about-quiet-photo .about-sprite { border-bottom-left-radius: 60px; }
 .about-hero { grid-template-columns: 1fr; gap: 40px; padding-block: 55px 70px; }
 .about-hero h1 { font-size: clamp(52px, 12vw, 68px); }
 .about-hero-photo img { aspect-ratio: 1; border-top-right-radius: 60px; }
 .about-beginning-heading { display: block; }
 .about-spoons { margin-top: 35px; max-width: none; }
 .about-reading p { margin-bottom: 23px; }
 .about-wide-photo img { aspect-ratio: 1.2; }
 .about-story .about-people-copy { margin-top: 38px; }
 .about-philosophy h2 { font-size: 52px; }
 .about-invitation .text-link { gap: 18px; }
}