.tf-bento{padding-block:clamp(40px,5.5vw,76px);background:var(--tf-white)}.tf-bento__head{text-align:center;margin-bottom:clamp(24px,3.2vw,40px)}.tf-bento__eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tf-bento-accent, #aa1314);margin:0 0 10px}.tf-bento__heading{font-family:var(--tf-display);font-size:clamp(28px,3.6vw,44px);font-style:italic;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;line-height:1.05;margin:0;color:var(--tf-ink)}.tf-bento__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--tf-bento-gap, 16px)}.tf-bento__card{position:relative;display:block;overflow:hidden;border-radius:var(--tf-bento-radius, 8px);background:var(--tf-bento-card, #0d0d0d);text-decoration:none;isolation:isolate}.tf-bento__card--large{grid-column:span 6;aspect-ratio:16 / 10}.tf-bento__card--small{grid-column:span 3;aspect-ratio:4 / 3}.tf-bento__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;transition:transform .5s ease}.tf-bento__card--large .tf-bento__img{object-position:55% center}.tf-bento__card--small .tf-bento__img{object-position:62% center}.tf-bento__card:hover .tf-bento__img{transform:scale(1.045)}.tf-bento__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,var(--tf-bento-card, #0d0d0d) 0%,rgba(13,13,13,.86) 36%,rgba(13,13,13,.3) 70%,rgba(13,13,13,.08) 100%),linear-gradient(0deg,#0d0d0d9e,#0d0d0d1f 42%,#0d0d0d00 70%)}.tf-bento__body{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;height:100%;padding:clamp(18px,2.2vw,30px)}.tf-bento__title{font-family:var(--tf-display);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:-.015em;line-height:1.02;color:#fff;margin:0;max-width:13ch}.tf-bento__card--large .tf-bento__title{font-size:clamp(26px,2.9vw,40px)}.tf-bento__card--small .tf-bento__title{font-size:clamp(16px,1.7vw,23px)}.tf-bento__sub{font-size:13.5px;line-height:1.45;color:#fffc;margin:0;max-width:24ch}.tf-bento__arrow{display:inline-flex;margin-top:2px;color:var(--tf-bento-accent, #aa1314);transition:transform .25s ease}.tf-bento__arrow svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}.tf-bento__card--small .tf-bento__arrow svg{width:21px;height:21px}.tf-bento__card:hover .tf-bento__arrow{transform:translate(6px)}.tf-bento__card:focus-visible{outline:2px solid var(--tf-bento-accent, #aa1314);outline-offset:3px}@media(max-width:900px){.tf-bento__card--large{grid-column:span 12;aspect-ratio:21 / 9}.tf-bento__card--small{grid-column:span 6;aspect-ratio:4 / 3}}@media(max-width:520px){.tf-bento__card--large{aspect-ratio:16 / 9}.tf-bento__card--small{aspect-ratio:4 / 3}.tf-bento__title{max-width:15ch}.tf-bento__card--small .tf-bento__arrow svg{width:18px;height:18px}.tf-bento__shade{background:linear-gradient(90deg,var(--tf-bento-card, #0d0d0d) 0%,rgba(13,13,13,.84) 44%,rgba(13,13,13,.28) 80%,rgba(13,13,13,.1) 100%),linear-gradient(0deg,#0d0d0d99,#0d0d0d1a 46%,#0d0d0d00 72%)}}@media(prefers-reduced-motion:reduce){.tf-bento__img,.tf-bento__arrow{transition:none}.tf-bento__card:hover .tf-bento__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/tf-bento.css.map */