@media (min-width:1024px){.bb-hero{height:366px}}.bb-hero-wall{position:absolute;left:0;top:calc(50% - 239px);height:478px;transition:transform .4s cubic-bezier(.2,.8,.2,1);will-change:transform}.bb-hero-tile{position:absolute;display:block;width:176px;height:112px;overflow:hidden;box-sizing:border-box}.bb-hero-tile[data-kind=blank]{background:var(--bb-hero);border:1px solid var(--bb-line)}.bb-hero-tile[data-kind=brick]{background:var(--bb-brick)}.bb-hero-tile[data-kind=live],.bb-hero-tile[data-kind=under]{background:var(--bb-line)}.bb-hero-tile[data-kind=live]{transition:transform var(--bb-dur-fast) var(--bb-ease);outline:none}.bb-hero-tile[data-kind=live]:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 3px transparent;transition:box-shadow var(--bb-dur-fast) var(--bb-ease);pointer-events:none}.bb-hero-tile[data-kind=live]:focus-visible{z-index:1;transform:translateY(-2px)}.bb-hero-tile[data-kind=live]:focus-visible:after{box-shadow:inset 0 0 0 3px var(--bb-emph)}@media (hover:hover) and (pointer:fine){.bb-hero-tile[data-kind=live]:hover{z-index:1;transform:translateY(-2px)}.bb-hero-tile[data-kind=live]:hover:after{box-shadow:inset 0 0 0 3px var(--bb-emph)}}.bb-hero-fade{position:absolute;top:0;bottom:0;left:-2000px;width:2760px;pointer-events:none;background:linear-gradient(90deg,var(--bb-hero) 1856px,color-mix(in srgb,var(--bb-hero) var(--bb-hero-fade-mid),transparent) 2228px,color-mix(in srgb,var(--bb-hero) var(--bb-hero-fade-end),transparent) 2500px,color-mix(in srgb,var(--bb-hero) 0%,transparent) 2760px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(90deg,black 2520px,transparent 2760px);mask-image:linear-gradient(90deg,black 2520px,transparent 2760px)}.bb-hero-preview{position:absolute;z-index:20;width:264px;transform:translate(-50%,-50%);display:block;overflow:hidden;background:var(--bb-wall-cap-bg);color:var(--bb-wall-cap-fg);box-shadow:0 8px 28px rgb(0 0 0/.35);text-decoration:none;animation:bb-hero-preview-in var(--bb-dur) var(--bb-ease)}.bb-hero-preview-photo{position:relative;display:block;height:132px}.bb-hero-preview-text{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;font-size:14px;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums}@keyframes bb-hero-preview-in{0%{opacity:0}}.bb-hero-phone-fade{position:absolute;inset:0;pointer-events:none;background:color-mix(in srgb,var(--bb-hero) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (prefers-reduced-motion:reduce){.bb-hero-preview,.bb-hero-tile,.bb-hero-tile:after,.bb-hero-wall{transition:none}}