@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@300;400;500;600&display=swap');

/* =========================================
   ZMIENNE GLOBALNE
   ========================================= */
:root {
  --c-dark:       #1a1a1a;
  --c-dark-2:     #222222;
  --c-dark-3:     #2c2c2c;
  --c-light:      #f9f6f2;
  --c-light-2:    #ede9e3;
  --c-gold:       #c5a059;
  --c-gold-light: #d4b06a;
  --c-gold-dark:  #a8893d;
  --c-gold-muted: rgba(197,160,89,0.15);

  --t-on-dark:    rgba(255,255,255,0.88);
  --t-muted-dark: rgba(255,255,255,0.50);
  --t-on-light:   #1a1a1a;
  --t-muted-b:    #6b6b6b;

  --f-serif: 'Playfair Display', Georgia, serif;
  --f-sans:  'Montserrat', 'Segoe UI', sans-serif;

  --ease:      0.3s ease;
  --ease-slow: 0.7s ease;

  --sh-sm: 0 2px 10px rgba(0,0,0,0.20);
  --sh-md: 0 8px 30px rgba(0,0,0,0.25);
  --sh-lg: 0 20px 50px rgba(0,0,0,0.35);

  --section-py: 6rem;
}

/* =========================================
   RESET
   ========================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html   { scroll-behavior: smooth; }
body   {
  font-family: var(--f-sans);
  background-color: var(--c-dark);
  color: var(--t-on-dark);
  line-height: 1.75;
  font-weight: 300;
  overflow-x: hidden;
}
img    { max-width: 100%; height: auto; display: block; }
a      { text-decoration: none; color: inherit; transition: color var(--ease); }
ul,ol  { list-style: none; padding: 0; margin: 0; }
button { cursor: pointer; font-family: inherit; border: none; background: none; }
input,textarea,select { font-family: inherit; }

h1,h2,h3,h4,h5,h6 {
  font-family: var(--f-serif);
  line-height: 1.2;
  font-weight: 700;
}

/* =========================================
   HELPERY
   ========================================= */
.text-gold      { color: var(--c-gold); }
.text-muted-w   { color: var(--t-muted-dark); }
.text-muted-b   { color: var(--t-muted-b); }
.bg-dark        { background-color: var(--c-dark); }
.bg-dark-2      { background-color: var(--c-dark-2); }
.bg-light       { background-color: var(--c-light); }

.container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.section-py { padding: var(--section-py) 0; }

/* =========================================
   SCROLL REVEAL
   ========================================= */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.75s ease, transform 0.75s ease;
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal-d1 { transition-delay: 0.10s; }
.reveal-d2 { transition-delay: 0.20s; }
.reveal-d3 { transition-delay: 0.30s; }
.reveal-d4 { transition-delay: 0.40s; }
.reveal-d5 { transition-delay: 0.50s; }

@media (max-width: 991px) { :root { --section-py: 4rem; } }
@media (max-width: 576px) { :root { --section-py: 3rem; } }