/* About page section. Uses only global tokens from tokens.css. */
.about-page{background:var(--color-bg)}
.about-page-header{background:var(--color-surface);padding:48px 0 40px;text-align:center}
.about-page-header-content{display:grid;justify-items:center}
.about-page-header h1{color:var(--color-primary);font-size:44px;font-weight:700}
.about-page-header p{max-width:540px;margin-top:16px;color:var(--color-text-muted);font-size:17px;line-height:1.75}
.about-section{padding-block:var(--section-padding-y)}
.about-story{background:#fff}
.about-story-container{max-width:760px}
.about-section-label{margin-bottom:12px;color:var(--color-accent);font-size:12px;font-weight:600;letter-spacing:2px;line-height:1.4;text-transform:uppercase}
.about-story h2{margin-bottom:24px;color:var(--color-primary);font-size:34px;font-weight:700}
.about-story-copy{display:grid;gap:20px}
.about-story-copy p{color:var(--color-text);font-size:16px;line-height:1.85}
.about-stats{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:48px 0;text-align:center}
.about-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.about-stat{position:relative;padding:0 var(--space-6)}
.about-stat:not(:first-child)::before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:1px;background:var(--color-border)}
.about-stat-value{color:var(--color-primary);font-family:var(--font-heading);font-size:40px;font-weight:700;line-height:1.1}
.about-stat-value-location{font-size:32px}
.about-stat-label{margin-top:6px;color:var(--color-text-muted);font-size:14px;line-height:1.5}
.about-principles{background:#fff}
.about-section-header{margin-bottom:var(--space-8);text-align:left}
.about-section-header h2{color:var(--color-primary);font-size:32px;font-weight:700}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.principle-card{background:var(--color-surface);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);padding:28px 24px}
.principle-card h3{color:var(--color-primary);font-size:18px;font-weight:600}
.principle-card p{margin-top:12px;color:var(--color-text);font-size:15px;line-height:1.7}
.about-operate{background:var(--color-surface)}
.about-operate-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}
.about-operate-copy h2{margin-top:10px;color:var(--color-primary);font-size:30px;font-weight:700}
.about-operate-copy p{margin-top:18px;color:var(--color-text);font-size:16px;line-height:1.75}
.about-info-block{margin:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px 28px}
.about-info-row{border-bottom:1px solid var(--color-border);padding:14px 0}
.about-info-row:last-child{border-bottom:0}
.about-info-row dt{margin:0;color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:1px;line-height:1.4;text-transform:uppercase}
.about-info-row dd{margin:6px 0 0;color:var(--color-primary);font-family:var(--font-heading);font-size:15px;font-weight:600;line-height:1.5}
.about-bottom-cta{background:linear-gradient(135deg,#0B2545 0%,#0A7A7A 100%);padding:80px 24px;text-align:center}
.about-bottom-cta h2{max-width:720px;margin:0 auto;color:#fff;font-size:34px;font-weight:700}
.about-bottom-cta p{max-width:480px;margin:var(--space-4) auto 0;color:rgba(255,255,255,.80);font-size:17px;line-height:1.7}
.about-bottom-cta .btn{margin-top:var(--space-8);padding:14px 32px}
@media(max-width:767px){.about-page-header h1{font-size:2.25rem}.about-page-header p{font-size:var(--text-base)}.about-story h2,.about-section-header h2,.about-bottom-cta h2{font-size:2rem}.about-stats-grid{grid-template-columns:repeat(2,1fr);row-gap:var(--space-8)}.about-stat:nth-child(odd)::before{display:none}.about-stat:nth-child(even)::before{top:0;bottom:0}.about-stat-value{font-size:2rem}.about-stat-value-location{font-size:1.75rem}.principles-grid,.about-operate-grid{grid-template-columns:1fr;gap:var(--space-8)}.about-info-block{padding:28px 22px}.about-bottom-cta .btn{width:100%}}