/* ============================================================
   ABOUT.CSS
   ============================================================ */
.page-hero{padding:80px 0 48px;background:linear-gradient(var(--glass),transparent)}
.page-title{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:22px}
.page-title span{color:var(--gold);font-style:italic}
.page-subtitle{font-size:1.15rem;color:var(--fg2);max-width:680px;line-height:1.7}

.story-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:start}
.story-main p{font-size:1.02rem;color:var(--fg2);line-height:1.8;margin-bottom:18px}
.sidebar-card{padding:24px;background:var(--glass);border:1px solid var(--line);border-radius:4px;margin-bottom:14px}
.sidebar-card h4{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-bottom:14px}
.sidebar-card ul{list-style:none}
.sidebar-card li{font-size:.95rem;color:var(--fg2);padding:8px 0;border-bottom:1px solid var(--line)}
.sidebar-card li:last-child{border-bottom:none}
.sidebar-card li strong{color:var(--fg)}
.sidebar-card p{font-size:.95rem;color:var(--fg2);line-height:1.7}

.pillars-recap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pillar-recap-card{padding:26px;background:var(--glass);border:1px solid var(--line);border-radius:4px}
.recap-num{display:block;font-family:var(--d);font-size:.9rem;font-weight:700;color:var(--gold);letter-spacing:.15em;margin-bottom:12px}
.pillar-recap-card h3{font-size:1.02rem;margin-bottom:10px;color:var(--fg)}
.pillar-recap-card p{font-size:.92rem;color:var(--fg2);line-height:1.65}

.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.context-block h3{font-size:1.15rem;margin-bottom:16px;color:var(--gold)}
.context-list{list-style:none}
.context-list li{font-size:.98rem;color:var(--fg2);line-height:1.7;padding:10px 0 10px 20px;position:relative;border-bottom:1px solid var(--line)}
.context-list li::before{content:"—";position:absolute;left:0;color:var(--gold)}

.about-cta-box{text-align:center;padding:56px 32px;background:var(--glass);border:1px solid var(--line);border-radius:4px}
.about-cta-box h2{margin-bottom:14px}
.about-cta-box p{font-size:1.05rem;color:var(--fg2);margin-bottom:28px}

@media(max-width:1024px){
  .pillars-recap-grid{grid-template-columns:repeat(2,1fr)}
  .story-grid{grid-template-columns:1fr}
  .context-grid{grid-template-columns:1fr}
}
@media(max-width:768px){.pillars-recap-grid{grid-template-columns:1fr}}