:root{--c:#5b4636;--bg:#faf7f2;--muted:#7a6a5d}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:#2b2420;line-height:1.55}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #eadfd3}header .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-weight:700;color:var(--c);font-size:20px}nav a{margin-left:20px;color:var(--muted);text-decoration:none}
.hero{padding:56px 0 24px}.hero h1{font-size:40px;margin:0 0 12px;color:var(--c)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}
article{background:#fff;border:1px solid #eadfd3;border-radius:10px;padding:20px}h2{color:var(--c);margin-top:0}
footer{border-top:1px solid #eadfd3;margin-top:48px;padding:20px 0;color:var(--muted);font-size:14px}
.hero-img{background-size:cover;background-position:center;min-height:380px;display:flex;align-items:flex-end}
.hero-box{background:rgba(250,247,242,.92);border-radius:10px;padding:24px 28px;margin:0 0 28px;max-width:560px}
.hero-box h1{font-size:36px;margin:0 0 8px;color:var(--c)}
article img,.ideas img{width:100%;border-radius:8px;display:block;margin-bottom:12px;aspect-ratio:3/2;object-fit:cover}
.ideas img{aspect-ratio:16/9}
footer small{color:var(--muted)}footer a{color:var(--muted)}
.hero-img{background-size:cover;background-position:center;min-height:380px;display:flex;align-items:flex-end}
.hero-box{background:rgba(250,247,242,.92);border-radius:10px;padding:24px 28px;margin:0 0 28px;max-width:560px}
.hero-box h1{font-size:36px;margin:0 0 8px;color:var(--c)}
article img,.ideas img{width:100%;border-radius:8px;display:block;margin-bottom:12px;aspect-ratio:3/2;object-fit:cover}
.ideas img{aspect-ratio:16/9}
footer small{color:var(--muted)}footer a{color:var(--muted)}
h2 a{color:inherit;text-decoration:none}.more{color:var(--c);font-weight:600;text-decoration:none}
.crumbs{font-size:14px;color:var(--muted);margin:20px 0 0}.crumbs a{color:var(--muted)}
.page-hero img{width:100%;border-radius:10px;aspect-ratio:21/9;object-fit:cover;margin:16px 0 8px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
ol.steps{padding-left:20px}ol.steps li{margin:6px 0}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.gallery img{width:100%;border-radius:8px;aspect-ratio:4/3;object-fit:cover}
details{background:#fff;border:1px solid #eadfd3;border-radius:8px;padding:12px 16px;margin:8px 0}
summary{cursor:pointer;font-weight:600;color:var(--c)}
.cta{background:#fff;border:1px solid #eadfd3;border-radius:10px;padding:20px;margin:32px 0}
