/* Careers page (/careers, /careers/{role}): deep green and black, a gold
   accent, a serif display face for headings, generous space. */
.cr-page{--cr-ink:#0f1512;--cr-muted:#5d6a63;--cr-line:#e6e2d8;--cr-paper:#faf8f3;
  --cr-green:#0b6b3f;--cr-green-2:#22A55A;--cr-gold:#c8a96a;--cr-gold-2:#e2c88e;--cr-night:#07110c;
  --cr-serif:"Fraunces",Georgia,"Times New Roman",serif;
  color:var(--cr-ink);background:var(--cr-paper);padding-bottom:88px;
  /* Edge to edge, whatever container the layout puts the page in. */
  width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
html:has(.cr-page),body:has(.cr-page){overflow-x:clip}
.cr-wrap{max-width:1120px;margin:0 auto;padding:0 24px}
@media(max-width:480px){.cr-wrap{padding:0 16px}}

/* Hero: full-bleed, whatever container the page sits in. */
.cr-hero{position:relative;color:#fff;padding:34px 0 72px;
  background:
    radial-gradient(60% 80% at 88% 8%,rgba(200,169,106,.20),transparent 60%),
    radial-gradient(70% 90% at 0% 100%,rgba(34,165,90,.18),transparent 60%),
    linear-gradient(160deg,#0d2219 0%,var(--cr-night) 70%);
  border-bottom:1px solid rgba(200,169,106,.35)}
.cr-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;mask-image:linear-gradient(180deg,#000,transparent 85%)}
.cr-hero .cr-wrap{position:relative;z-index:1}
.cr-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#93a99c;margin-bottom:40px}
.cr-crumbs a{color:#c7d6cd;text-decoration:none}
.cr-crumbs a:hover{color:#fff}
.cr-kicker,.cr-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:12px;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--cr-gold)}
.cr-kicker::before,.cr-eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
.cr-hero h1{margin:0 0 20px;font-family:var(--cr-serif);font-weight:500;font-size:clamp(34px,5.6vw,64px);line-height:1.05;
  letter-spacing:-.01em;max-width:820px;text-wrap:balance}
.cr-lead{margin:0 0 30px;font-size:18px;line-height:1.7;color:#cfdcd4;max-width:640px}
.cr-facts{display:flex;flex-wrap:wrap;gap:0;margin:0 0 30px;padding:0;list-style:none;max-width:860px;
  border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.cr-facts li{flex:1 1 200px;padding:16px 20px 16px 0;font-size:15px;font-weight:600;color:#fff;line-height:1.45}
.cr-facts li+li{padding-left:20px;border-left:1px solid rgba(255,255,255,.14)}
.cr-facts span{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#93a99c}
@media(max-width:640px){.cr-facts li{flex-basis:100%;padding:12px 0}.cr-facts li+li{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}}
.cr-notice{display:flex;gap:12px;align-items:flex-start;max-width:640px;margin:0 0 32px;padding:14px 18px;border-radius:14px;
  background:rgba(200,169,106,.08);border:1px solid rgba(200,169,106,.35)}
.cr-notice svg{flex:0 0 auto;color:var(--cr-gold-2);margin-top:1px}
.cr-notice p{margin:0;font-size:14.5px;line-height:1.6;color:#e7eee9}
.cr-notice strong{color:#fff}
.cr-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.cr-link{color:#fff;font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid var(--cr-gold);padding-bottom:3px}
.cr-link:hover{color:var(--cr-gold-2)}

.cr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;border-radius:999px;border:0;
  background:linear-gradient(135deg,var(--cr-gold-2),var(--cr-gold));color:#14110a;font:inherit;font-size:16px;font-weight:700;
  letter-spacing:.01em;text-decoration:none;cursor:pointer;box-shadow:0 12px 30px -14px rgba(200,169,106,.8);transition:transform .15s,box-shadow .15s}
.cr-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px -14px rgba(200,169,106,.95)}
.cr-btn:focus-visible{outline:3px solid var(--cr-gold-2);outline-offset:3px}
.cr-btn--ghost{background:transparent;color:var(--cr-green);border:1.5px solid var(--cr-green);box-shadow:none}

/* Sections */
.cr-roles,.cr-role,.cr-perks{padding:88px 0 0}
.cr-page h2{font-family:var(--cr-serif);font-weight:500;font-size:clamp(28px,3.6vw,42px);line-height:1.12;margin:0 0 36px;max-width:720px;text-wrap:balance}
.cr-roles .cr-eyebrow,.cr-perks .cr-eyebrow,.cr-apply .cr-eyebrow{color:#9a7a3c}

.cr-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:980px){.cr-role-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cr-role-grid{grid-template-columns:1fr}}
.cr-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 24px 24px;border:1px solid var(--cr-line);border-radius:18px;
  background:#fff;color:inherit;text-decoration:none;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.cr-card::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--cr-gold),var(--cr-green-2));
  transform:scaleX(0);transform-origin:left;transition:transform .3s}
.cr-card:hover,.cr-card:focus-visible{border-color:#d9cba8;box-shadow:0 22px 44px -28px rgba(15,21,18,.45);transform:translateY(-4px)}
.cr-card:hover::before,.cr-card:focus-visible::before{transform:scaleX(1)}
.cr-card-num{position:absolute;top:18px;right:22px;font-family:var(--cr-serif);font-size:30px;color:#e9e1cf;line-height:1}
.cr-card-ico{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--cr-night);color:var(--cr-gold-2)}
.cr-card-title{font-family:var(--cr-serif);font-size:22px;font-weight:500;line-height:1.2;margin-top:6px}
.cr-card-text{font-size:14.5px;line-height:1.65;color:var(--cr-muted);flex:1}
.cr-card-more{font-size:14px;font-weight:700;color:var(--cr-green);letter-spacing:.01em}

.cr-role{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cr-role-col{padding:30px;border:1px solid var(--cr-line);border-radius:18px;background:#fff}
.cr-role-col h2{font-size:26px;margin-bottom:16px}
.cr-role ul{margin:0;padding:0;list-style:none}
.cr-role li{position:relative;padding:0 0 12px 28px;line-height:1.6;font-size:15.5px}
.cr-role li::before{content:"";position:absolute;left:0;top:.6em;width:14px;height:1.5px;background:var(--cr-gold)}
.cr-role-meta{grid-column:1/-1;margin:4px 0 0;color:var(--cr-muted);font-size:14.5px}
.cr-role-meta a{color:var(--cr-green);font-weight:700}
@media(max-width:760px){.cr-role{grid-template-columns:1fr}}

.cr-perk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--cr-line)}
@media(max-width:980px){.cr-perk-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cr-perk-grid{grid-template-columns:1fr}}
.cr-perk{padding:28px 26px 8px 0}
.cr-perk svg{color:#9a7a3c}
.cr-perk h3{margin:14px 0 8px;font-family:var(--cr-serif);font-weight:500;font-size:21px}
.cr-perk p{margin:0;color:var(--cr-muted);line-height:1.65;font-size:15px}

/* Application */
.cr-apply{margin-top:88px;padding:56px 56px 48px;border-radius:26px;background:#fff;border:1px solid var(--cr-line);
  box-shadow:0 40px 80px -60px rgba(15,21,18,.55);scroll-margin-top:110px}
@media(max-width:700px){.cr-apply{padding:30px 18px;border-radius:20px;margin-top:64px}}
.cr-apply h2{margin-bottom:12px}
.cr-sub{margin:0 0 34px;color:var(--cr-muted);font-size:15px;line-height:1.65;max-width:640px}
.cr-req{color:#b23a2f;font-weight:700}
.cr-alert{margin:0 0 24px;padding:14px 16px;border-radius:12px;background:#fbefed;color:#8e1c12;font-weight:600;font-size:14.5px;border:1px solid #f0cfca}

.cr-step{border:0;margin:0 0 34px;padding:0 0 30px;border-bottom:1px solid var(--cr-line);min-width:0}
.cr-step[hidden]{display:none}
.cr-step legend{display:flex;align-items:center;gap:14px;padding:0;margin-bottom:16px;font-family:var(--cr-serif);font-size:23px;font-weight:500}
.cr-step legend span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--cr-gold);
  color:#9a7a3c;font-family:inherit;font-size:15px;font-weight:600}
.cr-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}
@media(max-width:640px){.cr-grid{grid-template-columns:1fr}}
.cr-label{display:block;margin:16px 0 8px;font-size:14px;font-weight:600;letter-spacing:.01em;line-height:1.45;color:#26302b}
.cr-form input[type=text],.cr-form input:not([type]),.cr-form input[type=email],.cr-form input[type=tel],
.cr-form input[type=date],.cr-form select,.cr-form textarea{width:100%;box-sizing:border-box;min-height:52px;padding:13px 16px;
  border:1px solid #d9d4c8;border-radius:12px;background:#fdfcf9;font:inherit;font-size:16px;color:var(--cr-ink);transition:border-color .15s,box-shadow .15s,background .15s}
.cr-form textarea{min-height:120px;resize:vertical;line-height:1.55}
.cr-form input:focus,.cr-form select:focus,.cr-form textarea:focus{outline:none;background:#fff;border-color:var(--cr-green);box-shadow:0 0 0 4px rgba(11,107,63,.12)}
.cr-form [aria-invalid=true]{border-color:#b23a2f;background:#fffafa}
.cr-err{margin:7px 0 0;color:#b23a2f;font-size:13.5px;font-weight:600}

.cr-chips{display:flex;flex-wrap:wrap;gap:10px}
.cr-chip{position:relative;display:inline-flex}
.cr-chip{cursor:pointer}
/* The pill takes the tap; the label passes it to the hidden input. */
.cr-chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;pointer-events:none}
.cr-chip span{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border:1px solid #d9d4c8;border-radius:999px;
  font-size:15px;font-weight:600;background:#fdfcf9;transition:background .15s,border-color .15s,color .15s}
.cr-chip:hover span{border-color:#b9ad8f}
.cr-chip input:checked+span{background:var(--cr-night);border-color:var(--cr-night);color:var(--cr-gold-2)}
.cr-chip input:focus-visible+span{outline:3px solid rgba(200,169,106,.55);outline-offset:2px}
.cr-yn+.cr-yn{margin-top:6px}

.cr-consent{padding:18px 20px;border-radius:14px;background:var(--cr-paper);border:1px solid var(--cr-line)}
.cr-consent label{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.6;cursor:pointer}
.cr-consent input{width:20px;height:20px;margin-top:2px;flex:0 0 auto;accent-color:var(--cr-green)}
.cr-submit{margin-top:28px;width:100%;max-width:360px}
@media(max-width:600px){.cr-submit{max-width:none}}
.cr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.cr-thanks{text-align:center;padding:20px 0}
.cr-thanks svg{width:56px;height:56px;color:var(--cr-gold)}
.cr-thanks h2{margin:14px auto 12px}
.cr-thanks p{max-width:520px;margin:0 auto 26px;color:var(--cr-muted);line-height:1.65}

/* Compact form: each yes/no question sits on one row with its answers, and
   the spacing is tightened so the whole form reads shorter. */
.cr-apply{padding-top:44px;padding-bottom:40px}
.cr-sub{margin-bottom:24px}
.cr-step{margin-bottom:22px;padding-bottom:20px}
.cr-step legend{margin-bottom:6px;font-size:21px}
.cr-step legend span{width:30px;height:30px;font-size:14px}
.cr-label{margin:12px 0 6px}
.cr-form input[type=text],.cr-form input:not([type]),.cr-form input[type=email],.cr-form input[type=tel],
.cr-form input[type=date],.cr-form select{min-height:48px;padding:11px 14px}
.cr-form textarea{min-height:92px}
.cr-chips{gap:8px}
.cr-chip span{min-height:40px;padding:0 16px;font-size:14.5px}

.cr-driver .cr-yn-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:4px}
.cr-yn{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--cr-line);flex-wrap:wrap}
.cr-yn+.cr-yn{margin-top:0}
.cr-yn .cr-label{margin:0;flex:1 1 0;min-width:0}
.cr-yn .cr-chips{flex:0 0 auto;flex-wrap:nowrap}
.cr-yn .cr-chip span{min-width:58px;justify-content:center}
.cr-yn .cr-err{flex-basis:100%;margin-top:0}
@media(max-width:820px){.cr-driver .cr-yn-list{grid-template-columns:1fr}}
@media(max-width:380px){.cr-yn .cr-chip span{min-width:50px;padding:0 12px}}

/* Shifts and experience share one row on wider screens. */
.cr-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
@media(max-width:820px){.cr-pair{grid-template-columns:1fr}}
/* Phones: multi-choice pills in an even two-column grid. */
@media(max-width:560px){
  .cr-step > .cr-chips{display:grid;grid-template-columns:1fr 1fr}
  .cr-step > .cr-chips .cr-chip span{width:100%;justify-content:center;text-align:center}
}