/* BOOTIES Recruitment master visual lock — approved 2026-09-17 mockup */
.hero-image:not(.has-image){
  background-image:url('./assets/recruitment-master.webp?v=2')!important;
  background-repeat:no-repeat!important;
  background-size:auto 800%!important;
  background-position:right 0%!important;
}
.job-image:not(.has-image){
  background-image:url('./assets/recruitment-master.webp?v=2')!important;
  background-repeat:no-repeat!important;
  background-size:100% 800%!important;
}
.job:nth-child(1) .job-image:not(.has-image){background-position:center 14.2857%!important}
.job:nth-child(2) .job-image:not(.has-image){background-position:center 28.5714%!important}
.job:nth-child(3) .job-image:not(.has-image){background-position:center 42.8571%!important}
.job:nth-child(4) .job-image:not(.has-image){background-position:center 57.1429%!important}
.job:nth-child(5) .job-image:not(.has-image){background-position:center 71.4286%!important}
.why-image:not(.has-image){
  background-image:url('./assets/recruitment-master.webp?v=2')!important;
  background-repeat:no-repeat!important;
  background-size:auto 800%!important;
  background-position:center 85.7143%!important;
}
.cta-image:not(.has-image){
  background-image:url('./assets/recruitment-master.webp?v=2')!important;
  background-repeat:no-repeat!important;
  background-size:auto 800%!important;
  background-position:right 100%!important;
}
.brand-panel{
  position:relative;
  min-height:354px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 80% 25%,rgba(11,140,255,.10),transparent 38%),
    linear-gradient(135deg,#f8fbfe 0%,#fff 58%,#eef7ff 100%)!important;
  border:1px solid #e7eef5;
}
.brand-panel:before{
  content:"";
  position:absolute;
  inset:-20% -10%;
  background:linear-gradient(115deg,transparent 0 55%,rgba(11,140,255,.045) 55% 66%,transparent 66%);
  pointer-events:none;
}
.brand-panel-copy{position:relative;z-index:2;text-align:center;padding:28px;display:grid;gap:18px}
.brand-panel-copy strong{
  display:block;
  max-width:360px;
  font-family:"Segoe Script","Brush Script MT",cursive;
  font-size:44px;
  line-height:1.08;
  font-weight:600;
  color:#153d91;
  transform:rotate(-6deg);
}
.brand-panel-copy span{font-size:10px;font-weight:900;letter-spacing:.18em;color:#9aabba}
.brand-panel.has-image{background-color:#f8fbfe!important;background-position:center!important;background-size:cover!important}
.brand-panel.has-image .brand-panel-copy{background:rgba(255,255,255,.76);border-radius:12px;backdrop-filter:blur(5px)}
.empty{grid-column:1/-1;padding:42px;text-align:center;color:#7b8797;border:1px solid #e4ebf2;border-radius:12px;background:#f8fbfe}
.footer-social a[hidden]{display:none!important}
@media(max-width:760px){
  .hero-image:not(.has-image){background-size:auto 800%!important;background-position:center 0%!important}
  .brand-panel{min-height:260px}
  .brand-panel-copy strong{font-size:38px}
}