*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#0F2818;
  --ink2:#16331E;
  --moss:#1F4A2C;
  --gold:#A8B86A;
  --gold-dark:#5E6830;
  --gold2:#C4D48A;
  --cream:#F4F7EC;
  --cream2:#E7EFD9;
  --sage:#5F9468;
  --muted:rgba(244,247,236,0.55);
  --text-on-light:#23402A;
  --text-mid-light:#33523B;
  --leaf:#7BAE6F;
  --leaf-deep:#3E7A4A;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--ink);color:var(--cream);overflow-x:hidden}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-thumb{background:var(--gold)}

/* ─── NAV ─── */
#nav{
  position:fixed;top:0;left:0;right:0;z-index:500;
  height:76px;display:flex;align-items:center;justify-content:space-between;
  padding:0 2rem;
  transition:background 0.5s,border-color 0.5s;
  border-bottom:1px solid transparent;
}
#nav.dark{background:rgba(15,40,24,0.94);backdrop-filter:blur(20px);border-bottom-color:rgba(168,184,106,0.12)}
.n-logo{font-family:'Cormorant Garamond',serif;font-size:1.5rem;letter-spacing:0.05em;color:var(--cream);text-decoration:none;display:flex;align-items:center;gap:0.8rem}
.n-logo-img{width:46px;height:46px;display:block;flex-shrink:0}
.n-logo em{color:var(--gold);font-style:italic}
.n-links{display:flex;gap:1.2rem;list-style:none;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.n-links a{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:rgba(244,247,236,0.7);text-decoration:none;transition:color 0.2s}
.n-links a:hover{color:var(--gold)}
.n-cta{font-family:'DM Mono',monospace;font-size:0.78rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);text-decoration:none;border:1px solid rgba(168,184,106,0.4);padding:0.65rem 1.4rem;transition:all 0.25s;white-space:nowrap}
.n-cta:hover{background:var(--gold);color:var(--ink)}
.n-ham{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.n-ham span{width:22px;height:1.5px;background:var(--cream);display:block;transition:all 0.3s}
.n-mobile{display:none;position:fixed;top:76px;left:0;right:0;background:rgba(15,40,24,0.97);backdrop-filter:blur(20px);padding:2rem;flex-direction:column;gap:1.5rem;z-index:499;border-top:1px solid rgba(168,184,106,0.1)}
.n-mobile.open{display:flex}
.n-mobile a{font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(244,247,236,0.6);text-decoration:none;padding:0.6rem 0;border-bottom:1px solid rgba(168,184,106,0.07)}

/* ─── HERO ─── */
#hero{
  min-height:100vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  position:relative;overflow:hidden;text-align:center;
  padding:clamp(5rem,12vh,8rem) 2rem clamp(1.5rem,4vh,2rem);
}
#hero-canvas{position:absolute;inset:0;z-index:0}
.hero-content{position:relative;z-index:2;max-width:860px;padding-bottom:3rem}
.hero-pre{
  font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.3em;text-transform:uppercase;
  color:var(--gold);opacity:0;transform:translateY(20px);
  transition:opacity 0.5s,transform 0.5s;
  margin-bottom:clamp(1.5rem,4vh,2.5rem);display:flex;align-items:center;justify-content:center;gap:1rem;
}
.hero-pre::before,.hero-pre::after{content:'';width:40px;height:1px;background:var(--gold);opacity:0.5;display:inline-block}
.hero-pre.in{opacity:1;transform:none}
.hero-h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.8rem,7vw,7.5rem);
  font-weight:300;line-height:0.95;letter-spacing:-0.02em;
  color:var(--cream);margin-bottom:2rem;
  opacity:0;transform:translateY(30px);
  transition:opacity 0.6s 0.1s,transform 0.6s 0.1s;
}
.hero-h1.in{opacity:1;transform:none}
.hero-h1 em{color:var(--gold);font-style:italic}
.hero-sub{
  font-size:1.1rem;font-weight:300;line-height:1.85;color:var(--muted);
  max-width:520px;margin:0 auto clamp(1.5rem,4vh,3rem);
  opacity:0;transform:translateY(20px);
  transition:opacity 0.5s 0.2s,transform 0.5s 0.2s;
}
.hero-sub.in{opacity:1;transform:none}
.hero-btns{
  display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;
  opacity:0;transform:translateY(20px);
  transition:opacity 0.5s 0.3s,transform 0.5s 0.3s;
}
.hero-btns.in{opacity:1;transform:none}
.btn-gold{
  display:inline-flex;align-items:center;gap:0.6rem;
  background:var(--gold);color:var(--ink);
  font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:0.18em;text-transform:uppercase;
  text-decoration:none;padding:1.1rem 2.2rem;transition:all 0.25s;
}
.btn-gold:hover{background:var(--gold2);transform:translateY(-2px)}
.btn-gold-hero{font-size:0.85rem;padding:1.3rem 2.8rem}
.btn-border{
  display:inline-flex;align-items:center;gap:0.6rem;
  background:transparent;color:var(--cream);
  font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:0.18em;text-transform:uppercase;
  text-decoration:none;padding:1.1rem 2.2rem;border:1px solid rgba(244,247,236,0.2);transition:all 0.25s;
}
.btn-border:hover{border-color:var(--gold);color:var(--gold)}
.hero-scroll{
  position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:0.5rem;
  font-family:'DM Mono',monospace;font-size:0.52rem;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--muted);z-index:1;
  opacity:0;animation:fadeUp 1s 2.5s forwards;
  pointer-events:none;
}
.scroll-line{width:1px;height:50px;background:linear-gradient(180deg,var(--gold),transparent);animation:scrollPulse 2.2s 2s infinite}
@keyframes scrollPulse{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes fadeUp{to{opacity:1}}

/* ─── MANIFEST ─── */
#manifest{background:var(--cream);padding:9rem 5rem;overflow:hidden}
.manifest-inner{max-width:900px}
.manifest-eyebrow{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold-dark);display:block;margin-bottom:1.5rem}
.manifest-quote{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.8rem,3.5vw,3rem);
  font-weight:300;font-style:italic;
  color:var(--ink);line-height:1.35;
  border-left:3px solid var(--gold);padding-left:2.5rem;margin-bottom:3rem;
}
.manifest-body{font-size:1.1rem;line-height:1.9;color:var(--text-mid-light);font-weight:300;max-width:700px}

