/*
Theme Name: AC Cichocki
Theme URI: https://cichockiandrzej.pl
Author: MHL Michał Cichocki
Description: Motyw dla Andrzeja Cichockiego, Praktyk Życia i Biznesu. Strona główna (landing), blog i strony.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.3
Text Domain: ac-cichocki
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --black:#13284a;
  --near:#0f2140;
  --dark:#1a3158;
  --white:#fff;
  --off:#f2f3f7;
  --cream:#f2ebd1;
  --gold:#c5a25d;
  --gold-dk:#8a6d2f;
  --gold-dim:rgba(197,162,93,0.10);
  --mid:#6b6b6b;
  --bd:rgba(255,255,255,0.08);
  --bdl:rgba(19,40,74,0.08);
  --r:0px;
  --W:1100px;
  --px:56px;
}
html,body{width:100%;max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:'Inter',system-ui,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden;background:var(--black);color:var(--white)}

/* ─── UTILS ─── */
.W{max-width:var(--W);margin:0 auto;padding:0 var(--px)}
.pad{padding:140px 0}
.pad-sm{padding:90px 0}

/* ─── NAV ─── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:500;
  height:64px;display:flex;align-items:center;justify-content:space-between;
  padding:0 var(--px);
  transition:background .35s,border-color .35s;
  border-bottom:1px solid transparent;
}
nav.scrolled{
  background:rgba(19,40,74,0.9);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-bottom-color:var(--bd);
}
.logo{font-size:15px;font-weight:600;letter-spacing:-0.015em;color:var(--white);text-decoration:none}
.nav-links{display:flex;gap:28px;list-style:none}
.nav-links a{font-size:13px;font-weight:400;color:rgba(255,255,255,0.72);text-decoration:none;transition:color .15s}
.nav-links a:hover{color:var(--white)}
.nav-cta{font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--black);background:var(--white);padding:10px 22px;text-decoration:none;transition:opacity .15s;border:none;cursor:pointer;font-family:inherit}
.nav-cta:hover{opacity:.85}

/* Mobile nav toggle */
.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:none}
.nav-burger span{display:block;width:22px;height:1.5px;background:var(--white);transition:all .3s}
.nav-burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0}
.nav-burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.mobile-menu{
  display:none;
  position:fixed;inset:0;z-index:499;
  background:rgba(19,40,74,0.97);
  flex-direction:column;align-items:center;justify-content:center;gap:40px;
  backdrop-filter:blur(20px);
}
.mobile-menu.open{display:flex}
.mobile-menu a{font-size:28px;font-weight:300;color:rgba(255,255,255,0.7);text-decoration:none;letter-spacing:-0.01em;transition:color .15s}
.mobile-menu a:hover{color:var(--white)}
.mobile-menu .m-cta{font-size:14px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--black);background:var(--white);padding:14px 36px;margin-top:16px}

/* ─── HERO ─── */
.hero{
  position:relative;height:100svh;min-height:640px;
  display:flex;align-items:flex-end;overflow:hidden;
}
.hero-img{
  position:absolute;inset:0;
  background:url('../../uploads/2017/02/a12.jpg') center 25%/cover no-repeat;
  transform:scale(1.04);
  transition:transform 8s ease-out;
}
.hero-img.loaded{transform:scale(1)}
.hero-grad{
  position:absolute;inset:0;
  background:
    linear-gradient(to top, rgba(19,40,74,0.95) 0%, rgba(19,40,74,0.55) 40%, rgba(19,40,74,0.15) 70%, rgba(19,40,74,0.4) 100%),
    linear-gradient(to right, rgba(19,40,74,0.65) 0%, transparent 55%);
}
.hero-grain{
  position:absolute;inset:0;opacity:.35;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");
}
.hero-chapter{
  position:absolute;top:88px;right:var(--px);
  font-size:10px;font-weight:400;letter-spacing:0.22em;text-transform:uppercase;
  color:rgba(255,255,255,0.22);
  display:flex;align-items:center;gap:10px;
}
.hero-chapter::before{content:'';width:18px;height:1px;background:rgba(255,255,255,0.22)}

