/* Careers page */

.careerspage .ab-hero .bg{background:url('hero-careers.jpg') center 52%/cover}
/* deeper top scrim so the headline holds over the sky */
.careerspage .ab-hero .scrim{background:
  radial-gradient(58% 46% at 50% 50%,rgba(10,9,7,.62) 0%,rgba(10,9,7,.34) 58%,rgba(10,9,7,0) 100%),
  linear-gradient(180deg,rgba(10,9,7,.6) 0%,rgba(10,9,7,.26) 34%,rgba(10,9,7,.06) 60%),
  linear-gradient(0deg,rgba(10,9,7,.4) 0%,rgba(10,9,7,0) 24%)}
.careerspage .ab-hero .hero-line{font-family:var(--serif);font-weight:300;
  font-size:clamp(2.1rem,4.4vw,3.9rem);line-height:1.08;letter-spacing:-.02em;
  margin:0 auto;max-width:26ch;color:var(--cream);text-shadow:0 2px 26px rgba(0,0,0,.5)}
.careerspage .ab-hero .hero-line .it{font-style:italic;color:var(--burnt-bright)}
/* headline centred in the banner */
.careerspage .ab-hero{display:flex;align-items:center}
.careerspage .ab-hero .aw{padding-top:0;padding-bottom:0}

/* role heading badge */
.job-tag{display:inline-flex;align-items:center;gap:.6rem;margin:0 auto 1.4rem;
  font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--burnt);border:1px solid rgba(194,85,29,.35);border-radius:999px;padding:.5rem 1.1rem}
.job-tag i{width:6px;height:6px;border-radius:50%;background:var(--burnt-bright);font-style:normal}

/* key facts strip */
.job-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(24,18,12,.1);
  border:1px solid rgba(24,18,12,.1);margin:3rem auto 0;text-align:center}
.job-fact{background:#fff;padding:1.9rem 1.2rem}
.tint .job-fact{background:var(--tint)}
.job-fact .k{display:block;font-family:var(--sans);font-size:.66rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:#8a7862;margin-bottom:.7rem}
.job-fact .v{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(1.05rem,1.6vw,1.35rem);
  line-height:1.3;color:#1b1610}
.job-fact .v em{font-style:italic;color:var(--burnt)}
.job-fact .v.amt{white-space:nowrap;font-size:clamp(1rem,1.45vw,1.3rem)}
.job-fact .sub{display:block;margin-top:.45rem;font-family:var(--serif);font-style:italic;
  font-size:.95rem;color:var(--burnt)}

/* what the role covers */
.role-list{list-style:none;margin:2.8rem auto 0;padding:0;max-width:64ch;text-align:left}
.role-list li{position:relative;padding:1.15rem 0 1.15rem 2.2rem;border-bottom:1px solid rgba(24,18,12,.1);
  color:#4a4038;line-height:1.7}
.role-list li:first-child{border-top:1px solid rgba(24,18,12,.1)}
.role-list li::before{content:"";position:absolute;left:.45rem;top:1.68rem;width:6px;height:6px;border-radius:50%;background:var(--burnt)}
.role-list li strong{display:block;font-family:var(--serif);font-weight:500;font-size:1.15rem;
  color:#1b1610;margin-bottom:.3rem}

/* apply block */
.apply-sec{background:#12100c;color:var(--cream);text-align:center}
.apply-sec .eyebrow{color:var(--burnt-bright)}
.apply-sec h2{color:var(--cream)}
.apply-sec h2 .it{font-style:italic;color:var(--burnt-bright)}
.apply-mail{display:inline-block;margin:2rem auto 0;font-family:var(--serif);font-weight:300;
  font-size:clamp(1.3rem,2.6vw,2.1rem);color:var(--cream);text-decoration:none;
  border-bottom:1px solid rgba(219,106,42,.6);padding-bottom:.3rem;transition:color .3s,border-color .3s}
.apply-mail:hover{color:var(--burnt-bright);border-color:var(--burnt-bright)}
.apply-note{margin:1.8rem auto 0;max-width:52ch;color:#cec0ad;line-height:1.75}
.apply-close{margin:2.4rem auto 0;font-family:var(--sans);font-size:.72rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--burnt-bright)}

@media(max-width:860px){
  .job-facts{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .job-facts{grid-template-columns:1fr}
}