@layer sections{.c-hp-problem-solution{background:var(--color-brand-cream);content-visibility:auto;contain-intrinsic-size:auto 680px}.c-hp-problem-solution .page-width{max-width:132rem;padding-block-start:3rem;padding-block-end:4rem}.c-hp-section .c-hp-problem-solution__heading{font-family:var(--font-brand-display);font-size:clamp(2.8rem,1.7rem + 3vw,4.8rem);font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:.06rem;margin-top:.2rem;margin-bottom:.5rem;text-wrap:balance}.c-hp-section .c-hp-problem-solution__subheading{font-family:var(--font-brand-body);font-size:clamp(2rem,1.7rem + .8vw,2.4rem);font-weight:400;line-height:1.35;max-inline-size:70rem;margin-inline:auto;margin-block-end:4.8rem;text-wrap:pretty}.c-hp-problem-solution__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3.2rem 2.4rem;align-items:stretch;max-width:100%;margin-inline:auto;padding-block-start:8.8rem}.c-hp-problem-solution__card{--problem-card-image-size: clamp(11.05rem, 8.075rem + 2.55vw, 12.58rem);--problem-card-image-inset: -.4rem;--problem-card-block-size: 19.5rem;position:relative;display:block;min-width:0;isolation:isolate}.c-hp-problem-solution__card:nth-child(2n){margin-block-start:0}.c-hp-problem-solution__image{position:absolute;inset-block-start:0;inset-inline-end:var(--problem-card-image-inset);z-index:1;display:block;width:var(--problem-card-image-size);height:var(--problem-card-image-size);margin:0;border-radius:50%;object-fit:cover;background:var(--color-surface-card-light);transform:translateY(-70%)}.c-hp-problem-solution__card-body{width:100%;block-size:var(--problem-card-block-size);background:var(--color-tier-active);border:.1rem solid color-mix(in srgb,var(--color-text-primary) 12%,transparent);border-radius:.8rem;display:flex;flex-direction:column;gap:1.2rem;padding:2.2rem 1.4rem 2rem}.c-hp-section .c-hp-problem-solution__title{display:flex;flex:0 0 6rem;align-items:flex-start;block-size:6rem;max-width:17rem;font-family:var(--font-brand-body-bold);font-size:clamp(2.1rem,1.85rem + .45vw,2.4rem);font-weight:400;line-height:1.12;overflow-wrap:break-word;color:var(--color-text-primary);margin:0}.c-hp-section .c-hp-problem-solution__text{font-family:var(--font-brand-body);font-size:clamp(1.8rem,1.65rem + .35vw,2rem);font-weight:400;line-height:1.42;color:var(--color-text-primary);margin:0}@media(min-width:1200px)and (not (min-width:1280px)){.c-hp-problem-solution__card{--problem-card-block-size: 22.5rem}}@media(min-width:990px)and (not (min-width:1200px)){.c-hp-problem-solution__grid{grid-template-columns:repeat(2,1fr);gap:4rem 2.4rem}.c-hp-problem-solution__card{--problem-card-image-size: 12.07rem;--problem-card-image-inset: -.4rem;--problem-card-block-size: 19.5rem}.c-hp-section .c-hp-problem-solution__title{max-width:20rem}}@media(min-width:750px)and (not (min-width:990px)){.c-hp-section .c-hp-problem-solution__heading{font-size:3.6rem}.c-hp-section .c-hp-problem-solution__subheading{margin-block-end:3.2rem}.c-hp-problem-solution__grid{grid-template-columns:repeat(2,1fr);gap:4rem 2rem;padding-block-start:8rem}.c-hp-problem-solution__card{--problem-card-image-size: 11.22rem;--problem-card-image-inset: -.4rem;--problem-card-block-size: 19.5rem}.c-hp-section .c-hp-problem-solution__title{max-width:18rem}.c-hp-section .c-hp-problem-solution__text{font-size:1.8rem}}@media not (min-width:750px){.c-hp-section .c-hp-problem-solution__subheading{font-size:1.8rem;margin-block-end:3.2rem}.c-hp-problem-solution__grid{grid-template-columns:1fr;padding-block-start:7.8rem;gap:3.2rem}.c-hp-problem-solution__card{--problem-card-image-size: 10.88rem;--problem-card-image-inset: -.2rem;--problem-card-block-size: 19.5rem;max-width:42rem;width:100%;margin-inline:auto}.c-hp-problem-solution__card:nth-child(2n){margin-block-start:0}.c-hp-problem-solution__card-body{width:100%}.c-hp-section .c-hp-problem-solution__title{max-width:24rem}}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-hp-problem-solution.css.map */