.hero-body{
  position:relative;z-index:2;
  width:100%;padding:0 var(--px) 80px;
  display:grid;grid-template-columns:1fr auto;gap:40px;align-items:flex-end;
}
.hero-left{max-width:780px}
.hero-tag{
  font-size:11px;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--gold);margin-bottom:24px;
  display:flex;align-items:center;gap:12px;
}
.hero-tag::before{content:'';width:24px;height:1px;background:var(--gold);flex-shrink:0}
.h1{
  font-size:clamp(42px,6.5vw,88px);
  font-weight:600;line-height:.97;letter-spacing:-0.035em;
  color:var(--white);margin-bottom:24px;
}
.h1 em{font-style:italic;font-weight:200;color:rgba(255,255,255,0.65)}
.hero-p{
  font-size:clamp(15px,1.4vw,17px);font-weight:300;
  color:rgba(255,255,255,0.82);max-width:480px;line-height:1.75;margin-bottom:40px;
}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-w{font-size:13px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--black);background:var(--white);padding:15px 32px;text-decoration:none;transition:opacity .15s;display:inline-block}
.btn-w:hover{opacity:.85}
.btn-o{font-size:13px;font-weight:400;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.72);border:1px solid rgba(255,255,255,0.18);padding:15px 32px;text-decoration:none;transition:all .15s;display:inline-flex;align-items:center;gap:8px}
.btn-o:hover{color:var(--white);border-color:rgba(255,255,255,0.4)}
.arr{transition:transform .2s}.btn-o:hover .arr{transform:translateX(4px)}

.hero-kpis{
  display:flex;flex-direction:column;gap:28px;
  align-items:flex-end;text-align:right;padding-bottom:6px;
}
.kpi{border-top:1px solid rgba(255,255,255,0.1);padding-top:18px;min-width:120px}
.kpi-n{font-size:36px;font-weight:600;letter-spacing:-0.03em;color:var(--white);line-height:1}
.kpi-l{font-size:10px;font-weight:300;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.55);margin-top:5px}

.scroll-hint{
  position:absolute;bottom:28px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:rgba(255,255,255,0.22);font-size:9px;letter-spacing:0.18em;text-transform:uppercase;
}
.scroll-line{width:1px;height:36px;background:rgba(255,255,255,0.12);position:relative;overflow:hidden}
.scroll-line::after{content:'';position:absolute;top:-100%;left:0;right:0;height:100%;background:rgba(255,255,255,0.5);animation:sd 2s ease-in-out infinite}
@keyframes sd{to{top:100%}}

/* ─── EYEBROW / HEADING shared ─── */
.ey{font-size:11px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.h2{font-size:clamp(28px,3.2vw,46px);font-weight:600;letter-spacing:-0.025em;line-height:1.1;margin-bottom:20px}
.h2 em{font-style:italic;font-weight:200;color:rgba(255,255,255,0.3)}
.h2-dark em{color:rgba(19,40,74,0.25)}
.h2-dark{color:var(--black)}
.chap{font-size:10px;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.35);margin-bottom:36px;display:flex;align-items:center;gap:10px}
.chap::before{content:'';width:16px;height:1px;background:rgba(255,255,255,0.18);flex-shrink:0}
.chap-dark{color:rgba(19,40,74,0.3)}
.chap-dark::before{background:rgba(19,40,74,0.2)}

/* ─── ABOUT ─── */
.about{background:var(--black);display:grid;grid-template-columns:1fr 1fr;min-height:85vh}
.about-visual{position:relative;overflow:hidden;background:var(--black)}
.about-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 20%;display:block;filter:brightness(0.92)}
.about-vgrad{position:absolute;inset:0;background:linear-gradient(to right,transparent 55%,var(--black) 100%)}
.about-content{padding:100px 72px;display:flex;flex-direction:column;justify-content:center}
.body-p{font-size:16px;font-weight:300;color:rgba(255,255,255,0.78);line-height:1.85;margin-bottom:16px}
.body-p strong{color:var(--white);font-weight:500}
.la{font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.4);text-decoration:none;display:inline-flex;align-items:center;gap:8px;margin-top:20px;transition:color .15s,gap .2s}
.la:hover{color:var(--white);gap:14px}

