.hub-hero{padding:96px 20px 24px; text-align:center}
.hub-hero h1{font-size:clamp(32px,6vw,56px); font-weight:800; margin:14px 0 8px; letter-spacing:-.02em}
.hub-sub{color:var(--sub); font-size:16px; margin:0}
.trip-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; padding:24px 0 60px}
.trip-card{display:block; text-decoration:none; color:inherit; background:#fff;
  border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow);
  border:1px solid #f2e2cf; transition:transform .25s ease, box-shadow .25s ease}
.trip-card:hover{transform:translateY(-6px); box-shadow:0 12px 28px rgba(180,150,120,.28)}
.trip-card.is-planning{opacity:.75; cursor:default}
.trip-card .thumb{height:120px; display:flex; align-items:center; justify-content:center; font-size:52px}
.trip-card .body{padding:16px}
.trip-card h3{margin:0 0 6px; font-size:18px}
.trip-card .meta{font-size:13px; color:var(--muted); margin:2px 0}
.trip-card .status{display:inline-block; margin-top:10px; font-size:11px; font-weight:700;
  padding:3px 10px; border-radius:999px}
.status-done{background:#e6f4ec; color:#2f8a5f}
.status-planning{background:#f0eef6; color:#7a6f92}
.hub-foot{text-align:center; color:var(--muted); padding:24px 0 48px; font-size:13px}