:root {
  --gold:#c4a46e;
  --gold-lt:#d9bf96;
  --ink:#f2ece0;
  --ink60:rgba(242,236,224,.64);
  --bg:#080807;
  --bg2:#11110f;
  --border:rgba(196,164,110,.24);
}
* { box-sizing:border-box; margin:0; padding:0; }
body {
  min-width:320px;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:radial-gradient(circle at 72% 12%, rgba(196,164,110,.10), transparent 34%), var(--bg);
  line-height:1.65;
}
a { color:inherit; }
.page { width:min(1080px, calc(100% - 40px)); margin:0 auto; padding:44px 0 80px; }
.back {
  display:inline-flex;
  color:var(--gold-lt);
  text-decoration:none;
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:70px;
}
.hero { max-width:860px; padding-bottom:60px; }
.hero span {
  color:var(--gold);
  font-size:11px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
h1, h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight:300;
  letter-spacing:0;
}
h1 {
  font-size:clamp(44px, 8vw, 92px);
  line-height:.95;
  margin:22px 0 24px;
}
.hero p, .text p {
  max-width:760px;
  color:var(--ink60);
  font-size:17px;
}
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border:1px solid var(--border);
  border-radius:6px;
  text-decoration:none;
  color:var(--gold-lt);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.btn.primary {
  color:#0c0b09;
  border-color:transparent;
  background:linear-gradient(135deg, #b8965a, #d4b07a, #b89058);
}
.grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  margin:10px 0 70px;
}
article, .text {
  border:1px solid var(--border);
  border-radius:10px;
  background:rgba(17,17,15,.72);
}
article { padding:28px; }
article h2 { font-size:28px; margin-bottom:10px; }
article p { color:var(--ink60); font-size:14px; }
.text { padding:38px; }
.text h2 { font-size:42px; line-height:1; margin-bottom:18px; }
.text p + p { margin-top:14px; }
@media (max-width:760px) {
  .page { width:calc(100% - 28px); padding-top:28px; }
  .back { margin-bottom:42px; }
  .grid { grid-template-columns:1fr; }
  .btn { width:100%; }
  .text { padding:26px 20px; }
  .text h2 { font-size:34px; }
}