/* AURAS Summit — editorial-industrial system */

:root{
  --ink:#0A0E0C;
  --ink-2:#1B201D;
  --ink-3:#4F5752;
  --ink-4:#7E8782;
  --bone:#F4F1EA;
  --sand:#E8E3D7;
  --sand-2:#D8D1BF;
  --paper:#F8F5EE;
  --ember:#0E5C3A;     /* Algerian green, primary accent */
  --ember-2:#0A4429;
  --oxide:#C8102E;     /* Algerian red, tertiary */
  --moss:#0E5C3A;
  --rule:rgba(10,14,12,.14);
  --rule-2:rgba(10,14,12,.07);

  --serif: "Newsreader", "Source Serif 4", Georgia, serif;
  --sans: "Inter Tight", "Inter", system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bone);color:var(--ink);font-family:var(--sans);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body{font-size:16px;line-height:1.55}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}

/* ── Layout ─────────────────────────────────────────── */
.shell{max-width:1440px;margin:0 auto;padding:0 40px}
.rule{height:1px;background:var(--rule);width:100%}
.rule-thick{height:1px;background:var(--ink);width:100%}

/* ── Typography ─────────────────────────────────────── */
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-3)}
.eyebrow .dot{display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--ember);margin-right:8px;vertical-align:1px}
.display{font-family:var(--serif);font-weight:300;letter-spacing:-.02em;
  line-height:.95;font-style:normal}
.display em{font-style:italic;font-weight:300;color:var(--ember)}
.title{font-family:var(--serif);font-weight:400;letter-spacing:-.012em;line-height:1.05}
.kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-4)}
.muted{color:var(--ink-3)}

/* ── Buttons ───────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;
  border-radius:0;font-weight:500;font-size:14px;letter-spacing:.01em;
  border:1px solid var(--ink);background:var(--ink);color:var(--bone);
  transition:transform .15s ease, background .15s ease}
.btn:hover{background:var(--ember);border-color:var(--ember)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--bone)}
.btn .arrow{font-family:var(--mono);font-size:13px;transition:transform .2s}
.btn:hover .arrow{transform:translateX(3px)}

/* ── Topo / pattern bg ──────────────────────────────── */
.topo{
  background-image:
    radial-gradient(circle at 50% 50%, transparent 0 60%, rgba(21,17,11,.05) 60.2% 60.4%, transparent 60.6%),
    repeating-linear-gradient(-12deg, transparent 0 38px, rgba(21,17,11,.04) 38px 38.5px);
}
.grid-bg{
  background-image:
    linear-gradient(var(--rule-2) 1px,transparent 1px),
    linear-gradient(90deg,var(--rule-2) 1px,transparent 1px);
  background-size:48px 48px;
}

/* ── Section spacing ───────────────────────────────── */
section{padding:120px 0;position:relative}
section + section{border-top:1px solid var(--rule)}
.sec-head{display:grid;grid-template-columns:140px 1fr;gap:48px;
  align-items:baseline;margin-bottom:64px}
.sec-head .num{font-family:var(--mono);font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-4);padding-top:12px;
  border-top:1px solid var(--ink)}
.sec-head h2{font-size:64px}

@media (max-width:900px){
  .shell{padding:0 24px}
  section{padding:80px 0}
  .sec-head{grid-template-columns:1fr;gap:16px;margin-bottom:40px}
  .sec-head h2{font-size:40px}
}