.yarn-heading{padding:24px 0 12px;max-width:820px}
.yarn-heading h1{font-size:clamp(1.8rem,4vw,2.7rem);margin:10px 0}
.yarn-heading p{color:#514b46;line-height:2;max-width:720px}
.yarn-heading-links{display:flex;gap:24px;align-items:center;margin-top:18px;font-weight:700}
.yarn-heading-links span{background:#f4eee7;border-radius:30px;padding:6px 16px}
.yarn-collections{margin:20px 0 28px}
.yarn-guide{margin:48px 0 24px;padding:28px;background:#faf7f2;border:1px solid #e8dfd4;border-radius:20px;scroll-margin-top:24px}
.yarn-guide h2{font-size:1.35rem;line-height:1.8;margin:0 0 12px}
.yarn-guide p{line-height:2;color:#514b46}
.yarn-guide details{border-top:1px solid #e1d8cc;padding:16px 0}
.yarn-guide summary{cursor:pointer;font-weight:700;line-height:1.8}
.yarn-guide a,.yarn-heading-links a{text-underline-offset:5px;text-decoration:underline}
.yarn-order-guide{border-top:1px solid #e1d8cc;margin-top:24px;padding-top:24px}
@media(max-width:640px){.yarn-heading{padding-top:12px}.yarn-guide{padding:20px 16px;margin-top:32px}.yarn-heading-links{font-size:.9rem}.yarn-collections{flex-wrap:wrap}}