.flagship-page-content .content-wrapper{padding:32px 0 48px;}
.flagship-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;border-bottom:1px solid #e2e8f0;padding-bottom:12px;}
.flagship-header .eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#0ea5e9;}
.flagship-header h2{margin:4px 0 6px;font-size:26px;color:#0f172a;}
.flagship-header .lede{margin:0;color:#475569;max-width:720px;}
.flagship-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
.flagship-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,0.08);display:flex;flex-direction:column;min-height:360px;}
.flagship-card .card-image{height:180px;background-size:cover;background-position:center;}
.flagship-card .card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1;}
.flagship-card .card-kicker{font-size:12px;font-weight:700;color:#0ea5e9;letter-spacing:.08em;text-transform:uppercase;}
.flagship-card h3{margin:0;font-size:18px;color:#0f172a;line-height:1.25;}
.flagship-card small{color:#475569;font-weight:600;}
.flagship-card p{margin:4px 0 10px;color:#1e293b;flex:1;}
.flagship-card .view-project-btn{color:#0ea5e9;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.flagship-card .view-project-btn i{font-size:12px;}
.empty-state{padding:16px;border:1px dashed #cbd5e1;border-radius:12px;text-align:center;color:#475569;}
@media (max-width:640px){.flagship-header{flex-direction:column;}}