.bento{position:relative;background:rgb(var(--color-background));color:var(--text-body)}.bento__head{max-width:640px;margin-bottom:var(--space-10)}.bento__eyebrow{margin:0 0 var(--space-4)}.bento__heading{margin:0;font-family:var(--font-display);font-weight:var(--weight-heading);font-size:var(--fs-h2);line-height:1.08;letter-spacing:var(--tracking-tight);color:var(--text-heading);text-wrap:balance}.bento__intro{max-width:56ch;margin:var(--space-5) 0 0;font-size:var(--fs-lead);line-height:1.55;color:var(--text-body)}.bento__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(156px,auto);grid-auto-flow:dense;gap:var(--space-3);margin:0;padding:0}.bento__tile--small{grid-column:span 1}.bento__tile--wide{grid-column:span 2}.bento__tile--tall{grid-column:span 1}.bento__tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-6);min-width:0;padding:var(--space-5);background:var(--df-cream);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-body);overflow:hidden}.color-scheme-1 .bento__tile{background:var(--df-white)}.bento__tile--accent{background:var(--df-teal-700);border-color:var(--df-teal-700);color:var(--df-cream)}.color-scheme-1 .bento__tile--accent{background:var(--df-teal-700)}.bento__tile--accent:before{content:"";position:absolute;inset:auto -30% -40% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#e7bd832e,#e7bd8300);pointer-events:none}.bento__icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:var(--radius-md);background:var(--df-teal-50);color:var(--df-teal-700)}.bento__icon svg{width:24px;height:24px}.bento__icon--image{background:transparent;width:56px;height:56px}.bento__icon--image img{display:block;width:56px;height:56px;object-fit:contain}.bento__tile--accent .bento__icon{background:#f7f4ed14;color:var(--df-gold-300)}.bento__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.bento__stat{display:flex;flex-direction:column;gap:var(--space-1);margin:0 0 var(--space-3)}.bento__stat-number{font-family:var(--font-display);font-weight:var(--weight-regular);font-size:clamp(52px,40.2px + 3.05vw,84px);line-height:.95;letter-spacing:var(--tracking-tight);color:var(--df-teal-700);font-variant-numeric:lining-nums tabular-nums}.bento__tile--accent .bento__stat-number{color:var(--df-gold-300)}.bento__stat-label{font-family:var(--font-sans);font-size:var(--fs-eyebrow);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--df-gray-600)}.bento__tile--accent .bento__stat-label{color:var(--df-gold-300)}.bento__title{margin:0;font-family:var(--font-sans);font-weight:var(--weight-medium);font-size:18px;line-height:1.3;letter-spacing:0;color:var(--text-heading);text-wrap:balance}.bento__tile--accent .bento__title{color:var(--df-cream)}.bento__text{margin:0;font-size:var(--fs-small);line-height:1.55;color:var(--df-gray-700)}.bento__tile--accent .bento__text{color:var(--df-teal-100)}@media screen and (min-width:750px){.bento__grid{grid-auto-rows:minmax(196px,auto);gap:var(--space-4)}.bento__tile{padding:var(--space-6)}.bento__tile--tall{grid-row:span 2}.bento__tile--wide{flex-direction:row;align-items:flex-end}.bento__tile--wide .bento__icon{align-self:flex-start}.bento__tile--wide .bento__body{flex:1 1 auto}.bento__tile--wide .bento__text{max-width:44ch}.bento__title{font-size:19px}.bento__text{font-size:var(--fs-body)}}@media screen and (min-width:990px){.bento__head{margin-bottom:var(--space-12)}.bento__grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(220px,auto);gap:var(--space-5)}.bento__tile--small{grid-column:span 4}.bento__tile--wide{grid-column:span 8}.bento__tile--tall{grid-column:span 4;grid-row:span 2}.bento__tile{padding:var(--space-8)}.bento__tile--tall .bento__stat-number{font-size:clamp(64px,3.5vw + 30px,96px)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-product-benefits-bento.css.map */