.sub-hero { padding: 110px 0 55px; color: #fff; background: linear-gradient(145deg, #13263a, #24455f); }
.sub-hero h1 { margin: 0; font-family: var(--serif); font-size: clamp(40px, 6vw, 70px); }
.sub-hero p { max-width: 720px; color: #d2dde4; }
.breadcrumb { display: flex; gap: 8px; color: #d9bd7d; font-size: 12px; }
.index-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.index-card { padding: 22px; border-radius: var(--radius); background: rgba(255,250,240,.82); border: 1px solid var(--line); }
.index-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 14px; margin-bottom: 14px; }
.index-card h2, .index-card h3 { font-family: var(--serif); }
.index-card p { color: var(--ink-soft); font-size: 14px; }
.back-row { margin-top: 28px; }
@media (max-width: 760px) { .index-grid { grid-template-columns: 1fr; } }

.status-pill{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;background:#ece4d5;color:#5a6570}.status-published{background:#dcefe5;color:#246152}.status-building{background:#f5e7c9;color:#7d5c24}.status-planned{background:#e5e9ed;color:#596673}.sub-hero .kicker{margin-bottom:8px}.mobile-dock a.active span{color:#173647;background:#f0d18e}.mobile-dock a.active small{color:#fff;font-weight:800}