/* ─── METODY ─── */
#metody{background:var(--ink)}
.metoda-eyebrow{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;display:block}
.metoda-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,4vw,3.8rem);font-weight:300;color:var(--cream);line-height:1.1;margin-bottom:1.5rem}
.metoda-title em{color:var(--gold);font-style:italic}
.metoda-body{font-size:1.05rem;line-height:1.9;color:var(--muted);font-weight:300;max-width:460px}

/* ─── METODY — kompaktowa siatka ─── */
#metody{padding:7rem 5rem 4rem}
.metody-header{max-width:700px;margin-bottom:3.5rem}
.metody-eyebrow-main{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1rem}
.metody-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem,5vw,4.2rem);font-weight:300;color:var(--cream);line-height:1.1}
.metody-h2 em{color:var(--gold);font-style:italic}
.metody-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(168,184,106,0.1)}
.metoda-card{background:var(--ink);padding:2.2rem 1.8rem;transition:background 0.3s}
.metoda-card:hover{background:rgba(168,184,106,0.04)}
.metoda-card-num{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:300;font-style:italic;color:var(--gold);opacity:0.85;margin-bottom:1rem;display:block}
.metoda-card-title{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:400;color:var(--cream);line-height:1.25;margin-bottom:0.8rem}
.metoda-card-title em{color:var(--gold);font-style:italic}
.metoda-card-body{font-size:0.88rem;line-height:1.65;color:var(--muted);font-weight:300}
@media(max-width:1300px){
  #metody{padding:5rem 2rem 3rem}
}
@media(max-width:900px){
  .metody-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .metody-grid{grid-template-columns:1fr}
}

.metoda-synergia{
  padding:5rem;text-align:center;
  border-top:1px solid rgba(168,184,106,0.15);
  border-bottom:1px solid rgba(168,184,106,0.15);
  background:var(--moss);
  position:relative;
}
.metoda-synergia p{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.4rem,2.5vw,2.2rem);
  font-style:italic;font-weight:300;
  color:var(--gold2);line-height:1.6;
  max-width:700px;margin:0 auto 2.5rem;
  position:relative;z-index:2;
}
.metoda-synergia .btn-gold{position:relative;z-index:2}

/* ─── DOLEGLIWOŚCI ─── */
#dolegliwosci{background:var(--ink2);padding:10rem 5rem}
.doleg-top{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end;margin-bottom:5rem}
.doleg-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(3.2rem,6vw,5.5rem);font-weight:300;color:var(--cream);line-height:1}
.doleg-h2 em{color:var(--gold);font-style:italic}
.doleg-note{font-size:1rem;line-height:1.85;color:var(--muted);font-weight:300;font-style:italic}
.doleg-tags{display:flex;flex-wrap:wrap;gap:0.6rem}
.dtag{
  font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:300;
  color:rgba(244,247,236,0.55);padding:0.6rem 1.4rem;
  border:1px solid rgba(168,184,106,0.12);cursor:default;
  transition:all 0.3s;letter-spacing:0.02em;
}
.dtag:hover{border-color:var(--gold);color:var(--gold);background:rgba(168,184,106,0.05)}
.dtag.big{font-size:1.2rem;color:rgba(244,247,236,0.78);border-color:rgba(168,184,106,0.22)}

