.home-about-section {
  --about-paper: #fafaf8;
  --about-ink: #1a1a1a;
  --about-body: #4a4844;
  --about-muted: #8a867e;
  --about-line: #e4e0d8;
  --about-red: #9a3b2e;
  padding: clamp(64px, 8vw, 110px) 0 clamp(70px, 8vw, 112px);
  background: var(--about-paper);
  color: var(--about-ink);
}
.home-about-section .shell { width: min(1200px, calc(100% - 48px)); max-width: none; }
.home-about-section__head { display: grid; grid-template-columns: minmax(210px, .7fr) minmax(280px, 1fr) auto; align-items: end; gap: clamp(20px, 4vw, 56px); padding-bottom: 24px; border-bottom: 1px solid var(--about-line); }
.home-about-section .eyebrow { margin: 0; color: var(--about-red); font-size: 11px; letter-spacing: .18em; }
.home-about-section__head h2 { margin: 10px 0 0; font-size: clamp(36px, 4.4vw, 60px); font-weight: 600; letter-spacing: .025em; line-height: 1.1; }
.home-about-section__head > p { max-width: 520px; margin: 0; color: var(--about-body); font-size: 16px; line-height: 1.9; }
.home-about-section__link { display: inline-flex; align-items: center; gap: 14px; padding: 0 0 6px; border-bottom: 1px solid var(--about-red); color: var(--about-red); font-size: 14px; text-decoration: none; white-space: nowrap; }
.home-about-section__link span, .home-about-section__copy a span { transition: transform .22s ease; }
.home-about-section__link:hover span { transform: translate(3px, -3px); }
.home-about-section__link:focus-visible, .home-about-section__copy a:focus-visible { outline: 2px solid var(--about-red); outline-offset: 5px; }
.home-about-section__intro { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr); align-items: center; gap: clamp(36px, 7vw, 88px); padding: clamp(34px, 5vw, 64px) 0; border-bottom: 1px solid var(--about-line); }
.home-about-section__photo { min-width: 0; margin: 0; }
.home-about-section__photo img { display: block; width: 100%; aspect-ratio: 1.7 / 1; object-fit: cover; }
.home-about-section__photo figcaption { margin-top: 10px; color: var(--about-muted); font-size: 12px; letter-spacing: .06em; }
.home-about-section__copy h3 { max-width: 520px; margin: 14px 0 16px; font-size: clamp(26px, 3vw, 38px); font-weight: 600; line-height: 1.45; }
.home-about-section__copy > p:not(.eyebrow) { max-width: 520px; margin: 0; color: var(--about-body); font-size: 15px; line-height: 2; }
.home-about-section__copy a { display: inline-flex; gap: 12px; align-items: center; margin-top: 28px; color: var(--about-red); font-size: 14px; text-decoration: none; }
.home-about-section__copy a:hover span { transform: translateX(4px); }
.about-motion-ready [data-about-reveal] { opacity: 0; transform: translateY(12px); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.25,1); }
.about-motion-ready [data-about-reveal].is-visible { opacity: 1; transform: none; }
@media (max-width: 860px) {
  .home-about-section__head { grid-template-columns: 1fr auto; align-items: center; }
  .home-about-section__head > p { grid-column: 1 / -1; grid-row: 2; }
  .home-about-section__intro { grid-template-columns: 1fr; gap: 26px; }
}
@media (max-width: 640px) {
  .home-about-section { padding-block: 58px 64px; }
  .home-about-section .shell { width: calc(100% - 36px); }
  .home-about-section__head { grid-template-columns: 1fr; gap: 18px; align-items: start; }
  .home-about-section__head h2 { font-size: 40px; }
  .home-about-section__head > p { grid-column: auto; grid-row: auto; font-size: 14px; }
  .home-about-section__link { justify-self: start; }
  .home-about-section__intro { padding-block: 28px; }
  .home-about-section__photo img { aspect-ratio: 1.28 / 1; }
  .home-about-section__copy h3 { font-size: 27px; }
  .home-about-section__copy { padding-right: 104px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-about-section *, .home-about-section *::before, .home-about-section *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .about-motion-ready [data-about-reveal] { opacity: 1; transform: none; }
}