.site-header{height:88px;gap:34px}
.wordmark{gap:11px;font-family:var(--heading)}
.wordmark img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.wordmark b{font-size:29px;line-height:1;white-space:nowrap}
.site-header>nav{gap:26px}
.site-header>nav a,.text-link{font-size:18px}
.header-actions{gap:20px;white-space:nowrap}
.button.small{min-height:43px;font-size:16px}
.about-hero{max-width:1180px;margin:auto;padding:95px 28px 100px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px}
.about-hero h1,.story-section h2,.family-business h2{font:500 clamp(44px,5vw,72px)/1 var(--heading);letter-spacing:-2.6px;margin:0}
.about-hero h1 em{color:var(--clay);font-weight:500}
.about-mark{padding:46px;text-align:center;border-radius:22px;background:var(--cream);box-shadow:0 24px 60px rgba(47,75,64,.12)}
.about-mark img{width:min(245px,100%);border-radius:50%}
.about-mark p{margin:15px 0 0;color:var(--forest);font:28px var(--script)}
.story-section{padding:105px max(28px,calc((100vw - 1180px)/2));background:#f5f6f1}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}
.story-grid h2,.family-business h2{font-size:clamp(38px,4vw,58px)}
.story-grid p,.family-business-card>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8}
.story-grid p:first-child{margin-top:4px}
.family-business{max-width:1180px;margin:auto;padding:110px 28px;display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:center}
.family-business-card{padding:42px;border-left:5px solid var(--clay);background:white;box-shadow:0 18px 50px rgba(33,61,50,.08)}
.family-business blockquote{margin:0;color:var(--forest);font:40px/1.25 var(--script);text-align:center}
@media(max-width:1050px){.site-header>nav{display:none}.header-actions{margin-left:auto}}
@media(max-width:700px){.site-header{height:76px;padding:0 16px;gap:10px}.wordmark img{width:42px;height:42px}.wordmark b{font-size:22px}.site-header .text-link{display:inline;font-size:15px}.button.small{min-height:38px;padding:0 12px;font-size:13px}.header-actions{gap:10px}.about-hero,.story-grid,.family-business{grid-template-columns:1fr}.about-hero{padding:65px 20px;gap:40px}.story-section{padding:75px 20px}.story-grid{gap:28px}.family-business{padding:75px 20px;gap:45px}.family-business-card{padding:30px 25px}.family-business blockquote{font-size:34px}}
@media(max-width:430px){.site-header{position:relative;padding:0 12px}.site-header .wordmark{min-width:0;gap:8px}.wordmark img{width:36px;height:36px}.wordmark b{font-size:16px}.site-header .header-actions{position:absolute;right:12px;flex:none}.site-header .button.small{display:none}.site-header .text-link{display:inline;font-size:14px}.hero h1{font-size:40px;letter-spacing:-1.5px}.hero h1 em{display:block;font-size:.86em}}