@charset "UTF-8";
.about-page{background:#f4f3ed;color:#17201f}
.about-page .header{position:relative;background:#f4f3ed}
.about-page .main-nav a[aria-current="page"]{font-weight:700;text-decoration:underline;text-underline-offset:6px}
.about-crumb{padding:12px var(--gutter);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.about-crumb a{text-decoration:underline;text-underline-offset:4px}
.about-hero{padding:clamp(80px,11vw,170px) var(--gutter) clamp(78px,9vw,130px);border-bottom:1px solid var(--line)}
.about-hero__inner{max-width:1720px;margin:auto}
.about-hero h1{font-size:clamp(70px,9vw,170px);margin:28px 0 34px;max-width:1450px}
.about-hero h1 span{color:#72806d}
.about-hero__lead{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(36px,8vw,140px);align-items:start;max-width:1300px}
.about-hero__lead strong{font-size:clamp(20px,2.1vw,34px);line-height:1.35;font-weight:500}
.about-hero__lead div{display:grid;gap:20px;max-width:760px}
.about-hero__lead p{font-size:clamp(16px,1.25vw,20px);line-height:1.85}
.about-index{position:sticky;top:0;z-index:5;display:flex;gap:28px;overflow:auto;padding:18px var(--gutter);border-bottom:1px solid var(--line);background:#f4f3edf2;backdrop-filter:blur(12px);scrollbar-width:none}
.about-index::-webkit-scrollbar{display:none}
.about-index a{font-size:11px;letter-spacing:.08em;white-space:nowrap;min-height:36px;display:flex;align-items:center}
.about-section{padding:clamp(72px,8vw,125px) var(--gutter);border-bottom:1px solid var(--line)}
.about-section__inner{max-width:1720px;margin:auto;display:grid;grid-template-columns:minmax(230px,.68fr) minmax(0,1.32fr);gap:clamp(45px,9vw,160px)}
.about-section__head{align-self:start}
.about-section__number{display:block;margin-bottom:32px;font-size:11px;letter-spacing:.14em;color:var(--muted)}
.about-section h2{font-size:clamp(40px,5vw,92px);line-height:1;max-width:650px}
.about-section__copy{max-width:780px;display:grid;gap:22px;align-content:start}
.about-section__copy p{font-size:clamp(16px,1.15vw,19px);line-height:1.9}
.about-section:nth-of-type(even){background:#e6e9df}
.about-philosophy{background:#17201f!important;color:#f4f3ed}
.about-philosophy .about-section__number{color:#aeb7ad}
.about-philosophy .about-section__copy p:first-child{font-size:clamp(25px,2.6vw,44px);line-height:1.35}
.about-contact{padding:clamp(70px,8vw,110px) var(--gutter);background:#d9efb3}
.about-contact__inner{max-width:1720px;margin:auto;display:flex;justify-content:space-between;align-items:end;gap:40px}
.about-contact h2{font-size:clamp(44px,6vw,105px);max-width:1050px}
.about-contact .action{min-width:230px}
@media(max-width:900px){.about-hero__lead,.about-section__inner{grid-template-columns:1fr;gap:38px}.about-section h2{max-width:800px}.about-contact__inner{display:block}.about-contact .action{margin-top:34px}}
@media(max-width:760px){.about-crumb{padding:10px 24px}.about-hero{padding:62px 24px 68px}.about-hero h1{font-size:clamp(52px,16vw,78px);margin:24px 0 30px}.about-hero__lead{gap:25px}.about-hero__lead strong{font-size:21px}.about-hero__lead p,.about-section__copy p{font-size:16px;line-height:1.78}.about-index{position:relative;overflow:visible;flex-wrap:wrap;padding:12px 24px;gap:4px 20px}.about-section{padding:64px 24px}.about-section__inner{gap:30px}.about-section__number{margin-bottom:20px}.about-section h2{font-size:clamp(36px,11vw,54px)}.about-contact{padding:62px 24px}.about-contact h2{font-size:44px}}