.site-header nav .active{color:var(--gold)}
.about-hero{display:grid;gap:3rem 7vw;grid-template-columns:1.15fr .85fr;padding:8rem 9vw 9rem}.about-hero>.eyebrow{grid-column:1/-1}.about-hero h1{font-size:clamp(4.6rem,8vw,8.5rem)}.about-hero h1 span{display:block;white-space:nowrap}.about-hero-copy{align-self:end;border-left:1px solid #d8c6a7;padding-left:3rem}.about-hero-copy .lead{color:var(--navy);font-family:'Cormorant Garamond',serif;font-size:1.8rem;line-height:1.25}
.why-section{background:var(--navy);color:#dce4e9;display:grid;gap:10vw;grid-template-columns:1.1fr .9fr;padding:9rem 10vw}.why-section h2{color:#fff;font-size:clamp(3.1rem,5vw,5.2rem);margin-top:1.5rem}.why-section .section-number{color:#d8bd91}.why-copy{align-self:end;border-left:1px solid rgba(255,255,255,.22);padding-left:3rem}
.standard-section{display:grid;gap:10vw;grid-template-columns:.8fr 1.2fr;padding:9rem 10vw}.standard-statement h2{font-size:clamp(3.3rem,5vw,5.4rem)}.standard-details{border-top:4px solid var(--gold);padding-top:2.5rem}.large-copy{color:var(--navy);font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3vw,3rem);line-height:1.2;margin-bottom:2rem}
.roots-section{background:var(--cream);display:grid;gap:9vw;grid-template-columns:.8fr 1.2fr;padding:9rem 10vw}.roots-intro{position:sticky;top:3rem;align-self:start}.roots-intro h2{font-size:clamp(3.3rem,5vw,5.3rem)}.roots-story p:first-child{color:var(--navy);font-family:'Cormorant Garamond',serif;font-size:2rem;line-height:1.25}.roots-story p{margin-bottom:1.7rem}
.closing-section{background:var(--navy-deep);color:#dce4e9;padding:9rem 14vw;text-align:center}.closing-section h2{color:#fff;font-size:clamp(3rem,4.8vw,5rem);line-height:1.08;margin:0 auto 3rem;max-width:950px}.closing-section blockquote p{color:#d8bd91;font-size:clamp(2.5rem,4vw,4.5rem);margin-bottom:3rem}
@media(max-width:900px){.about-hero,.why-section,.standard-section,.roots-section{grid-template-columns:1fr;padding:7rem 8vw}.about-hero>.eyebrow{grid-column:auto}.about-hero-copy,.why-copy{padding-left:1.5rem}.roots-intro{position:static}.closing-section{padding:7rem 8vw}}
@media(max-width:560px){.about-hero,.why-section,.standard-section,.roots-section,.closing-section{padding:5.5rem 7vw}.about-hero h1{font-size:clamp(3.8rem,17vw,5rem)}.about-hero-copy{padding-left:1.2rem}}