/* Cjenik — Hero (dark pine band).
   Mirrors the .svc-detail-hero treatment used on service-detail pages:
   light text on a pine gradient, sage glows in opposite corners, a
   concentric ring decoration on the right, trust-facts row beneath the
   CTAs, a chip inside the image frame, and a floating clinical card
   overlapping the bottom-left of the image. Includes the on-dark header
   overrides scoped to this page only — the file is enqueued just on the
   /cjenik/ route by pr_cjenik_enqueue_section_styles. */

.pc-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(168deg, var(--pine) 0%, var(--pine-deep) 78%);
  padding:100px 0 100px;
  color:#fff;
}

.pc-hero::before{
  content:"";
  position:absolute;
  top:-220px;right:-160px;
  width:640px;height:640px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(94,155,148,.32), transparent 68%);
  pointer-events:none;
}
.pc-hero::after{
  content:"";
  position:absolute;
  bottom:-260px;left:-200px;
  width:560px;height:560px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(42,111,101,.4), transparent 70%);
  pointer-events:none;
}

.pc-hero-ring{
  position:absolute;
  top:50%;right:-130px;
  transform:translateY(-58%);
  width:760px;height:760px;
  border-radius:50%;
  border:1px solid rgba(156,196,189,.14);
  pointer-events:none;
}
.pc-hero-ring::before{
  content:"";
  position:absolute;
  inset:70px;
  border-radius:50%;
  border:1px dashed rgba(156,196,189,.12);
}

.pc-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1.08fr;
  gap:64px;
  align-items:center;
}

/* Breadcrumbs (light) */
.pc-hero .crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-size:.83rem;
  color:#9fbcb6;
  margin-bottom:18px;
}
.pc-hero .crumbs a{transition:color .2s ease}
.pc-hero .crumbs a:hover{color:#fff}
.pc-hero .crumbs .sep{color:var(--sage-300);opacity:.6}
.pc-hero .crumbs .here{color:#fff;font-weight:600}

/* Text column */
.pc-hero h1{
  color:#fff;
  font-family:"Fraunces",serif;
  font-size:clamp(1.9rem, 3.5vw, 2.85rem);
  font-weight:300;
  line-height:1.16;
  letter-spacing:-.02em;
  margin:14px 0 18px;
}
.pc-hero h1 em{color:var(--sage-300);font-weight:400;font-style:italic}

.pc-hero .lead{
  color:#bcd7d1;
  font-size:1.08rem;
  line-height:1.65;
  max-width:36em;
  margin-bottom:30px;
}

.pc-hero .hero-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* Trust facts row */
.pc-hero-facts{
  display:flex;flex-wrap:wrap;
  margin-top:36px;padding-top:26px;
  border-top:1px solid rgba(255,255,255,.13);
}
.pc-hero-fact{
  display:flex;align-items:center;gap:9px;
  padding:0 18px;
  font-family:"Hanken Grotesk",sans-serif;
  font-size:.88rem;font-weight:600;
  color:#dcebe7;
  white-space:nowrap;
}
.pc-hero-fact:first-child{padding-left:0}
.pc-hero-fact + .pc-hero-fact{border-left:1px solid rgba(255,255,255,.13)}
.pc-hero-fact svg{width:18px;height:18px;color:var(--sage-300);flex:none}

/* Visual column */
.pc-hero-visual{position:relative}
.pc-hero-visual::before{
  content:"";
  position:absolute;inset:0;
  transform:translate(22px,22px);
  border-radius:24px;
  border:1.5px solid rgba(156,196,189,.28);
  pointer-events:none;
}

.pc-hero-frame{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  aspect-ratio:4/3.1;
  box-shadow:0 40px 80px -34px rgba(0,0,0,.55);
  outline:1px solid rgba(255,255,255,.16);
  outline-offset:-1px;
}
.pc-hero-frame img{width:100%;height:100%;object-fit:cover;display:block}
.pc-hero-frame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(10,42,39,.08) 0%,
    transparent 30%,
    transparent 62%,
    rgba(10,42,39,.34) 100%);
}

