/* About: an editorial, people-first expression of the existing brand. */
.about-page {overflow:clip}
.about-wrap {width:min(1180px, calc(100% - 80px));margin-inline:auto}
.about-page section {padding:96px 0}
.about-eyebrow {font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:24px}
.about-hero {text-align:center}
.about-page .about-hero {padding-top:76px;padding-bottom:0}
.about-hero h1 {font-size:clamp(2.8rem,5.4vw,4.7rem);line-height:1.13;letter-spacing:-.045em}
.about-lead {max-width:650px;margin:26px auto 0;color:var(--ink-soft);font-size:1.08rem;line-height:1.75}
.about-actions {display:flex;align-items:center;justify-content:center;gap:32px;margin-top:30px}
.about-page .btn {gap:24px}
.about-link {display:inline-flex;align-items:center;gap:20px;text-underline-offset:6px;font-size:.94rem;font-weight:500;color:var(--primary-deep)}
.about-gallery {margin-top:60px}
.about-gallery-grid {display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:20px;align-items:end}
.about-gallery img {width:100%;height:360px;object-fit:cover}
.about-gallery .about-photo-left {height:310px;border-radius:110px 8px 8px 8px;object-position:center 55%}
.about-gallery .about-photo-center {border-radius:8px 8px 0 0;object-position:center 42%}
.about-gallery .about-photo-right {height:310px;border-radius:8px 110px 8px 8px;object-position:70% center}
.about-gallery figcaption {display:flex;justify-content:space-between;gap:16px;text-align:left;font-size:.75rem;color:var(--ink-soft);padding-top:16px}
.about-gallery figcaption span {color:var(--ink-faint)}
.about-mission {display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.about-page h2 {font-size:clamp(2.15rem,3.3vw,3rem);line-height:1.2;letter-spacing:-.035em}
.about-prose p {color:var(--ink-soft);margin-bottom:20px}
.about-prose .about-statement {font-size:1.3rem;color:var(--ink);line-height:1.55}
.about-prose .about-link {margin-top:8px}
.about-principles {background:var(--sage-tint)}
.about-section-head {position:relative}
.about-section-head>p:last-child {color:var(--ink-soft);margin-top:20px}
.about-values {display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:52px}
.about-values article {border-top:1px solid #b8cec7;padding-top:23px}
.about-number {color:var(--primary);font-size:.76rem;font-weight:600}
.about-values h3 {font-size:1.55rem;line-height:1.3;margin:22px 0 17px}
.about-values p {font-size:.96rem;color:var(--ink-soft)}
.about-team {display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center}
.about-team-copy>p:not(.about-eyebrow) {color:var(--ink-soft);margin:24px 0 30px;max-width:440px}
.about-people {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.about-person {text-decoration:none}
.about-person img {width:100%;height:280px;object-fit:cover;object-position:top;background:var(--sage-tint);border-radius:6px;transition:filter .25s}
.about-person:hover img {filter:brightness(1.04)}
.about-person h3 {font-size:1.1rem;margin-top:20px;line-height:1.35}
.about-person p {font-size:.8rem;color:var(--ink-soft);margin-top:5px}
.about-person span {display:inline-block;font-size:.8rem;font-weight:500;margin-top:14px;color:var(--primary);text-decoration:underline;text-underline-offset:5px}
.about-page .about-next {border-top:1px solid var(--sage-line);display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-bottom:110px}
.about-next>div>p:not(.about-eyebrow) {color:var(--ink-soft);margin:22px 0;max-width:440px}
.about-next .about-hours {font-size:.75rem}
.about-steps {list-style:none}
.about-steps li {display:flex;gap:24px;padding:26px 0;border-bottom:1px solid var(--sage-line)}
.about-steps li:first-child {padding-top:0}
.about-steps li>span {font-size:.8rem;color:var(--primary);padding-top:6px}
.about-steps h3 {font-size:1.35rem;line-height:1.3}
.about-steps p {color:var(--ink-soft);font-size:.95rem;margin-top:10px}
.nav-links [aria-current=page] {color:var(--primary);text-decoration:underline;text-underline-offset:7px}
@media(max-width:850px){.about-wrap{width:calc(100% - 48px)}.about-page section{padding:64px 0}.about-gallery img{height:280px}.about-gallery .about-photo-left,.about-gallery .about-photo-right{height:240px}.about-mission,.about-team,.about-page .about-next{grid-template-columns:1fr;gap:36px}.about-values{gap:24px}.about-person img{height:340px}.about-team-copy>p:not(.about-eyebrow){max-width:600px}}
@media(max-width:540px){.about-wrap{width:calc(100% - 40px)}.about-page .about-hero{padding-top:44px}.about-eyebrow{margin-bottom:18px;font-size:.68rem}.about-hero h1{font-size:2.7rem}.about-lead{font-size:1rem;margin-top:22px}.about-actions{gap:22px;flex-wrap:wrap}.about-gallery{margin-top:36px}.about-gallery-grid{gap:10px;grid-template-columns:1fr 1.15fr}.about-gallery .about-photo-left{height:210px;border-top-left-radius:64px}.about-gallery .about-photo-center{height:250px;border-top-right-radius:64px}.about-gallery .about-photo-right{display:none}.about-gallery figcaption{display:block;font-size:.68rem}.about-gallery figcaption span{display:block;margin-top:4px}.about-values{grid-template-columns:1fr;gap:28px;margin-top:34px}.about-values h3 br{display:none}.about-values h3{margin:14px 0 12px}.about-people{gap:16px}.about-person img{height:205px}.about-person h3{font-size:1rem}.about-page .about-next{padding-bottom:64px}}
@media(prefers-reduced-motion:no-preference){.about-hero h1,.about-lead,.about-actions{animation:about-enter .7s both}.about-lead{animation-delay:.08s}.about-actions{animation-delay:.16s}@keyframes about-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}