.article-template__content{counter-reset:ppbook}.pp-blog-book{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-areas:"img head" "img body" "img cta";gap:.2rem 2rem;align-items:start;margin:0 0 2.8rem;padding-bottom:2.8rem;border-bottom:1px solid rgba(0,0,0,.09);counter-increment:ppbook}.pp-blog-book:last-of-type{border-bottom:0}.pp-blog-book>h3{grid-area:head;margin:0 0 .2rem;font-size:1.9rem;line-height:1.25}.pp-blog-book>h3:before{content:counter(ppbook) ". ";opacity:.4;font-variant-numeric:tabular-nums}.pp-blog-book__author{font-weight:400;opacity:.65}.pp-blog-book>p:not(.pp-blog-book__cta){grid-area:body;margin:.4rem 0 0;line-height:1.65}.pp-blog-book>a:not(.pp-blog-book__cta a){grid-area:img;display:block}.pp-blog-book img{width:100%;height:auto;display:block;border-radius:3px;box-shadow:0 2px 12px #0000001a;transition:transform .18s ease,box-shadow .18s ease}.pp-blog-book a:hover img{transform:translateY(-2px);box-shadow:0 6px 18px #00000024}.pp-blog-book__cta{grid-area:cta;margin:.9rem 0 0}.pp-blog-book__cta a{display:inline-block;font-weight:600;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:1px}.pp-blog-book__cta a:hover{opacity:.75}@media screen and (max-width:749px){.pp-blog-book{grid-template-columns:1fr;grid-template-areas:"head" "img" "body" "cta";gap:.6rem 0;margin-bottom:2.2rem;padding-bottom:2.2rem}.pp-blog-book>h3{font-size:1.7rem}.pp-blog-book img{max-width:320px;margin:0 auto}}.article-template__content>p:first-of-type{font-size:1.15em;line-height:1.6}.pp-blog-hero{max-width:62rem;margin:0 auto 3.2rem;text-align:center}.pp-blog-hero__eyebrow{margin:0 0 1rem;font-size:1.2rem;letter-spacing:.09em;text-transform:uppercase;opacity:.6}.pp-blog-hero__intro{margin:0 0 1.6rem;font-size:1.15em;line-height:1.6}.pp-blog-hero__perks{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 2rem;margin:0;padding:0;list-style:none;font-size:1.3rem;opacity:.75}.pp-blog-hero__perks li{position:relative}.pp-blog-hero__perks li+li:before{content:"";position:absolute;left:-1rem;top:.45em;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}@media screen and (max-width:749px){.pp-blog-hero{margin-bottom:2.4rem}.pp-blog-hero__perks{gap:.4rem 1.4rem;font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/pp-blog.css.map */