.pc-hero-chip{
  position:absolute;
  top:16px;right:16px;z-index:2;
  display:inline-flex;align-items:center;gap:9px;
  background:rgba(252,250,244,.93);
  backdrop-filter:blur(8px);
  border-radius:100px;
  padding:9px 17px;
  font-family:"Hanken Grotesk",sans-serif;
  font-size:.8rem;font-weight:700;
  color:var(--pine);
  box-shadow:0 4px 16px -9px rgba(10,42,39,.34);
  letter-spacing:.02em;
}
.pc-hero-chip .dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--sage);
  box-shadow:0 0 0 4px rgba(94,155,148,.28);
}

/* Floating clinical card — bottom-left overhang. */
.pc-hero-card{
  position:absolute;
  bottom:-24px;left:-28px;z-index:3;
  display:flex;align-items:center;gap:14px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px 20px 14px 14px;
  box-shadow:0 24px 50px -28px rgba(10,42,39,.42);
}
.pc-hero-card-ic{
  width:44px;height:44px;
  border-radius:12px;
  flex:none;
  background:var(--mint-50);
  color:var(--teal);
  position:relative;
}
.pc-hero-card-ic svg{
  position:absolute;
  top:50%;left:50%;
  width:22px !important;height:22px !important;
  transform:translate(-50%,-50%);
}
.pc-hero-card b{
  display:block;
  font-family:"Hanken Grotesk",sans-serif;
  font-size:.92rem;font-weight:700;
  color:var(--pine);
  letter-spacing:-.005em;
}
.pc-hero-card span{
  display:block;
  font-size:.8rem;
  color:var(--muted);
  line-height:1.4;
}

/* ON-DARK HEADER — cjenik page only, before scroll. */
#hdr:not(.scrolled){background:transparent}
#hdr:not(.scrolled) .brand .bt{color:#fff}
#hdr:not(.scrolled) .brand .bs{color:var(--sage-300)}
#hdr:not(.scrolled) .nav-links li > a:not(.btn){color:#e6f0ed}
#hdr:not(.scrolled) .nav-links li > a:not(.btn):hover{color:#fff}
#hdr:not(.scrolled) .nav-links a:not(.btn)::after{background:var(--sage-300)}
#hdr:not(.scrolled) .nav-links a[aria-current="page"]:not(.btn){color:#fff}
#hdr:not(.scrolled) .nav-links .btn-primary{background:#fff;color:var(--pine)}
#hdr:not(.scrolled) .nav-links .btn-primary:hover{background:var(--cream);color:var(--pine)}
#hdr:not(.scrolled) .nav-links .btn-primary::before{display:none}

/* Responsive */
@media(max-width:980px){
  .pc-hero{padding:128px 0 96px}
  .pc-hero-grid{grid-template-columns:1fr;gap:56px}
  .pc-hero-frame{aspect-ratio:16/10;max-width:640px;margin:0 auto}
  .pc-hero-visual::before{display:none}
  .pc-hero-card{left:8px;bottom:-20px}
  .pc-hero-ring{
    width:520px;height:520px;
    top:auto;bottom:-260px;right:-140px;
    transform:none;
  }
}
@media(max-width:560px){
  .pc-hero{padding:116px 0 86px}
  .pc-hero h1{font-size:1.75rem}
  .pc-hero .lead{font-size:1rem}
  .pc-hero-facts{
    flex-direction:column;
    gap:14px;
    margin-top:28px;padding-top:22px;
  }
  .pc-hero-fact{padding:0;border-left:none!important}
  .pc-hero-fact + .pc-hero-fact{border-left:none}
  .pc-hero-card{
    position:static;
    margin:18px 0 0;
    width:fit-content;
    max-width:100%;
  }
  .pc-hero-frame{border-radius:18px}
}