/* ─── PROCES ─── */
#proces{background:var(--cream);padding:10rem 5rem}
.proc-header{margin-bottom:6rem}
.proc-eyebrow{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold-dark);display:block;margin-bottom:1rem}
.proc-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,6vw,5rem);font-weight:300;color:var(--ink);line-height:1.1}
.proc-header h2 em{color:var(--gold);font-style:italic}
.proc-line{display:grid;grid-template-columns:70px 1fr;gap:0 3rem;position:relative;max-width:640px;margin:0 auto}
.proc-line::before{content:'';position:absolute;left:34px;top:22px;bottom:0;width:1px;background:linear-gradient(180deg,var(--gold) 0%,rgba(168,184,106,0.08) 100%)}
.proc-step{display:contents}
.proc-dot-col{display:flex;flex-direction:column;align-items:center;padding-top:0.3rem}
.proc-dot{width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid var(--gold);background:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}
.proc-dot-inner{width:0.5rem;height:0.5rem;border-radius:50%;background:var(--gold)}
.proc-content{padding-bottom:4.5rem}
.proc-n{font-family:'DM Mono',monospace;font-size:0.95rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold-dark);display:block;margin-bottom:0.7rem}
.proc-title{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:400;color:var(--ink);margin-bottom:0.8rem;line-height:1.2}
.proc-desc{font-size:1.05rem;line-height:1.9;color:var(--text-mid-light);font-weight:300;max-width:520px}

/* ─── O MNIE ─── */
#omnie{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--ink)}
.omnie-photo-side{position:relative;overflow:hidden}
.omnie-photo-side img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.omnie-photo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,var(--ink) 100%)}
.omnie-text-side{padding:8rem 5rem 8rem 4rem;display:flex;flex-direction:column;justify-content:center}
.omnie-eyebrow{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1.5rem}
.omnie-name{font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem,5vw,4.2rem);font-weight:300;color:var(--cream);line-height:1.05;margin-bottom:0.5rem}
.omnie-role{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-style:italic;color:var(--gold);margin-bottom:3rem;display:block}
.omnie-bio{font-size:1rem;line-height:1.95;color:var(--muted);font-weight:300;margin-bottom:1.4rem}
.omnie-creds{display:flex;flex-direction:column;gap:1rem;padding:2rem 0;border-top:1px solid rgba(168,184,106,0.12);border-bottom:1px solid rgba(168,184,106,0.12);margin:2rem 0}
.omnie-cred{display:flex;gap:1.1rem;font-size:0.95rem;color:rgba(244,247,236,0.5);font-weight:300;line-height:1.6;align-items:flex-start}
.omnie-cred span:first-child{flex-shrink:0;width:1.8rem;text-align:center;font-size:1.5rem;margin-top:-0.05rem;opacity:1}
.omnie-social-row{display:flex;gap:1.8rem;flex-wrap:wrap}
.omnie-social{font-family:'DM Mono',monospace;font-size:0.75rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);text-decoration:none;opacity:0.85;transition:opacity 0.2s}
.omnie-social:hover{opacity:1}

/* ─── GWARANCJA ─── */
#gwarancja{background:var(--cream);padding:10rem 5rem;position:relative;overflow:hidden}
.gwar-bg-text{
  position:absolute;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(8rem,18vw,20rem);
  font-weight:300;color:transparent;
  -webkit-text-stroke:1px rgba(168,184,106,0.07);
  top:50%;left:50%;transform:translate(-50%,-50%);
  white-space:nowrap;pointer-events:none;user-select:none;
  line-height:1;letter-spacing:-0.04em;
}
.gwar-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:start}
.gwar-eyebrow{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold-dark);display:block;margin-bottom:1.5rem}
.gwar-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(3.2rem,5.5vw,5.2rem);font-weight:300;color:var(--ink);line-height:1;margin-bottom:2rem}
.gwar-h2 em{color:var(--gold);font-style:italic}
.gwar-lead{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-style:italic;color:var(--text-mid-light);line-height:1.75;margin-bottom:3rem}
.gwar-steps{display:flex;flex-direction:column;gap:2rem}
.gwar-step{display:flex;gap:1.8rem;align-items:flex-start}
.gwar-n{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.1em;color:var(--gold-dark);flex-shrink:0;padding-top:0.1rem}
.gwar-t{font-size:1rem;line-height:1.85;color:var(--text-mid-light);font-weight:300}
.gwar-price-block{
  background:var(--ink);padding:3.5rem;position:relative;
}
.gwar-price-block::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--sage))}
.gwar-price-label{
  font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.2em;
  text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1.8rem;
}
.gwar-price-row{
  display:flex;align-items:baseline;gap:0.3rem;
  margin-bottom:1.2rem;
}
.gwar-price-num{
  font-family:'Cormorant Garamond',serif;
  font-size:5rem;font-weight:300;color:var(--cream);
  line-height:1;
}
.gwar-price-currency{
  font-family:'Cormorant Garamond',serif;
  font-size:2rem;font-weight:300;color:var(--gold);
  line-height:1;align-self:flex-end;padding-bottom:0.4rem;
}
.gwar-price-sub{
  font-size:0.95rem;color:var(--muted);font-weight:300;
  line-height:1.7;margin-bottom:2.5rem;
  border-top:1px solid rgba(168,184,106,0.12);
  padding-top:1.2rem;
}
.gwar-features{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}
.gwar-features li{
  font-size:0.95rem;color:rgba(244,247,236,0.65);
  display:flex;align-items:flex-start;gap:0.8rem;line-height:1.6;font-weight:300;
}
.gwar-features li::before{content:'✓';color:var(--gold);font-size:0.75rem;flex-shrink:0;margin-top:0.2rem}
.gwar-disclaimer{font-size:0.75rem;color:rgba(15,40,24,0.65);line-height:1.8;font-style:italic;margin-top:1.8rem;border-top:1px solid rgba(168,184,106,0.1);padding-top:1.2rem}