/* ─── OFFER ─── */
.offer{background:var(--near);padding:140px 0}
.offer-head{margin-bottom:72px}
.offer-lead{font-size:16px;font-weight:300;color:rgba(255,255,255,0.72);max-width:460px;line-height:1.75;margin-top:14px}

.tabs{display:flex;border-bottom:1px solid var(--bd);margin-bottom:64px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.55);padding:14px 28px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;font-family:inherit}
.tab:hover{color:rgba(255,255,255,0.6)}
.tab.on{color:var(--white);border-bottom-color:var(--gold)}
.panel{display:none;animation:fadein .3s ease}.panel.on{display:block}
@keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Szkolenia */
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}
.sc{
  padding:48px 40px;
  background:rgba(255,255,255,0.025);
  border:1px solid var(--bd);
  position:relative;overflow:hidden;
  transition:background .25s,border-color .25s;
}
.sc-top-line{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .4s;transform-origin:left}
.sc:hover{background:rgba(255,255,255,0.045);border-color:rgba(255,255,255,0.12)}
.sc:hover .sc-top-line{transform:scaleX(1)}
.sc-num{font-size:64px;font-weight:700;letter-spacing:-0.05em;color:rgba(255,255,255,0.03);line-height:1;margin-bottom:12px}
.sc-name{font-size:22px;font-weight:600;letter-spacing:-0.02em;color:var(--white);margin-bottom:3px}
.sc-sub{font-size:12px;font-weight:400;color:var(--gold);letter-spacing:0.04em;margin-bottom:16px}
.sc-desc{font-size:13px;font-weight:300;color:rgba(255,255,255,0.72);line-height:1.75;margin-bottom:24px}
.sc-list{list-style:none;display:flex;flex-direction:column;gap:7px}
.sc-list li{font-size:12px;font-weight:300;color:rgba(255,255,255,0.62);padding-left:13px;position:relative;line-height:1.5}
.sc-list li::before{content:'';position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.5}

/* Konsultacje */
.kg{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:1px}
.kc{padding:48px 44px;background:rgba(255,255,255,0.025);border:1px solid var(--bd);transition:background .2s}
.kc:hover{background:rgba(255,255,255,0.04)}
.kc-name{font-size:20px;font-weight:600;letter-spacing:-0.02em;color:var(--white);margin-bottom:12px}
.kc-desc{font-size:13px;font-weight:300;color:rgba(255,255,255,0.72);line-height:1.75;margin-bottom:20px}
.kc-list{list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:24px}
.kc-list li{font-size:12px;font-weight:300;color:rgba(255,255,255,0.62);padding-left:13px;position:relative}
.kc-list li::before{content:'';position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.5}
.k-banner{
  padding:32px 44px;
  background:rgba(197,162,93,0.07);border:1px solid rgba(197,162,93,0.18);
  display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
}
.k-banner p{font-size:15px;font-weight:400;color:rgba(255,255,255,0.85);line-height:1.6;max-width:520px}
.k-banner p span{color:rgba(255,255,255,0.72);font-weight:300}

/* IPR */
.ig{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}
.ic{padding:52px 40px;background:rgba(255,255,255,0.025);border:1px solid var(--bd);transition:background .2s,border-color .2s}
.ic:hover{background:rgba(255,255,255,0.04)}
.ic.feat{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.14)}
.ic-badge{font-size:9px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:18px}
.ic-n{font-size:72px;font-weight:700;letter-spacing:-0.05em;line-height:1;color:var(--white);margin-bottom:2px}
.ic-nl{font-size:10px;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.22);margin-bottom:22px}
.ic h3{font-size:18px;font-weight:600;letter-spacing:-0.01em;color:var(--white);margin-bottom:10px}
.ic-desc{font-size:13px;font-weight:300;color:rgba(255,255,255,0.72);line-height:1.7;margin-bottom:22px}
.ic-feats{list-style:none;display:flex;flex-direction:column;gap:7px}
.ic-feats li{font-size:12px;font-weight:300;color:rgba(255,255,255,0.62);display:flex;gap:10px;line-height:1.5}
.ic-feats li::before{content:'✓';color:var(--gold);flex-shrink:0;opacity:.7}

