/* Company story: a clear heading and a comfortable reading column. */
.about{display:block;padding-top:6.5rem;padding-bottom:6.5rem}
.about>.eyebrow{padding:0;margin:0 0 2.5rem;color:var(--wine);letter-spacing:.14em}
.about-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:5rem;align-items:start}
.about h2{font-size:clamp(1.8rem,2.9vw,2.5rem);font-weight:600;line-height:1.55;letter-spacing:-.055em;margin:0}
.about-text{display:block;margin:0;max-width:34rem}
.about-text .about-intro{font-size:1.2rem;line-height:1.9;font-weight:500;letter-spacing:-.025em;color:var(--ink);margin:0 0 2rem}
.about-story{padding-top:1.75rem;border-top:1px solid var(--line)}
.about-story p{font-size:1rem;line-height:1.95;letter-spacing:-.015em;color:var(--muted);margin:0}
.about-story p+p{margin-top:1.25rem}
#about-title{align-self:center;justify-self:center;width:max-content;max-width:100%;padding-bottom:1rem;font-size:clamp(1.8rem,2.65vw,2.3rem);line-height:1.65}
#about-title span{display:block}
#about-title span+span{margin-top:.35rem;padding-left:1.8rem}
@media(max-width:1000px){.about-layout{gap:2.5rem;grid-template-columns:1fr 1.2fr}.about h2{font-size:1.9rem}.about-text .about-intro{font-size:1.1rem}}
@media(max-width:700px){.about{padding-top:4rem;padding-bottom:4rem}.about>.eyebrow{margin-bottom:1.5rem}.about-layout{grid-template-columns:1fr;gap:2rem}.about h2{font-size:clamp(1.65rem,6.3vw,2.1rem);line-height:1.5}.about-text{max-width:none}.about-text .about-intro{font-size:1.0625rem;line-height:1.9;margin-bottom:1.5rem}.about-story{padding-top:1.5rem}.about-intro br,.about-story br{display:none}.about-story p{line-height:1.95}}
@media(max-width:1000px){#about-title{font-size:clamp(1.4rem,2.6vw,1.9rem)}#about-title span+span{padding-left:1.1rem}}
@media(max-width:700px){#about-title{font-size:clamp(1.35rem,5.8vw,2rem);padding:1rem 0 1.5rem;line-height:1.7}#about-title span+span{padding-left:1.2rem;margin-top:.3rem}}