.bbs-work-hero{position:relative;padding:4rem 1.75rem 3rem}@media(min-width:768px){.bbs-work-hero{padding:5rem 3.5rem 3.5rem}}.bbs-work-hero__inner{position:relative;max-width:1400px;margin-inline:auto}.bbs-work-hero__title{font-size:clamp(2.5rem,7.5vw,5.25rem);font-weight:600;letter-spacing:-.045em;margin:0;line-height:.96;max-width:62.5rem}.bbs-work-hero__lead{color:var(--color-bbs-text-muted);font-size:1.0625rem;line-height:1.6;max-width:40rem;margin:1.75rem 0 0}@media(min-width:768px){.bbs-work-hero__lead{font-size:1.125rem;margin-top:2rem}}.bbs-work-filter{display:flex;flex-direction:column;gap:1rem;margin-top:3rem;padding-bottom:1rem;border-bottom:1px solid var(--color-bbs-border)}@media(min-width:640px){.bbs-work-filter{flex-direction:row;align-items:center;justify-content:space-between}}.bbs-work-filter__buttons{display:flex;gap:.375rem;flex-wrap:wrap}.bbs-work-filter-btn{background:transparent;color:var(--color-bbs-text-muted);border:1px solid var(--color-bbs-border);padding:.5rem 1rem;border-radius:9999px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.bbs-work-filter-btn:hover{color:var(--color-bbs-text);border-color:var(--color-bbs-border-strong)}.bbs-work-filter-btn.is-active{background:var(--bbs-blue-soft);color:var(--color-bbs-blue);border-color:#3a7bff4d}.bbs-work-filter-btn__count{opacity:.6;margin-left:.25rem}.bbs-work-filter__count{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-bbs-text-subtle);letter-spacing:.15em}main[data-bbs-filter=production] [data-bbs-status=building]{display:none}main[data-bbs-filter=building] [data-bbs-status=production]{display:none}.bbs-work-featured{position:relative;padding:0 1.75rem 4rem}@media(min-width:768px){.bbs-work-featured{padding:0 3.5rem 5rem}}.bbs-work-featured__card{background:var(--color-bbs-bg-card);border:1px solid var(--color-bbs-border-strong);border-radius:.875rem;overflow:hidden;display:grid;grid-template-columns:1fr;box-shadow:0 40px 100px #0006;max-width:1400px;margin-inline:auto}@media(min-width:1024px){.bbs-work-featured__card{grid-template-columns:1fr 1fr}}.bbs-work-featured__copy{padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem}@media(min-width:768px){.bbs-work-featured__copy{padding:3.5rem 3rem}}.bbs-work-featured__chips{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.bbs-work-featured__year{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-bbs-text-subtle);letter-spacing:.15em;margin-left:auto}.bbs-work-featured__title{font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:600;letter-spacing:-.035em;margin:0;line-height:1}.bbs-work-featured__tagline{color:var(--color-bbs-text-muted);font-size:1.125rem;margin:0}.bbs-work-featured__desc{color:var(--color-bbs-text-muted);font-size:.875rem;line-height:1.65;margin:0}.bbs-work-featured__metrics{display:flex;flex-wrap:wrap;gap:2rem;margin-top:.75rem;padding-top:1.5rem;border-top:1px solid var(--color-bbs-border)}.bbs-work-featured__metric-n{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--color-bbs-text)}.bbs-work-featured__metric-l{font-family:var(--font-mono);font-size:.625rem;color:var(--color-bbs-text-subtle);letter-spacing:.15em;margin-top:.25rem}.bbs-work-featured__media{position:relative;overflow:hidden;min-height:18rem}@media(min-width:1024px){.bbs-work-featured__media{min-height:30rem}}.bbs-work-featured__img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.bbs-work-featured__media-fade{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-bbs-bg-card) 0%,transparent 30%)}.bbs-work-grid-section{position:relative;padding:0 1.75rem 6rem}@media(min-width:768px){.bbs-work-grid-section{padding:0 3.5rem 6.25rem}}.bbs-work-detail-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1400px;margin-inline:auto}@media(min-width:900px){.bbs-work-detail-grid{grid-template-columns:repeat(2,1fr)}}.bbs-work-detail{background:var(--color-bbs-bg-card);border:1px solid var(--color-bbs-border);border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s ease,transform .18s ease;scroll-margin-top:6rem}.bbs-work-detail:hover{border-color:var(--color-bbs-border-strong);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.bbs-work-detail{transition:none}.bbs-work-detail:hover{transform:none}}.bbs-work-detail__media{aspect-ratio:16/9;position:relative;overflow:hidden;border-bottom:1px solid var(--color-bbs-border)}.bbs-work-detail__img{width:100%;height:100%;object-fit:cover;display:block}.bbs-work-detail__body{padding:1.75rem 2rem;flex:1;display:flex;flex-direction:column;gap:.875rem}.bbs-work-detail__meta{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.bbs-work-detail__status{display:flex;align-items:center;gap:.625rem;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.15em}.bbs-work-detail__status .is-ok{color:var(--color-bbs-ok)}.bbs-work-detail__status .is-warn{color:var(--color-bbs-warn)}.bbs-work-detail__sep,.bbs-work-detail__type{color:var(--color-bbs-text-subtle)}.bbs-work-detail__year{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-bbs-text-subtle)}.bbs-work-detail__title{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .375rem}.bbs-work-detail__tagline{color:var(--color-bbs-text-muted);font-size:.875rem;margin:0}.bbs-work-detail__desc{color:var(--color-bbs-text-muted);font-size:.8125rem;line-height:1.6;margin:0}.bbs-work-card__stack{display:flex;gap:.375rem;flex-wrap:wrap}