.bento-box__wrapper{container-type:inline-size;padding-inline:var(--space-16);scroll-margin-top:var(--header-height)}@media(min-width:1024px){.bento-box__wrapper{padding-inline:var(--gutter)}}.bento-box__heading-wrapper{margin-block-end:var(--space-24)}@media(min-width:1024px){.bento-box__heading-wrapper{margin-block-end:var(--space-40)}
}.bento-box__grid{--bento-box-gap:var(--space-16);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--bento-box-gap)}@media(min-width:1024px){.bento-box__grid{--bento-box-gap:var(--space-32);grid-template-columns:repeat(6,1fr);grid-auto-rows:calc((100cqw - 5 * var(--bento-box-gap)) / 3 + var(--bento-box-gap))}}.bento-box__tile{position:relative;display:block;overflow:hidden;aspect-ratio:1;background-color:var(--color-grey-2)}
@media(min-width:1024px){.bento-box__tile{aspect-ratio:auto}}@media(min-width:1024px){.bento-box__tile--wide{grid-column:span 3}}@media(min-width:1024px){.bento-box__tile--narrow{grid-column:span 2}}.bento-box__tile .bento-box__image{height:100%;aspect-ratio:auto}.bento-box__info{--bento-box-info-inset:var(--space-8);position:absolute;inset:auto var(--bento-box-info-inset) var(--bento-box-info-inset) var(--bento-box-info-inset)}
@media(min-width:1024px){.bento-box__info{--bento-box-info-inset:var(--space-12)}}.bento-box__info-pill{position:relative;display:flex;align-items:center;gap:var(--space-10);width:-moz-fit-content;width:fit-content;max-width:100%;padding:var(--space-8);border-radius:4px;background-color:rgba(255,255,255,0)}@media(min-width:1024px){.bento-box__info-pill{transition:background-color var(--transition-small)}
}.bento-box__info-toggle{display:flex;align-items:center;justify-content:center;width:var(--space-16);height:var(--space-16);color:var(--color-grey-7)}.bento-box__info-toggle svg{width:100%;height:100%}.bento-box__info-panel{display:none;min-width:0;opacity:0}@media(min-width:1024px){.bento-box__info-panel{transition:opacity var(--transition-small),display var(--transition-small) allow-discrete}
}.bento-box__info-text{color:var(--color-grey-7);text-align:center}.bento-box__info-close{position:absolute;top:-10px;right:calc(var(--space-8) * -1);display:none;align-items:center;justify-content:center;width:var(--space-24);height:var(--space-24);padding:var(--space-4);border-radius:50%;background-color:var(--color-grey-6);color:var(--color-white)}
.bento-box__info-close svg{width:100%;height:100%}bento-box-tile[open] .bento-box__info-pill{background-color:rgba(255,255,255,0.9);transition:background-color var(--transition-small)}bento-box-tile[open] .bento-box__info-panel{display:block;opacity:1;transition:opacity var(--transition-small)}@starting-style{bento-box-tile[open] .bento-box__info-panel{opacity:0}
}bento-box-tile[open] .bento-box__info-toggle{display:none}bento-box-tile[open] .bento-box__info-close{display:flex}@media(min-width:1024px){bento-box-tile[open] .bento-box__info-toggle{display:flex}bento-box-tile[open] .bento-box__info-close{display:none}}@media(min-width:1024px) and (hover:hover) and (pointer:fine){bento-box-tile:hover .bento-box__info-pill{background-color:rgba(255,255,255,0.9);transition:background-color var(--transition-small)}
bento-box-tile:hover .bento-box__info-panel{display:block;opacity:1;transition:opacity var(--transition-small)}@starting-style{bento-box-tile:hover .bento-box__info-panel{opacity:0}}}