/* ============================================================
   BASE — zmienne, reset, typografia, przyciski, narzędzia
   ============================================================ */
:root{
  --ink:#1a1714;
  --ink-soft:#3a342e;
  --cream:#f7f3ec;
  --cream-2:#efe8db;
  --gold:#b08d57;
  --gold-deep:#8c6d3f;
  --line:rgba(176,141,87,.28);
  --shadow:0 18px 50px rgba(26,23,20,.16);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Jost',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.65;font-weight:300;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.1;letter-spacing:.01em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
section{padding:110px 0}

.eyebrow{font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-deep);font-weight:500;margin-bottom:18px}
.eyebrow-gold{color:var(--gold)}

/* Przyciski */
.btn{display:inline-block;padding:15px 34px;border-radius:2px;font-family:var(--sans);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:.3s;border:1px solid var(--gold)}
.btn-primary{background:var(--gold);color:#fff}
.btn-primary:hover{background:var(--gold-deep);border-color:var(--gold-deep)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.btn-sm{padding:10px 22px;font-size:.74rem}

/* Nagłówki sekcji */
.sec-head{text-align:center;max-width:680px;margin:0 auto 64px}
.sec-head h2{font-size:clamp(2rem,4.5vw,3.1rem);margin-bottom:14px}
.sec-head p{color:var(--ink-soft);font-size:1.05rem}

/* Narzędzia */
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

@media(max-width:880px){
  section{padding:80px 0}
}