:root{--cr-cream:#fbf6f1;--cr-lilac:#efe4f6;--cr-plum:#4a2a5e}
.cr-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mz-purple-dark);margin-bottom:14px}
.cr-center{text-align:center}

.cr-hero{position:relative;background:var(--cr-cream);overflow:hidden}
.cr-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:72px;padding-bottom:88px}
.cr-hero__title{font-size:clamp(36px,5.4vw,62px);line-height:1.06;font-weight:800;letter-spacing:-.02em;color:var(--cr-plum)}
.cr-hero__title em{font-style:normal;color:var(--mz-purple);display:block}
.cr-hero__text{margin-top:20px;font-size:17px;line-height:1.75;color:#5b4c63;max-width:44ch}
.cr-hero__btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.cr-btn--ghost{border:2px dashed var(--mz-purple);color:var(--mz-purple-dark);background:transparent}
.cr-btn--ghost:hover{background:#fff}
.cr-hero__art{position:relative;justify-self:center;width:min(100%,400px)}
.cr-yarn{width:100%;height:auto;display:block}
.cr-tag{position:absolute;left:0;bottom:12%;background:#fff;color:var(--cr-plum);font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;border:2px dashed var(--mz-gold);box-shadow:0 8px 24px rgba(74,42,94,.12);transform:rotate(-6deg)}
.cr-stitch{position:absolute;left:0;right:0;bottom:22px;height:0;border-top:3px dashed rgba(155,89,182,.35)}

.cr-section{padding:72px 0}
.cr-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px}
.cr-cat{position:relative;display:flex;flex-direction:column;gap:8px;padding:28px 24px;border-radius:24px;background:var(--cr-lilac);text-decoration:none;color:var(--cr-plum);transition:transform .2s,box-shadow .2s}
.cr-cat::after{content:"";position:absolute;inset:8px;border:2px dashed rgba(155,89,182,.35);border-radius:18px;pointer-events:none}
.cr-cat:nth-child(2){background:#f7ebe1}
.cr-cat:nth-child(3){background:#e8f0ea}
.cr-cat:nth-child(4){background:#fbe9ee}
.cr-cat:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(74,42,94,.12)}
.cr-cat__icon{width:64px;height:64px;color:var(--mz-purple-dark);margin-bottom:6px}
.cr-cat__icon svg{width:100%;height:100%}
.cr-cat__name{font-size:20px;font-weight:800}
.cr-cat__text{font-size:14px;line-height:1.6;color:#6a5a72}
.cr-cat__link{margin-top:auto;padding-top:8px;font-weight:600;color:var(--mz-purple)}

.cr-why{background:var(--cr-plum);color:#fff;padding:80px 0}
.cr-why .cr-eyebrow{color:var(--mz-gold-light)}
.cr-why .mz-h2{color:#fff;max-width:16ch}
.cr-why__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.cr-steps{list-style:none;padding:0;margin:0;counter-reset:s;display:grid;gap:26px}
.cr-steps li{counter-increment:s;display:grid;grid-template-columns:56px 1fr;column-gap:18px;row-gap:4px}
.cr-steps li::before{content:counter(s,decimal-leading-zero);grid-row:span 2;width:56px;height:56px;border-radius:50%;border:2px dashed var(--mz-gold-light);display:grid;place-items:center;font-weight:800;color:var(--mz-gold-light)}
.cr-steps b{font-size:18px}
.cr-steps span{color:#d9cbe2;line-height:1.7}

.cr-empty{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:52px 20px;border:2px dashed rgba(155,89,182,.45);border-radius:24px;background:var(--cr-cream);color:var(--cr-plum)}
.cr-empty b{font-size:20px}
.cr-empty span{color:#6a5a72}
.cr-custom{padding:0 0 80px}
.cr-custom__box{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,var(--mz-purple),var(--mz-purple-dark));color:#fff;border-radius:28px;padding:44px 48px;max-width:calc(var(--mz-wrap) - 40px)}
.cr-custom h2{font-size:clamp(24px,3vw,34px);font-weight:800}
.cr-custom p{margin-top:8px;opacity:.92;max-width:52ch;line-height:1.7}
.cr-custom .mz-btn{flex-shrink:0}

.mz-crochet-teaser{background:var(--cr-cream);padding:64px 0}
.mz-crochet-teaser__box{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;border:2px dashed rgba(155,89,182,.45);border-radius:28px;padding:32px 36px}
.mz-crochet-teaser__ball{width:96px;height:96px}
.mz-crochet-teaser h2{font-size:clamp(24px,3vw,34px);font-weight:800;color:var(--cr-plum)}
.mz-crochet-teaser p{color:#6a5a72;margin-top:6px}

@media (max-width:900px){
	.cr-cats{grid-template-columns:repeat(2,1fr)}
	.cr-why__grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
	.cr-hero__grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:64px;gap:24px}
	.cr-hero__art{order:-1;width:min(70%,260px)}
	.cr-hero__btns{flex-direction:column}
	.cr-section{padding:56px 0}
	.cr-cats{grid-template-columns:1fr 1fr;gap:14px}
	.cr-cat{padding:22px 16px}
	.cr-cat__icon{width:48px;height:48px}
	.cr-cat__name{font-size:16px}
	.cr-cat__text{display:none}
	.cr-why{padding:60px 0}
	.cr-custom__box{flex-direction:column;align-items:flex-start;padding:32px 24px;margin:0 20px;max-width:none;width:auto}
	.mz-crochet-teaser__box{grid-template-columns:1fr;text-align:center;justify-items:center;padding:28px 20px}
}