.about-page{padding:clamp(3.5rem, 8vw, 7rem) var(--page-gutter)}.about-page__inner{width:min(100%,78rem);margin-inline:auto}.about-page__intro{max-width:55rem;margin-bottom:clamp(3rem,7vw,6rem)}.about-page__eyebrow{font:700 .75rem/1.5 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--color-charcoal);margin:0 0 1rem}.about-page h1,.about-page h2{font-family:var(--font-serif);letter-spacing:-.025em;margin:0;font-weight:400}.about-page h1{font-size:clamp(2.8rem,6vw,5.25rem);line-height:1.05}.about-page h2{font-size:clamp(2rem,3vw,3rem);line-height:1.15}.about-page p:not(.about-page__eyebrow){color:#514b43;line-height:1.75}.about-page__intro>p:last-child{max-width:46rem;margin-top:1.5rem;font-size:1.125rem}.about-story{background:var(--color-charcoal);color:var(--color-ivory);border-radius:1.75rem;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,4rem);display:grid}.about-story__marks{min-height:17rem;padding:1rem 0}.about-story__content{min-width:0}.about-story .about-page__eyebrow{color:var(--color-beige)}.about-story p:not(.about-page__eyebrow){color:var(--color-warm-gray)}.about-story__content>p:nth-of-type(2){max-width:38rem}.about-service{margin-block:clamp(4rem,8vw,7rem)}.about-service>h2{max-width:42rem}.about-service__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2.5rem;display:grid}.about-service article{border-top:1px solid #c7b8a5;padding-top:1rem}.about-service h3{font-size:1rem;line-height:1.5}.about-service article p{font-size:.95rem}.about-contact{border-top:1px solid #c7b8a5;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;padding-top:3rem;display:grid}.about-contact address{overflow-wrap:anywhere;font-style:normal}.about-contact address p:first-child{margin-top:0}@media (max-width:48rem){.about-story,.about-service__grid,.about-contact{grid-template-columns:minmax(0,1fr);gap:2rem}.about-story__marks{min-height:13rem}.about-page__intro>p:last-child{font-size:1rem}}@media (max-width:40rem){.about-story{padding:1.5rem}.about-story .company-timeline{grid-template-columns:minmax(0,1fr)}.about-story .company-timeline li+li{padding-top:1.25rem}}