/* DEPLOY193_HR_HELP: one independent Page Builder CTA layout. */
.cms-block--hr-help{
  background:#fbf7f1;
  padding:78px 0!important;
  color:#171717;
}
.cms-block--hr-help .hr-help{max-width:1180px;padding-top:0;padding-bottom:0}
.cms-block--hr-help .hr-help__panel{
  background:#fff;
  border:1px solid #f0ece6;
  border-radius:38px;
  padding:58px 64px;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(250px,.75fr);
  align-items:center;
  gap:42px;
  box-shadow:0 22px 60px rgba(24,18,9,.045);
}
.cms-block--hr-help .hr-help__copy{min-width:0}
.cms-block.cms-block--cta.cms-block--hr-help .hr-help__copy h2{
  max-width:670px;
  margin:0 0 23px;
  font-size:clamp(36px,3.45vw,52px);
  line-height:1.05;
  font-weight:850;
  letter-spacing:-.045em;
  text-align:left!important;
  color:#171717;
}
.cms-block--hr-help .hr-help__description{
  max-width:630px;
  margin:0;
  color:#555b63;
  font-size:clamp(16px,1.35vw,19px);
  line-height:1.58;
}
.cms-block--hr-help .hr-help__cta{
  min-width:270px;
  min-height:56px;
  padding:15px 24px;
  margin-top:28px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  background:var(--site-accent,#ffd83d);
  color:#171717;
  border-radius:16px;
  font-weight:800;
  font-size:16px;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  transition:transform .22s ease,background-color .22s ease;
}
.cms-block--hr-help .hr-help__cta:hover{background:#ffe46d;transform:translateY(-2px)}
.cms-block--hr-help .hr-help__cta:focus-visible{outline:3px solid #171717;outline-offset:3px}
.cms-block--hr-help .hr-help__cta span{font-size:23px;font-weight:400;line-height:1}
.cms-block--hr-help .hr-help__specialist-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.cms-block--hr-help .hr-help__specialist-copy strong{font-size:16px;font-weight:800;line-height:1.3}
.cms-block--hr-help .hr-help__specialist-copy small{color:#71757a;font-size:13px;line-height:1.4}
.cms-block--hr-help .hr-help__visual{min-width:0;display:flex;align-items:center;flex-direction:column;gap:10px}
.cms-block--hr-help .hr-help__portrait-wrap{
  position:relative;width:min(100%,310px);aspect-ratio:1;
  padding:8px;border-radius:50%;background:#fff4c9;
}
.cms-block--hr-help .hr-help__portrait{
  width:100%;height:100%;display:block;object-fit:cover;
  border-radius:50%;border:6px solid #fff;
  box-shadow:0 18px 42px rgba(23,23,23,.07);
}
@media(max-width:980px){
  .cms-block--hr-help{padding:66px 0!important}
  .cms-block--hr-help .hr-help__panel{padding:42px 38px;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr)}
  .cms-block--hr-help .hr-help__portrait-wrap{width:min(100%,255px)}
}
@media(max-width:680px){
  .cms-block--hr-help{padding:48px 0!important}
  .cms-block--hr-help .hr-help__panel{padding:29px 24px 31px;grid-template-columns:minmax(0,1fr);gap:27px;border-radius:27px}
  .cms-block.cms-block--cta.cms-block--hr-help .hr-help__copy h2{font-size:clamp(33px,8vw,43px);margin-bottom:18px}
  .cms-block--hr-help .hr-help__description{font-size:16px}
  .cms-block--hr-help .hr-help__cta{width:100%;min-width:0;margin-top:23px}
  
  .cms-block--hr-help .hr-help__visual{gap:5px}
  .cms-block--hr-help .hr-help__portrait-wrap{width:min(66vw,235px)}
}
@media(prefers-reduced-motion:reduce){
  .cms-block--hr-help .hr-help__cta{transition:none}
  .cms-block--hr-help .hr-help__cta:hover{transform:none}
}

/* DEPLOY194_CUTOUT_LAYER: portrait is transparent foreground over a CSS yellow oval.
   Other HR help elements and Page Builder data are intentionally unchanged. */
.cms-block--hr-help .hr-help__portrait-wrap{
  position:relative;
  isolation:isolate;
  width:min(100%,330px);
  aspect-ratio:1;
  padding:0;
  border-radius:0;
  background:transparent;
  display:grid;
  place-items:end center;
  overflow:visible;
}
.cms-block--hr-help .hr-help__portrait-wrap::before{
  content:"";
  position:absolute;
  left:5%;bottom:1%;
  width:90%;height:65%;
  border-radius:55% 45% 48% 52% / 52% 48% 52% 48%;
  background:linear-gradient(135deg,#fff2a7 0%,#ffe378 100%);
  transform:rotate(-11deg);
  z-index:0;
}
.cms-block--hr-help .hr-help__portrait{
  position:relative;
  z-index:1;
  width:100%;height:100%;
  display:block;
  object-fit:contain;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:drop-shadow(0 14px 17px rgba(15,15,15,.10));
}
@media(max-width:980px){
  .cms-block--hr-help .hr-help__portrait-wrap{width:min(100%,290px)}
}
@media(max-width:680px){
  .cms-block--hr-help .hr-help__portrait-wrap{width:min(72vw,255px)}
}

/* DEPLOY195_HR_LABEL_BENEATH_PORTRAIT: reduce height, keep copy under cutout. */
.cms-block--hr-help .hr-help__visual { gap: 5px; }
.cms-block--hr-help .hr-help__portrait-wrap { width:min(100%,300px); }
.cms-block--hr-help .hr-help__specialist-copy {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  width:100%;
  max-width:330px;
  text-align:center;
}
.cms-block--hr-help .hr-help__specialist-copy strong {
  display:block;
  color:#171717;
  font-size:16px;
  line-height:1.28;
  font-weight:800;
}
.cms-block--hr-help .hr-help__specialist-copy small {
  display:block;
  color:#71757a;
  font-size:13px;
  line-height:1.4;
}
@media(max-width:980px){
  .cms-block--hr-help .hr-help__portrait-wrap{width:min(100%,262px)}
}
@media(max-width:680px){
  .cms-block--hr-help .hr-help__panel{gap:18px}
  .cms-block--hr-help .hr-help__portrait-wrap{width:min(64vw,220px)}
  .cms-block--hr-help .hr-help__specialist-copy{max-width:290px}
}

/* DEPLOY196_HR_OVERLAPPING_CAPTION_CARD: CSS-only overlay over flat portrait cut;
   all text and portrait are still managed by the existing Page Builder content. */
.cms-block--hr-help .hr-help__visual {
  position:relative;
  gap:0;
  isolation:isolate;
}
.cms-block--hr-help .hr-help__portrait-wrap {
  z-index:1;
}
.cms-block--hr-help .hr-help__specialist-copy {
  position:relative;
  z-index:3;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:11px;
  row-gap:3px;
  width:100%;
  max-width:322px;
  margin:-26px 0 0;
  padding:13px 14px;
  border:1px solid rgba(23,23,23,.085);
  border-radius:17px;
  background:#fff;
  box-shadow:0 12px 32px rgba(26,26,26,.11);
  text-align:left;
}
.cms-block--hr-help .hr-help__specialist-copy::before {
  content:"";
  grid-column:1;
  grid-row:1 / 3;
  display:block;
  width:40px;
  height:40px;
  border-radius:12px;
  background-color:#fff2bc;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171717' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.4 12a8.6 8.6 0 0 1 17.2 0'/%3E%3Crect x='2.5' y='11' width='3.8' height='7' rx='1.6'/%3E%3Crect x='17.7' y='11' width='3.8' height='7' rx='1.6'/%3E%3Cpath d='M19.4 18a5 5 0 0 1-5 3H12'/%3E%3C/svg%3E");
  background-position:center;
  background-repeat:no-repeat;
  background-size:23px 23px;
}
.cms-block--hr-help .hr-help__specialist-copy strong {
  grid-column:2;
  grid-row:1;
  min-width:0;
  margin:0;
  font-size:14px;
  line-height:1.26;
  text-align:left;
}
.cms-block--hr-help .hr-help__specialist-copy small {
  grid-column:2;
  grid-row:2;
  min-width:0;
  margin:0;
  font-size:12px;
  line-height:1.4;
  text-align:left;
}
@media(max-width:680px){
  .cms-block--hr-help .hr-help__specialist-copy {
    max-width:300px;
    margin-top:-22px;
    padding:11px 12px;
    grid-template-columns:38px minmax(0,1fr);
    column-gap:10px;
  }
  .cms-block--hr-help .hr-help__specialist-copy::before {
    width:38px;
    height:38px;
  }
}

/* DEPLOY197_HR_MOBILE_PORTRAIT_ORDER: mobile visual order is
   heading -> portrait and specialist card -> description -> application CTA.
   Desktop styles and the source HTML/Page Builder data are unchanged. */
@media (max-width:680px) {
  .cms-block--hr-help .hr-help__panel {
    grid-template-columns:minmax(0,1fr);
    align-items:stretch;
    row-gap:18px;
  }
  /* Expose the text children as CSS grid items, without duplicating content. */
  .cms-block--hr-help .hr-help__copy {
    display:contents;
  }
  .cms-block.cms-block--cta.cms-block--hr-help .hr-help__copy h2 {
    grid-column:1;
    grid-row:1;
    margin:0 0 2px!important;
  }
  .cms-block--hr-help .hr-help__visual {
    grid-column:1;
    grid-row:2;
    justify-self:center;
    align-self:center;
    width:100%;
    max-width:100%;
    margin:0;
  }
  .cms-block--hr-help .hr-help__copy .hr-help__description {
    grid-column:1;
    grid-row:3;
    min-width:0;
    margin:0;
  }
  .cms-block--hr-help .hr-help__copy .hr-help__cta {
    grid-column:1;
    grid-row:4;
    width:100%;
    margin-top:2px;
  }
}