/* ─── KONTAKT ─── */
#kontakt{background:var(--cream2);padding:10rem 5rem;display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center}
.kontakt-eyebrow{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold-dark);display:block;margin-bottom:1rem}
.kontakt-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:300;color:var(--ink);line-height:1;margin-bottom:1.8rem}
.kontakt-h2 em{color:var(--gold);font-style:italic}
.kontakt-lead{font-size:1.05rem;line-height:1.9;color:var(--text-mid-light);font-weight:300;margin-bottom:3rem}
.kontakt-details{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:3rem}
.kd{display:flex;gap:1.2rem;align-items:flex-start}
.kd-key{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold-dark);flex-shrink:0;width:90px;padding-top:0.15rem;line-height:1.5}
.kd-val{font-size:1.08rem;color:var(--text-mid-light);font-weight:300;line-height:1.65}
.kd-val a{color:#2E5538;text-decoration:underline;text-decoration-color:rgba(46,85,56,0.35)}
.kd-val a:hover{color:var(--gold)}
.kontakt-ctas{display:flex;flex-direction:column;gap:0.9rem;align-items:flex-start}
.btn-dark{display:inline-flex;align-items:center;gap:0.6rem;background:var(--ink);color:var(--cream);font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:0.18em;text-transform:uppercase;text-decoration:none;padding:1.1rem 2.2rem;border:1px solid var(--ink);transition:all 0.25s}
.btn-dark:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn-stroke{display:inline-flex;align-items:center;gap:0.6rem;background:transparent;color:var(--ink);font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:0.18em;text-transform:uppercase;text-decoration:none;padding:1.1rem 2.2rem;border:1px solid rgba(15,40,24,0.2);transition:all 0.25s}
.btn-stroke:hover{border-color:var(--gold);color:var(--gold)}
.kontakt-box{background:var(--ink);padding:3rem;position:relative}
.kontakt-box::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--gold),var(--sage))}
.kb-title{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:400;color:var(--cream);margin-bottom:1.8rem;line-height:1.2}
.kb-items{display:flex;flex-direction:column;gap:1.2rem}
.kb-item{font-size:0.95rem;color:rgba(244,247,236,0.55);display:flex;align-items:flex-start;gap:0.9rem;line-height:1.7;font-weight:300}
.kb-item strong{color:rgba(244,247,236,0.82);font-weight:400}