.cta-c{text-align:center;margin-top:52px}
.btn-b{font-size:12px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--black);background:var(--white);padding:15px 36px;text-decoration:none;display:inline-block;transition:opacity .15s}
.btn-b:hover{opacity:.85}
.btn-gold{font-size:12px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--black);background:var(--gold);padding:13px 28px;text-decoration:none;display:inline-block;transition:opacity .15s;white-space:nowrap;flex-shrink:0}
.btn-gold:hover{opacity:.88}

/* ─── QUOTE BREAK ─── */
.qbreak{
  position:relative;overflow:hidden;
  background:var(--black);
  padding:160px var(--px);
  display:flex;align-items:center;justify-content:center;
  border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);
}
.qbreak-photo{
  position:absolute;inset:0;
  background:url('../../uploads/2021/09/2.jpg') center/cover no-repeat;
  opacity:.08;
  filter:grayscale(1);
}
.qbreak-grad{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(19,40,74,0.2) 0%,rgba(19,40,74,0.85) 100%)}
.qbreak-inner{position:relative;z-index:1;max-width:780px;text-align:center}
.qmark{font-size:80px;line-height:.5;color:var(--gold);opacity:.15;font-family:Georgia,serif;display:block;margin-bottom:32px}
.qtext{font-size:clamp(18px,2.2vw,30px);font-weight:200;font-style:italic;color:var(--white);line-height:1.38;margin-bottom:28px}
.qtext strong{font-style:normal;font-weight:600}
.qattr{font-size:11px;font-weight:400;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.5)}

/* ─── PHOTO STRIP 2 (single wide) ─── */








/* ─── REFERENCJE ─── */
.ref{background:var(--near);padding:140px 0}
.ref-head{margin-bottom:72px}
.ref-sub-txt{font-size:15px;font-weight:300;color:rgba(255,255,255,0.65);max-width:480px;line-height:1.7;margin-top:12px}

/* Featured */
.ref-feat{
  padding:64px 72px;
  background:rgba(255,255,255,0.03);border:1px solid var(--bd);
  margin-bottom:1px;position:relative;overflow:hidden;
  transition:background .2s;
}
.ref-feat:hover{background:rgba(255,255,255,0.05)}
.ref-feat-deco{
  position:absolute;right:60px;top:12px;
  font-size:160px;line-height:1;font-family:Georgia,serif;
  color:rgba(255,255,255,0.015);pointer-events:none;user-select:none;
}
.rf-text{
  font-size:clamp(17px,2vw,24px);font-weight:200;font-style:italic;
  color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:28px;max-width:680px;
}
.rf-person{display:flex;align-items:center;gap:14px}
.rf-av{width:44px;height:44px;border-radius:50%;background:rgba(197,162,93,0.1);border:1px solid rgba(197,162,93,0.22);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--gold);flex-shrink:0}
.rf-name{font-size:14px;font-weight:500;color:var(--white)}
.rf-role{font-size:12px;color:rgba(255,255,255,0.55);margin-top:2px}

/* Grid */
.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}
.rc{padding:36px 32px;background:rgba(255,255,255,0.02);border:1px solid var(--bd);transition:background .2s}
.rc:hover{background:rgba(255,255,255,0.04)}
.rc-stars{color:var(--gold);font-size:11px;letter-spacing:3px;margin-bottom:14px;opacity:.7}
.rc-text{font-size:13px;font-weight:300;color:rgba(255,255,255,0.75);line-height:1.8;font-style:italic;margin-bottom:22px}
.rc-person{display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid var(--bd)}
.rc-av{width:32px;height:32px;border-radius:50%;background:rgba(197,162,93,0.08);border:1px solid rgba(197,162,93,0.18);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;color:var(--gold);flex-shrink:0}
.rc-name{font-size:12px;font-weight:500;color:var(--white)}
.rc-role{font-size:11px;color:rgba(255,255,255,0.5);margin-top:1px}

