.bb-co-acronym{overflow:clip}.bb-co-acronym__beam{position:absolute;inset:-20% -10% auto;z-index:-1;height:120%;background:radial-gradient(40% 55% at 50% 30%,color-mix(in srgb,var(--bb-butter) 26%,transparent) 0%,transparent 70%),conic-gradient(from 180deg at 50% 0%,transparent 0deg,color-mix(in srgb,var(--bb-butter) 10%,transparent) 20deg,transparent 40deg,transparent 320deg,color-mix(in srgb,var(--bb-berry) 12%,transparent) 340deg,transparent 360deg);pointer-events:none}.bb-co-acronym__heading{margin-bottom:clamp(2rem,1.4rem + 2.5vw,3.5rem)}.bb-co-acronym__word{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0 auto;padding:0;max-width:72rem;list-style:none;perspective:900px}.bb-co-acronym__tile{position:relative;display:flex;align-items:center;gap:.7rem;min-width:0;padding:.45rem .7rem .45rem .45rem;border-radius:1rem;background:color-mix(in srgb,var(--bb-cream) 6%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent);transform-origin:50% 100%;transition:transform .82s var(--ease-spring),opacity .38s var(--ease-out);transition-delay:calc(var(--i, 0) * .12s)}.bb-co-acronym__glyph{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:.75rem;background:var(--accent);color:var(--accent-ink);font-family:var(--bb-font-display);font-size:1.65rem;font-weight:760;font-variation-settings:"SOFT" 100,"WONK" 1;line-height:1;box-shadow:inset 0 -4px #14110d2e,0 12px 24px -12px color-mix(in srgb,var(--accent) 85%,transparent)}.bb-co-acronym__tile.bb-accent--teal .bb-co-acronym__glyph{background:var(--bb-mint);color:var(--bb-ink)}.bb-co-acronym__meaning{min-width:0;font-size:1rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--bb-text);overflow-wrap:normal;transition:opacity .6s var(--ease-out);transition-delay:calc(var(--i, 0) * .12s + .42s)}.bb-js .bb-co-acronym__word:not(.is-in) .bb-co-acronym__tile{opacity:0;transform:rotateX(-82deg) translateY(.6rem)}.bb-js .bb-co-acronym__word:not(.is-in) .bb-co-acronym__meaning{opacity:0}.bb-co-acronym__word.is-in .bb-co-acronym__glyph{animation:bb-co-glyph-pop .7s var(--ease-bounce) both;animation-delay:calc(var(--i, 0) * .12s + .26s)}.bb-co-acronym__copy{display:grid;gap:1rem;max-width:46rem;margin:clamp(2rem,1.4rem + 2.5vw,3.5rem) auto 0;text-align:center}.bb-co-acronym__line{font-family:var(--bb-font-display);font-size:clamp(1.25rem,1.05rem + .9vw,1.75rem);font-weight:560;font-variation-settings:"SOFT" 100;line-height:1.35;color:var(--bb-text)}.bb-co-acronym__why{font-size:var(--fs-lead);line-height:1.55;color:var(--bb-text-soft)}.bb-co-acronym__pat{z-index:2}@media(max-width:389px){.bb-co-acronym__word{gap:.5rem}.bb-co-acronym__tile{gap:.5rem;padding:.4rem .45rem .4rem .4rem;border-radius:.85rem}.bb-co-acronym__glyph{width:2.3rem;height:2.3rem;border-radius:.65rem;font-size:1.4rem}.bb-co-acronym__meaning{font-size:.88rem;letter-spacing:-.015em}}@media(min-width:768px){.bb-co-acronym__word{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.bb-co-acronym__tile{flex-direction:column;align-items:center;gap:.85rem;padding:.6rem .6rem 1rem;border-radius:1.4rem;text-align:center}.bb-co-acronym__glyph{width:100%;height:auto;aspect-ratio:1 / 1.05;border-radius:1.05rem;font-size:clamp(3rem,2rem + 3vw,4.6rem)}.bb-co-acronym__meaning{font-size:clamp(.95rem,.85rem + .3vw,1.1rem)}}@media(min-width:1100px){.bb-co-acronym__word{grid-template-columns:repeat(8,minmax(0,1fr))}.bb-co-acronym__tile:nth-child(odd){translate:0 .6rem}}