/* ─── OPINIE ─── */
#opinie{background:var(--ink2);padding:10rem 5rem}
.opinie-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:4.5rem;flex-wrap:wrap;gap:2rem}
.opinie-eyebrow{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1rem}
.opinie-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,5vw,4.5rem);font-weight:300;color:var(--cream);line-height:1}
.opinie-h2 em{color:var(--gold);font-style:italic}
.opinie-note{font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);max-width:240px;text-align:right;line-height:1.9}
/* masonry with Damian pair side by side */
.masonry-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  align-items:start;
}
.m-card{overflow:hidden;background:#fff;transition:transform 0.3s,box-shadow 0.3s;display:block}
.m-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.3)}
.m-card img{width:100%;display:block;height:auto}
/* Damian pair: both in same row, spanning together */
.damian-pair{
  grid-column:span 2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.damian-pair .m-card{}
.opinie-cta-row{text-align:center;margin-top:4rem}

/* ─── BLOG ─── */
#blog{background:var(--ink);padding:10rem 5rem;position:relative;overflow:hidden}
.blog-top{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin-bottom:5rem;align-items:end}
.blog-eyebrow{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1rem}
.blog-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:300;color:var(--cream);line-height:1.1}
.blog-h2 em{color:var(--gold);font-style:italic}
.blog-intro{font-size:1.05rem;line-height:1.85;color:var(--muted);font-weight:300;align-self:end}
.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(168,184,106,0.08)}
.blog-card{background:var(--ink2);padding:3rem 2.5rem;display:flex;flex-direction:column;transition:background 0.3s}
.blog-card:hover{background:rgba(168,184,106,0.04)}
a.blog-card{text-decoration:none;color:inherit;cursor:pointer}
.blog-read{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);opacity:0.9;transition:gap 0.2s;display:inline-flex;align-items:center;gap:0.4rem}
a.blog-card:hover .blog-read{gap:0.7rem}
.blog-tag{font-family:'DM Mono',monospace;font-size:0.72rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);opacity:0.85;margin-bottom:1.2rem}
.blog-title{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;color:var(--cream);line-height:1.3;margin-bottom:1rem}
.blog-excerpt{font-size:0.97rem;line-height:1.9;color:var(--muted);font-weight:300;flex:1;margin-bottom:2rem}
.blog-soon{font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(168,184,106,0.85)}
.blog-notify{text-align:center;margin-top:3rem;padding-top:3rem;border-top:1px solid rgba(168,184,106,0.08)}
.blog-notify a{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(244,247,236,0.6);text-decoration:none;transition:color 0.2s}
.blog-notify a:hover{color:var(--gold)}

/* ─── FOOTER ─── */
footer{background:#0A1C10;padding:2.5rem 5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid rgba(168,184,106,0.08)}
.f-logo{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:rgba(244,247,236,0.85);letter-spacing:0.05em;display:flex;align-items:center;gap:0.8rem;flex-shrink:0}
.f-logo-img{width:36px;height:36px;display:block;opacity:0.95;flex-shrink:0}
.f-logo em{color:var(--gold);font-style:italic;opacity:1}
.f-center{display:flex;flex-direction:column;align-items:center;gap:0.7rem;text-align:center;flex:1}
.f-copy{font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.12em;color:rgba(244,247,236,0.55);text-align:center}
.f-copy a{color:rgba(244,247,236,0.55);text-decoration:underline}
.f-disc{font-size:0.78rem;color:rgba(244,247,236,0.55);line-height:1.75;font-style:italic;max-width:420px;text-align:center}
.f-credit{display:flex;flex-direction:column;align-items:center;gap:0.5rem;flex-shrink:0;opacity:0.85;transition:opacity 0.2s;text-decoration:none}
.f-credit:hover{opacity:1}
.f-credit-text{font-family:'DM Mono',monospace;font-size:0.6rem;letter-spacing:0.08em;color:rgba(244,247,236,0.55);white-space:nowrap}
.f-credit-img{height:40px;width:auto;display:block}

/* ─── REVEAL ─── */
.r{opacity:0;transform:translateY(28px);transition:opacity 0.8s ease,transform 0.8s ease}
.r.in{opacity:1;transform:none}
.r.d1{transition-delay:0.12s}.r.d2{transition-delay:0.24s}.r.d3{transition-delay:0.36s}

/* ─── RESPONSIVE ─── */
@media(max-width:1480px){
  #nav{padding:0 1.5rem}
  .n-links,.n-cta{display:none}
  .n-ham{display:flex}
  .metody-grid{grid-template-columns:1fr 1fr 1fr}
  #manifest,#proces,#gwarancja,#kontakt,#opinie,#blog,#dolegliwosci,#omnie{padding:6rem 2rem}
  #manifest{padding:6rem 2rem}
  .doleg-top,.gwar-inner,.blog-top{grid-template-columns:1fr;gap:2.5rem}
  .proc-line{grid-template-columns:50px 1fr;gap:0 1.5rem}
  .proc-line::before{left:24px}
  #omnie{grid-template-columns:1fr;min-height:auto}
  .omnie-photo-side{height:65vw;max-height:420px}
  .omnie-photo-overlay{background:linear-gradient(180deg,transparent 55%,var(--ink) 100%)}
  .omnie-text-side{padding:3rem 2rem 5rem}
  #kontakt{grid-template-columns:1fr;gap:3rem}
  .masonry-grid{grid-template-columns:1fr 1fr}
  .damian-pair{grid-column:span 2}
  .blog-cards{grid-template-columns:1fr}
  footer{padding:2rem;flex-direction:column;text-align:center}
  .f-disc{text-align:center}
}
@media(max-width:600px){
  .masonry-grid{grid-template-columns:1fr}
  .damian-pair{grid-column:span 1;grid-template-columns:1fr}
  h1{font-size:3.2rem}
  .metoda-title{font-size:2rem}
}

/* ─── FAQ ─── */
#faq{background:var(--cream2);padding:10rem 5rem}
.faq-top{margin-bottom:4rem;max-width:900px}
.faq-eyebrow{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold-dark);display:block;margin-bottom:1rem}
.faq-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:300;color:var(--ink);line-height:1.1}
.faq-h2 em{color:var(--gold);font-style:italic}
.faq-list{
  display:grid;grid-template-columns:1fr 1fr;
  column-gap:4rem;
  max-width:1400px;
}
.faq-item{border-bottom:1px solid rgba(15,40,24,0.12);break-inside:avoid}
.faq-q{
  font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:400;color:var(--ink);
  line-height:1.3;width:100%;text-align:left;background:none;border:none;cursor:pointer;
  padding:1.6rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;
  transition:color 0.25s;
}
.faq-q:hover{color:var(--gold-dark)}
.faq-icon{
  font-family:'DM Mono',monospace;font-size:1.2rem;color:var(--gold-dark);flex-shrink:0;
  transition:transform 0.3s;line-height:1;margin-top:0.1rem;
}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a-wrap{
  max-height:0;overflow:hidden;
  transition:max-height 0.4s ease,padding-bottom 0.4s ease;
}
.faq-item.open .faq-a-wrap{padding-bottom:1.6rem}
.faq-a{font-size:0.95rem;line-height:1.8;color:var(--text-mid-light);font-weight:300;max-width:560px}
@media(max-width:1100px){
  #faq{padding:6rem 2rem}
  .faq-list{grid-template-columns:1fr;column-gap:0}
  .faq-q{font-size:1.15rem}
}


