.tgl-bento{display:flex;flex-direction:column;gap:var(--tgl-space-2);width:100%}.tgl-bento .tgl-bento__main{position:relative}.tgl-bento .tgl-bento__main a,.tgl-bento .tgl-bento__thumb a{display:block;width:100%}.tgl-bento .tgl-bento__img{display:block;width:100%;max-width:100%;object-fit:cover;border-radius:var(--tgl-radius-lg)}.tgl-bento .tgl-bento__img--main{height:15.625rem}.tgl-bento .tgl-bento__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tgl-space-2)}.tgl-bento .tgl-bento__thumb{position:relative;width:100%;overflow:hidden;border-radius:var(--tgl-radius-lg)}.tgl-bento .tgl-bento__thumb:nth-child(4){display:none}.tgl-bento .tgl-bento__img--thumb{height:6.25rem}.tgl-bento .tgl-bento__pill{position:absolute;right:var(--tgl-space-2);bottom:var(--tgl-space-2);z-index:var(--tgl-z-base);padding:.375rem .875rem;border-radius:var(--tgl-radius-sm);background-color:var(--tgl-bg-primary);box-shadow:var(--tgl-shadow-sm);color:var(--tgl-text-primary);font-family:var(--tgl-font-family);font-size:var(--tgl-font-size-xs);font-weight:700;line-height:1;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;pointer-events:none}.tgl-bento .tgl-bento__pill--mobile{display:block}.tgl-bento .tgl-bento__pill--desktop,.tgl-bento .tgl-bento__hidden{display:none}.tgl-bento .tgl-bento__main a:focus-visible,.tgl-bento .tgl-bento__thumb a:focus-visible{outline:2px solid var(--tgl-teal);outline-offset:2px;border-radius:var(--tgl-radius-lg)}@media(hover:hover){.tgl-bento .tgl-bento__main a:hover .tgl-bento__img,.tgl-bento .tgl-bento__thumb a:hover .tgl-bento__img{filter:brightness(.9)}.tgl-bento .tgl-bento__main:hover .tgl-bento__pill,.tgl-bento .tgl-bento__thumb:hover .tgl-bento__pill{transform:scale(1.1);box-shadow:var(--tgl-shadow-lg)}}@media(prefers-reduced-motion:no-preference){.tgl-bento .tgl-bento__img{transition:filter var(--tgl-transition-slow)}.tgl-bento .tgl-bento__pill{transition:transform var(--tgl-transition-slow),box-shadow var(--tgl-transition-slow)}}@media(min-width:48rem){.tgl-bento .tgl-bento__img--main{height:20rem}.tgl-bento .tgl-bento__thumbs{grid-template-columns:repeat(4,1fr)}.tgl-bento .tgl-bento__thumb:nth-child(4){display:block}.tgl-bento .tgl-bento__img--thumb{height:6.875rem}.tgl-bento .tgl-bento__pill--mobile{display:none}.tgl-bento .tgl-bento__pill--desktop{display:block}}@media(min-width:64rem){.tgl-bento .tgl-bento__img--main{height:24.375rem}.tgl-bento .tgl-bento__img--thumb{height:8.125rem}}