/* ============================================================
   HEMATO — globalny CSS motywu
   Zmienne, typografia, tło, wspólne komponenty sekcji.
   Style poszczególnych bloków są w
   template-parts/blocks/<slug>/<slug>.css
   ============================================================ */

:root{
  --ink:#0c0907;
  --ink-2:#120d0a;
  --panel:#191210;
  --panel-2:#221813;
  --panel-3:#2b1e17;
  --line:rgba(226,80,57,.16);
  --hair:rgba(241,234,226,.08);
  --hair-2:rgba(241,234,226,.14);
  --blood:#e25039;
  --blood-deep:#a93420;
  --copper:#c97b4a;
  --copper-hi:#eda36b;
  --bone:#f1eae2;
  --muted:#a3938a;
  --muted-2:#7d6f66;
  --ok:#4a9e6b;
  --mono:'JetBrains Mono','Courier New',monospace;
  --disp:'Big Shoulders','Arial Narrow',Impact,sans-serif;
  --body:'Archivo','Segoe UI',system-ui,sans-serif;
}

.home header.entry-header{
  display: none !important;
}

/* Reset lekki — nie nadpisujemy resetu Bootstrapa agresywnie */
body.hemato{
  background:var(--ink);
  color:var(--bone);
  font-family:var(--body);
  font-weight:300;
  line-height:1.65;
  overflow-x:hidden;
}
.hemato ::selection{background:var(--blood);color:var(--bone)}
.hemato img{max-width:100%}
.hemato a{color:inherit;text-decoration:none}
.hemato h1,.hemato h2,.hemato h3,.hemato .disp{
  font-family:var(--disp);text-transform:uppercase;line-height:.95;letter-spacing:.01em
}
html{scroll-behavior:smooth}

/* ====== TŁO: tekstura hematytu + żyły rudy ====== */
.ore-bg{
  position:fixed;inset:0;z-index:-2;background:
    radial-gradient(1200px 800px at 85% -10%, rgba(226,80,57,.10), transparent 60%),
    radial-gradient(900px 700px at -10% 40%, rgba(201,123,74,.07), transparent 55%),
    radial-gradient(1000px 900px at 60% 110%, rgba(169,52,32,.09), transparent 60%),
    var(--ink)
}
.ore-bg::after{
  content:"";position:absolute;inset:0;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.06 0 0 0 0 0.04 0 0 0 0 0.03 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")
}
.hex-field{
  position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='121' viewBox='0 0 140 121'%3E%3Cpath d='M35 0l35 20.2v40.4L35 80.8 0 60.6V20.2zM105 60.4l35 20.2v40.4l-35-20.2-35 20.2V80.6z' fill='none' stroke='%23e25039' stroke-width='1'/%3E%3C/svg%3E")
}

/* ====== SEKCJE WSPÓLNE ====== */
.sec{position:relative;padding:clamp(70px,9vw,130px) clamp(20px,5vw,56px)}
.wrap{max-width:1280px;margin:0 auto}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:clamp(36px,5vw,64px);flex-wrap:wrap}
.sec-head h2{font-size:clamp(38px,5.4vw,72px);font-weight:900}
.sec-head h2 em{font-style:normal;color:var(--blood)}
.sec-head .lede{max-width:430px;color:var(--muted);font-size:15px}

/* ====== Eyebrow / puls ====== */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--copper-hi);margin-bottom:26px}
.eyebrow::before{content:"";width:42px;height:1px;background:var(--blood)}
.eyebrow .beat{width:9px;height:9px;background:var(--blood);border-radius:50%;animation:beat 1.15s ease-in-out infinite;box-shadow:0 0 10px var(--blood)}
@keyframes beat{0%,100%{transform:scale(1);opacity:.85}25%{transform:scale(1.5);opacity:1}45%{transform:scale(1)}60%{transform:scale(1.28)}}

/* ====== Wspólne przyciski ====== */
.cta-tt{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--blood),var(--blood-deep));color:var(--bone);font-family:var(--disp);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:14px;padding:11px 20px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:.3s;box-shadow:0 0 0 rgba(226,80,57,.5)}
.cta-tt:hover{box-shadow:0 0 26px rgba(226,80,57,.45);transform:translateY(-1px);color:var(--bone)}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(241,234,226,.25);padding:13px 26px;font-family:var(--disp);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:14px;transition:.3s;color:var(--bone)}
.btn-ghost:hover{border-color:var(--blood);color:var(--copper-hi);background:rgba(226,80,57,.07)}

/* ====== Scroll reveal ====== */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.vis{opacity:1;transform:none}

/* ====== PULS — sygnatura marki (divider) ====== */
.pulse-divider{position:relative;height:90px;overflow:hidden;display:flex;align-items:center}
.pulse-divider svg{width:200%;min-width:1600px;height:64px;animation:pulseflow 9s linear infinite}
.pulse-divider path{fill:none;stroke:var(--blood);stroke-width:2;filter:drop-shadow(0 0 6px rgba(226,80,57,.8));stroke-linecap:round;stroke-linejoin:round}
@keyframes pulseflow{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(prefers-reduced-motion:reduce){
  .hemato *,.hemato *::before,.hemato *::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}

/* ====== Globalny scroll reveal helper (JS w theme.js) ====== */