.bb-hero { padding: var(--sp-8) 0 var(--sp-6); display: grid; gap: var(--sp-4); max-width: 860px; }
.bb-hero h1 { font-family: var(--font-display); font-weight: 400; font-size: clamp(40px, 6vw, 72px); line-height: 1; letter-spacing: -.01em; margin: 0; }
.bb-hero h1 em { color: var(--c-accent); }
.bb-busca { display: flex; gap: var(--sp-2); }
.bb-busca .search-field { flex: 1; }
.bb-busca .input { height: 56px; font-size: var(--fs-lg); }
.bb-nums { display: flex; flex-wrap: wrap; gap: var(--sp-6); margin-top: var(--sp-2); }
.bb-nums b { display: block; font-size: var(--fs-2xl); font-variant-numeric: tabular-nums; }
.bb-proj { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--sp-4); }
.bb-proj .panel { display: flex; flex-direction: column; gap: var(--sp-2); }
.bb-shots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.bb-banner { display: flex; flex-wrap: wrap; gap: var(--sp-5); align-items: center; justify-content: space-between; padding: var(--sp-7) var(--sp-6); border-radius: var(--r-lg); text-decoration: none; color: #fff; background: linear-gradient(120deg, rgba(12,12,11,.88), rgba(12,12,11,.55)), url("https://images.unsplash.com/photo-1516035069371-29a1b244cc32?auto=format&fit=crop&w=1600&q=70") center / cover, #26231f; }
.bb-banner-txt { display: grid; gap: 6px; max-width: 60ch; }
.bb-banner-txt strong { font-size: var(--fs-2xl); line-height: 1.15; }
.bb-banner:hover .btn { filter: brightness(1.08); }
.bb-shots button { aspect-ratio: 1; border: 0; border-radius: var(--r-sm); background: center / cover; cursor: pointer; }
@media (max-width: 640px) { .bb-busca { flex-direction: column; } }