.packaging-benefits{padding-top:var(--packaging-benefits-padding-top);padding-bottom:var(--packaging-benefits-padding-bottom);background:radial-gradient(circle at 8% 12%,rgba(86,199,182,.12),transparent 28rem),#f7fbfa}.packaging-benefits__layout{display:grid;grid-template-columns:minmax(30rem,.78fr) minmax(0,1.22fr);gap:clamp(3rem,5vw,7rem);align-items:stretch}.packaging-benefits__intro{position:relative;display:flex;min-height:100%;flex-direction:column;align-items:flex-start;overflow:hidden;padding:clamp(3.2rem,5vw,6rem);border-radius:2.4rem;color:#fff;background:#242833}.packaging-benefits__intro:before{position:absolute;top:-10rem;right:-9rem;width:24rem;height:24rem;border:1px solid rgba(86,199,182,.34);border-radius:50%;box-shadow:0 0 0 3.2rem #56c7b60d,0 0 0 6.4rem #56c7b609;content:""}.packaging-benefits__intro:after{position:absolute;bottom:0;left:clamp(3.2rem,5vw,6rem);width:8rem;height:.5rem;border-radius:.5rem .5rem 0 0;background:#56c7b6;content:""}.packaging-benefits__eyebrow{position:relative;z-index:1;margin:0 0 2rem;color:#74ddcd;font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.packaging-benefits__title{position:relative;z-index:1;max-width:44rem;margin:0;color:#fff;font-size:clamp(3.5rem,3.4vw,5.2rem);font-weight:400;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}.packaging-benefits__lead{position:relative;z-index:1;max-width:44rem;margin-top:2.4rem;color:#ffffffc2;font-size:1.7rem;line-height:1.6}.packaging-benefits__lead p{margin:0}.packaging-benefits__button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;min-height:5.2rem;margin-top:auto;padding:1.4rem 2.2rem;border-radius:999px;color:#18242a;background:#56c7b6;font-weight:600;text-decoration:none;transition:background .2s ease,transform .2s ease}.packaging-benefits__button:hover{color:#18242a;background:#76dfcf;transform:translateY(-2px)}.packaging-benefits__cards{display:grid;gap:1.6rem}.packaging-benefit-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2.4rem;align-items:start;overflow:hidden;padding:clamp(2.6rem,3vw,3.6rem);border:1px solid #dfe9e6;border-radius:2rem;background:#ffffffeb;box-shadow:0 1.4rem 4rem #1a39370e;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.packaging-benefit-card:hover{border-color:#56c7b699;box-shadow:0 1.8rem 4.6rem #1a39371a;transform:translateY(-3px)}.packaging-benefit-card__icon{display:grid;width:5.6rem;height:5.6rem;place-items:center;border-radius:1.6rem;color:#167a70;background:#e2f7f3}.packaging-benefit-card__icon svg{width:2.8rem;height:2.8rem;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.packaging-benefit-card__content{max-width:62rem;padding-right:4rem}.packaging-benefit-card__content h3,.packaging-benefit-card__content h3 p{margin:0;color:#242833;font-size:clamp(2rem,2vw,2.7rem);font-weight:500;line-height:1.2}.packaging-benefit-card__text{margin-top:1rem;color:#53615f;line-height:1.6}.packaging-benefit-card__text p{margin:0}.packaging-benefit-card__link{display:inline-flex;align-items:center;gap:1rem;margin-top:1.6rem;color:#167a70;font-weight:600;text-decoration:none}.packaging-benefit-card__number{position:absolute;top:2.2rem;right:2.4rem;color:#b8c7c4;font-size:1.2rem;font-weight:600;letter-spacing:.12em}@media screen and (max-width:989px){.packaging-benefits__layout{grid-template-columns:1fr}.packaging-benefits__intro{min-height:42rem}.packaging-benefits__button{margin-top:4rem}}@media screen and (max-width:749px){.packaging-benefits{padding-top:calc(var(--packaging-benefits-padding-top) * .7);padding-bottom:calc(var(--packaging-benefits-padding-bottom) * .7)}.packaging-benefits__intro{min-height:0;padding:3.2rem 2.4rem 4rem;border-radius:1.8rem}.packaging-benefits__title{font-size:clamp(3.2rem,10vw,4.4rem)}.packaging-benefit-card{grid-template-columns:4.8rem minmax(0,1fr);gap:1.6rem;padding:2.4rem 2rem;border-radius:1.6rem}.packaging-benefit-card__icon{width:4.8rem;height:4.8rem;border-radius:1.3rem}.packaging-benefit-card__icon svg{width:2.4rem;height:2.4rem}.packaging-benefit-card__content{padding-right:0}.packaging-benefit-card__number{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-packaging-benefits.css.map */