.gn-bento-wrap{padding:var(--gn-bento-pt) 0 var(--gn-bento-pb)}.gn-bento-wrap__inner{max-width:1400px;margin:0 auto;padding:0 32px}.gn-bento-wrap__heading{text-align:center;font-size:2rem;margin:0 0 32px}.gn-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:minmax(220px,1.05fr) minmax(200px,1.16fr) minmax(180px,1fr);gap:18px}.gn-bento__tile{container-type:inline-size;position:relative;border-radius:16px;overflow:hidden;padding:6.2%;display:flex;align-items:flex-end;text-decoration:none;min-height:160px}.gn-bento__tile--dark{color:#26211d}.gn-bento__tile--light{color:#fff}.gn-bento__tile-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.gn-bento__tile-img{width:100%;height:100%;object-fit:cover;display:block}.gn-bento__tile-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000009e,#00000052 26%,#0000 55%)}.gn-bento__tile--dark .gn-bento__tile-bg:after{background:linear-gradient(to top,#ffffffeb,#ffffff9e,#fff0 60%)}.gn-bento__tile--3 .gn-bento__tile-bg:after{background:linear-gradient(to bottom,#ffffffeb,#fff9 32%,#fff0 60%)}.gn-bento__tile-content{position:relative;z-index:1}.gn-bento__tile-content h3{font-size:10cqi;font-size:clamp(1.45rem,10cqi,2.75rem);margin:0 0 8px;line-height:1.08}.gn-bento__tile-content p{font-size:4.6cqi;font-size:clamp(.95rem,4.6cqi,1.15rem);margin:0;opacity:.92;max-width:26ch;line-height:1.35}.gn-bento__tile--1{grid-column:1 / 5;grid-row:1}.gn-bento__tile--2{grid-column:5 / 9;grid-row:1}.gn-bento__tile--3{grid-column:9 / 13;grid-row:1 / span 2;align-items:flex-start}.gn-bento__tile--4{grid-column:1 / 5;grid-row:2 / span 2}.gn-bento__tile--5{grid-column:5 / 9;grid-row:2}.gn-bento__tile--6{grid-column:5 / 8;grid-row:3}.gn-bento__tile--7{grid-column:8 / 13;grid-row:3}@media(max-width:900px){.gn-bento{grid-template-columns:repeat(2,1fr);grid-template-rows:none}.gn-bento__tile--1,.gn-bento__tile--2,.gn-bento__tile--3,.gn-bento__tile--4,.gn-bento__tile--5,.gn-bento__tile--6,.gn-bento__tile--7{grid-column:auto;grid-row:auto}.gn-bento__tile--7{grid-column:1 / span 2}.gn-bento__tile-content h3{font-size:clamp(1.45rem,7cqi,2.1rem)}}@media(max-width:560px){.gn-bento{grid-template-columns:1fr}.gn-bento__tile--7{grid-column:1}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-gn-bento.css.map */