/* ============ COMPANY ============ */
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,5vw,80px);align-items:center}
.about__txt h2{font-size:clamp(1.9rem,4vw,3rem);margin:.35em 0 .6em}
.about__txt p+p{margin-top:1em}
.about__points{display:grid;gap:24px;margin-top:36px;border-top:1px solid var(--line);padding-top:32px}
.about__points>div{display:grid;grid-template-columns:48px 1fr;gap:6px 18px;align-items:start}
.about__points .mono{grid-row:span 2;color:var(--accent);font-size:1.1rem;font-weight:700}
.about__points b{font-family:var(--f-display);font-size:1.05rem}
.about__points p{font-size:.9rem;color:var(--muted);grid-column:2}

.timeline{display:grid;gap:0;border-top:1px solid var(--line)}
.tl{display:grid;grid-template-columns:160px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line);align-items:baseline;transition:.3s var(--e)}
.tl:hover{padding-inline:14px;background:#fff}
.tl__yr{font-size:clamp(1.4rem,3vw,2.1rem);font-weight:700;color:var(--accent)}
.tl__c b{font-family:var(--f-display);font-size:1.15rem;display:block;margin-bottom:.2em}
.tl__c p{color:var(--graphite)}

.sustain{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(36px,6vw,80px);align-items:center}
.sustain__txt h2{font-size:clamp(1.9rem,4vw,3rem);margin:.35em 0 .6em}
.sustain__list{margin-top:28px;display:grid;gap:14px}
.sustain__list li{padding-left:26px;position:relative;color:var(--graphite)}
.sustain__list li::before{content:"";position:absolute;left:0;top:11px;width:10px;height:10px;background:var(--accent)}
.sustain__list b{color:var(--ink)}
.sustain__stats{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.sustain__stats>div{background:#fff;padding:clamp(28px,4vw,42px)}
.sustain__stats .count{font-size:clamp(2.6rem,6vw,4rem)}
.sustain__stats sup{color:var(--accent);font-family:var(--f-display);font-weight:700;font-size:1.6rem}
.sustain__stats p{color:var(--muted);font-size:.9rem;margin-top:.5em}

.certgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}
.cert{background:var(--ink);padding:clamp(26px,3vw,40px);text-align:center;transition:.35s var(--e)}
.cert:hover{background:#211f1d}
.cert b{font-family:var(--f-display);font-size:1.2rem;color:#fff;display:block;margin-bottom:.4em}
.cert small{color:var(--muted);font-size:.78rem;line-height:1.4;display:block}

.location{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(36px,5vw,72px);align-items:center}
.location__info{margin:28px 0 32px;display:grid;gap:0;border-top:1px solid var(--line)}
.location__info li{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.location__info span{color:var(--muted);font-size:.85rem}
.location__info b{font-weight:500}
.mapph{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,#e9e6e0,#e9e6e0 14px,#efece7 14px,#efece7 28px);
  border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--graphite);text-align:center}
.mapph__pin{color:var(--accent);font-size:1.6rem;animation:pinpulse 1.8s ease-in-out infinite}
.mapph small{color:var(--muted)}
@keyframes pinpulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

@media (max-width:900px){
  .about,.sustain,.location{grid-template-columns:1fr}
  .certgrid{grid-template-columns:repeat(2,1fr)}
  .tl{grid-template-columns:90px 1fr;gap:18px}
}