:root{
  --ink:#0d0d0d;
  --cream:#F2E7D8;
  --olive:#7A5F31;
  --stone:#EDE5D9;
  --shadow: rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#000;color:var(--ink);}
h1,h2{font-family:'Libre Baskerville',serif}
body, p, a, li{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit}
.hero{
  min-height:100svh;
  display:flex;align-items:center;justify-content:center;
  background:#000; /* page edge */
  padding:24px;
}
.surface{
  width:min(880px,94vw);
  background:var(--cream) url('assets/bg-semola.jpg') center/cover no-repeat;
  border-radius:22px;
  box-shadow:0 30px 80px var(--shadow);
  padding: clamp(22px, 5vw, 40px);
}
.copy{ text-align:center; }
h1{font-size:clamp(28px,5vw,44px); line-height:1.1; margin:0 0 10px;}
.lead{color:#3b3b3b; font-size:clamp(16px,2.4vw,19px);}
.cta-row{display:flex; gap:12px; justify-content:center; margin:18px 0 26px;}
.btn{display:inline-block; border-radius:14px; padding:12px 18px; font-weight:600; border:2px solid #3a2a12; text-decoration:none}
.btn.solid{ background:#3a2a12; color:#fff}
.btn.ghost{ background:transparent; color:#3a2a12}
.btn.small{padding:8px 12px; font-size:.9rem}
.logo{ width:220px; height:auto; margin:18px auto 8px; display:block}
.contacts p{ margin:.25rem 0 .1rem 0; }
.contacts a{ text-decoration:none; border-bottom:1px solid transparent }
.contacts a:hover{ border-bottom-color:#222 }
.panel{ background:#fff; padding:48px 18px; }
.panel.alt{ background:#faf7f0 }
.panel-inner{ width:min(900px,92%); margin:0 auto }
.panel h2{ margin:0 0 10px; font-size:clamp(22px,3.6vw,30px) }
.panel ul{ margin:.6rem 0 1rem 1rem }
.small{ color:#666; font-size:.92rem }
.footer{ color:#bbb; background:#000; text-align:center; padding:26px 12px }