/* Cjenik — Intro band (cream).
   Section head + 4-tile stat strip. The jump-pill navigation lives in
   tables.css / tables.php so it can stick over the price groups. */

.pc-intro{
  background:var(--cream);
  padding:76px 0 56px;
}

.pc-intro-head{
  text-align:center;
  max-width:780px;
  margin:0 auto 44px;
}
.pc-intro-head h2{
  font-family:"Fraunces",serif;
  font-size:clamp(1.8rem, 3.3vw, 2.55rem);
  font-weight:300;
  color:var(--pine);
  margin:14px 0 14px;
  line-height:1.16;
  letter-spacing:-.015em;
}
.pc-intro-head h2 em{color:var(--teal);font-weight:400;font-style:italic}
.pc-intro-head p{
  color:var(--ink-soft);
  font-size:1.04rem;
  line-height:1.65;
  margin:0 auto;
  max-width:54ch;
}

/* --- Stat strip (4 tiles) --- */
.pc-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.pc-stat{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px 18px;
  text-align:center;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.pc-stat:hover{
  transform:translateY(-3px);
  border-color:var(--mint);
  box-shadow:0 18px 38px -28px rgba(10,42,39,.28);
}
.pc-stat-num{
  display:block;
  font-family:"Fraunces",serif;
  font-size:clamp(1.9rem, 3.2vw, 2.4rem);
  font-weight:400;
  color:var(--teal);
  line-height:1;
  letter-spacing:-.02em;
}
.pc-stat-label{
  display:block;
  margin-top:8px;
  font-family:"Hanken Grotesk",sans-serif;
  font-size:.82rem;font-weight:600;
  color:var(--ink-soft);
  letter-spacing:.02em;
}

/* Responsive */
@media(max-width:880px){
  .pc-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .pc-intro{padding:56px 0 40px}
  .pc-intro-head{margin-bottom:32px}
  .pc-stat{padding:18px 14px}
}