
.story{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.story .vis{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:1;box-shadow:var(--shadow-lg)}
.story .vis img{width:100%;height:100%;object-fit:cover}
.story h2{font-size:clamp(26px,3vw,36px);font-weight:700;margin-bottom:16px}
.story p{font-size:16px;line-height:1.7;margin-bottom:16px}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px}
.mv .card{padding:34px;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:#fff;box-shadow:var(--shadow-sm)}
.mv .card .ic{width:56px;height:56px;border-radius:14px;background:var(--surface-brand-soft);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.mv .card .ic svg{width:28px;height:28px}
.mv .card h3{font-size:22px;font-weight:700;margin-bottom:10px}.mv .card p{font-size:15.5px;line-height:1.65}
.stats{background:var(--gradient-hero);color:#fff;position:relative;overflow:hidden}
.stats-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stat .n{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,4.5vw,52px);line-height:1;color:#fff}.stat .n span{color:var(--orange-400)}
.stat .l{font-size:15px;color:var(--text-on-dark-muted);margin-top:10px}
.stat+.stat{border-left:1px solid var(--border-on-dark)}
.vals{background:var(--surface-subtle)}
.vals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.vcard{padding:28px;background:#fff;border-radius:var(--radius-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-top:3px solid var(--brand-accent)}
.vcard .ic{width:48px;height:48px;border-radius:11px;background:var(--surface-accent-soft);color:var(--orange-600);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.vcard .ic svg{width:24px;height:24px}
.vcard h3{font-size:18px;font-weight:600;margin-bottom:7px}.vcard p{font-size:14.5px;line-height:1.6;color:var(--text-body)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:52px}
.member{text-align:center}
.member .ph{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:16px}
.member .ph img{width:100%;height:100%;object-fit:cover}
.member .soc{position:absolute;inset:auto 0 0 0;display:flex;justify-content:center;gap:10px;padding:14px;background:linear-gradient(to top,rgba(30,15,43,.85),transparent);opacity:0;transform:translateY(8px);transition:all var(--dur)}
.member:hover .soc{opacity:1;transform:translateY(0)}
.member .soc a{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center}
.member .soc a:hover{background:var(--brand-accent);color:#fff}.member .soc svg{width:16px;height:16px}
.member h4{font-size:16.5px;font-weight:600;margin-bottom:3px}.member .role{font-size:13.5px;color:var(--text-accent);font-weight:500}
.cta{position:relative;background:var(--gradient-hero);color:#fff;overflow:hidden;text-align:center}
.cta-inner{position:relative;max-width:620px;margin:0 auto}
.cta h2{color:#fff;font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3.6vw,42px);margin-bottom:14px}
.cta p{font-size:17px;color:var(--text-on-dark-muted);margin-bottom:30px}
@media(max-width:960px){.story,.mv,.vals-grid{grid-template-columns:1fr;gap:36px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:40px 24px}.stat+.stat{border-left:none}.team-grid{grid-template-columns:repeat(2,1fr)}}
