/* ==========================================================================
   ABOUT PAGE
   ========================================================================== */
.tpa-about-story{ background:var(--color-bg); padding:clamp(60px,8vw,110px) clamp(16px,4vw,48px); }
.tpa-about-story-inner{ max-width:1240px; margin:0 auto; display:flex; gap:clamp(32px,5vw,72px); align-items:center; flex-wrap:wrap; }
.tpa-about-story-img{ flex:1 1 380px; min-width:280px; }
.tpa-about-story-img img{ width:100%; aspect-ratio:4/3; object-fit:cover; }
.tpa-about-story-copy{ flex:1 1 420px; min-width:300px; }
.tpa-about-story-copy h2{ font-family:var(--font-head); font-weight:800; font-size:clamp(28px,3.6vw,40px); line-height:1.15; color:#fff; text-transform:uppercase; margin:0 0 18px; }
.tpa-about-story-copy p{ color:var(--color-text-muted); font-size:16px; line-height:1.75; margin:0 0 16px; }

.tpa-values{ background:var(--color-red); padding:clamp(60px,8vw,110px) clamp(16px,4vw,48px); }
.tpa-values-head{ text-align:center; max-width:620px; margin:0 auto 48px; }
.tpa-values-head span{ color:#fff; }
.tpa-values-head h2{ font-family:var(--font-head); font-weight:800; font-size:clamp(28px,3.6vw,40px); color:#fff; text-transform:uppercase; margin:0; }
.tpa-values-grid{ max-width:1240px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; }
.tpa-value-card{ background:#0a0a0a; border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:30px 24px; opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease, border-color .3s ease, box-shadow .3s ease; }
.js-reveal-ready .reveal.is-visible .tpa-value-card{ opacity:1; transform:translateY(0); }
.js-reveal-ready .reveal.is-visible .tpa-value-card:nth-child(1){ transition-delay:0s; }
.js-reveal-ready .reveal.is-visible .tpa-value-card:nth-child(2){ transition-delay:.1s; }
.js-reveal-ready .reveal.is-visible .tpa-value-card:nth-child(3){ transition-delay:.2s; }
.js-reveal-ready .reveal.is-visible .tpa-value-card:nth-child(4){ transition-delay:.3s; }
.tpa-value-card:hover{ transform:translateY(-6px); border-color:#fff; box-shadow:0 14px 30px rgba(0,0,0,.35); }
.tpa-value-bar{ width:6px; height:26px; background:#fff; border-radius:3px; margin-bottom:18px; }
.tpa-value-card h3{ color:#fff; font-family:var(--font-head); font-weight:700; font-size:19px; text-transform:uppercase; margin:0 0 10px; }
.tpa-value-card p{ color:var(--color-text-faint); font-size:14px; line-height:1.65; margin:0; }

.tpa-mission-vision{ background:var(--color-bg); padding:clamp(60px,8vw,110px) clamp(16px,4vw,48px); }
.tpa-mv-grid{ max-width:1240px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:2px; background:rgba(255,255,255,.08); }
.tpa-mv-card{ background:var(--color-bg); padding:clamp(36px,5vw,54px); }
.tpa-mv-top{ display:flex; align-items:center; gap:16px; margin-bottom:22px; }
.tpa-mv-icon{ width:50px; height:50px; border-radius:50%; border:1px solid var(--color-red); display:flex; align-items:center; justify-content:center; color:var(--color-red); flex-shrink:0; }
.tpa-mv-label{ color:var(--color-red); font-family:var(--font-head); font-weight:700; font-size:14px; letter-spacing:.25em; text-transform:uppercase; }
.tpa-mv-card p{ color:#dcdcdc; font-size:17px; line-height:1.75; font-weight:400; margin:0; }