/* ═══ MICRO-INTERACTIONS & 3D EFFECTS ═══ */

/* Floating leaf particles in hero */
.leaf-particle{
  position:absolute;pointer-events:none;z-index:1;
  opacity:0;will-change:transform;
}
.leaf-particle svg{display:block;filter:drop-shadow(0 3px 8px rgba(15,40,24,0.25))}
#leaf-container,.leaf-zone{
  position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:1;
}
@keyframes leafFloatA{
  0%{transform:translateY(0) translateX(0) rotate(-8deg);opacity:0}
  8%{opacity:0.55}
  35%{transform:translateY(-32vh) translateX(26px) rotate(45deg);opacity:0.5}
  65%{transform:translateY(-58vh) translateX(-18px) rotate(140deg);opacity:0.35}
  92%{opacity:0.12}
  100%{transform:translateY(-85vh) translateX(10px) rotate(200deg);opacity:0}
}
@keyframes leafFloatB{
  0%{transform:translateY(0) translateX(0) rotate(10deg) scale(1);opacity:0}
  10%{opacity:0.5}
  40%{transform:translateY(-30vh) translateX(-30px) rotate(-60deg) scale(1.05);opacity:0.45}
  70%{transform:translateY(-55vh) translateX(15px) rotate(-130deg) scale(0.95);opacity:0.3}
  92%{opacity:0.1}
  100%{transform:translateY(-80vh) translateX(-12px) rotate(-200deg) scale(1);opacity:0}
}
.leaf-particle > div{display:inline-block}
@keyframes leafSwayA{
  0%,100%{transform:rotate(-6deg) translateX(0)}
  50%{transform:rotate(6deg) translateX(6px)}
}
@keyframes leafSwayB{
  0%,100%{transform:rotate(5deg) translateX(0)}
  50%{transform:rotate(-7deg) translateX(-5px)}
}

/* 3D tilt cards — opinie & gwarancja box */
.tilt-card{
  transform-style:preserve-3d;
  transition:transform 0.15s ease-out,box-shadow 0.3s ease;
  will-change:transform;
}

/* Magnetic buttons */
.btn-gold,.btn-dark,.btn-border,.btn-stroke,.n-cta{
  position:relative;overflow:hidden;
  will-change:transform;
}
.btn-icon{font-size:1.5em;line-height:1;display:inline-block;vertical-align:middle;margin-right:0.15em}
.btn-gold::after,.btn-dark::after{
  content:'';position:absolute;top:50%;left:50%;
  width:0;height:0;border-radius:50%;
  background:rgba(255,255,255,0.25);
  transform:translate(-50%,-50%);
  transition:width 0.5s ease,height 0.5s ease;
  pointer-events:none;
}
.btn-gold.rippling::after,.btn-dark.rippling::after{width:300px;height:300px}

/* Tag bounce on hover */
.dtag{transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1) !important}
.dtag:hover{transform:translateY(-3px) scale(1.04)}

/* Metoda number subtle parallax handled via JS transform, smooth via this */

/* Cursor glow in hero */
#hero-glow{
  position:absolute;width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(168,184,106,0.12) 0%,transparent 70%);
  pointer-events:none;z-index:1;
  transform:translate(-50%,-50%);
  transition:opacity 0.4s;
  opacity:0;
}
#hero:hover #hero-glow{opacity:1}

