/* Optional Image Studio editorial photographs. Hidden entirely until configured. */
.renew-editorial-photo { position:relative; width:min(1080px,calc(100% - 48px)); margin:clamp(48px,7vw,100px) auto; isolation:isolate; }
.renew-editorial-photo::before {content:"";position:absolute;inset:-14px 10% 14px -15px;border-radius:46% 54% 41% 59%/50% 42% 58% 50%;background:rgba(152,170,157,.20);z-index:-1;}
.renew-editorial-photo-frame {overflow:hidden; height:clamp(240px,32vw,410px);border-radius:105px 42px 105px 42px;background:#e4e8dc;box-shadow:0 20px 55px rgba(57,77,65,.10);}
.renew-editorial-photo img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s ease;}
.renew-editorial-photo.ris-hover-zoom:hover img {transform:scale(1.06)!important;}
.renew-editorial-photo--faq {width:min(900px,calc(100% - 48px));}
.renew-editorial-photo--faq .renew-editorial-photo-frame {height:clamp(220px,26vw,320px);border-radius:38px 100px 38px 100px;}
.renew-editorial-photo--contact {margin-top:34px;margin-bottom:55px;}
.renew-editorial-photo--careers {width:min(860px,100%);margin:35px auto 65px;}
.renew-editorial-photo--careers .renew-editorial-photo-frame {height:clamp(220px,30vw,360px);}
@media(max-width:700px){.renew-editorial-photo,.renew-editorial-photo--faq{width:calc(100% - 28px);margin:42px auto;}.renew-editorial-photo-frame,.renew-editorial-photo--faq .renew-editorial-photo-frame{height:240px;border-radius:52px 26px 52px 26px;}.renew-editorial-photo::before{inset:-9px 6% 9px -8px;}.renew-editorial-photo--careers{width:100%;}}
@media(prefers-reduced-motion:reduce){.renew-editorial-photo img{transition:none;}}

/* Temporary theme photographs, replaced automatically by Image Studio selections. */
.renew-editorial-photo--default .renew-editorial-photo-frame img {object-position:center; }
.renew-editorial-photo--faq.renew-editorial-photo--default img { object-position:center 60%; }

/* Consistent image editing: Image Studio crop and zoom are applied on the
   photo, while the theme owns its subtle framing. */
.renew-editorial-photo-frame {position:relative; isolation:isolate;}
.renew-editorial-photo-frame img {
  object-position:var(--renew-crop-position,50% 50%) !important;
  transform:scale(var(--renew-crop-zoom,1));
  transform-origin:var(--renew-crop-position,50% 50%);
  transition:filter .35s ease;
}
.renew-editorial-photo.ris-hover-zoom:hover .renew-editorial-photo-frame img,
.renew-editorial-photo.ris-hover-float:hover .renew-editorial-photo-frame img {filter:brightness(1.035);}
.renew-editorial-photo--default .renew-editorial-photo-frame img,
.renew-editorial-photo--faq.renew-editorial-photo--default img {
  object-position:var(--renew-crop-position,50% 50%) !important;
}
@media(prefers-reduced-motion:reduce){.renew-editorial-photo-frame img{transition:none;}}

/* Page-specific proportional photography: October 2026 refinement.
   Keep Image Studio image selection/crop untouched; only size and breathing
   room around the frames are controlled here. */
body .renew-editorial-photo.renew-editorial-photo--contact {
  box-sizing: border-box;
  width: min(760px, calc(100% - 64px)) !important;
  max-width: 760px !important;
  margin: clamp(72px, 7vw, 106px) auto clamp(46px, 5vw, 76px) !important;
}
body .renew-editorial-photo--contact .renew-editorial-photo-frame {
  box-sizing: border-box;
  height: clamp(235px, 24vw, 310px) !important;
  max-height: 310px !important;
  min-height: 0 !important;
  border-radius: 72px 36px 72px 36px;
}
body .renew-editorial-photo.renew-editorial-photo--careers {
  box-sizing: border-box;
  width: min(860px, calc(100% - 56px)) !important;
  margin: clamp(36px, 4vw, 58px) auto clamp(48px, 5vw, 72px) !important;
}
body .renew-editorial-photo--careers .renew-editorial-photo-frame {
  height: clamp(250px, 27vw, 350px) !important;
  min-height: 0 !important;
}
@media (max-width: 700px) {
  body .renew-editorial-photo.renew-editorial-photo--contact {
    width: calc(100% - 40px) !important;
    margin: 48px auto 42px !important;
  }
  body .renew-editorial-photo--contact .renew-editorial-photo-frame {
    height: clamp(185px, 52vw, 260px) !important;
    border-radius: 42px 24px 42px 24px;
  }
  body .renew-editorial-photo.renew-editorial-photo--careers {
    width: calc(100% - 32px) !important;
    margin: 24px auto 42px !important;
  }
  body .renew-editorial-photo--careers .renew-editorial-photo-frame {
    height: clamp(205px, 58vw, 290px) !important;
  }
}

/* Shared inner-page image rhythm: both editorial introductions begin at the
   same distance below the shared navigation, while their text has a comfortable gap. */
body .renew-editorial-photo.renew-editorial-photo--careers,
body .renew-editorial-photo.renew-editorial-photo--contact {
  margin-top: clamp(64px, 6vw, 92px) !important;
}
/* The careers image now precedes the padded plugin section. Avoid doubling
   its top gap without altering the job listing, title, or application form. */
body .renew-join-page.is-style-renew-section {
  padding-top: clamp(20px, 3vw, 42px);
}
@media (max-width: 700px) {
  body .renew-editorial-photo.renew-editorial-photo--careers,
  body .renew-editorial-photo.renew-editorial-photo--contact {
    margin-top: 44px !important;
  }
  body .renew-join-page.is-style-renew-section {
    padding-top: 20px;
  }
}
