﻿#caribxa-mission { background: var(--caribxa-navy); color: var(--caribxa-white); }
#caribxa-mission .caribxa-section-title, #caribxa-mission .caribxa-section-kicker { color: var(--caribxa-white); }
#caribxa-mission .caribxa-section-kicker::before { background: var(--caribxa-sun); }
.caribxa-mission-intro { max-width: 1040px; }
.caribxa-mission-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 38px; }
.caribxa-mission-panel { min-height: 240px; padding: 28px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: var(--caribxa-radius); background: rgba(255, 255, 255, 0.08); }
.caribxa-mission-panel h3 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.75rem; }
.caribxa-mission-panel p { margin: 14px 0 0; color: rgba(255, 255, 255, 0.82); font-size: 1.05rem; line-height: 1.7; }
.caribxa-mission-goals { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 1px; margin-top: 22px; border-radius: var(--caribxa-radius); background: rgba(255, 255, 255, 0.16); overflow: hidden; }
.caribxa-mission-goal { min-height: 160px; padding: 18px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06)); }
.caribxa-mission-goal span { display: block; color: var(--caribxa-sun); font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; font-weight: 900; }
.caribxa-mission-goal p { margin: 12px 0 0; color: rgba(255, 255, 255, 0.84); font-weight: 800; line-height: 1.45; }
@media (max-width: 1100px) { .caribxa-mission-goals { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .caribxa-mission-panels, .caribxa-mission-goals { grid-template-columns: 1fr; } .caribxa-mission-panel, .caribxa-mission-goal { min-height: auto; } }
