.crochet-intro { text-align:center; margin:-12px auto 48px; }
.crochet-intro p { margin:0 auto 24px; max-width:48ch; }
.crochet-intro .actions { justify-content:center; margin:0; }
.popular-pieces { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:32px; }
.popular-piece { display:flex; flex-direction:column; align-items:flex-start; gap:24px; padding:32px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.popular-piece:only-child { display:grid; grid-template-columns:1fr auto; align-items:center; }
.popular-piece .card-image { width:100%; margin:0; }
.popular-piece .card-image img { display:block; width:100%; height:auto; }
.popular-piece:only-child .card-image { grid-column:1/-1; max-width:360px; }
.popular-piece h3 { font:400 28px/1.25 Arial,Helvetica,sans-serif; letter-spacing:-.035em; margin:0 0 12px; }
.popular-piece p { margin:4px 0; }
.popular-piece .eyebrow { margin:0 0 10px; }
.popular-piece > .button { margin-top:auto; }
.popular-piece:only-child > .button { margin-top:0; }
.crochet-reading { display:grid; grid-template-columns:1fr 1fr; gap:48px; margin-top:64px; }
.crochet-reading > section { min-width:0; }
.crochet-reading .section-preview + .section-preview { margin-top:0; }
.crochet-reading .collection-heading { border-bottom:1px solid var(--line); padding-bottom:12px; }
.section-head { margin-bottom:20px; }
@media(max-width:600px) {
 .popular-piece:only-child { grid-template-columns:1fr; gap:18px; }
 .popular-piece .button { justify-self:start; }
 .crochet-reading { grid-template-columns:1fr; gap:28px; margin-top:48px; }
 .crochet-intro { margin-bottom:36px; }
 .crochet-intro p { font-size:13px; }
}