.why-pbcat{font-family:Jost,sans-serif}.why-pbcat .page-width{max-width:140rem}.why-pbcat__header{max-width:62rem;margin:0 auto 2.6rem;text-align:center}.why-pbcat__heading{margin:0;color:var(--why-title-color, #2b1e17);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2.8rem,3.2vw,3.6rem);letter-spacing:calc(var(--font-heading-scale) * .06rem);line-height:1.1}.why-pbcat__heading-accent{color:var(--why-accent, #7eb9af)}.why-pbcat__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;max-width:90rem;margin:0 auto}.why-pbcat__card{background:var(--why-card-bg, #faf8f4);border:1px solid var(--why-card-border, #eae1d7);border-radius:1.6rem;padding:2.4rem 2.5rem;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.why-pbcat__icon-wrap{width:4.8rem;height:4.8rem;border-radius:999px;background:#7eb9af1a;color:var(--why-accent, #7eb9af);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.2rem;transition:transform .28s ease,background-color .28s ease}.why-pbcat__icon-wrap svg{width:2.2rem;height:2.2rem;display:block;transition:transform .28s ease}.why-pbcat__icon-wrap img{width:2.2rem;height:2.2rem;display:block;object-fit:contain;transition:transform .28s ease}@media(hover:hover)and (pointer:fine){.why-pbcat__card:hover{transform:translateY(-.6rem);border-color:#7eb9af73;box-shadow:0 1.6rem 3.2rem #2b1e1714}.why-pbcat__card:hover .why-pbcat__icon-wrap{background:#7eb9af29;transform:scale(1.04)}.why-pbcat__card:hover .why-pbcat__icon-wrap svg,.why-pbcat__card:hover .why-pbcat__icon-wrap img{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.why-pbcat__card,.why-pbcat__icon-wrap,.why-pbcat__icon-wrap svg,.why-pbcat__icon-wrap img{transition:none}}.why-pbcat__card-title{margin:0 0 .6rem;color:var(--why-title-color, #2b1e17);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.8rem;letter-spacing:calc(var(--font-heading-scale) * .04rem);line-height:1.4}.why-pbcat__card-text{margin:0;color:var(--why-text-color, #655043);font-size:1.4rem;font-weight:400;line-height:1.65}@media screen and (max-width:989px){.why-pbcat__grid{gap:1.4rem}.why-pbcat__card{padding:2rem}}@media screen and (max-width:749px){.why-pbcat__header{margin-bottom:2rem}.why-pbcat__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-why-pbcat-different.css.map */