/* Il Banco — direction artistique partagée */
:root {
  --terra: #c4573f;        /* table terracotta */
  --terra-deep: #a8442f;
  --terra-dark: #6e2a1c;
  --terra-light: #d9735a;
  --cream: #fff6ee;
  --linen: #e8d5cb;
  --brass: #c9a26b;
  --brass-dark: #8f6b3c;
  --amber: #7a3410;
  --ink: #2a120b;
  --f-cond: 'Antonio', 'Oswald', 'Arial Narrow', sans-serif;
  --f-mono: 'Space Mono', ui-monospace, monospace;
  --ease: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --gut: clamp(16px, 4vw, 56px);
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--terra); color: var(--cream); font: 400 18px/1.35 var(--f-cond); letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; }
:focus-visible { outline: 2px solid var(--cream); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mono { font-family: var(--f-mono); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
/* table texture: soft plaster mottling + fine dot grid like the logo card */
.table-bg {
  background-color: var(--terra);
  background-image:
    radial-gradient(rgba(255, 246, 238, 0.07) 1px, transparent 1.4px),
    radial-gradient(120% 80% at 20% 10%, rgba(255, 255, 255, 0.08), transparent 60%),
    radial-gradient(90% 70% at 85% 90%, rgba(80, 20, 10, 0.25), transparent 60%);
  background-size: 14px 14px, 100% 100%, 100% 100%;
}
[hidden] { display: none !important; }