:root{
  --color-bg: #f3f2f2;
  --color-surface: #eae9e9;
  --color-text: #201f1d;
  --color-accent: #b68235;
  --color-accent-2: #ac803e;
  --color-divider: color-mix(in srgb, #201f1d 16%, transparent);

  /* Tonal ramps — generated in OKLCH on one shared lightness scale, so the
     same step of any role matches the others in visual value. */
  --color-neutral-100: #f8f4f4;
  --color-neutral-200: #eae7e7;
  --color-neutral-300: #d7d3d3;
  --color-neutral-400: #bab6b6;
  --color-neutral-500: #9b9797;
  --color-neutral-600: #7d7979;
  --color-neutral-700: #605d5d;
  --color-neutral-800: #444141;
  --color-neutral-900: #2d2b2b;

  --color-accent-100: #fff3e4;
  --color-accent-200: #ffe3bf;
  --color-accent-300: #facb8d;
  --color-accent-400: #e1ad66;
  --color-accent-500: #c28d41;
  --color-accent-600: #a06f24;
  --color-accent-700: #7d5411;
  --color-accent-800: #5a3b0a;
  --color-accent-900: #3a270d;

  --color-accent-2-100: #fff3e4;
  --color-accent-2-200: #ffe3be;
  --color-accent-2-300: #f5cd96;
  --color-accent-2-400: #dbaf70;
  --color-accent-2-500: #bc8f4e;
  --color-accent-2-600: #9b7232;
  --color-accent-2-700: #79561f;
  --color-accent-2-800: #573d14;
  --color-accent-2-900: #382810;

  --font-heading: "Cormorant Garamond", system-ui, sans-serif;
  --font-heading-weight: 600; /* review round 3: bold retired — semibold is the
     interface headings' ceiling (they need the weight at small sizes); display
     text goes lighter still, to the normal cut (see the deck) */
  --font-body: "Lora", system-ui, sans-serif;

  --space-1: 4.6px;
  --space-2: 9.2px;
  --space-3: 13.8px;
  --space-4: 18.4px;
  --space-6: 27.6px;
  --space-8: 36.8px;

  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 7px;

  /* Elevation — derived from the ground: soft ink-tinted shadows on a
     light theme, a hairline edge + ambient darkness on a dark one. */
  --shadow-sm: 0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #2d2b2b 16%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent);
}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font:400 15px/1.55 var(--font-body)}
h1,h2,h3{font-family:var(--font-heading);font-weight:600;letter-spacing:-.015em}p{margin:0 0 14px}figure{margin:0}img{display:block;max-width:100%}a{color:var(--color-accent-700);text-underline-offset:3px}a:hover{color:#a06f24}input,select,textarea,button{font-family:inherit;max-width:100%;min-width:0}input,select,textarea{font-size:16px!important}input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #7d5411;outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}#contact label{color:#605d5d!important}#contact,#services,#about{scroll-margin-top:100px!important}.quiet-button{border:1px solid #b68235;border-radius:4px;padding:12px 24px;color:#7d5411;background:transparent;font:600 18px var(--font-heading)}#form-status[data-error=true]{color:#923622}.skip-link{position:absolute;left:16px;top:-80px;z-index:99;background:#f3f2f2;padding:12px}.skip-link:focus{top:8px}
@media(max-width:600px){#db-site header{position:relative!important}#db-site nav{gap:16px!important}#db-site nav>div{gap:16px!important}#db-site nav>a{gap:9px!important}#db-site nav>a>div:last-child>span:last-child{letter-spacing:.08em!important;font-size:9px!important}#db-site p{text-align:left!important}#db-site #form-success p{text-align:center!important}#estimate-form{grid-template-columns:1fr!important}#contact,#services,#about{scroll-margin-top:20px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}