/* ─── FORM ─── */
.form-sec{background:var(--black);padding:140px 0;border-top:1px solid var(--bd)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:start}
.form-h{color:var(--white)}
.form-h em{font-weight:200;font-style:italic;color:rgba(255,255,255,0.55)}
.form-p{font-size:15px;font-weight:300;color:rgba(255,255,255,0.65);line-height:1.75;margin-top:16px;max-width:360px}
.form-perks{margin-top:52px;display:flex;flex-direction:column;gap:22px}
.fp{display:flex;gap:14px;align-items:flex-start}
.fp-ic{width:34px;height:34px;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--gold);flex-shrink:0}
.fp-t{font-size:14px;font-weight:500;color:var(--white);margin-bottom:2px}
.fp-d{font-size:12px;font-weight:300;color:rgba(255,255,255,0.55);line-height:1.5}

.f-row{margin-bottom:14px}
.f-row label{display:block;font-size:10px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.24);margin-bottom:7px}
.f-row input,.f-row select,.f-row textarea{
  width:100%;font-family:'Inter',sans-serif;font-size:15px;font-weight:300;
  color:var(--white);background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.07);
  padding:14px 16px;outline:none;
  transition:border-color .15s,background .15s;
  -webkit-appearance:none;appearance:none;border-radius:0;
}
.f-row input::placeholder,.f-row textarea::placeholder{color:rgba(255,255,255,0.16)}
.f-row input:focus,.f-row select:focus,.f-row textarea:focus{border-color:rgba(255,255,255,0.38);background:rgba(255,255,255,0.06)}
.f-row select option{background:#13284a;color:var(--white)}
.f-row textarea{resize:vertical;min-height:96px}
.f-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.f-sub{
  width:100%;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--black);background:var(--white);border:none;padding:17px;
  cursor:pointer;margin-top:4px;transition:opacity .15s;
}
.f-sub:hover{opacity:.85}
.f-note{font-size:11px;color:rgba(255,255,255,0.35);text-align:center;margin-top:10px}
.f-ok{display:none;padding:32px;background:rgba(255,255,255,0.04);border:1px solid var(--bd);text-align:center}
.f-ok.show{display:block}
.f-ok p{font-size:20px;font-weight:300;font-style:italic;color:var(--white);margin-bottom:6px}
.f-ok small{font-size:13px;color:rgba(255,255,255,0.55)}

/* ─── FOOTER ─── */
footer{background:var(--near);border-top:1px solid var(--bd);padding:48px 0 36px}
.foot-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}
.foot-name{font-size:14px;font-weight:600;color:var(--white)}
.foot-tag{font-size:11px;color:rgba(255,255,255,0.38);margin-top:3px}
.foot-social{display:flex;gap:8px}
.soc{width:36px;height:36px;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.25);text-decoration:none;transition:border-color .15s,color .15s}
.soc:hover{border-color:rgba(255,255,255,0.22);color:var(--white)}
.foot-copy{font-size:11px;color:rgba(255,255,255,0.35)}

