@font-face{font-family:"Metropolis";src:url("../fonts/metropolis-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Metropolis";src:url("../fonts/metropolis-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Metropolis";src:url("../fonts/metropolis-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Metropolis";src:url("../fonts/metropolis-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Metropolis";src:url("../fonts/metropolis-latin-800-normal.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --bg:#f3f3ec;
  --bg-2:#e9eadf;
  --surface:#ffffff;
  --ink:#1f2a17;
  --ink-2:#353d2b;
  --ink-3:#4f5646;
  --musgo:#24321b;
  --musgo-2:#55642d;
  --oliva:#4e4827;
  --dourado:#d6c47b;
  --cobre:#b66a2a;
  --accent:#9f5b23;
  --accent-hover:#874b1b;
  --line:rgba(36,50,27,.14);
  --shadow:0 24px 60px -28px rgba(36,50,27,.35);

  --font:"Metropolis",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-cond:"Barlow Condensed","Arial Narrow",sans-serif;

  --radius:16px;
  --radius-btn:999px;
  --container:1240px;
  --gutter:clamp(18px,4vw,32px);
  --section-y:clamp(72px,9vw,136px);
  --ease:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;font-weight:600;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.025em;line-height:1.08;color:var(--musgo);text-wrap:balance}
p{margin:0;text-wrap:pretty}
:focus-visible{outline:3px solid var(--cobre);outline-offset:3px;border-radius:6px}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:var(--radius-btn);font:700 16px/1 var(--font);text-decoration:none;white-space:nowrap;cursor:pointer;border:0;transition:transform .2s var(--ease),background-color .2s var(--ease),box-shadow .2s var(--ease)}
.btn:active{transform:translateY(1px) scale(.98)}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px -12px rgba(159,91,35,.8)}
.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 16px 28px -14px rgba(159,91,35,.85)}
.btn-primary svg{transition:transform .2s var(--ease)}
.btn-primary:hover svg{transform:translateX(3px)}
.btn-ghost{background:transparent;color:var(--musgo);border:2px solid var(--musgo);box-shadow:none}
.btn-ghost:hover,.btn-ghost:focus-visible{background:var(--musgo);color:#f3f3ec}

.eyebrow{display:inline-block;font:600 13px/1.3 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--musgo-2)}

@media (prefers-reduced-motion:no-preference){
  .enter{opacity:0;transform:translateY(18px);animation:enter .7s var(--ease) forwards;animation-delay:calc(var(--i,0)*90ms + 80ms)}
  @keyframes enter{to{opacity:1;transform:none}}
}