/* About: a compact editorial story with a forest photographic opening. */
.about-page{background:#f8f7f2;color:#133a31;font-family:var(--font-body)}
.about-page main{overflow:clip}
.about-page :is(h1,h2){font-family:var(--font-display);font-weight:var(--weight-display);text-transform:uppercase;letter-spacing:-.02em;line-height:1.02;text-wrap:balance;margin:18px 0 25px}
.about-page h1{font-size:var(--type-hero)}.about-page h2{font-size:clamp(40px,4.1vw,70px)}
.about-page :is(h1,h2) span{display:block;color:#86A126}
.about-page p{font-size:16px;line-height:1.75;margin:0 0 20px}
.about-page .story-eyebrow{font-family:var(--font-accent);font-size:var(--type-eyebrow);font-weight:var(--weight-accent);letter-spacing:.12em;text-transform:uppercase;line-height:1.6;margin-bottom:14px}
.story-photo{margin:0;min-width:0;height:100%;overflow:hidden}.story-photo img{display:block;width:100%;height:100%;object-fit:cover}.story-cutout img{object-fit:contain}
.story-hero{position:relative;isolation:isolate;min-height:700px;display:flex;align-items:center;padding:165px var(--page-gutter) 80px;background:#133a31;color:#fff}
.story-hero>.story-photo{position:absolute;inset:0;z-index:-2}.story-hero>.story-photo img{object-position:73% center}
.story-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#133a31 0%,#183f35ed 28%,#183f35aa 52%,#183f3526 100%)}
.story-hero-copy{max-width:760px}.story-hero-copy>p:not(.story-eyebrow){max-width:520px;color:#e0eade;font-size:18px;line-height:1.7}
.about-page .story-hero h1 span{color:#86A126}
.story-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:29px}
.story-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:15px 23px;border:1px solid #133a31;border-radius:7px;background:#133a31;color:#fff;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;transition:background 180ms ease,transform 180ms ease}
.story-action-outline{background:transparent;color:#133a31}.story-hero .story-action{background:#86A126;border-color:#86A126;color:#133a31}.story-hero .story-action-outline{background:transparent;border-color:#ffffff70;color:#fff}
.story-action:is(:hover,:focus-visible){background:#86A126;border-color:#86A126;color:#133a31;transform:translateY(-2px)}
.story-action:focus-visible,.story-text-link:focus-visible{outline:3px solid #86A126;outline-offset:5px}
.story-beginnings,.story-today,.story-purpose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);align-items:center;padding:80px var(--page-gutter)}
.story-copy{max-width:560px}.beginnings-visual{height:400px}.story-beginnings{scroll-margin-top:100px}.story-beginnings .story-copy{max-width:560px}
.story-journey{padding:65px var(--page-gutter);background:#eeeee7;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:7vw;align-items:start;scroll-margin-top:95px}
.story-journey-intro{position:sticky;top:115px;max-width:420px}
.company-history{list-style:none;margin:0;padding:0}
.story-milestone{padding:20px 0;border-top:1px solid #d0d9ca;scroll-margin-top:110px}
.timeline-node{display:none}.milestone-copy{display:grid;grid-template-columns:84px minmax(0,1fr);gap:5px 24px}
.about-page .milestone-year{grid-column:1;grid-row:1/5;font-family:var(--font-display);font-size:36px;line-height:1.1;color:#397855;margin:0}
.about-page .milestone-copy h3{grid-column:2;font-family:var(--font-body);font-size:19px;font-weight:700;line-height:1.3;margin:0 0 4px;color:#133a31;letter-spacing:0;text-transform:none}
.milestone-copy>p:not(.milestone-year),.milestone-copy>ul,.milestone-copy>a{grid-column:2}
.about-page .milestone-copy>p:not(.milestone-year),.milestone-copy li{font-size:14px;line-height:1.65;margin:0}
.milestone-copy ul{padding-left:17px;margin:2px 0 0}.story-text-link{font-size:14px;line-height:1.6;text-underline-offset:4px;padding:6px 0}
.milestone-final{border-top-color:#133a31}.about-page .milestone-final .milestone-year{color:#133a31}
.story-today{row-gap:65px}.today-photo{height:460px}.today-manufacturing-photo{height:410px}
.about-page .today-facts{display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;padding:22px 0;margin:22px 0;border-top:1px solid #d7dfd1;border-bottom:1px solid #d7dfd1}
.about-page .today-facts>div{display:block;border:0;padding:0}.about-page .today-facts dt{font-family:var(--font-display);font-size:42px;line-height:1;color:#397855;margin-bottom:9px}.about-page .today-facts dd{margin:0;text-align:left;font-size:14px;line-height:1.6;max-width:none}.today-facts dd span{display:block;color:#617466;font-size:13px;margin-top:5px}
.story-purpose{background:#133a31;color:#fff}.story-purpose .story-copy p{color:#dce7de}.story-purpose .story-action{background:#86A126;border-color:#86A126;color:#133a31}.story-purpose .story-action-outline{background:transparent;border-color:#ffffff70;color:#fff}.purpose-visual{height:350px}.story-purpose .story-action:hover{background:#86A126;color:#133a31}
.about-page .catalogue-footer{background:#133a31}
@media(max-width:1000px){.story-hero{min-height:650px}.story-beginnings,.story-today,.story-purpose{gap:35px;padding-top:60px;padding-bottom:60px}.story-journey{gap:35px;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.milestone-copy{grid-template-columns:65px minmax(0,1fr);gap:5px 16px}.beginnings-visual{height:330px}.today-photo{height:400px}}
@media(max-width:760px){.story-hero{min-height:650px;padding:140px var(--page-gutter) 65px}.story-hero>.story-photo img{object-position:65% center}.story-hero-shade{background:linear-gradient(90deg,#183f35f5,#183f35bd),linear-gradient(0deg,#133a31,transparent)}.about-page h1{font-size:clamp(44px,10vw,62px)}.about-page h2{font-size:clamp(36px,9vw,48px)}.story-hero-copy>p:not(.story-eyebrow){font-size:16px}.story-beginnings,.story-today,.story-purpose,.story-journey{grid-template-columns:1fr;padding:45px var(--page-gutter);gap:28px}.story-journey-intro{position:static}.beginnings-visual{height:260px}.today-photo{height:300px}.today-manufacturing-photo{height:290px}.purpose-visual{height:280px}.milestone-copy{grid-template-columns:62px minmax(0,1fr);gap:5px 14px}.about-page .milestone-year{font-size:30px}.about-page .milestone-copy h3{font-size:17px}.story-actions{gap:12px}.story-action{padding:14px 19px}.story-today>.today-photo{order:0}.story-today>.story-copy:not(.today-manufacturing-copy){order:1}.today-manufacturing-photo{order:2}.today-manufacturing-copy{order:3}}
@media(prefers-reduced-motion:no-preference){.about-motion-ready [data-reveal],.about-motion-ready .milestone-copy{transition:opacity 600ms ease,translate 600ms ease}.about-motion-ready .is-awaiting{opacity:0;translate:0 14px}}
@media(prefers-reduced-motion:reduce){.about-page *{transition:none!important;animation:none!important}.story-action:is(:hover,:focus-visible){transform:none}}

/* Keep the final milestone within the same compact hierarchy. */
.about-page .company-history .milestone-final h3{font-family:var(--font-body);font-size:19px;line-height:1.3;text-transform:none;letter-spacing:0}
@media(max-width:760px){.about-page .company-history .milestone-final h3{font-size:17px}}