[data-page="about"] .about-hero .about-founder { margin-top: 20px; font-size: 14px; line-height: 1.6; }
[data-page="about"] .about-thesis { background: #1d1c19; color: #fff; }
[data-page="about"] .about-thesis__inner { max-width: 1480px; min-height: 520px; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(48px, 7vw, 120px); align-items: end; margin: 0 auto; padding: clamp(72px, 8vw, 130px) clamp(22px, 5vw, 72px); }
[data-page="about"] .about-thesis h2 { max-width: 780px; margin: 0; font-size: clamp(3.4rem, 6.3vw, 6.9rem); font-weight: 300; line-height: .94; letter-spacing: -.055em; }
[data-page="about"] .about-thesis__copy { max-width: 580px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.55); }
[data-page="about"] .about-thesis__copy p { margin: 0; }
[data-page="about"] .about-thesis__copy p:first-child { font-size: clamp(1.3rem, 2.15vw, 2rem); line-height: 1.35; }
[data-page="about"] .about-thesis__copy p + p { max-width: 510px; margin-top: 24px; color: #d1d0ce; font-size: 15px; line-height: 1.7; }
[data-page="about"] .about-motion { max-width: 1480px; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(48px, 7vw, 120px); align-items: center; margin: 0 auto; padding: clamp(76px, 8vw, 130px) clamp(22px, 5vw, 72px); background: #fff; }
[data-page="about"] .about-motion__image { min-width: 0; margin: 0; overflow: hidden; aspect-ratio: 9 / 16; }
[data-page="about"] .about-motion__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
[data-page="about"] .about-motion__copy { max-width: 670px; }
[data-page="about"] .about-motion h2 { margin: 0 0 32px; font-size: clamp(3.3rem, 5.5vw, 6rem); font-weight: 300; line-height: .94; letter-spacing: -.055em; }
[data-page="about"] .about-motion__copy p { max-width: 620px; margin: 0 0 26px; color: #444; font-size: 16px; line-height: 1.7; }
[data-page="about"] .about-motion__copy .about-motion__lead { color: #1d1c19; font-size: clamp(1.4rem, 2.2vw, 2.1rem); line-height: 1.4; }
[data-page="about"] .about-motion__copy a { display: inline-block; margin-top: 16px; padding-bottom: 6px; border-bottom: 1px solid currentColor; font-size: 13px; text-decoration: none; }
[data-page="about"] .about-motion__copy a:hover,
[data-page="about"] .about-motion__copy a:focus-visible { border-bottom-width: 2px; }
[data-page="about"] .about-context { gap: clamp(48px, 7vw, 120px); padding-block: clamp(76px, 8vw, 130px); border-top: 1px solid #dedede; background: #fff; }
[data-page="about"] .about-context:nth-child(even) { background: #fff; }
[data-page="about"] .about-context .article-copy p:first-child { color: #1d1c19; }
@media (max-width: 820px) {
  [data-page="about"] .about-thesis__inner,
  [data-page="about"] .about-motion { grid-template-columns: 1fr; }
  [data-page="about"] .about-thesis__inner { min-height: 0; gap: 40px; }
  [data-page="about"] .about-motion { gap: 42px; }
  [data-page="about"] .about-motion__image { max-width: 560px; }
}
@media (max-width: 480px) {
  [data-page="about"] .about-thesis__inner,
  [data-page="about"] .about-motion { padding-inline: 20px; }
  [data-page="about"] .about-thesis__inner { padding-block: 74px 82px; }
  [data-page="about"] .about-thesis h2 { font-size: clamp(3.05rem, 12vw, 3.5rem); }
  [data-page="about"] .about-motion { padding-block: 78px; }
  [data-page="about"] .about-motion h2 { margin-bottom: 26px; }
  [data-page="about"] .about-context { padding-block: 76px; }
}
[data-page="about"] .photo-credit { margin-top: 12px; color: #777; font-size: 12px; line-height: 1.5; }
[data-page="about"] .about-motion__image { overflow: visible; aspect-ratio: auto; }
[data-page="about"] .about-motion__image img { height: auto; aspect-ratio: 9 / 16; }
[data-page="about"] .about-artist { max-width: 1480px; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(48px, 7vw, 120px); align-items: start; margin: 0 auto; padding: clamp(76px, 8vw, 130px) clamp(22px, 5vw, 72px); border-top: 1px solid #dedede; background: #fff; }
[data-page="about"] .about-artist__portraits { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: #f1f1f1; }
[data-page="about"] .about-artist__portraits img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; animation: about-artist-fade 36s linear infinite; }
[data-page="about"] .about-artist__portraits img:nth-child(1) { animation-name: about-artist-fade-first; }
[data-page="about"] .about-artist__portraits img:nth-child(2) { animation-delay: 6s; }
[data-page="about"] .about-artist__portraits img:nth-child(3) { animation-delay: 12s; }
[data-page="about"] .about-artist__portraits img:nth-child(4) { animation-delay: 18s; }
[data-page="about"] .about-artist__portraits img:nth-child(5) { animation-delay: 24s; }
[data-page="about"] .about-artist__portraits img:nth-child(6) { animation-delay: 30s; }
@keyframes about-artist-fade { 0% { opacity: 0; } 4% { opacity: 1; } 16.667% { opacity: 1; } 20.667% { opacity: 0; } 100% { opacity: 0; } }
@keyframes about-artist-fade-first { 0% { opacity: 1; } 16.667% { opacity: 1; } 20.667% { opacity: 0; } 96% { opacity: 0; } 100% { opacity: 1; } }
[data-page="about"] .about-artist__copy { max-width: 670px; }
[data-page="about"] .about-artist h2 { margin: 0 0 32px; font-size: clamp(3.3rem, 5.5vw, 6rem); font-weight: 300; line-height: .94; letter-spacing: -.055em; }
[data-page="about"] .about-artist__copy p { max-width: 620px; margin: 0 0 26px; color: #444; font-size: 16px; line-height: 1.7; }
[data-page="about"] .about-artist__recognition { margin: 36px 0 0; padding: 0; list-style: none; border-top: 1px solid #dedede; }
[data-page="about"] .about-artist__recognition li { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px; padding: 14px 0; border-bottom: 1px solid #dedede; color: #444; font-size: 14px; line-height: 1.55; }
[data-page="about"] .about-artist__recognition span { color: #1d1c19; }
[data-page="about"] .about-artist__copy > a { display: inline-block; margin-top: 32px; padding-bottom: 6px; border-bottom: 1px solid currentColor; font-size: 13px; text-decoration: none; }
[data-page="about"] .about-artist__copy > a:hover,
[data-page="about"] .about-artist__copy > a:focus-visible { border-bottom-width: 2px; }
@media (prefers-reduced-motion: reduce) {
  [data-page="about"] .about-artist__portraits img { animation: none; }
  [data-page="about"] .about-artist__portraits img:first-child { opacity: 1; }
}
@media (max-width: 820px) {
  [data-page="about"] .about-artist { grid-template-columns: 1fr; gap: 42px; }
  [data-page="about"] .about-artist__portraits { max-width: 560px; }
}
@media (max-width: 480px) {
  [data-page="about"] .about-artist { padding: 78px 20px; }
  [data-page="about"] .about-artist h2 { margin-bottom: 26px; }
  [data-page="about"] .about-artist__recognition li { grid-template-columns: 52px minmax(0, 1fr); }
}