.bss{--bss-max:7.25rem;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:.5rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.bss-sm{--bss-max:4.5rem;gap:.35rem}@media (min-width:720px){.bss-md{--bss-max:8.5rem}}.bss:before{content:"";left:-.25rem;right:-.25rem;top:calc(var(--bss-max) - .3rem);background:linear-gradient(#b7834f 0%,#8a5a2b 55%,#6b4420 100%);border-radius:999px;height:.55rem;position:absolute;box-shadow:0 6px 10px -6px #3c230a99}.bss-sm:before{height:.4rem}.bss-i{flex-direction:column;align-items:center;min-width:0;display:flex}.bss-bird{z-index:1;width:100%;height:var(--bss-max);justify-content:center;align-items:flex-end;display:flex;position:relative}.bss-bird img{width:auto;max-width:100%;height:calc(var(--bss-max) * var(--bss-scale,1));object-fit:contain;object-position:bottom center;filter:drop-shadow(0 6px 6px #0a083b2e);display:block}.bss-tag{background:var(--color-paper-deep);text-align:center;border-radius:.75rem;flex:1;align-content:center;justify-items:center;gap:.1rem;width:100%;margin-top:.7rem;padding:.45rem .25rem .5rem;display:grid}.bss-l{letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft);font-size:.7rem;font-weight:800;line-height:1.15}.bss-k{color:var(--color-ink-faint);font-size:.68rem}.bss-p{color:var(--color-ink);font-size:1rem;font-weight:800}.bss-sm .bss-tag{border-radius:.55rem;margin-top:.5rem;padding:.3rem .15rem .35rem}.bss-sm .bss-l,.bss-sm .bss-k{font-size:.6rem}.bss-i.is-on .bss-tag{background:var(--color-ink);box-shadow:0 10px 24px -10px #0a083b99}.bss-i.is-on .bss-l{color:var(--color-highlight)}.bss-i.is-on .bss-k{color:#ffffffbf}.bss-i.is-on .bss-p{color:var(--color-on-dark)}.bss-i.is-on .bss-bird img{filter:drop-shadow(0 8px 10px #0a083b52)}@media (hover:hover) and (pointer:fine){.bss-bird{transition:transform .25s}.bss-i:hover .bss-bird{transform:translateY(-.35rem)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.bss-bird img{animation:linear both bss-hop;animation-timeline:view();animation-range:entry entry 70%}.bss-i:nth-child(2) .bss-bird img{animation-range:entry 8% entry 78%}.bss-i:nth-child(3) .bss-bird img{animation-range:entry 16% entry 86%}.bss-i:nth-child(4) .bss-bird img{animation-range:entry 24% entry 94%}}}@keyframes bss-hop{0%{translate:0 1.6rem}70%{translate:0 -.3rem}to{translate:0}}