.about-page{--about-navy:#111e42;--about-deep:#091f31;--about-green:#72bd44;--about-gold:#aa8b33;--about-line:#dce2df;font-family:Montserrat,Arial,sans-serif;color:var(--about-navy);overflow-x:hidden}
.about-page main h1,.about-page main h2,.about-page main h3{font-family:inherit;font-weight:800;letter-spacing:-1.2px}
.about-page main p{font-family:inherit;font-size:15px;line-height:1.75}
.about-page .site-header{height:82px;justify-content:flex-end;padding:0 clamp(24px,4vw,66px)}
.about-page .nav{gap:clamp(18px,2.2vw,34px)}
.about-page .nav a,.about-page .nav a.active,.about-page .nav a:hover{font-size:14px;font-weight:600;letter-spacing:0;text-shadow:0 1px 5px rgba(0,0,0,.35)}
.about-page .site-header.scrolled .nav a{font-size:13px;text-shadow:none}
.about-page .site-header.scrolled .mini{width:205px;height:52px;padding:4px 8px}
.about-hero{position:relative;height:clamp(440px,48vw,690px);min-height:440px;display:grid;place-items:center;background:#315e2c url(assets/about/hero-green.png) center/cover no-repeat;color:#fff;isolation:isolate}
.about-hero-overlay{position:absolute;z-index:-1;inset:0;background:rgba(4,28,19,.25);box-shadow:inset 0 -190px 150px rgba(5,21,17,.27)}
.about-hero-brand{width:min(720px,88vw);display:flex;flex-direction:column;align-items:center;text-align:center}
.about-hero-logo{display:block;width:min(640px,72vw);height:auto;object-fit:contain}
.about-scroll{position:absolute;bottom:28px;width:30px;height:49px;border:1px solid rgba(255,255,255,.8);border-radius:20px}
.about-scroll span{display:block;width:4px;height:9px;margin:9px auto;background:#fff;border-radius:5px;animation:about-scroll 1.7s infinite}
@keyframes about-scroll{50%{transform:translateY(13px);opacity:.25}}

.about-intro{max-width:1320px;margin:auto;padding:120px 42px 130px}
.about-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,88px);align-items:center;margin-bottom:125px}
.about-story:last-child{margin-bottom:0}
.about-story-reverse .about-copy{order:2}.about-story-reverse .about-portrait{order:1}
.about-copy{min-width:0}
.about-kicker,.about-section-heading>span,.nature-statement span,.memorial-copy>span{display:block;margin-bottom:15px;color:var(--about-gold);font-size:11px;font-weight:800;letter-spacing:2.5px}
.about-copy h2{margin:0 0 28px;font-size:clamp(38px,3.6vw,52px);line-height:1.06}
.about-copy p{margin:0 0 21px;color:#4f576a}
.about-copy strong{color:var(--about-navy)}
.about-portrait{width:100%;height:clamp(520px,48vw,700px);margin:0;overflow:hidden;background:#e9ece8}
.about-portrait img{width:100%;height:100%;display:block;object-fit:cover}
.about-story:first-child .about-portrait img{object-position:56% center}
.about-story-reverse .about-portrait img{object-position:52% center}
.about-values{margin:25px 0 0;padding:0;list-style:none;border-top:1px solid var(--about-line)}
.about-values li{position:relative;padding:17px 0 17px 32px;border-bottom:1px solid var(--about-line);color:#4f576a;font-size:15px;line-height:1.7}
.about-values li:before{content:"";position:absolute;left:2px;top:22px;width:10px;height:10px;border:3px solid var(--about-green);border-radius:50%}
.chairman-story{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start}
.chairman-copy p{font-size:15px;line-height:1.75}
.chairman-photo{height:720px}
.chairman-photo img{object-position:center top}
.chairman-signature{display:flex;flex-direction:column;margin-top:26px;padding-top:21px;border-top:1px solid var(--about-line)}
.chairman-signature strong{font-size:17px}.chairman-signature span{margin-top:5px;color:#777f8f;font-size:12px}

.nature-statement{position:relative;height:clamp(420px,48vw,650px);display:flex;align-items:flex-end;overflow:hidden;background:#263824;color:#fff}
.nature-statement>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nature-statement:after{content:"";position:absolute;inset:0;background:rgba(3,24,13,.22);box-shadow:inset 0 -260px 180px rgba(4,24,14,.58)}
.nature-statement>div{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;padding:0 42px 55px}
.nature-statement span{color:#cff0b4}
.nature-statement h2{max-width:920px;margin:0;font-size:clamp(29px,3.3vw,50px);line-height:1.2;letter-spacing:-1.5px}

.about-history{position:relative;max-width:1180px;margin:auto;padding:125px 42px 145px}
.about-section-heading{max-width:760px;margin:0 auto 85px;text-align:center}
.about-section-heading h2{margin:0 0 18px;font-size:clamp(40px,4.4vw,62px);line-height:1.04}
.about-section-heading p{max-width:650px;margin:auto;color:#657080}
.about-timeline{position:relative}
.about-timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#cdd7cc;transform:translateX(-50%)}
.about-milestone{position:relative;display:grid;grid-template-columns:1fr 130px 1fr;align-items:center;min-height:190px}
.about-milestone:before{content:"";position:absolute;left:50%;top:50%;width:15px;height:15px;border:5px solid #fff;border-radius:50%;background:var(--about-green);box-shadow:0 0 0 1px #b6c5b2;transform:translate(-50%,-50%);z-index:2}
.about-milestone img{grid-column:2;grid-row:1;justify-self:center;width:105px;height:105px;object-fit:contain;padding:12px;border-radius:50%;background:#fff;box-shadow:0 12px 35px rgba(12,35,32,.1)}
.timeline-copy{grid-column:1;grid-row:1;max-width:390px;justify-self:end;padding:25px 44px 25px 0;text-align:right}
.about-milestone:nth-child(even) .timeline-copy{grid-column:3;justify-self:start;padding:25px 0 25px 44px;text-align:left}
.timeline-copy strong{display:block;margin-bottom:8px;color:var(--about-gold);font-size:30px;line-height:1}
.timeline-copy p{margin:0;color:#596274;font-size:13px;line-height:1.65}

.social-projects{padding:115px max(38px,calc((100vw - 1110px)/2)) 130px;background:var(--about-navy);color:#fff}
.about-section-heading.light>span{color:#d6bd67}.about-section-heading.light h2{color:#fff}.about-section-heading.light p{color:#bdc7d8}
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.social-card{display:grid;grid-template-columns:185px 1fr;min-height:190px;background:#fff;color:var(--about-navy);overflow:hidden}
.social-card>img{width:100%;height:100%;min-height:190px;display:block;object-fit:cover}
.social-card>div{padding:27px 28px;display:flex;flex-direction:column;justify-content:center}
.social-card span{color:var(--about-gold);font-size:10px;font-weight:800;letter-spacing:2px}
.social-card h3{margin:7px 0 10px;font-size:20px;line-height:1.22}
.social-card p{margin:0;color:#657080;font-size:13px;line-height:1.65}


.memorial{min-width:0;min-height:500px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);align-items:stretch;overflow:hidden;background:#050505;color:#fff;border-top:1px solid rgba(255,255,255,.16)}
.memorial-copy{display:flex;flex-direction:column;justify-content:center;padding:72px max(40px,calc((100vw - 1110px)/2));padding-right:70px}
.memorial-copy>span{color:#c6a744}.memorial-copy h2{margin:0 0 28px;color:#fff;font-size:clamp(40px,4.4vw,62px);line-height:1;text-transform:uppercase}
.memorial-copy strong{display:block;margin-bottom:18px;font-size:15px}
.memorial-copy p{max-width:660px;margin:0 0 15px;color:#d5d5d5;font-size:14px;line-height:1.75}
.memorial-copy,.memorial-visual{min-width:0}.memorial-visual{position:relative;min-height:500px;overflow:hidden;background:#050505}
.memorial-visual img{position:absolute;top:-12.5%;left:-84%;width:auto;height:125%;max-width:none;display:block}
@media(max-width:700px){.memorial{min-height:0}.memorial-copy{padding:58px 26px 48px}.memorial-copy h2{font-size:clamp(25px,7.3vw,32px);white-space:nowrap;overflow-wrap:normal}.memorial-visual{display:none}}

@media(max-width:1000px){
  .about-page .nav{gap:18px}.about-page .nav a,.about-page .nav a.active,.about-page .nav a:hover{font-size:12px}
  .about-story{gap:55px}.social-card{grid-template-columns:145px 1fr}.social-card>div{padding:24px 21px}
}
@media(max-width:800px){
  .about-page .site-header{height:72px;padding:0 22px}.about-page .menu-toggle{color:#fff}.about-page .site-header.scrolled .menu-toggle{color:var(--about-navy)}
  .about-page .nav a,.about-page .nav a.active,.about-page .nav a:hover{font-size:18px;text-shadow:none}
  .about-hero{height:72svh;min-height:540px;background-position:center}.about-hero-logo{width:min(430px,82vw)}
  .about-intro{padding:85px 22px 95px}.about-story,.chairman-story{grid-template-columns:1fr;gap:35px;margin-bottom:85px}.about-story-reverse .about-copy,.about-story-reverse .about-portrait{order:initial}
  .about-copy h2{font-size:38px}.about-copy p,.chairman-copy p{font-size:15px;line-height:1.75}.about-portrait,.chairman-photo{height:auto;aspect-ratio:4/5}.about-story:first-child .about-portrait{aspect-ratio:4/4.6}
  .nature-statement{height:520px}.nature-statement>img{object-position:64% center}.nature-statement>div{padding:0 24px 38px}.nature-statement h2{font-size:29px}
  .about-history{padding:90px 22px 105px}.about-section-heading{margin-bottom:55px}.about-section-heading h2{font-size:49px}
  .about-timeline:before{left:48px}.about-milestone{grid-template-columns:96px 1fr;min-height:175px}.about-milestone:before{left:48px}.about-milestone img{grid-column:1;grid-row:1;width:82px;height:82px;z-index:3}.timeline-copy,.about-milestone:nth-child(even) .timeline-copy{grid-column:2;grid-row:1;justify-self:stretch;max-width:none;padding:25px 0 25px 22px;text-align:left}.timeline-copy strong{font-size:25px}.timeline-copy p{font-size:12px}
  .social-projects{padding:85px 20px 95px}.social-grid{grid-template-columns:1fr}.social-card{grid-template-columns:125px 1fr;min-height:175px}.social-card>img{min-height:175px}.social-card h3{font-size:17px}
  .memorial{grid-template-columns:minmax(0,1fr)}.memorial-copy{padding:70px 26px}.memorial-visual{min-height:260px;height:260px}.memorial-visual img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}.memorial-copy h2{font-size:40px;overflow-wrap:anywhere}
}
@media(max-width:480px){
  .about-hero-logo{width:84vw}
  .about-intro{padding-left:18px;padding-right:18px}.about-story{margin-bottom:72px}.about-copy h2{font-size:34px;letter-spacing:-1px}.about-values li{font-size:12px}
  .social-card{grid-template-columns:1fr}.social-card>img{height:190px}.social-card>div{padding:26px}.social-card p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.about-scroll span{animation:none}}

/* Keep the memorial title inside its column at every breakpoint. */
.memorial-copy h2{max-width:100%;font-size:clamp(28px,3.2vw,58px);white-space:nowrap;overflow-wrap:normal}
@media(max-width:800px){.memorial-copy h2{font-size:clamp(24px,7vw,31px);white-space:nowrap;overflow-wrap:normal}}
@media(max-width:360px){.memorial-copy{padding-left:18px;padding-right:18px}.memorial-copy h2{font-size:23px}}