.hub-hero{display:grid;grid-template-columns:168px minmax(0,1fr) auto;align-items:center;gap:1.5rem;margin:1.25rem 0 1.5rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-surface),color-mix(in srgb,var(--color-accent) 12%,var(--color-surface)))}.hub-hero-media{width:168px;aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-lg);background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--color-accent) 28%,var(--color-surface-2)),var(--color-surface-2))}.hub-hero-photo{width:100%;height:100%;object-fit:cover;display:block}.hub-hero-monogram{font-size:3.4rem;font-weight:800;line-height:1;color:var(--color-accent-text);-webkit-user-select:none;user-select:none}.hub-hero-body{min-width:0}.hub-hero-kicker{margin:0 0 .35rem;color:var(--color-accent-text);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hub-hero-meta{margin:0;color:var(--color-text-muted);overflow-wrap:anywhere}.hub-hero-actions{align-self:center;justify-self:end}@media (max-width:768px){.hub-hero{grid-template-columns:120px minmax(0,1fr);gap:1rem;padding:1.15rem}.hub-hero-media{width:120px}.hub-hero-monogram{font-size:2.6rem}.hub-hero-actions{grid-column:1/-1;justify-self:stretch}}@media (max-width:480px){.hub-hero{grid-template-columns:76px minmax(0,1fr);gap:.85rem}.hub-hero-media{width:76px}.hub-hero-monogram{font-size:1.85rem}}.hub-hero--banner{display:block;padding:0;border:0;background:none}.hub-hero-banner{position:relative;display:flex;align-items:flex-end;min-height:180px;border:1px solid var(--color-border);border-radius:20px;overflow:hidden;background:var(--color-surface-2)}.hub-hero-banner:has(.hub-hero-banner-img.is-photo){min-height:clamp(210px,26vw,280px)}.hub-hero-banner-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,22,.06) 35%,rgba(6,10,22,.55) 70%,rgba(6,10,22,.82))}.hub-hero-banner:has(.hub-hero-banner-img.is-photo) .hub-hero-banner-scrim{background:linear-gradient(180deg,rgba(6,10,22,.38),rgba(6,10,22,.62) 55%,rgba(6,10,22,.88))}.hub-hero-banner-content{position:relative;padding:1rem 1.35rem 1.05rem;min-width:0}.hub-hero--banner .hub-hero-kicker{color:rgba(255,255,255,.88)}.hub-hero--banner .hub-hero-title{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}.hub-hero--banner .hub-hero-meta{color:rgba(255,255,255,.85)}.hub-hero-banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.85rem}@media (max-width:480px){.hub-hero-title{font-size:clamp(1.55rem,7vw,1.95rem)}}