/**
 * cjip-hero — scoped (C2.4). Mirrors Hero.tsx. R3-exempt (hero rhythm).
 */
.cjip-hero{
  background:var(--color-paper);
  padding-block:clamp(64px,8vw,128px);
  overflow:hidden;
}
.cjip-hero__inner{
  max-width:var(--cjip-wrap);margin-inline:auto;padding-inline:clamp(16px,5vw,32px);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:48px;
}
.cjip-hero__copy{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.cjip-hero__headline{
  margin:0 0 24px;
  font-family:var(--font-display);
  font-weight:700;
  line-height:1.1;
  color:var(--color-azure-deep);
  font-size:clamp(2.25rem,5vw,3.75rem);
}
.cjip-hero__subhead{
  margin:0 0 40px;
  max-width:42rem;
  font-size:clamp(1.125rem,2vw,1.25rem);
  line-height:1.6;
  color:var(--color-ink);
}
.cjip-hero__actions{
  display:flex;
  flex-direction:column;
  gap:16px;
  width:100%;
}
.cjip-hero__actions .cjip-btn{width:100%;}

.cjip-hero__media{width:100%;}
.cjip-hero__img,
.cjip-hero__slot{
  width:100%;
  aspect-ratio:4/3;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 20px 40px color-mix(in srgb,var(--color-ink) 14%,transparent);
}
.cjip-hero__img{object-fit:cover;display:block;}
.cjip-hero__slot{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px;
  text-align:center;
  background:var(--color-sky);
  color:color-mix(in srgb,var(--color-azure-deep) 70%,transparent);
}
.cjip-hero__slot-label{font-family:var(--font-body);font-weight:500;}

@media(min-width:1024px){
  .cjip-hero__inner{flex-direction:row;align-items:center;gap:32px;}
  .cjip-hero__copy{width:50%;align-items:flex-start;text-align:left;}
  .cjip-hero__actions{flex-direction:row;width:auto;}
  .cjip-hero__actions .cjip-btn{width:auto;}
  .cjip-hero__media{width:50%;}
}