:root {
  --ink: #0c1a2e;
  --muted: #5a6570;
  --blue: #0b4f9c;
  --line: rgba(12, 26, 46, 0.1);
  --bg: #f7f5f0;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--bg);
  font-family: "DM Sans", system-ui, sans-serif;
  line-height: 1.5;
}
a { color: var(--blue); }
.wrap { width: min(980px, calc(100% - 2rem)); margin: 0 auto; }
.site-header {
  background: #fff;
  border-bottom: 1px solid var(--line);
}
.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  gap: 1rem;
}
.brand {
  color: var(--blue);
  font-family: Fraunces, Georgia, serif;
  font-weight: 700;
  font-size: 1.35rem;
  text-decoration: none;
}
.site-header nav { display: flex; gap: 1rem; align-items: center; }
.site-header nav a { text-decoration: none; font-weight: 600; }
.nav-panel { background: var(--blue); color: #fff !important; border-radius: 8px; padding: .35rem .7rem; }
.product-page { padding-bottom: 1rem; }
.product-page__head { padding-top: 1.5rem; }
.product-page__category {
  margin: 0 0 .35rem;
  color: var(--blue);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.product-page__head h1 { margin: 0 0 .5rem; font-family: Fraunces, Georgia, serif; font-size: clamp(1.8rem, 4vw, 2.4rem); }
.product-page__lead { color: var(--muted); margin: 0 0 1rem; max-width: 65ch; }
.product-block h2, .corporate-block h2 { font-size: 1.15rem; margin: 0 0 .4rem; }
.corporate-page { padding: 1.5rem 0 2.5rem; }
.corporate-page h1 { margin: 0 0 .5rem; font-family: Fraunces, Georgia, serif; }
.corporate-page .lead, .corporate-page p { color: var(--muted); }
.corporate-block { margin-top: 1.25rem; }
.site-footer {
  border-top: 1px solid var(--line);
  padding: 1.25rem 0 2rem;
  color: var(--muted);
  font-size: .92rem;
}