/* ─── ANIMATIONS ─── */
.rev{opacity:0;transform:translateY(24px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}
.rev.in{opacity:1;transform:none}
.rev-l{opacity:0;transform:translateX(-24px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}
.rev-l.in{opacity:1;transform:none}
.rev-r{opacity:0;transform:translateX(24px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}
.rev-r.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.18s}.d3{transition-delay:.26s}.d4{transition-delay:.34s}.d5{transition-delay:.42s}

/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  :root{--px:32px}
  .nav-links,.nav-cta{display:none}
  .nav-burger{display:flex}
  .about{grid-template-columns:1fr}
  .about-visual{height:360px}
  .about-content{padding:72px var(--px)}
  
  
  
  
  
  .sg,.ig{grid-template-columns:1fr}
  .kg{grid-template-columns:1fr}
  .ref-grid{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr;gap:56px}
  
  
  .ref-feat{padding:44px 32px}
  .pad{padding:100px 0}
}
@media(max-width:640px){
  :root{--px:20px}
  .hero-body{grid-template-columns:1fr;gap:0}
  .hero-kpis{flex-direction:row;align-items:flex-start;text-align:left;margin-top:40px}
  .hero-kpis .kpi{border-left:1px solid rgba(255,255,255,0.1);border-top:none;padding:0 0 0 20px}
  .hero-kpis .kpi:first-child{border-left:none;padding-left:0}
  .btns{flex-direction:column}
  .btn-w,.btn-o{text-align:center;justify-content:center}
  .f-2{grid-template-columns:1fr}
  .ref-grid{grid-template-columns:1fr}
  .numbers-inner{padding:0 var(--px)}
  .k-banner{flex-direction:column}
  
  .qbreak{padding:100px var(--px)}
  
  .about-visual{height:280px}
  .pad{padding:80px 0}
}

/* ═══ PALETA Z KARTY INFORMACYJNEJ: granat, złoto, krem ═══ */
.h1,.h2,.sc-name,.kc-name,.ic h3,.ic-n,.qtext,.rf-text,.f-ok p,.k-banner strong{font-family:'Source Serif 4',Georgia,serif}
.h1{font-weight:600;letter-spacing:-0.02em;line-height:1.04}
.h1 em,.h2 em{font-style:italic;font-weight:500}
.h1 em{color:var(--gold)}
.h2{font-weight:600;letter-spacing:-0.015em}
.h2 em{color:var(--gold)}
.sc-name,.kc-name,.ic h3{font-weight:600;letter-spacing:-0.005em}
.ic-n{font-weight:700;letter-spacing:-0.02em}
.btn-w,.btn-b,.f-sub,.nav-cta{background:var(--gold);color:var(--black)}
.btn-w:hover,.btn-b:hover,.f-sub:hover,.nav-cta:hover{opacity:1;background:#d4b574}
.btn-gold{background:var(--gold);color:var(--black)}
.tab.on{border-bottom-color:var(--gold)}
nav.scrolled{background:rgba(19,40,74,0.94)}

/* O MNIE: jasna sekcja */
.about,.about-visual{background:#fff}
.about-vgrad{background:linear-gradient(to right,transparent 55%,#fff 100%)}
.about .chap{color:rgba(19,40,74,0.5)}
.about .chap::before{background:rgba(19,40,74,0.25)}
.about .ey{color:var(--gold-dk)}
.about .h2{color:var(--black)}
.about .h2 em{color:var(--gold-dk)}
.about .body-p{color:#3b4763}
.about .body-p strong{color:var(--black)}
.about .la{color:var(--black)}
.about .la:hover{color:var(--gold-dk)}

/* CYTAT: krem */
.qbreak{background:var(--cream);border-color:rgba(19,40,74,0.08)}
.qbreak-photo{opacity:.10}
.qbreak-grad{background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(242,235,209,0.55) 0%,rgba(242,235,209,0.95) 100%)}
.qmark{color:var(--gold-dk);opacity:.35}
.qtext{color:var(--black);font-weight:500;font-style:italic}
.qattr{color:var(--gold-dk)}

/* REFERENCJE: jasna sekcja */
.ref{background:var(--off)}
.ref .chap{color:rgba(19,40,74,0.5)}
.ref .chap::before{background:rgba(19,40,74,0.25)}
.ref .ey{color:var(--gold-dk)}
.ref .h2{color:var(--black)}
.ref .h2 em{color:var(--gold-dk)}
.ref-sub-txt{color:#3b4763}
.ref-feat{background:var(--black);border:none;border-radius:6px}
.ref-feat:hover{background:var(--black)}
.ref-feat-deco{color:rgba(197,162,93,0.12)}
.rf-text{color:rgba(255,255,255,0.92);font-weight:500}
.ref-grid{gap:16px;margin-top:16px}
.rc{background:#fff;border:1px solid rgba(19,40,74,0.08);border-radius:6px}
.rc:hover{background:#fff;box-shadow:0 8px 28px rgba(19,40,74,0.08)}
.rc-stars{color:var(--gold-dk);opacity:1}
.rc-text{color:#3b4763}
.rc-name{color:var(--black)}
.rc-role{color:#6b7690}
.rc-av{background:var(--cream);border-color:rgba(138,109,47,0.3);color:var(--gold-dk)}

/* Oferta i formularz: granat, karty w jaśniejszym granacie */
.offer{background:var(--near)}
.sc,.kc,.ic{background:rgba(255,255,255,0.045);border-radius:6px}
.ic.feat{background:var(--gold-dim);border-color:rgba(197,162,93,0.45)}
.form-sec{background:var(--black)}
.form-h em{color:var(--gold)}
footer{background:#0b1a33}
.sc-num{color:rgba(197,162,93,0.22);font-family:'Source Serif 4',Georgia,serif}
.ic-nl{color:rgba(255,255,255,0.45)}

/* ═══ BLOG I PODSTRONY ═══ */
body{background:#fff;color:var(--black)}
body.home-landing{background:var(--black);color:var(--white)}
nav.solid{background:rgba(19,40,74,0.97);border-bottom-color:rgba(255,255,255,0.08)}
.page-top{background:var(--black);padding:150px 0 70px;color:#fff}
.page-top .ey{margin-bottom:14px}
.page-top h1{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(34px,5vw,60px);font-weight:600;line-height:1.08;letter-spacing:-0.02em;color:#fff;max-width:900px}
.page-top h1 em{font-style:italic;color:var(--gold);font-weight:500}
.page-top p{font-size:17px;font-weight:300;color:rgba(255,255,255,0.75);max-width:560px;margin-top:18px;line-height:1.7}
.blog-wrap{background:var(--off);padding:80px 0 110px}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard{background:#fff;border:1px solid rgba(19,40,74,0.08);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;text-decoration:none;color:inherit}
.pcard:hover{box-shadow:0 12px 34px rgba(19,40,74,0.12);transform:translateY(-2px)}
.pcard-img{aspect-ratio:16/10;background:linear-gradient(135deg,var(--black),#1f3b6b);position:relative;overflow:hidden}
.pcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.pcard:hover .pcard-img img{transform:scale(1.04)}
.pcard-img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Source Serif 4',Georgia,serif;font-size:44px;color:var(--gold);opacity:.7}
.pcard-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.pmeta{font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:12px}
.pmeta span+span::before{content:'·';margin:0 8px;color:rgba(138,109,47,.5)}
.ptitle{font-family:'Source Serif 4',Georgia,serif;font-size:21px;font-weight:600;line-height:1.28;letter-spacing:-0.01em;color:var(--black);margin-bottom:12px}
.pexc{font-size:14px;font-weight:300;color:#4a5673;line-height:1.7;margin-bottom:18px;flex:1}
.pmore{font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--black);display:inline-flex;gap:8px;align-items:center}
.pcard:hover .pmore{color:var(--gold-dk)}
.pager{display:flex;justify-content:center;gap:8px;margin-top:56px;flex-wrap:wrap}
.pager a,.pager span{font-size:13px;font-weight:500;min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(19,40,74,0.15);border-radius:4px;color:var(--black);text-decoration:none;background:#fff}
.pager .current{background:var(--black);color:#fff;border-color:var(--black)}
.pager a:hover{border-color:var(--gold-dk);color:var(--gold-dk)}
.empty{font-size:17px;color:#4a5673;text-align:center;padding:40px 0}
.cat-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.cat-bar a{font-size:12px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;padding:9px 16px;border:1px solid rgba(19,40,74,0.15);border-radius:30px;color:var(--black);text-decoration:none;background:#fff}
.cat-bar a:hover,.cat-bar a.on{background:var(--black);color:#fff;border-color:var(--black)}

/* landing: blog */
.lblog{background:#fff;padding:120px 0}
.lblog .chap{color:rgba(19,40,74,0.5)}.lblog .chap::before{background:rgba(19,40,74,0.25)}
.lblog .ey{color:var(--gold-dk)}
.lblog .h2{color:var(--black)}.lblog .h2 em{color:var(--gold-dk)}
.lblog-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:56px;flex-wrap:wrap}
.lblog .post-grid .pcard{background:var(--off)}
.lblog .btn-b{display:inline-block;margin-top:48px}

/* pojedynczy wpis */
.post-top{background:var(--black);padding:150px 0 60px}
.post-top .W{max-width:860px}
.post-top .pmeta{color:var(--gold);margin-bottom:18px}
.post-top h1{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(32px,4.6vw,54px);font-weight:600;line-height:1.1;letter-spacing:-0.02em;color:#fff}
.post-cover{max-width:1000px;margin:-10px auto 0;padding:0 var(--px)}
.post-cover img{width:100%;height:auto;display:block;border-radius:6px;box-shadow:0 20px 50px rgba(19,40,74,0.2)}
.post-wrap{background:#fff;padding:70px 0 90px}
.post-body{max-width:720px;margin:0 auto;padding:0 24px;font-size:18px;line-height:1.8;font-weight:400;color:#26324d}
.post-body>*+*{margin-top:1.3em}
.post-body h2,.post-body h3,.post-body h4{font-family:'Source Serif 4',Georgia,serif;color:var(--black);line-height:1.22;letter-spacing:-0.01em;font-weight:600;margin-top:2em}
.post-body h2{font-size:30px}.post-body h3{font-size:24px}.post-body h4{font-size:20px}
.post-body a{color:var(--gold-dk);text-decoration:underline;text-underline-offset:3px}
.post-body a:hover{color:var(--black)}
.post-body img,.post-body video,.post-body iframe{max-width:100%;height:auto;border-radius:4px}
.post-body iframe{width:100%}
.post-body figure{margin-left:0;margin-right:0}
.post-body figcaption,.wp-caption-text{font-size:13px;color:#6b7690;margin-top:8px;text-align:center}
.post-body blockquote{border-left:3px solid var(--gold);padding:6px 0 6px 24px;font-family:'Source Serif 4',Georgia,serif;font-style:italic;font-size:21px;line-height:1.6;color:var(--black)}
.post-body ul,.post-body ol{padding-left:1.4em}
.post-body li+li{margin-top:.4em}
.post-body table{width:100%;border-collapse:collapse;font-size:15px}
.post-body th,.post-body td{border:1px solid rgba(19,40,74,0.15);padding:10px 12px;text-align:left}
.post-body hr{border:none;border-top:1px solid rgba(19,40,74,0.15)}
.post-body .alignleft{float:left;margin:6px 24px 12px 0}.post-body .alignright{float:right;margin:6px 0 12px 24px}.post-body .aligncenter{display:block;margin-left:auto;margin-right:auto}
.post-body::after{content:'';display:block;clear:both}
.post-cta{background:var(--cream);padding:64px 24px;text-align:center}
.post-cta h3{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(24px,3vw,34px);font-weight:600;color:var(--black);margin-bottom:12px}
.post-cta p{font-size:15px;color:#4a5673;max-width:480px;margin:0 auto 26px;line-height:1.7}
.post-nav{max-width:720px;margin:56px auto 0;padding:32px 24px 0;border-top:1px solid rgba(19,40,74,0.12);display:grid;grid-template-columns:1fr 1fr;gap:24px}
.post-nav a{text-decoration:none;color:var(--black);font-family:'Source Serif 4',Georgia,serif;font-size:17px;font-weight:600;line-height:1.35}
.post-nav small{display:block;font-family:'Inter',sans-serif;font-size:10px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:6px}
.post-nav .next{text-align:right}
.post-nav a:hover{color:var(--gold-dk)}
.page-body-wrap{background:#fff;padding:70px 0 100px}
.err404{background:var(--black);color:#fff;min-height:80vh;display:flex;align-items:center;text-align:center}
.err404 h1{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(60px,12vw,140px);color:var(--gold);line-height:1}
.err404 p{font-size:18px;color:rgba(255,255,255,.75);margin:14px 0 30px}
@media(max-width:980px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
  .post-grid{grid-template-columns:1fr}
  .page-top,.post-top{padding:120px 0 48px}
  .blog-wrap{padding:56px 0 80px}
  .lblog{padding:80px 0}
  .post-body{font-size:17px}
  .post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left}
}

/* W mediach */
.media-h{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:1.7rem;color:var(--black);margin:2.5rem 0 1.5rem;padding-bottom:.6rem;border-bottom:1px solid var(--gold)}
.media-h:first-child{margin-top:0}
.media-grid{margin-bottom:1rem}

/* przyciski wyboru oferty */
a.pick{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:12px 20px;border:1px solid var(--gold);color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}
a.pick:hover{background:var(--gold);color:var(--black)}
.la.pick{border:0;padding:0;font-size:12px;font-weight:500;letter-spacing:.1em;margin-top:20px}
.la.pick:hover{background:none}
.ic .pick,.sc .pick{align-self:flex-start}
select.picked{outline:2px solid var(--gold);outline-offset:2px;transition:outline .2s}
html{scroll-behavior:smooth}