/* About Kaika — page-scoped editorial layouts. */
.about-page main > section[id] { scroll-margin-top: 112px; }
.about-opening { position: relative; min-height: 560px; background: #eee8dd; overflow: hidden; }
.about-opening__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 65%; }
.about-opening__veil { position: absolute; inset: 0; background: linear-gradient(90deg, #faf6efeb 0%, #faf6efb3 30%, #faf6ef0d 70%); }
.about-opening__inner { position: relative; max-width: 1280px; margin: auto; padding: 1.5rem 3rem 4rem; }
.about-opening__breadcrumb { font-size: .8125rem; color: #645b4d; margin: 0; }
.about-opening__breadcrumb span { margin: 0 .9rem; color: #8e826e; }
.about-opening__copy { padding: 5rem 0 3rem; }
.about-opening .eyebrow { color: #816348; margin-bottom: 1.3rem; }
.about-opening h1 { font-family: var(--font-serif); font-size: clamp(2.5rem,4.3vw,3.8rem); font-weight: 400; letter-spacing: .08em; margin: 0 0 1.5rem; }
.about-opening__statement { font-family: var(--font-serif); font-size: 1.5rem; line-height: 1.9; margin: 0; }
.about-opening__caption { position: absolute; right: 3rem; bottom: 1rem; font-family: 'Cormorant Garamond',Georgia,serif; font-style: italic; font-size: 2.8rem; color: #fff9e9; text-shadow: 0 2px 15px #3e372a66; }
.about-chapters { display: grid; grid-template-columns: repeat(5,1fr); max-width: 1280px; margin: auto; padding: 1.5rem 3rem; gap: 1.3rem; }
.about-chapters a { display: flex; gap: .6rem; align-items: center; min-height: 56px; font-size: .875rem; border-bottom: 1px solid #cfc7b8; }
.about-chapters a > span:first-child { font-family: 'Cormorant Garamond',Georgia,serif; font-size: 1.25rem; color: #887156; }
.about-chapters a > span:last-child { margin-left: auto; color: #68795a; }
.about-chapters a:hover { color: #536849; border-color: #536849; }
.about-purpose { padding: 6.5rem 0; }
.about-purpose__inner { max-width: 1200px; padding: 0 3rem; margin: auto; display: grid; grid-template-columns: 1fr 1.1fr; gap: 5rem; align-items: start; }
.about-purpose__heading { position: sticky; top: 130px; }
.about-purpose__heading .section-heading { font-size: 1.9rem; text-wrap: initial; line-height: 1.9; }
.about-purpose__question { font-family: var(--font-serif); font-size: 2rem; line-height: 1.9; color: #536347; margin: 2.5rem 0 0; padding: 2rem 0 2rem 1.5rem; border-left: 2px solid #b4bea3; background: linear-gradient(90deg,#e9eddf80,transparent); }
.about-purpose__body.prose { margin: 0; }
.about-purpose__body p { font-size: 1rem; line-height: 2.1; }
.about-purpose__body br { display: none; }
.about-purpose__body p:last-child { font-family: var(--font-serif); color: #4e6144; font-size: 1.25rem; }
.about-definition { display: grid; grid-template-columns: 1fr 1.1fr; background: #eaf0e3; }
.about-definition__photo { min-height: 620px; position: relative; overflow: hidden; }
.about-definition__photo img { width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: 32% 50%; }
.about-definition__content { padding: 4.5rem clamp(2.5rem,5vw,6rem); max-width: 810px; }
.about-definition__content h2 { font-family: var(--font-serif); font-size: 2rem; font-weight: 400; margin: 0 0 2rem; line-height: 1.7; color: #3e5035; }
.about-definition__content p { font-size: 1rem; line-height: 2.05; margin-bottom: 1.5rem; }
.about-definition__content br { display: none; }
.about-definition__content .about-definition__closing { font-family: var(--font-serif); font-size: 1.2rem; color: #4b5e40; padding-top: 1.5rem; border-top: 1px solid #bdc9b2; margin-bottom: 0; }
.about-founder { background: #fffcf6; padding: 6.5rem 0; }
.about-founder__intro { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 6rem; margin: 1rem 0 5rem; }
.about-founder__intro .founder-story__portrait { max-width: 400px; }
.about-founder__welcome p { font-size: 1rem; line-height: 2; }
.about-founder__welcome .about-founder__lead { font-family: var(--font-serif); font-size: 1.4rem; line-height: 1.95; color: #536347; padding-left: 1.4rem; border-left: 2px solid #bec7ae; }
.about-timeline.timeline { max-width: none; margin: 0; padding: 0; border: 0; }
.about-timeline.timeline::before { display: none; }
.about-timeline .timeline__item { position: relative; display: grid; grid-template-columns: .8fr 1.2fr; gap: 4rem; padding: 2.5rem 1rem; margin: 0; border: 0; border-top: 1px solid #ded8cb; }
.about-timeline .timeline__item::before { display: none; }
.about-timeline .timeline__year { color: #8b694e; font-size: .8125rem; margin: 0 0 .65rem; letter-spacing: .075em; }
.about-timeline .timeline__title { font-family: var(--font-serif); font-size: 1.4rem; font-weight: 400; line-height: 1.8; margin: 0; }
.about-timeline .timeline__body { font-size: 1rem; line-height: 2.05; margin: 0; color: #55594f; }
.about-timeline .timeline__item:last-child { background: #eaf0e3; padding: 2.5rem; margin-top: 1rem; border: 0; }
.about-message { min-height: 440px; padding: 5rem 0; }
.about-message .section-imagery__overlay { background: #293528a8; }
.about-message .section-imagery__content { max-width: 980px; }
.about-message .section-imagery__content .eyebrow { color: #f0e7cd; }
.about-message .section-imagery__content p { text-align: center; }
.about-principles { padding: 6.5rem 0; }
.about-principles__inner { max-width: 1200px; padding: 0 3rem; margin: auto; display: grid; grid-template-columns: .7fr 1.3fr; gap: 5rem; align-items: start; }
.about-principles__heading { position: sticky; top: 130px; }
.about-principles__heading .section-heading { font-size: 1.9rem; text-align: left; text-wrap: balance; }
.about-principles .principles { margin: 0; }
.about-principles .principle { display: grid; grid-template-columns: 3.5rem 1fr; gap: 1.3rem; padding: 2rem 0; margin: 0; border-bottom: 1px solid #dcd9cb; background: transparent; }
.about-principles .principle:first-child { padding-top: 0; }
.about-principles .principle__num { font-family: 'Cormorant Garamond',Georgia,serif; font-style: italic; color: #899676; font-size: 3.2rem; line-height: 1.1; width: auto; height: auto; background: transparent; border: 0; }
.about-principles .principle h3 { font-family: var(--font-serif); font-size: 1.3rem; font-weight: 400; line-height: 1.8; margin: 0 0 .8rem; }
.about-principles .principle p { font-size: 1rem; line-height: 2; margin: 0; }
@media (max-width: 1000px) {
  .about-chapters { padding-inline: 2rem; gap: 1rem; grid-template-columns: repeat(3,1fr); }
  .about-purpose__inner,.about-principles__inner { gap: 2.5rem; padding-inline: 2rem; }
  .about-purpose__heading .section-heading,.about-principles__heading .section-heading { font-size: 1.6rem; }
  .about-purpose__question { font-size: 1.7rem; }
  .about-definition__content { padding: 3rem 2rem; }
  .about-definition__content h2 { font-size: 1.7rem; }
  .about-founder__intro { gap: 3rem; }
  .about-timeline .timeline__item { gap: 2.5rem; }
}
@media (max-width: 700px) {
  .about-page main > section[id] { scroll-margin-top: 80px; }
  .about-opening { min-height: 500px; }
  .about-opening__inner { padding: 1.2rem 1.5rem 3rem; }
  .about-opening__image { object-position: 63% 60%; }
  .about-opening__veil { background: linear-gradient(180deg,#faf6efd9 0%,#faf6efb3 35%,#faf6ef0d 90%); }
  .about-opening__copy { padding: 3.5rem 0 4rem; }
  .about-opening h1 { font-size: 2.4rem; }
  .about-opening__statement { font-size: 1.25rem; }
  .about-opening__caption { right: 1.5rem; bottom: -.4rem; font-size: 2.3rem; }
  .about-chapters { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 1rem 1.5rem 1.5rem; column-gap: 1.2rem; row-gap: .25rem; }
  .about-chapters a { font-size: .75rem; gap: .4rem; }
  .about-chapters a > span:first-child { font-size: 1.1rem; }
  .about-purpose,.about-founder,.about-principles { padding: 3.75rem 0; }
  .about-purpose__inner,.about-principles__inner { grid-template-columns: 1fr; padding-inline: 1.5rem; gap: 2rem; }
  .about-purpose__heading,.about-principles__heading { position: static; }
  .about-purpose__heading .section-heading { font-size: 1.4rem; }
  .about-purpose__question { font-size: 1.65rem; margin-top: 1.5rem; padding-block: 1.2rem; }
  .about-definition { grid-template-columns: 1fr; }
  .about-definition__photo { min-height: 260px; }
  .about-definition__photo img { object-position: 50% 55%; }
  .about-definition__content { padding: 2.5rem 1.5rem 3rem; }
  .about-definition__content h2 { font-size: 1.7rem; }
  .about-founder__intro { grid-template-columns: 1fr; gap: 2rem; margin: .5rem 0 2.5rem; }
  .about-founder__intro .founder-story__portrait { width: calc(100% - 2rem); margin: auto; }
  .about-founder__welcome .about-founder__lead { font-size: 1.2rem; padding-left: 1rem; }
  .about-timeline .timeline__item { grid-template-columns: 1fr; gap: 1rem; padding: 1.75rem 0; }
  .about-timeline .timeline__title { font-size: 1.3rem; }
  .about-timeline .timeline__item:last-child { padding: 1.5rem; }
  .about-timeline .timeline__body { font-size: .9375rem; }
  .about-message { padding: 3.5rem 0; }
  .about-message .section-imagery__content p br { display: none; }
  .about-principles .principle { grid-template-columns: 2.5rem 1fr; gap: 1rem; }
  .about-principles .principle__num { font-size: 2.5rem; }
  .about-principles .principle h3 { font-size: 1.15rem; }
  .about-principles .principle p { font-size: .9375rem; }
}