.bb{padding:clamp(40px,4vw,64px) 0 clamp(96px,10vw,160px)}.bb__wrap{--gap: clamp(8px, .9vw, 14px);--u: calc((100cqi - 11 * var(--gap)) / 12 * .74);container-type:inline-size;display:grid;gap:var(--gap)}.bb__ch{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:var(--u);gap:var(--gap)}.bb__ch--a .bb__t--1{grid-area:1 / 1 / 6 / 9}.bb__ch--a .bb__t--2{grid-area:1 / 9 / 6 / 13}.bb__ch--a .bb__t--3{grid-area:6 / 1 / 10 / 6}.bb__ch--a .bb__t--4{grid-area:6 / 6 / 10 / 9}.bb__ch--a .bb__t--5{grid-area:6 / 9 / 10 / 13}.bb__ch--b .bb__t--1{grid-area:1 / 5 / 6 / 13}.bb__ch--b .bb__t--2{grid-area:1 / 1 / 6 / 5}.bb__ch--b .bb__t--3{grid-area:6 / 8 / 10 / 13}.bb__ch--b .bb__t--4{grid-area:6 / 5 / 10 / 8}.bb__ch--b .bb__t--5{grid-area:6 / 1 / 10 / 5}.bb__ch--c .bb__t--1{grid-area:1 / 1 / 7 / 13}.bb__ch--c .bb__t--2{grid-area:7 / 1 / 11 / 5}.bb__ch--c .bb__t--3{grid-area:7 / 5 / 11 / 9}.bb__ch--c .bb__t--4{grid-area:7 / 9 / 11 / 13}.bb__t{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:6px;background:#0c0c0d}.bb__link{display:block;width:100%;height:100%}.bb__link:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.bb__t img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:scale 1.4s var(--ease),opacity .7s var(--ease)}@supports (animation-timeline: view()){.bb__t img{animation:bb-drift linear both;animation-timeline:view()}}@keyframes bb-drift{0%{transform:scale(1.12) translateY(-4%)}to{transform:scale(1.12) translateY(4%)}}@media(hover:hover){.bb__t:hover img{scale:1.05}.bb__ch:has(.bb__t:hover) .bb__t:not(:hover) img{opacity:.45}}.bb__cap{position:absolute;inset:auto 0 0;display:grid;gap:8px;padding:clamp(18px,2.2vw,36px);background:linear-gradient(180deg,#0000,#0000009e);pointer-events:none}.bb__name{font-size:clamp(32px,4.4vw,76px);line-height:.9;color:var(--white)}.bb__did{max-width:56ch;font-size:14px;line-height:1.4;color:#ffffffd9}@media(hover:hover){.bb__did{opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .6s var(--ease)}.bb__t:hover .bb__did,.bb__link:focus-visible .bb__did{opacity:1;transform:none}}@media(hover:none){.bb__did{display:none}}.bb__meta{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffffc7}.bb__beat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.bb__stat{display:grid;align-content:end;gap:10px;min-height:calc(var(--u) * 3.2);padding:clamp(20px,2.4vw,36px);border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.bb__big{font-size:clamp(56px,7vw,120px);line-height:.85;color:var(--yellow)}.bb__small{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb8}.bb__stat--link{transition:border-color .4s var(--ease),background-color .4s var(--ease)}@media(hover:hover){.bb__stat--link:hover{border-color:var(--yellow);background:#ffffff12}}.bb__stat--line{align-content:center;justify-items:center;text-align:center}.bb__line{font-size:clamp(34px,3.8vw,64px);line-height:.95;text-wrap:balance}.bb__end{display:grid;justify-items:center;gap:28px;margin-top:clamp(64px,8vw,128px);text-align:center}.bb__end-title{font-size:clamp(48px,7vw,120px);line-height:.9}.bb__end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@media(max-width:900px){.bb__ch{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.bb__ch .bb__t{grid-area:auto;aspect-ratio:4 / 5}.bb__ch .bb__t--1{grid-column:1 / -1;aspect-ratio:16 / 11}.bb__ch--c .bb__t--4{grid-column:1 / -1;aspect-ratio:16 / 10}.bb__beat{grid-template-columns:repeat(2,minmax(0,1fr))}.bb__stat{min-height:200px}.bb__stat--line{grid-column:1 / -1;min-height:160px}}@media(max-width:600px){.bb__wrap{--gap: 8px}.bb__ch .bb__t--1{aspect-ratio:4 / 5}.bb__name{font-size:clamp(30px,9vw,40px)}.bb__end-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){.bb__t img{animation:none;transition:none}}