/* Gentle breathing glow on guarantee price block */
.gwar-price-block{position:relative}
@keyframes breathe{
  0%,100%{box-shadow:0 0 0 0 rgba(168,184,106,0.15)}
  50%{box-shadow:0 0 40px 6px rgba(168,184,106,0.12)}
}
.gwar-price-block.tilt-card{animation:breathe 4s ease-in-out infinite}

/* m-card 3D depth on hover already has transform — enhance with perspective wrapper */
.masonry-grid{perspective:1200px}
.damian-pair{perspective:1200px}

/* Smooth underline grow on nav links */
.n-links a{position:relative}
.n-links a::after{
  content:'';position:absolute;left:0;bottom:-6px;width:0;height:1px;
  background:var(--gold);transition:width 0.3s ease;
}
.n-links a:hover::after{width:100%}

/* omnie-cred icon gentle float */
.omnie-cred span:first-child{
  display:inline-block;transition:transform 0.3s ease;
}
.omnie-cred:hover span:first-child{transform:translateY(-2px) scale(1.15)}

/* FAQ icon rotation already exists — add scale pulse on open */
.faq-item.open .faq-q{color:var(--gold)}

/* scroll progress bar */
#scroll-progress{
  position:fixed;top:0;left:0;height:2px;
  background:linear-gradient(90deg,var(--gold),var(--leaf));
  z-index:600;width:0%;transition:width 0.1s linear;
}

/* metoda-slide entrance scale */
.metoda-slide{transition:opacity 0.6s,transform 0.6s !important}
.metoda-slide:not(.active){transform:scale(0.98)}
.metoda-slide.active{transform:scale(1)}

@media(prefers-reduced-motion: reduce){
  .leaf-particle,#hero-glow,.gwar-price-block.tilt-card{animation:none !important;transition:none !important}
}


/* ═══ SUBPAGE HERO (used on every inner page instead of the big canvas hero) ═══ */
.subhero{
  background:var(--ink);
  padding:clamp(9rem,18vh,11rem) 5rem clamp(3.5rem,8vh,5rem);
  position:relative;overflow:hidden;text-align:left;
}
.subhero-crumb{
  font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.15em;text-transform:uppercase;
  color:var(--muted);margin-bottom:1.5rem;display:flex;align-items:center;gap:0.6rem;
}
.subhero-crumb a{color:var(--gold);text-decoration:none}
.subhero-crumb a:hover{text-decoration:underline}
.subhero-eyebrow{font-family:'DM Mono',monospace;font-size:0.8rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1.3rem}
.subhero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:300;color:var(--cream);line-height:1.05;max-width:820px}
.subhero h1 em{color:var(--gold);font-style:italic}
.subhero-sub{font-size:1.05rem;line-height:1.9;color:var(--muted);font-weight:300;max-width:640px;margin-top:1.6rem}
@media(max-width:1480px){.subhero{padding:8rem 2rem 3rem}}

/* ═══ TOP-LEVEL PAGE SECTIONS get a bit more breathing room since they're no longer squeezed between anchors ═══ */
main{display:block}

