.pg-about{background:#fff}
.about-hero{padding:calc(var(--ui-header) + 54px) 24px 56px;background:radial-gradient(900px 380px at 78% 0%,rgba(47,86,217,.10),transparent 65%),linear-gradient(180deg,#f2f6ff 0%,#fbfcff 100%);text-align:center}
.about-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid #dbe3f7;border-radius:var(--ui-pill);background:rgba(255,255,255,.8);color:var(--ui-primary);font-size:13px;font-weight:650;letter-spacing:.04em}
.about-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ui-accent)}
.about-hero h1{margin:18px 0 12px;font-size:clamp(32px,3.4vw,46px)}
.about-hero p{max-width:680px;margin:0 auto;color:var(--ui-body);font-size:16px}
.about-shell{width:100%;max-width:var(--ui-max);margin:0 auto;padding:0 var(--ui-gutter)}
.about-intro{padding:48px 0 40px}
.about-intro-inner{margin:0 auto;padding:28px 32px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-lg);background:#fff;box-shadow:var(--ui-shadow-sm);color:#3f4a5e;font-size:15px;line-height:1.9}
.about-intro-inner h2{margin-bottom:14px;font-size:26px;line-height:1.35}
.about-intro-inner p{margin:0 0 14px}
.about-intro-inner p:last-child{margin-bottom:0}
.about-values{padding:0 0 72px}
.values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.value-card{overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff;box-shadow:var(--ui-shadow-sm);transition:transform .3s var(--ui-ease),box-shadow .3s var(--ui-ease)}
.value-card:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow)}
.value-card figure{aspect-ratio:16 / 10;overflow:hidden;background:var(--ui-surface-2)}
.value-card figure img{width:100%;height:100%;object-fit:cover}
.value-card-body{padding:22px 22px 24px}
.value-card-body h3{margin-bottom:14px;font-size:19px}
.value-card-body ul{display:grid;gap:7px}
.value-card-body li{position:relative;padding-left:16px;color:var(--ui-body);font-size:13px;line-height:1.7}
.value-card-body li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--ui-accent)}
.value-card-body .value-label{display:block;margin:14px 0 6px;color:var(--ui-primary);font-size:12px;font-weight:700;letter-spacing:.08em}
.value-card-body .value-label:first-child{margin-top:0}
.about-contact{padding:0 0 72px}
.about-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.about-contact-card{display:flex;flex-direction:column;align-items:center;padding:30px 22px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff;text-align:center;box-shadow:var(--ui-shadow-sm)}
.about-contact-card .icon{width:46px;height:46px;margin-bottom:14px}
.about-contact-card .icon img{width:100%;height:100%;object-fit:contain}
.about-contact-card strong{color:var(--ui-heading);font-size:16px}
.about-contact-card span{margin-top:8px;color:var(--ui-primary);font-size:15px;font-weight:600}
.about-address{padding:0 0 84px}
.address-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:stretch}
.address-map{overflow:hidden;min-height:340px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-lg);background:var(--ui-surface-2)}
.address-map img,.address-map iframe{display:block;width:100%;height:100%;object-fit:cover;border:0}
.address-info{padding:30px 32px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-lg);background:#fff;box-shadow:var(--ui-shadow-sm)}
.address-info h3{margin-bottom:18px;font-size:20px}
.address-info p{padding:10px 0;border-bottom:1px dashed var(--ui-line);color:var(--ui-body);font-size:14px;line-height:1.7}
.address-info p:last-child{border-bottom:0}
.address-info strong{color:var(--ui-heading);font-weight:600}
@media (max-width:991px){
.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
.about-hero{padding:calc(var(--ui-header-sm) + 38px) 18px 42px}
.about-hero h1{font-size:28px}
.about-intro{padding:34px 0 30px}
.about-intro-inner{padding:22px 18px;font-size:14px}
.about-intro-inner h2{font-size:19px}
.values-grid{grid-template-columns:1fr;gap:16px}
.about-contact-grid{grid-template-columns:1fr;gap:14px}
.address-grid{grid-template-columns:1fr}
.address-map{min-height:260px}
.address-info{padding:22px 20px}
.about-values,.about-contact{padding-bottom:44px}
.about-address{padding-bottom:56px}
}
.about-hero{min-height:400px;padding:calc(var(--ui-header) + 72px) 24px 64px;background:var(--ui-page-hero);border-bottom:1px solid rgba(255,255,255,.06);color:#fff;text-align:center}
.about-hero h1{color:#fff}
.about-hero p{color:#b9c8e2}
.about-eyebrow{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#dbe6ff}
@media (max-width:767px){
.about-hero{min-height:300px;padding:calc(var(--ui-header-sm) + 46px) 18px 48px}
}
.pg-about .about-hero{padding-top:114px!important}
@media (max-width:991px){
.pg-about .about-hero{padding-top:84px!important}
}