/* ============================================================
   Careers — VERBATIM copy of the <style> block in the
   export's ui_kits/careers/index.html. Do not hand-edit: keep it
   diffable against a future export.
   ============================================================ */
html,body{margin:0;padding:0}

a{color:var(--fa-purple)}a:hover{color:var(--fa-ink)}
.cr-page a{text-decoration:none}

/* 1 — "Future careers" hero/marquee styles now live in shared ../site/future-careers.css */

/* 2 — Who we are */
.cr-who{padding:120px 0}
.cr-who__body{max-width:926px;margin:0 auto;text-align:center;font-family:"Epilogue",var(--font-body);font-weight:400;font-size:32px;line-height:1.3;letter-spacing:-.96px;color:#050E1E;text-wrap:pretty}
.cr-who__body+.cr-who__body{margin-top:1.3em}
.cr-who__body b{font-weight:600}

/* 3 — Currently looking for */
.cr-look{padding:0 0 120px}
.cr-look__h{margin:0 0 32px;font-family:var(--font-display);font-weight:var(--fw-halbfett);font-size:48px;line-height:1.1;letter-spacing:-.03em;color:var(--fa-ink)}
.cr-job{display:block;border-top:1px solid #050E1E;background:#FFFFFF;transition:background 300ms ease,padding 280ms ease;padding:24px 0}
.cr-look__list .cr-job:last-child{border-bottom:1px solid #050E1E}
.cr-job__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.cr-job__l{display:flex;flex-direction:column;gap:6px}
.cr-job__t{font-family:var(--font-display);font-weight:var(--fw-kraftig);font-size:32px;line-height:1.1;letter-spacing:-.96px;color:#050E1E}
.cr-job__sub{font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.4;color:rgba(5,14,30,.6)}
.cr-job__cta{display:inline-flex;align-items:center;gap:8px;flex:none;font-family:var(--font-display);font-weight:var(--fw-halbfett);font-size:16px;letter-spacing:-.16px;color:#050E1E;opacity:0;transform:translateX(20px);transition:opacity 300ms ease,transform 300ms ease}
.cr-job:hover{background:#FCEB4E;padding-left:32px;padding-right:32px}
.cr-job:hover .cr-job__cta{opacity:1;transform:translateX(0)}
.cr-job--ph{opacity:.55}
.cr-job--ph .cr-job__t{font-weight:var(--fw-buch)}

/* 4 — Quote band */
.cr-quote{padding:0 0 120px}
.cr-quote__t{max-width:926px;margin:0 auto;text-align:center;font-family:"Epilogue",var(--font-body);font-weight:400;font-size:32px;line-height:1.3;letter-spacing:-.96px;color:#050E1E;text-wrap:pretty}
.cr-quote__t b{font-weight:600}

/* 5 — Why work with us */
.cr-why{padding:120px 0;background:#50DDA4}
.cr-why__inner{display:grid;grid-template-columns:390px 1fr;gap:80px;align-items:start}
.cr-why__title{margin:0 0 20px;font-family:var(--font-display);font-weight:var(--fw-halbfett);font-size:40px;line-height:1.1;letter-spacing:-1.2px;color:#050E1E}
.cr-why__p{margin:0;font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.5;color:#050E1E;text-wrap:pretty}
.cr-princ{display:grid;grid-template-columns:1fr 1fr;gap:40px 80px}
.cr-princ__item{display:flex;flex-direction:column;gap:16px}
.cr-princ__icon{width:64px;height:64px;display:block}
.cr-princ__icon img{display:block;width:100%;height:100%;object-fit:contain}
.cr-princ__h{margin:0;font-family:var(--font-display);font-weight:var(--fw-halbfett);font-size:20px;line-height:1.1;color:#050E1E}
.cr-princ__b{margin:0;font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.4;color:rgba(5,14,30,.7)}
.cr-collage{display:flex;flex-direction:column;gap:20px;margin-top:80px}
.cr-collage__row{display:flex;gap:20px}
.cr-collage__row img{display:block;width:100%;height:400px;object-fit:cover;object-position:center 20%}
.cr-collage__row .cr-c-wide{flex:1.5}
.cr-collage__row .cr-c-narrow{flex:1}

/* 6 — Application form (reused contact/form pattern) */
.ld-contact{padding:120px 0;background:#FFFFFF}
.ld-contact .fa-container{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.ld-contact__row{grid-column:2 / 12;display:flex;gap:139px;align-items:stretch}
.ld-info{flex:0 0 453px;max-width:453px;padding-top:40px;display:flex;flex-direction:column;gap:28px}
.ld-info__h{margin:0;font-family:var(--font-display);font-weight:var(--fw-halbfett);font-size:32px;line-height:1.1;letter-spacing:-.64px;color:#050E1E}
.ld-info__p{margin:0;font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.5;color:#050E1E;max-width:400px}
.ld-field{display:flex;flex-direction:column;gap:8px}
.ld-field__label{font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.4;color:rgba(5,14,30,.6)}
.ld-field__val{font-family:"Epilogue",var(--font-body);font-weight:500;font-size:20px;line-height:1.4;color:#050E1E}
.ld-socials{display:flex;gap:16px}
.ld-social{width:32px;height:32px;display:inline-flex;transition:opacity 200ms ease}
.ld-social:hover{opacity:.85}
.ld-social img{display:block;width:100%;height:100%}
.ld-form{flex:1 1 auto;min-width:0;background:#050E1E;padding:40px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}
.ld-form__h{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--fw-halbfett);font-size:32px;line-height:1.1;letter-spacing:-.64px;color:#FFFFFF}
.ld-form__group{display:flex;flex-direction:column;gap:8px}
.ld-form__label{font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.4;color:#FFFFFF}
.ld-form__input{height:48px;background:#FFFFFF;border:0;border-radius:0;padding:0 14px;font-family:"Epilogue",var(--font-body);font-size:16px;color:#050E1E;box-sizing:border-box;width:100%}
.ld-form__input--area{height:120px;padding:12px 14px;resize:vertical}
.cr-radio{display:flex;gap:40px;flex-wrap:wrap}
.cr-radio label{display:inline-flex;align-items:center;gap:10px;font-family:"Epilogue",var(--font-body);font-weight:500;font-size:16px;color:#FFFFFF;cursor:pointer}
.cr-radio input{appearance:none;-webkit-appearance:none;margin:0;flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #FFFFFF;background:transparent;cursor:pointer;position:relative}
.cr-radio input:checked{border-color:#FCEB4E}
.cr-radio input:checked::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#FCEB4E}
.cr-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed rgba(255,255,255,.3);height:140px;padding:0 20px;text-align:center;font-family:"Epilogue",var(--font-body);font-weight:500;font-size:16px;color:#FFFFFF;cursor:pointer;transition:border-color 150ms ease,color 150ms ease}
.cr-drop:hover{border-color:rgba(255,255,255,.6)}
.ld-form__submit{display:inline-flex;align-items:center;justify-content:center;height:52px;background:#5939F5;color:#FFFFFF;border:0;border-radius:0;font-family:var(--font-display);font-weight:var(--fw-halbfett);font-size:18px;letter-spacing:-.18px;cursor:pointer;margin-top:4px;transition:background 150ms ease}
.ld-form__submit:hover{background:#4527d4;color:#FFFFFF}

/* Tablet */
@media (max-width:1199px){
  .cr-hero{padding:112px 0 40px}
  .cr-hero__title{font-size:52px}
  .cr-who,.cr-why{padding:80px 0}
  .cr-look,.cr-quote{padding:0 0 80px}
  .cr-quote__t{font-size:24px}
  .cr-job__cta{opacity:1;transform:none}
  .cr-job:hover{background:#FFFFFF}
  .cr-why__inner{grid-template-columns:1fr;gap:40px}
  .ld-contact{padding:80px 0}
  .ld-contact__row{gap:48px}
}
@media (max-width:900px){
  .ld-contact__row{grid-column:1 / -1;flex-direction:column;gap:40px}
  .ld-info{flex:none;max-width:none;width:100%}
  .ld-form{width:100%}
}
/* Mobile */
@media (max-width:599px){
  .cr-who,.cr-why{padding:60px 0}
  .cr-look,.cr-quote{padding:0 0 60px}
  .cr-look__h{font-size:34px}
  .cr-job{padding:28px 0}
  .cr-job__inner{flex-direction:column;align-items:flex-start;gap:16px}
  .cr-job__t{font-size:26px}
  .cr-princ{grid-template-columns:1fr}
  .cr-collage__row{flex-direction:column}
  .cr-collage__row img{height:auto;aspect-ratio:3/2}
  .ld-contact{padding:60px 0}
}

/* Give applications the larger column within the standard page gutters. */
.cr-apply .fa-container{display:block}
.cr-apply .ld-contact__row{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(32px,5vw,80px);width:100%}
.cr-apply .ld-info{max-width:none;min-width:0;flex:auto}
.cr-apply .ld-field__val{overflow-wrap:anywhere}
.cr-apply .ld-form{width:100%;padding:clamp(24px,3.4vw,48px)}
@media(max-width:767px){.cr-apply .ld-contact__row{grid-template-columns:1fr;gap:32px}.cr-apply .ld-info{padding-top:0}}