/* about.css */

.page-hero {
  --tv-page-gap: 4.25rem;
  background:var(--navy2);
  padding:calc(var(--tv-nav-h) + var(--tv-page-gap)) 0 3.75rem;
  border-bottom:1px solid rgba(27,117,188,0.2);
}
.mv-card:not(.blue) {
  background: rgba(24,112,181,0.08);
  border-left: 4px solid var(--blue);
}
.page-hero-title {
  font-family:'Barlow Condensed', sans-serif;
  font-size:clamp(3.375rem,8vw,6.25rem); font-weight:700; letter-spacing:0.0125em;
  line-height:0.9; color:var(--white); margin-bottom:20px;
}
.story-photo { width:100%; height:100%; object-fit:cover; position:relative; z-index:1; }
.text-blue { color:var(--blue); font-style:normal; }
.page-hero-sub { font-size:1rem; color:var(--smoke); max-width:520px; line-height:1.7; }

/* ── STORY ── */
.story-section {
  background:var(--navy);
  background-image: repeating-linear-gradient(135deg,rgba(255,255,255,0.012),rgba(255,255,255,0.012) 7px,transparent 7px,transparent 14px);
  padding:6.25rem 0;
}
.story-visual {
  position:relative; background:var(--navy2);
  border-radius:8px; overflow:hidden; height:420px;
  display:flex; align-items:center; justify-content:center;
  flex-direction:column; gap:16px;
}
.story-year {
  position:absolute; bottom:-20px; right:-10px;
  font-family:'Barlow Condensed', sans-serif;
  font-size:10rem; font-weight:700; color:rgba(24,112,181,0.08);
  line-height:1; user-select:none; pointer-events:none;
}
.story-img-placeholder i { font-size:4rem; color:var(--blue2); opacity:0.6; }
.story-img-placeholder span { font-size:0.75rem; color:var(--smoke); letter-spacing:0.125rem; text-transform:uppercase; margin-top:12px; display:block; text-align:center; }
.story-text { font-size:0.9375rem; color:var(--smoke); line-height:1.85; margin-bottom:18px; }
.story-text:last-of-type { margin-bottom:32px; }
.story-stats { display:flex; gap:40px; flex-wrap:wrap; padding-top:32px; border-top:1px solid rgba(27,117,188,0.2); }
.story-stat-val { font-family:'Barlow Condensed', sans-serif; font-size:2.25rem; font-weight:700; color:var(--white); line-height:1; }
.story-stat-key { font-size:0.625rem; color:var(--smoke); letter-spacing:0.09375rem; text-transform:uppercase; margin-top:4px; }

/* ── MISSION VISION ── */
.mv-section { background:var(--navy2); padding:5rem 0; }
.mv-card { background:var(--navy3); padding:48px 40px; height:100%; }
.mv-card.blue {
  background: rgba(24,112,181,0.08);
  border-left: 4px solid var(--blue);
  box-shadow: 0 0 0 1px rgba(24,112,181,0.2);
}
.mv-card.blue2 { background:var(--blue); }
.mv-icon { font-size:1.75rem; color:rgba(255,255,255,0.5); margin-bottom:20px; }
.mv-label { font-size:0.625rem; font-weight:700; letter-spacing:0.25rem; text-transform:uppercase; color:rgba(255,255,255,0.4); margin-bottom:14px; }
.mv-title { font-family:'Barlow Condensed', sans-serif; font-size:2rem; font-weight:700; color:var(--white); margin-bottom:18px; line-height:1.1; }
.mv-text { font-size:0.9375rem; color:rgba(255,255,255,0.65); line-height:1.8; }

/* ── VALUES ── */
.values-section {
  background:var(--navy);
  background-image: repeating-linear-gradient(135deg,rgba(255,255,255,0.012),rgba(255,255,255,0.012) 7px,transparent 7px,transparent 14px);
  padding:5rem 0;
}
.value-card { background:var(--navy2); padding:36px 28px; height:100%; transition:background 0.2s; }
.value-card:hover { background:var(--navy3); }
.value-icon { font-size:1.75rem; color:var(--blue2); margin-bottom:18px; }
.value-title { font-family:'Barlow Condensed', sans-serif; font-size:1.5rem; font-weight:600; color:var(--white); margin-bottom:10px; }
.value-desc { font-size:0.875rem; color:var(--smoke); line-height:1.75; margin:0; }

/* ── WHY ── */
.why-section { background:var(--navy2); padding:5rem 0; }
.why-sub { font-size:1rem; color:var(--smoke); margin-top:16px; line-height:1.7; }
.why-list { display:flex; flex-direction:column; gap:3px; }
.why-item { background:var(--navy3); padding:28px 32px; display:flex; gap:28px; align-items:flex-start; transition:background 0.2s; }
.why-item:hover { background:var(--navy4); }
.why-num { font-family:'Barlow Condensed', sans-serif; font-size:2.5rem; font-weight:700; color:rgba(24,112,181,0.25); line-height:1; flex-shrink:0; width:50px; }
.why-title { font-family:'Barlow Condensed', sans-serif; font-size:1.375rem; font-weight:600; color:var(--white); margin-bottom:6px; }
.why-desc { font-size:0.875rem; color:var(--smoke); line-height:1.7; margin:0; }

/* ── CTA ── */
.about-cta {
  background:var(--navy);
  background-image: repeating-linear-gradient(135deg,rgba(255,255,255,0.012),rgba(255,255,255,0.012) 7px,transparent 7px,transparent 14px);
  padding:5rem 0;
  border-top:1px solid rgba(27,117,188,0.2);
}
.about-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; }
.about-cta h2 { font-family:'Barlow Condensed', sans-serif; font-size:clamp(2rem,4vw,3.25rem); font-weight:700; color:var(--white); line-height:1; }
.about-cta h2 span { color:var(--blue); }
.about-cta p { font-size:0.9375rem; color:var(--smoke); margin-top:10px; }
.about-cta-btns { display:flex; gap:14px; flex-wrap:wrap; flex-shrink:0; }

/* ── RESPONSIVE ── */
@media (max-width:991px) {
  .page-hero { --tv-page-gap: 4rem; padding-bottom:3.125rem; }
  .story-section { padding:3.75rem 0; }
  .story-visual { height:280px; }
  .mv-card { padding:36px 28px; }
  .why-item { padding:22px 24px; gap:20px; }
  .about-cta-inner { flex-direction:column; align-items:flex-start; }
}
@media (max-width:575px) {
  .page-hero { --tv-page-gap: 2.75rem; padding-bottom:2.5rem; }
  .page-hero-title { font-size:clamp(2.75rem,12vw,4rem); }
  .story-stats { gap:24px; }
  .story-stat-val { font-size:1.75rem; }
  .mv-card { padding:28px 20px; }
  .mv-title { font-size:1.625rem; }
  .value-card { padding:24px 20px; }
  .why-item { flex-direction:column; gap:8px; padding:20px; }
  .why-num { font-size:1.75rem; width:auto; }
  .about-cta-btns { width:100%; flex-direction:column; }
  .about-cta-btns a { text-align:center; }
}