/* About page only — separate from style.css to preserve homepage customizations. */
 
.about-page-hero{overflow:hidden;background:radial-gradient(circle at 86% 40%,#dce5d8,transparent 38%),#f7f5ee}
 
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(210px,.65fr);align-items:center;gap:4rem;min-height:620px}

.about-hero-copy{padding:85px 0} 

.about-hero-copy h1{font-size:clamp(3rem,5vw,5rem);max-width:850px;margin-bottom:30px} 

.about-hero-copy h1 em{font-weight:400;color:#63816b} 

.about-hero-copy p:not(.eyebrow){max-width:690px;font-size:1.04rem} 

.about-hero-copy  

.about-intro{font-family:var(--serif);font-size:1.6rem!important;color:var(--hunter);margin-bottom:12px} 

.about-hero-art{display:flex;justify-content:center;align-items:center} 

.about-hero-art img{max-height:490px;width:auto;filter:drop-shadow(20px 20px 30px #173e321b)}
 
.about-story-grid{display:grid;grid-template-columns:.7fr 1.6fr;gap:8%;align-items:start} 

.about-story-label{padding-top:12px} 

.about-big-number{display:block;font-family:var(--serif);font-size:clamp(7rem,15vw,13rem);line-height:.95;color:#a8b9a3} 

.about-number-caption{display:block;color:var(--forest);font-size:.88rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase} 

.about-story-copy{max-width:760px} 

.about-story-copy h2{margin-bottom:30px} 

.about-story-copy p{font-size:1.05rem} 

.about-story-copy  

.about-emphasis{font-family:var(--serif);font-size:1.7rem;color:var(--hunter);margin:26px 0 8px}
 
.about-timeline-section{background:#e6ebdf} 

.about-timeline-section h2{max-width:750px;margin-bottom:42px} 

.about-timeline{border-left:2px solid #9bb59f;margin-left:70px} 

.about-milestone{display:grid;grid-template-columns:105px minmax(0,1fr);gap:22px;position:relative;padding:0 0 35px 38px} 

.about-milestone:last-child{padding-bottom:0} 

.about-milestone:before{content:"";position:absolute;left:-9px;top:6px;width:16px;height:16px;border:4px solid #e6ebdf;border-radius:50%;background:var(--hunter);box-shadow:0 0 0 1px #7d9c83} 

.about-milestone-year{font-family:var(--serif);font-size:1.65rem;color:var(--hunter);line-height:1.3} 

.about-milestone h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;margin-bottom:8px} 

.about-milestone p{max-width:710px;margin-bottom:0}
 
.about-name-section{background:var(--hunter);color:#e8efe6} 

.about-name-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:9%} 

.about-name-art{
    min-height:340px;
    display:flex;
    justify-content:center;
    align-items:center;
    border: solid 1px var(--sage);
    border-radius:7px
} 

.about-name-art img{
    max-height:320px;
    width:auto;
    max-width:80%;
} 

.about-name-section h2{color:white} 

.about-name-section .eyebrow{color:#b8d0b7} 

.about-name-section p{font-size:1.02rem} 

.about-name-conclusion{font-family:var(--serif);font-size:1.38rem!important;color:white;margin-top:28px}

.about-approach-section h2{margin-bottom:38px} 

.about-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} 

.about-principles article{padding:34px;background:white;border:1px solid var(--line);border-radius:7px} 

.about-principle-number{font-family:var(--serif);color:#74977c;font-size:1.65rem} 

.about-principles h3{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin:14px 0} 

.about-principles p{margin:0}
 
.about-beyond-section{background:#e6ebdf} 

.about-beyond-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%} 

.about-beyond-grid p{font-size:1.04rem} 

.about-beyond-grid .text-link{display:inline-block;margin-top:10px} 

.about-final-cta .closing-inner>div{max-width:760px} 

.about-final-cta .closing-inner p:not(.eyebrow){margin:18px 0 0;max-width:650px} 

.about-final-cta .button{flex-shrink:0}

.about-story-statement {
    display: block;
    margin: 1.5rem 0 1rem;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: clamp(2.8rem, 4.5vw, 5rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
    color: var(--green, #173e32);
}

.about-story-statement em {
    font-style: italic;
    color: #819b82;
}

.about-story-label .about-number-caption {
    display: block;
    max-width: 230px;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #66766a;
}

@media(max-width:900px){ 
    .about-hero-grid{grid-template-columns:1fr .45fr;gap:20px;min-height:0} 

    .about-hero-copy{padding:65px 0} 

    .about-story-grid{gap:5%} 

    .about-name-grid{gap:5%}
}

@media(max-width:720px){ 
    .about-hero-grid{display:block;position:relative} 

    .about-hero-copy{position:relative;z-index:1;padding:62px 0} 

    .about-hero-copy h1{font-size:clamp(2.65rem,10vw,4rem)} 

    .about-hero-art{position:absolute;right:-85px;bottom:0;opacity:.10;pointer-events:none} 

    .about-hero-art img{height:350px} 

    .about-story-grid, 

    .about-name-grid, 

    .about-beyond-grid{grid-template-columns:1fr;gap:28px} 

    .about-story-label{display:flex;align-items:center;gap:16px} 

    .about-story-label .eyebrow{margin:0} 

    .about-big-number{font-size:5rem} 

    .about-number-caption{max-width:75px} 

    .about-timeline{margin-left:8px} 

    .about-milestone{grid-template-columns:1fr;gap:3px;padding-left:28px} 

    .about-name-art{min-height:220px} 

    .about-name-art img{max-height:180px} 

    .about-principles{grid-template-columns:1fr} 

    .about-principles article{padding:25px} 

    .about-final-cta .closing-inner .button{margin-top:24px}
}