:root {
  --bg: #fffaf0;
  --bg-soft: #ffffff;
  --panel: rgba(255, 255, 255, 0.84);
  --panel-strong: rgba(255, 255, 255, 0.96);
  --navy: #18283a;
  --navy-bright: #34465d;
  --gold: #c8973d;
  --gold-light: #fff1bf;
  --gold-deep: #9a6b22;
  --white: #1d2631;
  --muted: #6e6b63;
  --line: rgba(200, 151, 61, 0.32);
  --shadow: 0 24px 64px rgba(93, 70, 28, 0.12);
}

body {
  background:
    radial-gradient(circle at 80% 0%, rgba(255, 230, 159, 0.34), transparent 26rem),
    radial-gradient(circle at 8% 10%, rgba(255, 255, 255, 0.95), transparent 22rem),
    linear-gradient(180deg, #ffffff 0%, #fffaf0 48%, #fff4dc 100%);
  color: #1d2631;
}

.site-header {
  border-bottom: 1px solid rgba(201, 154, 63, 0.18);
  background: rgba(255, 252, 244, 0.94);
  box-shadow: 0 10px 32px rgba(93, 70, 28, 0.08);
}

.brand img {
  background: #ffffff;
  border: 1px solid rgba(201, 154, 63, 0.18);
  box-shadow: 0 12px 28px rgba(93, 70, 28, 0.1);
}

.nav-links a {
  color: #5f5b54;
}

.nav-links a:hover,
.nav-links a.active {
  color: #1d2631;
  background: linear-gradient(135deg, rgba(255, 238, 184, 0.78), rgba(255, 252, 244, 0.88));
}

.menu-toggle {
  background: rgba(255, 255, 255, 0.88);
}

.menu-toggle span {
  background: #9a6b22;
}

.hero {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 250, 240, 0.96)),
    radial-gradient(circle at 50% 8%, rgba(255, 255, 255, 1), transparent 30rem);
}

.hero::before {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 250, 240, 0.92) 50%, rgba(255, 245, 220, 0.96)),
    repeating-linear-gradient(42deg, rgba(154, 107, 34, 0.045) 0 2px, transparent 2px 12px),
    radial-gradient(circle at 18% 12%, rgba(255, 246, 216, 0.9), transparent 19rem),
    radial-gradient(circle at 86% 10%, rgba(255, 221, 134, 0.28), transparent 21rem),
    radial-gradient(circle at 70% 82%, rgba(255, 255, 255, 0.88), transparent 22rem);
  opacity: 1;
  filter: none;
}

