.bb{max-width:var(--container);margin:0 auto;padding:170px var(--pad) 130px}.bb-head{padding-bottom:30px;border-bottom:1px solid var(--line)}.bb-head__title{margin:14px 0 0;font-size:clamp(56px,11vw,150px);line-height:.84}.bb-head__strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}.bb-head__roll{color:var(--amber)}.bb-head__sep{width:24px;height:1px;background:var(--line)}.bb-frame{display:block;text-decoration:none;color:inherit}.bb-still{position:relative;margin:0;overflow:hidden;aspect-ratio:16/10;border:1px solid var(--ink);background:var(--cream)}.bb-still img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .9s var(--ease-out),filter .6s var(--ease-out);filter:saturate(.92)}.bb-frame:hover .bb-still img,.bb-frame:focus-visible .bb-still img{transform:scale(1.04);filter:saturate(1)}.bb-tick{position:absolute;width:14px;height:14px;z-index:3;pointer-events:none;border:0 solid var(--amber)}.bb-tick--tl{top:9px;left:9px;border-top-width:1.5px;border-left-width:1.5px}.bb-tick--tr{top:9px;right:9px;border-top-width:1.5px;border-right-width:1.5px}.bb-tick--bl{bottom:9px;left:9px;border-bottom-width:1.5px;border-left-width:1.5px}.bb-tick--br{bottom:9px;right:9px;border-bottom-width:1.5px;border-right-width:1.5px}.bb-still__no{position:absolute;top:0;left:0;z-index:4;font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);background:var(--ink);padding:7px 12px}.bb-still__open{position:absolute;top:0;right:0;z-index:4;font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:var(--amber);padding:7px 12px}.bb-still__bar{position:absolute;left:0;bottom:0;z-index:4;height:3px;width:0;background:var(--amber);transition:width .5s var(--ease-out)}.bb-frame:hover .bb-still__bar,.bb-frame:focus-visible .bb-still__bar{width:100%}.bb-slate{border:1px solid var(--line);border-top:none;background:var(--paper);padding:22px 22px 26px}.bb-slate__line{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.bb-slate__no{color:var(--amber)}.bb-slate__dot{color:var(--line)}.bb-slate__title{margin:14px 0 0;font-size:clamp(22px,2.6vw,32px);line-height:1.02;color:var(--ink)}.bb-slate__log{margin:12px 0 0;font-family:var(--f-sans);font-size:15px;line-height:1.6;color:var(--mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bb-slate__cue{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);transition:color .3s,gap .35s var(--ease-out)}.bb-frame:hover .bb-slate__cue,.bb-frame:focus-visible .bb-slate__cue{color:var(--amber);gap:13px}.bb-frame--lead{display:grid;grid-template-columns:1.35fr 1fr;align-items:stretch;margin:56px 0 0;border:1px solid var(--line)}.bb-frame--lead .bb-still{aspect-ratio:auto;height:100%;min-height:340px;border:none;border-right:1px solid var(--line)}.bb-frame--lead .bb-slate{border:none;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,3.5vw,52px)}.bb-slate--lead .bb-slate__title{font-size:clamp(30px,4vw,56px)}.bb-slate--lead .bb-slate__log{font-size:17px;-webkit-line-clamp:3;max-width:46ch}.bb-slate__more{margin-top:26px}.bb-board{margin-top:72px}.bb-board__head{display:flex;align-items:center;gap:20px;margin-bottom:30px}.bb-board__rule{flex:1;height:1px;background:var(--line)}.bb-board__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.6vw,38px)}.bb-board__cell{display:flex}.bb-board__cell .bb-frame{display:flex;flex-direction:column;width:100%}.bb-board__cell .bb-slate{flex:1;display:flex;flex-direction:column}.bb-board__cell:nth-child(3n+2){transform:translateY(26px)}@media(max-width:980px){.bb-board__grid{grid-template-columns:repeat(2,1fr)}.bb-board__cell:nth-child(3n+2){transform:none}.bb-board__cell:nth-child(2n){transform:translateY(24px)}}@media(max-width:680px){.bb{padding-top:140px}.bb-frame--lead{grid-template-columns:1fr}.bb-frame--lead .bb-still{border-right:none;border-bottom:1px solid var(--line);min-height:240px}.bb-board__grid{grid-template-columns:1fr;gap:30px}.bb-board__cell:nth-child(2n){transform:none}.bb-still__open{display:none}}