.content-block{max-width:800px;margin:0 auto}.content-block p{color:var(--text-muted);text-align:justify;font-size:15px;line-height:1.8}.vision-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.vision-card,.mission-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:32px}.vision-card{border-left:4px solid var(--gold)}.mission-card{border-left:4px solid var(--maroon)}.vision-card h3,.mission-card h3{font-family:var(--font-heading);color:var(--text-heading);margin-bottom:16px;font-size:22px;font-weight:700}.vision-card p{color:var(--text-muted);font-size:15px;line-height:1.8}.mission-card ul{padding:0;list-style:none}.mission-card ul li{color:var(--text-muted);border-bottom:1px dashed #e0d8cf;padding:8px 0 8px 24px;font-size:14px;line-height:1.6;position:relative}.mission-card ul li:before{content:"✦";color:var(--gold);font-size:10px;position:absolute;top:10px;left:0}.principal-block{align-items:center;gap:40px;max-width:900px;margin:0 auto;display:flex}.principal-avatar{text-align:center;flex-shrink:0}.principal-avatar .avatar-circle{background:linear-gradient(135deg, var(--maroon), var(--dark));border:4px solid var(--gold);width:120px;height:120px;font-family:var(--font-heading);color:var(--gold-lt);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:42px;font-weight:700;display:flex}.principal-avatar h4{font-family:var(--font-heading);color:var(--text-heading);font-size:18px;font-weight:700}.principal-avatar span{color:var(--gold-text);letter-spacing:.5px;font-size:12px;font-weight:600}.principal-text blockquote{color:var(--text-muted);border-left:4px solid var(--gold);padding-left:24px;font-size:15px;font-style:italic;line-height:1.8}.values-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.value-card{background:var(--surface);border-radius:var(--radius-lg);text-align:center;border-top:3px solid var(--gold);transition:all var(--ease-slow);padding:24px 20px;box-shadow:0 2px 12px #0000000f}.value-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.value-card .value-icon{margin-bottom:12px;font-size:36px}.value-card h5{color:var(--text-heading);margin-bottom:8px;font-size:15px;font-weight:600}.value-card p{color:var(--text-muted);font-size:13px;line-height:1.5}@media (width<=900px){.vision-grid{grid-template-columns:1fr}.principal-block{text-align:center;flex-direction:column}.principal-text blockquote{border-left:none;border-top:4px solid var(--gold);padding-top:20px;padding-left:0}}
