:root{
  --bg: #fbf7f3;
  --text: #1f1b16;
  --muted: rgba(31,27,22,.70);
  --brand: #7a5c4d;
  --brand2:#d1a37f;
  --line: rgba(122,92,77,.16);
  --radius-lg: 22px;
  --radius-xl: 28px;
  --shadow: 0 18px 70px rgba(20,14,10,.10);
  --ease: cubic-bezier(.2,.8,.2,1);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);
  background:
    radial-gradient(1200px 600px at 10% 0%, rgba(209,163,127,.18), transparent 60%),
    radial-gradient(900px 520px at 85% 18%, rgba(122,92,77,.14), transparent 60%),
    var(--bg);
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
.container{
  width:min(1120px, 92vw);
  margin: 0 auto;
}

h1,h2,h3,h4{ letter-spacing: -.2px; }
p{ line-height:1.65; }

::selection{ background: rgba(209,163,127,.35); }