.about-page{min-height:75vh;padding:28px clamp(14px,3vw,40px) 72px;background:radial-gradient(circle at top right,rgba(59,130,246,.07),transparent 30%),var(--bg-body)}
.about-shell{width:min(1260px,100%);margin:0 auto}.about-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:24px;color:var(--text-muted);font-size:.82rem}.about-breadcrumb a{color:var(--text-muted);transition:color var(--transition)}.about-breadcrumb a:hover{color:var(--primary)}.about-breadcrumb i{font-size:.58rem;opacity:.55}.about-breadcrumb span{color:var(--text-primary);font-weight:700}
.about-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(36px,6vw,76px);align-items:center;overflow:hidden;min-height:520px;padding:clamp(34px,5vw,66px);border:1px solid var(--border-color);border-radius:22px;background:var(--bg-card);box-shadow:var(--shadow-card)}
.about-hero:before{content:"";position:absolute;width:340px;height:340px;top:-180px;left:-160px;border-radius:50%;background:rgba(245,158,11,.08)}.about-hero-content,.about-hero-visual{position:relative;z-index:1}
.about-eyebrow,.section-tag{display:inline-flex;align-items:center;width:fit-content;color:var(--primary);font-size:.73rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.about-eyebrow:before,.section-tag:before{content:"";width:24px;height:2px;margin-right:8px;border-radius:20px;background:var(--accent)}
.about-hero h1{max-width:780px;margin:13px 0 20px;color:var(--text-primary);font-size:clamp(2.2rem,5vw,4.25rem);line-height:1.06;letter-spacing:-.045em}.about-hero p{max-width:720px;color:var(--text-muted);font-size:1rem;line-height:1.8}.about-hero .about-lead{margin-bottom:12px;color:var(--text-secondary);font-size:clamp(1.05rem,1.5vw,1.22rem);font-weight:620}
.about-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.about-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 19px;border-radius:10px;font-size:.88rem;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.about-btn:hover{transform:translateY(-2px)}.about-btn.primary{color:#fff;background:var(--primary);box-shadow:0 8px 22px rgba(26,58,107,.18)}.about-btn.primary:hover{background:var(--primary-light)}.about-btn.secondary{color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color)}
.about-hero-visual{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(145deg,rgba(26,58,107,.98),rgba(59,130,246,.84));overflow:hidden;isolation:isolate}.about-hero-visual:before,.about-hero-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.about-hero-visual:before{width:310px;height:310px}.about-hero-visual:after{width:230px;height:230px}.about-visual-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(245,158,11,.32);filter:blur(50px)}
.about-main-icon{position:relative;z-index:2;width:132px;height:132px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);border-radius:28px;color:#fff;background:rgba(255,255,255,.13);box-shadow:0 20px 50px rgba(15,23,42,.24);backdrop-filter:blur(12px)}.about-main-icon i{font-size:4.4rem}.about-floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;width:min(235px,72%);padding:13px 14px;border:1px solid rgba(255,255,255,.22);border-radius:13px;color:#fff;background:rgba(15,23,42,.5);box-shadow:0 16px 32px rgba(15,23,42,.22);backdrop-filter:blur(12px)}.about-floating-card.top-card{top:35px;right:24px}.about-floating-card.bottom-card{bottom:34px;left:22px}.floating-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;color:#fff;background:#3b82f6}.floating-icon.green{background:#16a34a}.about-floating-card strong,.about-floating-card small{display:block}.about-floating-card strong{font-size:.83rem}.about-floating-card small{margin-top:1px;color:rgba(255,255,255,.72);font-size:.68rem}
.about-intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:22px;margin-top:28px}.about-story-card,.about-purpose-card{border:1px solid var(--border-color);border-radius:18px;background:var(--bg-card);box-shadow:var(--shadow-sm)}.about-story-card{padding:clamp(28px,4vw,48px)}.about-story-card h2,.about-section-heading h2,.about-location-card h2,.about-cta h2{margin:10px 0 15px;color:var(--text-primary);font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.2;letter-spacing:-.025em}.about-story-card p{color:var(--text-muted);line-height:1.82}.about-story-card p+p{margin-top:15px}.about-purpose-card{padding:24px;display:grid;gap:4px}.purpose-item{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:18px 10px}.purpose-item+.purpose-item{border-top:1px solid var(--border-color)}.purpose-item>span{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;background:var(--primary)}.purpose-item h3{color:var(--text-primary);font-size:1rem;margin-bottom:4px}.purpose-item p{color:var(--text-muted);font-size:.84rem;line-height:1.65}
.about-values-section{margin-top:72px}.about-section-heading{max-width:720px;margin:0 auto 28px;text-align:center}.about-section-heading .section-tag{margin:0 auto}.about-section-heading p{color:var(--text-muted)}.about-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.about-benefit-card{min-height:235px;padding:25px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.about-benefit-card:hover{transform:translateY(-4px);border-color:rgba(59,130,246,.34);box-shadow:var(--shadow-hover)}.benefit-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border-radius:13px;color:#b45309;background:rgba(245,158,11,.14)}.benefit-icon.blue{color:#2563eb;background:rgba(59,130,246,.13)}.benefit-icon.green{color:#15803d;background:rgba(34,197,94,.13)}.benefit-icon.purple{color:#7c3aed;background:rgba(139,92,246,.13)}.benefit-icon.orange{color:#c2410c;background:rgba(249,115,22,.13)}.benefit-icon.teal{color:#0f766e;background:rgba(20,184,166,.13)}.about-benefit-card h3{margin-bottom:8px;color:var(--text-primary);font-size:1.05rem}.about-benefit-card p{color:var(--text-muted);font-size:.88rem;line-height:1.7}
.about-location-section{margin-top:72px}.about-location-card{display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:center;padding:clamp(28px,4vw,46px);border:1px solid var(--border-color);border-radius:20px;background:var(--bg-card);box-shadow:var(--shadow-card)}.location-icon{width:160px;height:160px;display:flex;align-items:center;justify-content:center;border-radius:28px;color:#fff;background:linear-gradient(145deg,var(--primary),#3b82f6);box-shadow:0 18px 36px rgba(26,58,107,.22)}.location-icon i{font-size:4rem}.location-content>p{max-width:760px;color:var(--text-muted)}.location-details{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px}.location-details span{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:.82rem;font-weight:650}.location-details i{color:var(--accent)}
.about-cta{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:28px;padding:clamp(30px,4vw,48px);border-radius:20px;color:#fff;background:linear-gradient(120deg,#0f2640,#1a3a6b 58%,#2563eb);box-shadow:0 18px 45px rgba(15,38,64,.2)}.about-cta:after{content:"";position:absolute;width:260px;height:260px;right:-120px;bottom:-160px;border-radius:50%;background:rgba(245,158,11,.18)}.about-cta>*{position:relative;z-index:1}.about-cta .about-eyebrow.light{color:rgba(255,255,255,.76)}.about-cta h2{color:#fff}.about-cta p{max-width:720px;color:rgba(255,255,255,.72)}.about-btn.light{flex-shrink:0;color:var(--primary-dark);background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.16)}
@media(max-width:980px){.about-hero{grid-template-columns:1fr}.about-hero-visual{min-height:360px}.about-intro-grid{grid-template-columns:1fr}.about-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.about-page{padding:20px 12px 52px}.about-hero{min-height:auto;padding:26px 20px;border-radius:16px}.about-hero h1{font-size:clamp(2rem,11vw,3rem)}.about-hero-actions{display:grid}.about-btn{width:100%}.about-hero-visual{min-height:310px}.about-main-icon{width:105px;height:105px}.about-main-icon i{font-size:3.4rem}.about-floating-card{width:min(215px,78%);padding:10px}.about-floating-card.top-card{top:18px;right:12px}.about-floating-card.bottom-card{bottom:18px;left:12px}.about-story-card,.about-purpose-card{border-radius:14px}.about-benefits-grid{grid-template-columns:1fr}.about-benefit-card{min-height:auto}.about-location-card{grid-template-columns:1fr;gap:22px}.location-icon{width:100%;height:150px}.about-cta{align-items:stretch;flex-direction:column;border-radius:16px}}