/* JMDA — about page styles. Loaded after css/jmda-core.css */

h1{font-size:clamp(28px,4.4vw,50px);line-height:1.06}
h2{font-size:clamp(22px,3.1vw,34px);line-height:1.12}
.text-slate{color:var(--slate)!important}
section{scroll-margin-top:calc(var(--nav-h) + 60px);position:relative}
.section-pad{padding:clamp(44px,6vw,84px) 0}
.bg-brand .text-slate{color:#D6E6DD!important}
.pagehead{padding:clamp(30px,4.4vw,58px) 0 clamp(24px,3vw,40px);border-bottom:1px solid var(--line);background:var(--surface)}
.tagline{font-family:var(--display);font-variation-settings:'wdth' 100,'wght' 600; font-size:clamp(15px,1.7vw,19px);color:var(--green);margin:.55rem 0 .9rem}
.subnav{position:sticky;top:var(--nav-h);z-index:1020;background:var(--paper); border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.subnav::-webkit-scrollbar{display:none}
.subnav ul{display:flex;gap:.2rem;list-style:none;margin:0;padding:.5rem 0;white-space:nowrap}
.subnav a{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase; color:var(--slate);text-decoration:none;padding:.55rem .8rem;border-radius:7px;display:inline-block;min-height:38px}
.subnav a:hover{color:var(--green);background:rgba(0,97,64,.07)}
.subnav a.active{background:var(--green);color:#fff}
.icon-sq{width:40px;height:40px;border-radius:9px;background:rgba(0,97,64,.09);color:var(--green); display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:.7rem}
.stat-item{padding:1.3rem .4rem;text-align:center}
.stat-item .n{font-family:var(--display);font-variation-settings:'wght' 700;font-size:clamp(26px,3.6vw,40px); line-height:1;letter-spacing:-.025em;color:var(--green);display:block}
.bg-brand .stat-item .n{color:var(--gold-l)}
.stat-item .l{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase; color:var(--slate);display:block;margin-top:.45rem}
.value{display:flex;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);align-items:flex-start}
.value:last-child{border-bottom:0}
.value .no{flex:0 0 46px;width:46px;height:46px;border-radius:10px;background:rgba(0,97,64,.09); color:var(--green);display:flex;align-items:center;justify-content:center; font-family:var(--mono);font-size:12px;font-weight:600}
.value h3{margin-bottom:.2rem}
.value p{font-size:.9rem;margin:0;color:var(--slate)}
.portrait-wrap{position:relative;border-radius:12px;overflow:hidden;background:var(--green-d);max-width:330px}
.portrait-wrap img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 50%;display:block}
.portrait-wrap::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--gold)}
.quote-brand{font-family:var(--display);font-variation-settings:'wght' 600;font-size:clamp(16px,2vw,22px); line-height:1.35;letter-spacing:-.012em;border-left:3px solid var(--gold);padding-left:1rem;color:var(--ink)}
.bg-brand .quote-brand{color:#fff;border-left-color:var(--gold-l)}
.sign{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line)}
.sign .nm{font-family:var(--display);font-variation-settings:'wght' 700;font-size:1.15rem;display:block}
.sign .rl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase; color:var(--gold-t);display:block;margin-top:.3rem}
.bg-brand .sign{border-top-color:rgba(255,255,255,.2)}
.bg-brand .sign .nm{color:#fff}
.bg-brand .sign .rl{color:var(--gold-l)}
.frame{position:relative;display:block;width:100%;border-radius:10px;overflow:hidden; background:#E9ECE8;border:1px solid var(--line);aspect-ratio:3/2}
.photo-cap{font-size:.78rem;color:var(--slate);margin-top:.5rem}
.mod{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase; padding:.36rem .62rem;border:1px solid var(--line);border-radius:99px;display:inline-block; margin:0 .25rem .35rem 0;color:var(--ink-2)}
@media (max-width:991.98px){
  .section-pad{padding:50px 0}
}
@media (max-width:767.98px){
  h1{font-size:clamp(26px,7vw,34px)}
  h2{font-size:clamp(21px,5.4vw,27px)}
  .section-pad{padding:38px 0}
  .portrait-wrap{margin:0 auto 1.25rem}
  .value{gap:.75rem}
}