/* ===========================================================
   Casa Amistad — shared styles
   San Miguel de Allende palette: terracotta walls, courtyard
   green, cobblestone, cantera stone, bougainvillea, SMA sky.
   =========================================================== */
:root{
  --wall:#C75B39;        /* the terracotta facade */
  --wall-deep:#A8472B;   /* shadowed wall */
  --plaster:#F3E7D6;     /* warm cream plaster — page ground */
  --plaster-soft:#FBF4E9;/* lighter card surface */
  --cantera:#E7D8C2;     /* cantera stone trim */
  --ink:#2A1C12;         /* dark brown-black, not pure black */
  --muted:#7A6450;       /* muted clay text */
  --leaf:#5C7A4A;        /* courtyard green */
  --sky:#7AA8C4;         /* SMA daytime sky */
  --buga:#B5246B;        /* bougainvillea magenta — sparing accent */
  --rule:#E0CDB3;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--plaster);
  color:var(--ink);
  font-family:"Archivo",system-ui,sans-serif;
  font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

/* ---------- shared nav ---------- */
.nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 32px;
  background:rgba(243,231,214,.88);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--rule);
}
.nav .brand{
  font-weight:800;font-variation-settings:"wdth" 110;
  font-size:20px;letter-spacing:-.01em;color:var(--wall-deep);
  text-decoration:none;
}
.nav .links{display:flex;gap:28px}
.nav .links a{
  font-family:"IBM Plex Mono",monospace;
  font-size:14px;letter-spacing:.03em;
  color:var(--muted);text-decoration:none;
  padding-bottom:3px;border-bottom:2px solid transparent;
  transition:color .2s ease,border-color .2s ease;
}
.nav .links a:hover{color:var(--wall-deep)}
.nav .links a.active{color:var(--ink);border-bottom-color:var(--wall)}

/* ---------- layout ---------- */
.wrap{max-width:1100px;margin:0 auto;padding:48px 32px 72px}
.eyebrow{
  font-family:"IBM Plex Mono",monospace;
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--wall);margin-bottom:14px;
}
h1{
  font-weight:800;font-variation-settings:"wdth" 120;
  font-size:clamp(44px,8vw,92px);line-height:.95;
  letter-spacing:-.02em;margin-bottom:18px;
}
h2{font-weight:700;font-size:clamp(24px,3.5vw,32px);
  letter-spacing:-.01em;margin-bottom:14px}
p{max-width:42em}
a{color:var(--wall-deep)}

/* ---------- footer ---------- */
footer{
  border-top:1px solid var(--rule);margin-top:64px;
  padding:28px 32px;
  font-family:"IBM Plex Mono",monospace;font-size:12px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  color:var(--muted);
}

@media (max-width:680px){
  .nav{padding:14px 18px}
  .nav .links{gap:18px}
  .wrap{padding:36px 18px 56px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}

.intro a.mx{
     text-decoration:none;
}
.intro a.mx:hover{border-bottom-color:var(--wall-deep)}