/* ═══ DOWODY (evidence / lab-result case studies) ═══ */
#dowody-list{background:var(--ink2);padding:2rem 5rem 8rem}
.dowod-case{
  background:var(--ink);border:1px solid rgba(168,184,106,0.12);
  padding:3rem;margin-bottom:3rem;
}
.dowod-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:1.6rem;border-bottom:1px solid rgba(168,184,106,0.12);padding-bottom:1.6rem}
.dowod-title{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:400;color:var(--cream);line-height:1.25}
.dowod-title em{color:var(--gold);font-style:italic}
.dowod-meta{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted)}
.dowod-desc{font-size:1rem;line-height:1.9;color:var(--muted);font-weight:300;max-width:760px;margin-bottom:2rem}
.dowod-shots{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.6rem}
.dowod-shot{background:#fff;position:relative}
.dowod-shot img{width:100%;display:block;height:auto}
.dowod-shot-label{
  position:absolute;top:0;left:0;
  font-family:'DM Mono',monospace;font-size:0.68rem;letter-spacing:0.15em;text-transform:uppercase;
  color:var(--ink);background:var(--gold);padding:0.5rem 1rem;
}
.dowod-shot-label.after{background:var(--sage);color:#fff}
.dowod-placeholder{
  aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0.6rem;
  background:rgba(168,184,106,0.05);border:1px dashed rgba(168,184,106,0.3);color:var(--muted);
  font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-align:center;padding:1.5rem;
}
.dowod-result{
  display:flex;gap:2rem;flex-wrap:wrap;font-family:'DM Mono',monospace;font-size:0.82rem;
  color:rgba(244,247,236,0.8);border-top:1px solid rgba(168,184,106,0.12);padding-top:1.4rem;
}
.dowod-result b{color:var(--gold)}
.dowod-note{font-size:0.82rem;line-height:1.8;color:rgba(244,247,236,0.45);font-style:italic;margin-top:1.4rem}
.dowod-disclaimer{
  max-width:900px;margin:0 auto 3rem;padding:1.8rem 2rem;background:rgba(168,184,106,0.06);
  border-left:2px solid var(--gold);font-size:0.9rem;line-height:1.85;color:var(--muted);font-weight:300;
}
@media(max-width:800px){
  #dowody-list{padding:1rem 1.5rem 4rem}
  .dowod-case{padding:1.8rem}
  .dowod-shots{grid-template-columns:1fr}
}

/* active nav link on subpages */
.n-links a.active{color:var(--gold)}
.n-links a.active::after{width:100%}
.n-mobile a.active{color:var(--gold)}

/* home overview grid: card links should not look like plain text */
a.metoda-card:hover{background:rgba(168,184,106,0.06)}
a.metoda-card:hover .metoda-card-title{color:var(--gold2)}

/* real lab-result screenshots inside dowod-shot */
.dowod-shot img{width:100%;height:auto;display:block}

/* ═══════════════════════════════════════════════════════════
   POPRAWKI v3 — układ dolegliwości, oddech sekcji, kontakt
   ═══════════════════════════════════════════════════════════ */

/* --- Dolegliwości: równa siatka kafelków (wszystkie identyczne) --- */
#dolegliwosci{padding:5rem 5rem 7rem}
.doleg-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:1px;
  background:rgba(168,184,106,0.14);
  border:1px solid rgba(168,184,106,0.14);
}
.dtile{
  background:var(--ink2);
  font-family:'Cormorant Garamond',serif;
  font-size:1.25rem;font-weight:300;
  color:rgba(244,247,236,0.82);
  padding:1.5rem 1.4rem;
  text-align:center;
  display:flex;align-items:center;justify-content:center;
  transition:background 0.3s,color 0.3s;
  letter-spacing:0.01em;
  line-height:1.3;
}
.dtile:hover{background:rgba(168,184,106,0.10);color:var(--gold2)}
.dtile-more{font-style:italic;color:rgba(244,247,236,0.4)}
.dtile-more:hover{background:var(--ink2);color:rgba(244,247,236,0.4)}
@media(max-width:1300px){#dolegliwosci{padding:4rem 2rem 5rem}}
@media(max-width:560px){
  .doleg-grid{grid-template-columns:1fr 1fr}
  .dtile{font-size:1.05rem;padding:1.2rem 0.8rem}
}

/* --- Metody + synergia + O mnie: przywróć oddech na mniejszych ekranach --- */
@media(max-width:1480px){
  #metody{padding:5rem 2rem 3rem}
  .metoda-synergia{padding:4rem 2rem}
  .omnie-bio{max-width:none}
}
@media(max-width:560px){
  #metody{padding:4rem 1.4rem 2.5rem}
  .metoda-synergia{padding:3rem 1.4rem}
  .metoda-synergia p{font-size:1.35rem}
}

/* --- Kontakt: nie ucinaj długiego maila na krawędzi --- */
.kd-val{overflow-wrap:anywhere;word-break:break-word}
.kd-val a{overflow-wrap:anywhere}

/* --- Dolegliwości: klikalne kafelki z artykułami --- */
.dtile-link{
  text-decoration:none;
  position:relative;
  cursor:pointer;
}
.dtile-link::after{
  content:'→';
  position:absolute;
  top:0.5rem;right:0.6rem;
  font-size:0.75rem;
  color:var(--gold);
  opacity:0;
  transition:opacity 0.25s,transform 0.25s;
  transform:translateX(-3px);
}
.dtile-link:hover::after{opacity:1;transform:translateX(0)}
.dtile-link:hover{background:rgba(168,184,106,0.14);color:var(--gold2)}

/* --- Homepage tiles: dedicated grid (separate from .metody-grid used on metody.html) --- */
.home-tiles-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(168,184,106,0.1)}
.home-tiles-grid .metoda-card{background:var(--ink);padding:2.2rem 1.8rem;transition:background 0.3s}
.home-tiles-grid .metoda-card:hover{background:rgba(168,184,106,0.04)}
@media(max-width:1480px){
  .home-tiles-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
  .home-tiles-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .home-tiles-grid{grid-template-columns:1fr}
}

/* --- Kontakt: mniej pustej przestrzeni, blok wyśrodkowany na stronie --- */
#kontakt{
  padding:6rem clamp(1.2rem,5vw,5rem) 7rem;
  max-width:1320px;
  margin:0 auto;
}
/* --- FAQ: mniej pustej przestrzeni pod pytaniami --- */
#faq{padding:6rem clamp(1.2rem,5vw,5rem) 7rem}
@media(max-width:600px){
  .kontakt-box{padding:1.8rem 1.5rem}
}