:root{--about-ink:#17171a}
.about-main{color:var(--about-ink)}
.about-hero{display:grid;grid-template-columns:1fr 49%;min-height:620px;margin:0 18px;background:#f7eff9;border-radius:22px;overflow:hidden}
.about-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,5vw,72px)}
.about-kicker{font:800 .73rem/1.2 var(--font-body);color:#6e4ba9;letter-spacing:.08em;text-transform:uppercase;margin:0 0 22px}
.about-hero h1{font-size:clamp(2.8rem,5.2vw,5.1rem);line-height:1.04;color:var(--about-ink);margin:0 0 26px;letter-spacing:-.045em}
.about-hero-copy>p:not(.about-kicker){font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7;max-width:470px;margin:0 0 38px}
.about-scroll{font-size:.88rem;font-weight:800;color:#6843a7;border-bottom:1px solid currentColor;padding-bottom:6px}.about-scroll span{margin-left:18px}
.about-hero-photo{min-height:620px;overflow:hidden;background:#d8d4d1}.about-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.about-intro{max-width:720px;text-align:center;margin:0 auto;padding:110px 24px 60px}.about-intro p{font:700 clamp(1.75rem,3vw,2.75rem)/1.25 var(--font-display);margin-bottom:16px}.about-intro span{color:#55515a;font-size:.98rem}
.story-timeline{position:relative;max-width:1120px;margin:0 auto;padding:0 28px 54px}.story-timeline:before{content:"";position:absolute;left:50%;top:30px;bottom:30px;width:2px;background:#d8c4ec;transform:translateX(-50%)}
.story-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:86px;align-items:center;padding:48px 0}.story-step:before{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;border:4px solid #fffdf9;border-radius:50%;background:#805bc4;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #d8c4ec;z-index:1}.story-step:nth-child(even) .story-copy{grid-column:2;grid-row:1}.story-step:nth-child(even) .story-photo{grid-column:1;grid-row:1}
.story-copy{padding:18px 0}.story-number{display:block;color:#7951b8;font-weight:800;font-size:.82rem;letter-spacing:.02em;margin-bottom:18px}.story-copy h2{font-size:clamp(1.8rem,2.6vw,2.7rem);color:var(--about-ink);line-height:1.15;margin:0 0 20px}.story-copy p{font-size:1rem;line-height:1.76;color:#38343d;margin:0;max-width:480px}
.story-photo{margin:0}.story-photo img{width:100%;height:390px;object-fit:cover;border-radius:17px;background:#f3ecf6}.story-step:nth-child(2) img{object-position:center 28%}.story-step:nth-child(3) img{object-position:left center}.story-step:nth-child(4) img{object-position:center 34%}.story-photo figcaption{color:#69616e;font-size:.76rem;margin-top:10px;padding-left:2px}
.about-outro{display:grid;grid-template-columns:1.2fr .8fr;gap:46px;align-items:center;margin:20px 38px 54px;padding:48px;background:#eaf4ed;border-radius:24px}.about-outro h2{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.12;color:var(--about-ink);max-width:640px}.about-outro p:not(.about-kicker){max-width:550px;color:#3d4140;line-height:1.7;margin:0 0 25px}.about-outro img{width:100%;height:330px;object-fit:cover;border-radius:17px}
.main-nav a[aria-current="page"]{color:var(--purple);text-decoration:underline;text-underline-offset:5px}
.about-main a:focus-visible{outline:3px solid #6741a7;outline-offset:4px}
@media(max-width:760px){.about-hero{margin:0;grid-template-columns:1fr;border-radius:0}.about-hero-copy{padding:34px 22px 32px}.about-hero h1{font-size:clamp(2.6rem,10vw,4rem)}.about-hero-copy>p:not(.about-kicker){margin-bottom:23px}.about-hero-photo{min-height:0;height:500px}.about-intro{padding:68px 22px 34px}.story-timeline{padding:0 19px 38px 43px}.story-timeline:before{left:23px}.story-step{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:28px 0}.story-step:before{left:-20px;top:45px;width:13px;height:13px}.story-step:nth-child(even) .story-copy,.story-step:nth-child(even) .story-photo{grid-column:auto;grid-row:auto}.story-copy{padding:0}.story-number{margin-bottom:10px}.story-copy h2{margin-bottom:12px}.story-photo img{height:340px}.about-outro{display:block;margin:10px 16px 30px;padding:27px 22px}.about-outro img{margin-top:24px;height:240px}}
@media(max-width:430px){.about-hero-photo{height:410px}.story-copy p{font-size:.92rem}.story-photo img{height:290px}.about-outro h2{font-size:1.9rem}}
@media(prefers-reduced-motion:no-preference){
  .story-step .story-photo.motion-reveal{transform:translateY(24px) scale(.985);transition-delay:.12s}
  .story-step .story-photo.motion-reveal.is-visible{transform:none}
  .story-step .story-copy.motion-reveal{transform:translateY(20px)}
  .story-step .story-copy.motion-reveal.is-visible{transform:none}
  .about-intro.motion-reveal,.about-outro.motion-reveal{transform:translateY(18px)}
  .about-intro.motion-reveal.is-visible,.about-outro.motion-reveal.is-visible{transform:none}
}
@media(prefers-reduced-motion:reduce){.about-main *{scroll-behavior:auto}}