:root{

--bg: #f6f4ef;
--surface: #ffffff;

--ink: #121826;
--muted: #5f6675;

--line: rgba(18,24,38,.10);

--brand: #18233a;      /* navy */
--brand2: #c9a46b;     /* champagne gold */
--accent: #efe3c7;     /* soft gold */

--shadow: 0 18px 55px rgba(10,12,18,.12);

--radius-xl: 26px;
--radius-lg: 18px;
--radius-md: 14px;

--ease: cubic-bezier(.2,.8,.2,1);
--max: 1180px;

}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";

  background:
  radial-gradient(1200px 600px at 10% 0%, rgba(201,164,107,.18), transparent 55%),
  radial-gradient(900px 500px at 90% 10%, rgba(24,35,58,.12), transparent 60%),
  var(--bg);

  color:var(--ink);
  line-height:1.5;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button, input, select, textarea{
  font: inherit;
  color: inherit;
}

.container{
  width: min(var(--max), calc(100% - 40px));
  margin-inline:auto;
}

.sr-only{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}

hr.sep{
  border:0;
  height:1px;
  background: linear-gradient(90deg, transparent, var(--line), transparent);
  margin: 42px 0;
}