.pm-listicle{--pm-listicle-gap: 6rem;--pm-listicle-gutter: 1.6rem;--pm-listicle-heading-size: 2.2rem}.pm-listicle__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px}.pm-listicle__img--placeholder{background:rgba(var(--color-foreground),.04);fill:rgba(var(--color-foreground),.15)}.pm-listicle__hero{color:rgb(var(--color-foreground));display:grid;grid-template-columns:1fr}.pm-listicle__hero-text{padding:var(--pm-listicle-gutter);display:flex;flex-direction:column;justify-content:center}.pm-listicle__hero-heading{font-size:var(--pm-listicle-heading-size);font-weight:900;line-height:1.25;letter-spacing:.02em;margin:0}.pm-listicle__hero-sub{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.14px;max-width:46rem;margin:1.2rem 0 0;color:rgba(var(--color-foreground),.75)}.pm-listicle__hero-media{order:-1}.pm-listicle__hero-media .pm-listicle__img{height:auto;border-radius:0}.pm-listicle__hero-media .pm-listicle__img--placeholder{aspect-ratio:16 / 9}.pm-listicle__reasons{color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.pm-listicle__hero{grid-template-columns:1fr 1fr;align-items:stretch;min-height:48rem}.pm-listicle{--pm-listicle-heading-size: clamp(3rem, 3.4vw, 4.4rem)}.pm-listicle__hero-text{padding:6rem clamp(3rem,5vw,7rem)}.pm-listicle__hero-heading{line-height:1.15;letter-spacing:.02em}.pm-listicle__hero-sub{font-size:22px}.pm-listicle__hero-sub{margin-top:1.6rem}.pm-listicle__hero-media{order:0;aspect-ratio:auto;min-height:48rem}.pm-listicle__hero-media .pm-listicle__img{height:100%}}.pm-listicle__reason{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;margin:0 auto;padding:0 var(--pm-listicle-gutter) 5rem}.pm-listicle__reason:first-child{padding-top:3.2rem}.pm-listicle__reason-media{aspect-ratio:4 / 3}.pm-listicle__reason-heading{font-size:24px;font-weight:700;line-height:1.15;letter-spacing:.02em;margin:0 0 1.6rem}.pm-listicle__reason-number{white-space:nowrap}.pm-listicle__reason-body{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.14px;color:rgba(var(--color-foreground),.8)}.pm-listicle__reason-body p,.pm-listicle__reason-body ul,.pm-listicle__reason-body ol{margin:0 0 1.2rem}.pm-listicle__reason-body ul,.pm-listicle__reason-body ol{padding-left:2rem}.pm-listicle__reason-body li{margin-bottom:.4rem}.pm-listicle__reason-body a{color:inherit}.pm-listicle__reason-body p:last-child,.pm-listicle__reason-body ul:last-child,.pm-listicle__reason-body ol:last-child{margin-bottom:0}.pm-listicle__cta{display:flex;width:fit-content;margin-left:auto;margin-right:auto;align-items:center;justify-content:center;min-height:64px;padding:16px 24px;margin-top:2.4rem;background:#111;color:#fff;border:0;border-radius:8px;font-family:var(--font-body-family);font-size:18px;font-weight:800;letter-spacing:.01em;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .15s ease}.pm-listicle__cta:hover{background:#333;color:#fff}.pm-listicle__cta:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media screen and (min-width:750px){.pm-listicle{--pm-listicle-gutter: 5rem}.pm-listicle__reason{grid-template-columns:1fr 1fr;gap:var(--pm-listicle-gap);padding:0 var(--pm-listicle-gutter) 7rem}.pm-listicle__reason:first-child{padding-top:7rem}.pm-listicle__reason-heading{font-size:var(--pm-listicle-heading-size)}.pm-listicle__reason-body{font-size:22px}.pm-listicle__reason-media{order:0}.pm-listicle__cta{display:inline-flex;margin-left:0;margin-right:0}.pm-listicle__reason--image-left .pm-listicle__reason-media{order:-1}}@media screen and (min-width:1600px){.pm-listicle__reason-text{max-width:64rem;margin-inline:auto;width:100%}}.as-pm-0176 .pm-listicle__hero,.as-pm-0176 .pm-listicle__reasons{margin-left:-15px;margin-right:-15px}@media screen and (min-width:1024px){.as-pm-0176 .pm-listicle__hero,.as-pm-0176 .pm-listicle__reasons{margin-left:-30px;margin-right:-30px}}.pm-listicle__notice{margin:4rem auto;padding:2.4rem;border:2px dashed rgba(var(--color-foreground),.3);font-size:1.5rem;line-height:1.6}.pm-listicle__notice p{margin:0 0 .8rem}.pm-listicle__notice p:last-child{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/214/assets/as-pm-listicle.css.map */