.benefits{background:var(--color-white)}.benefits__grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem;list-style:none;margin:0;padding:0}.benefits__card{grid-column:span 4;background:var(--color-background-secondary);border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.benefits__card-content{display:flex;flex-direction:column;gap:.25rem}.benefits__card-icon{width:clamp(24px,1.5rem + .5vw,32px);height:clamp(24px,1.5rem + .5vw,32px);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.benefits__card-icon i{font-size:clamp(24px,1.5rem + .5vw,32px)}@media (min-width: 1920px){.benefits__card-icon{width:clamp(32px,2rem + .8vw,48px);height:clamp(32px,2rem + .8vw,48px)}.benefits__card-icon i{font-size:clamp(32px,2rem + .8vw,48px)}}.benefits__card-title{margin:0}.benefits__card-text{margin:0;text-wrap:balance;flex-grow:1}.benefits__video-card{grid-column:span 4;background:var(--color-background-secondary);border-radius:1.5rem;padding:0;aspect-ratio:16/9}.benefits__video-container{width:100%;height:100%;position:relative;border-radius:1.5rem;overflow:hidden}.benefits__video-container iframe{width:100%;height:100%;border:none;border-radius:1.5rem}.benefits__video-container video{width:100%;height:100%;object-fit:cover;border:none;border-radius:1.5rem}.benefits__video-mute{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,transform .2s ease,color .2s ease,background-color .2s ease;z-index:10;opacity:1;padding:16px}.benefits__video-mute:hover{background:#000c}.benefits__video-mute.hidden{opacity:0;pointer-events:none;transition:opacity .2s ease}.benefits__video-mute i{color:#fff;font-size:24px}.benefits__video-mute.unmuted i{color:var(--color-accent)}@media (min-width: 768px) and (max-width: 1023px){.benefits__grid{grid-template-columns:repeat(8,1fr);gap:1.5rem}.benefits__card{grid-column:span 4;padding:2rem}}@media (min-width: 1024px) and (max-width: 1250px){.benefits__grid{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,auto);gap:1.5rem}.benefits__card:nth-child(1),.benefits__card:nth-child(2),.benefits__card:nth-child(3){grid-column:span 4;grid-row:1}.benefits__card:nth-child(4),.benefits__card:nth-child(5){grid-column:span 6;grid-row:2}.benefits__video-card{grid-column:1 / -1;grid-row:3}}@media (max-width: 767px){.benefits__grid{display:flex;flex-direction:column;gap:1.5rem}.benefits__card{position:sticky;top:1rem;z-index:10;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(235,235,235,1);will-change:transform}.benefits__video-card{position:sticky;top:6.5rem;z-index:15}.benefits__card:nth-child(1){top:4rem}.benefits__card:nth-child(2){top:4.5rem}.benefits__card:nth-child(3){top:5rem}.benefits__card:nth-child(4){top:5.5rem}.benefits__card:nth-child(5){top:6rem}.benefits__title{font-size:var(--h3-size)}}@media (prefers-reduced-motion: reduce){.benefits__video-mute,.benefits__video-mute.hidden,.benefits__card{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/benefits.css.map */