.hero::after {
  inset: 6%;
  border-color: rgba(200, 151, 61, 0.28);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.hero-logo {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(200, 151, 61, 0.24);
  box-shadow: 0 24px 58px rgba(93, 70, 28, 0.14);
}

.eyebrow {
  color: #9a6b22;
}

.eyebrow::before,
.eyebrow::after {
  background: linear-gradient(90deg, transparent, #c8973d, transparent);
}

.gold-text {
  background: linear-gradient(105deg, #1d2631 0%, #4d463b 34%, #c8973d 58%, #9a6b22 78%, #1d2631 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.lead {
  color: #68645e;
}

.section-head p,
.glass-card p,
.split p,
.timeline p,
.form-note,
.footer-grid p,
.footer-grid a {
  color: #6e6b63;
}

.btn-primary {
  color: #1d2631;
  border-color: rgba(200, 151, 61, 0.58);
  background: linear-gradient(135deg, #fff3bd, #ffd978 46%, #c8973d 100%);
  box-shadow: 0 16px 36px rgba(200, 151, 61, 0.22);
}

.btn-secondary {
  color: #1d2631;
  border-color: rgba(200, 151, 61, 0.34);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 249, 234, 0.96));
}

.section.alt {
  background:
    radial-gradient(circle at 8% 20%, rgba(255, 238, 184, 0.44), transparent 20rem),
    linear-gradient(180deg, rgba(255,255,255,0.64), rgba(255,255,255,0));
}

.glass-card {
  border-color: rgba(200, 151, 61, 0.22);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(255, 249, 234, 0.86)),
    rgba(255, 255, 255, 0.84);
  box-shadow: var(--shadow);
}

.glass-card::before {
  background: linear-gradient(90deg, transparent, rgba(200, 151, 61, 0.78), transparent);
}

.glass-card:hover {
  border-color: rgba(200, 151, 61, 0.4);
  background:
    linear-gradient(145deg, #ffffff, rgba(255, 248, 228, 0.95)),
    rgba(255, 255, 255, 0.96);
}

.service-icon,
.social-icon {
  color: #9a6b22;
  border-color: rgba(200, 151, 61, 0.28);
  background: linear-gradient(135deg, rgba(255, 239, 184, 0.78), rgba(255, 255, 255, 0.9));
}

.stats {
  border-color: rgba(200, 151, 61, 0.24);
  background: rgba(255, 255, 255, 0.82);
}

.stat,
.stat:nth-child(1),
.stat:nth-child(2) {
  border-color: rgba(200, 151, 61, 0.16);
}

.stat strong {
  color: #c8973d;
}

.stat span,
.product-list li {
  color: #6e6b63;
}

.portfolio-card {
  background:
    linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.93)),
    repeating-linear-gradient(42deg, rgba(154, 107, 34, 0.035) 0 2px, transparent 2px 11px),
    radial-gradient(circle at 78% 14%, rgba(255, 217, 120, 0.34), transparent 16rem),
    linear-gradient(135deg, #ffffff, #fff9e8 58%, #fff0c8);
}

.portfolio-card:nth-child(2) {
  background:
    linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.93)),
    repeating-linear-gradient(42deg, rgba(154, 107, 34, 0.035) 0 2px, transparent 2px 11px),
    radial-gradient(circle at 24% 20%, rgba(200, 151, 61, 0.16), transparent 15rem),
    linear-gradient(135deg, #ffffff, #fffaf0 58%, #fff3d4);
}

.portfolio-card:nth-child(3) {
  background:
    linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.93)),
    repeating-linear-gradient(42deg, rgba(154, 107, 34, 0.035) 0 2px, transparent 2px 11px),
    radial-gradient(circle at 65% 22%, rgba(200,151,61,0.22), transparent 14rem),
    linear-gradient(135deg, #ffffff, #fffbf2 52%, #fff1cf);
}

.visual-panel {
  border-color: rgba(200, 151, 61, 0.25);
  background:
    linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,250,238,0.86)),
    repeating-linear-gradient(42deg, rgba(154, 107, 34, 0.05) 0 2px, transparent 2px 12px),
    radial-gradient(circle at 70% 20%, rgba(255,217,120,0.34), transparent 18rem),
    radial-gradient(circle at 14% 78%, rgba(255,255,255,0.9), transparent 20rem);
}

.page-hero {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), #fffaf0),
    repeating-linear-gradient(42deg, rgba(154, 107, 34, 0.04) 0 2px, transparent 2px 12px),
    radial-gradient(circle at 76% 18%, rgba(255, 217, 120, 0.32), transparent 20rem),
    #ffffff;
}

.field label {
  color: #9a6b22;
}

.field input,
.field textarea,
.field select {
  border-color: rgba(200, 151, 61, 0.24);
  background: rgba(255, 255, 255, 0.92);
  color: #1d2631;
}

.field input:focus,
.field textarea:focus,
.field select:focus {
  border-color: #c8973d;
  box-shadow: 0 0 0 3px rgba(200, 151, 61, 0.14);
}

.site-footer {
  border-top: 1px solid rgba(200, 151, 61, 0.18);
  background:
    radial-gradient(circle at 85% 0%, rgba(255, 217, 120, 0.22), transparent 18rem),
    #ffffff;
}

@media (max-width: 980px) {
  .nav-links {
    background: rgba(255, 255, 255, 0.98);
  }
}