/* about.css */
.about-intro { background: var(--white); }
.about-intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; max-width:1200px; margin:0 auto; }
.about-intro-text .section-tag { margin-bottom:16px; display:inline-block; }
.about-intro-text h2 { font-size:clamp(28px,3.5vw,42px); font-weight:800; color:var(--dark); line-height:1.25; margin-bottom:20px; }
.about-intro-text p  { color:var(--gray); font-size:16px; line-height:1.9; margin-bottom:16px; }
.intro-cta { display:flex; gap:16px; flex-wrap:wrap; margin-top:32px; }

.about-visual { position:relative; height:500px; }
.about-img-main { position:absolute; top:0; right:0; width:75%; height:80%; border-radius:var(--radius-xl); overflow:hidden; box-shadow:var(--shadow-lg); }
.about-img-main img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.about-img-main:hover img { transform:scale(1.04); }
.about-img-secondary { position:absolute; bottom:0; left:0; width:52%; height:52%; border-radius:var(--radius-xl); overflow:hidden; border:4px solid var(--white); box-shadow:var(--shadow-lg); }
.about-img-secondary img { width:100%; height:100%; object-fit:cover; }
.about-license-badge { position:absolute; top:50%; left:46%; transform:translate(-50%,-50%); background:var(--gold); color:var(--dark); border-radius:16px; padding:16px 20px; display:flex; align-items:center; gap:12px; box-shadow:0 8px 32px rgba(184,149,42,.5); border:3px solid var(--white); white-space:nowrap; z-index:3; }
.badge-icon { font-size:26px; }
.badge-title { font-size:14px; font-weight:800; line-height:1.2; }
.badge-sub   { font-size:12px; opacity:.75; }

.about-stats-bar { background:var(--dark); padding:52px 40px; display:grid; grid-template-columns:repeat(4,1fr); }
.astat { text-align:center; padding:20px; border-right:1px solid rgba(255,255,255,.1); }
.astat:last-child { border:none; }
.astat-num   { font-size:50px; font-weight:900; color:var(--gold); line-height:1; margin-bottom:8px; }
.astat-label { color:rgba(255,255,255,.6); font-size:14px; }

.mvv-section { background:var(--bg); }
.mvv-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; max-width:1200px; margin:0 auto; }
.mvv-card { background:var(--white); border-radius:var(--radius-xl); padding:40px 34px; border:1px solid var(--border); transition:all .35s; position:relative; overflow:hidden; }
.mvv-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; border-radius:0 0 var(--radius-xl) var(--radius-xl); opacity:0; transition:opacity .35s; }
.mvv-mission::after { background:#3B82F6; }
.mvv-vision::after  { background:var(--gold); }
.mvv-values::after  { background:#10B981; }
.mvv-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.mvv-card:hover::after { opacity:1; }
.mvv-icon { font-size:42px; margin-bottom:22px; display:block; }
.mvv-card h3 { font-size:22px; font-weight:800; color:var(--dark); margin-bottom:14px; }
.mvv-card p  { color:var(--gray); font-size:15px; line-height:1.85; }
.values-list li { color:var(--gray); font-size:15px; line-height:1.6; display:flex; align-items:flex-start; gap:10px; margin-bottom:10px; }
.values-list li::before { content:'✓'; color:#10B981; font-weight:700; font-size:14px; flex-shrink:0; margin-top:2px; }

.why-choose { background:var(--white); }
.why-choose-inner { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; max-width:1200px; margin:0 auto; }
.why-choose-text h2 { font-size:clamp(28px,3.5vw,42px); font-weight:800; color:var(--dark); line-height:1.25; margin-bottom:16px; }
.why-choose-text > p { color:var(--gray); font-size:16px; line-height:1.9; margin-bottom:32px; }
.check-list { display:flex; flex-direction:column; gap:22px; }
.check-item { display:flex; align-items:flex-start; gap:16px; }
.check-icon { width:32px; height:32px; background:var(--gold-pale); border:2px solid var(--gold-light); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--gold); font-weight:800; font-size:14px; flex-shrink:0; margin-top:2px; }
.check-item h4 { font-size:16px; font-weight:700; color:var(--dark); margin-bottom:4px; }
.check-item p  { font-size:14px; color:var(--gray); line-height:1.6; margin:0; }
.why-choose-visual { position:relative; }
.why-choose-visual img { width:100%; height:480px; object-fit:cover; border-radius:var(--radius-xl); }
.why-float-card { position:absolute; bottom:28px; right:28px; background:var(--gold); color:var(--dark); border-radius:16px; padding:20px 26px; text-align:center; box-shadow:0 8px 32px rgba(184,149,42,.5); }
.wfc-num   { font-size:34px; font-weight:900; line-height:1; margin-bottom:6px; }
.wfc-label { font-size:13px; font-weight:600; line-height:1.4; max-width:110px; }

.team-section { background:var(--bg); }
.team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; max-width:1200px; margin:0 auto; }
.team-card { background:var(--white); border-radius:var(--radius-xl); overflow:hidden; border:1px solid var(--border); transition:all .35s; }
.team-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.team-card-img { position:relative; height:250px; overflow:hidden; }
.team-card-img img { width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .45s; }
.team-card:hover .team-card-img img { transform:scale(1.06); }
.team-card-img-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(15,20,25,.6) 0%,transparent 60%); }
.team-card-info { padding:22px; }
.team-card-info h3 { font-size:16px; font-weight:700; color:var(--dark); margin-bottom:6px; }
.team-card-info p  { font-size:13px; color:var(--gray-light); line-height:1.6; }

@media (max-width:1024px) { .about-intro-grid { grid-template-columns:1fr; gap:40px; } .about-visual { height:320px; } .mvv-grid { grid-template-columns:1fr; max-width:560px; } .why-choose-inner { grid-template-columns:1fr; gap:48px; } .team-grid { grid-template-columns:1fr 1fr; } .about-stats-bar { grid-template-columns:1fr 1fr; } .astat { border:none; border-bottom:1px solid rgba(255,255,255,.1); } }
@media (max-width:768px) { .about-img-secondary { display:none; } .about-img-main { width:100%; height:100%; position:relative; } .about-visual { height:260px; } .team-grid { grid-template-columns:1fr 1fr; } .why-choose-visual img { height:300px; } }
@media (max-width:480px) { .team-grid { grid-template-columns:1fr; } }