/*
Theme Name: haar4u Build
Template: extendable
Version: 0.1.0
Text Domain: haar4u-build
*/

:root {
  --h4u-bg: #f8f5f2;
  --h4u-sand: #efe7df;
  --h4u-text: #2b2624;
  --h4u-muted: #756a64;
  --h4u-accent: #c68f7a;
  --h4u-accent-dark: #a96f5a;
  --h4u-card: #fffdfb;
}
body { color: var(--h4u-text); }
.wp-site-blocks { background: var(--h4u-bg); }
.h4u-hero { padding: 88px 24px 64px; background: linear-gradient(135deg, #f8f5f2 0%, #f0e4da 100%); }
.h4u-wrap { max-width: 1180px; margin: 0 auto; }
.h4u-grid { display:grid; grid-template-columns: 1.15fr .85fr; gap:40px; align-items:center; }
.h4u-kicker { letter-spacing:.16em; text-transform:uppercase; font-size:12px; color:var(--h4u-accent-dark); font-weight:700; }
.h4u-hero h1 { font-size: clamp(38px, 6vw, 72px); line-height:1.02; margin:12px 0 16px; }
.h4u-lead { font-size: 18px; line-height: 1.7; color: var(--h4u-muted); max-width: 58ch; }
.h4u-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; }
.h4u-btn { display:inline-block; padding:14px 22px; border-radius:999px; text-decoration:none; font-weight:700; }
.h4u-btn-primary { background: var(--h4u-accent); color:#fff; }
.h4u-btn-secondary { border:1px solid #d8c6bb; color:var(--h4u-text); background:#fff; }
.h4u-card { background: var(--h4u-card); border-radius: 28px; padding: 24px; box-shadow: 0 24px 60px rgba(53,35,26,.08); }
.h4u-card img { width:100%; border-radius:20px; display:block; }
.h4u-meta { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:16px; }
.h4u-mini { background:#f7efe8; border-radius:18px; padding:14px; font-size:14px; color:var(--h4u-muted); }
.section-pad { padding: 70px 24px; }
.h4u-section-title { font-size: clamp(28px, 4vw, 48px); margin: 0 0 12px; }
.h4u-section-text { color:var(--h4u-muted); max-width: 70ch; line-height:1.8; }
.h4u-cols-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:30px; }
.h4u-cols-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:30px; }
.h4u-feature, .h4u-category { background:#fffdfb; border-radius:24px; padding:24px; box-shadow: 0 10px 30px rgba(53,35,26,.05); }
.h4u-feature h3, .h4u-category h3 { margin-top:0; font-size:24px; }
.h4u-soft { background: var(--h4u-sand); }
.h4u-cta { background: linear-gradient(120deg,#2f2623,#5b4037); color:#fff; border-radius: 32px; padding: 34px; }
.h4u-cta p { color: rgba(255,255,255,.82); }
footer.wp-block-template-part { margin-top:0; }
@media (max-width: 900px){ .h4u-grid,.h4u-cols-3,.h4u-cols-2,.h4u-meta{grid-template-columns:1fr;} .h4u-hero{padding-top:56px;} }