/* =========================================================
   TRIMWORKS — CAREERS
   Page: /careers/
   ========================================================= */

.tw-careers-page {
  --car-navy:var(--trim-navy,#061728);
  --car-red:var(--trim-red,#e30620);
  --car-off:var(--trim-off-white,#f2f5f7);
  --car-g100:var(--trim-gray-100,#e8edf1);
  --car-g300:var(--trim-gray-300,#c9cfd4);
  --car-g600:var(--trim-gray-600,#69737c);
  --car-text:var(--trim-charcoal,#20262b);
  --car-head:var(--trim-heading,"Oswald",Arial,sans-serif);
  --car-body:var(--trim-body,"Helvetica Neue",Helvetica,Arial,sans-serif);
  color:var(--car-text);
  font-family:var(--car-body);
  overflow:hidden;
}

.tw-careers-page *,
.tw-careers-page *::before,
.tw-careers-page *::after { box-sizing:border-box; }

.tw-careers-container {
  width:min(calc(100% - 96px),1240px);
  margin-inline:auto;
}

.tw-careers-kicker {
  margin:0 0 16px;
  color:var(--car-red);
  font:600 .8rem/1 var(--car-head);
  letter-spacing:.14em;
  text-transform:uppercase;
}

.tw-careers-page h1,
.tw-careers-page h2,
.tw-careers-page h3,
.tw-careers-page strong { font-family:var(--car-head); }

.tw-careers-page h1,
.tw-careers-page h2,
.tw-careers-page h3 { text-transform:uppercase; }

.tw-careers-page p { line-height:1.67; }

.tw-careers-page h2 {
  margin:0;
  color:var(--car-navy);
  font-size:clamp(2.55rem,4.5vw,4.6rem);
  font-weight:600;
  line-height:.98;
  letter-spacing:-.025em;
}

.tw-careers-inline-link {
  font:600 .8rem/1.2 var(--car-head);
  text-decoration:none;
  text-transform:uppercase;
}

/* HERO */
.tw-careers-hero {
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:650px;
  background:var(--car-navy);
  color:#fff;
}

.tw-careers-hero__content { display:flex; align-items:center; }

.tw-careers-hero__content .tw-careers-container {
  width:min(calc(100% - 96px),620px);
  margin-left:max(48px,calc((100vw - 1240px)/2));
  margin-right:48px;
}

.tw-careers-hero__copy { padding:170px 0 90px; }

.tw-careers-hero h1 {
  margin:0;
  color:#fff;
  font-size:clamp(3.5rem,5.6vw,6.3rem);
  font-weight:600;
  line-height:.92;
  letter-spacing:-.04em;
}

.tw-careers-hero__lead {
  max-width:650px;
  margin:26px 0 30px;
  color:rgba(255,255,255,.76);
  font-size:clamp(1.03rem,1.3vw,1.16rem);
}

.tw-careers-hero__image {
  min-height:650px;
  background:#53616e center/cover no-repeat;
}

/* INTRO */
.tw-careers-intro {
  padding:clamp(80px,8vw,120px) 0;
  background:#fff;
}

.tw-careers-intro__grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(55px,8vw,120px);
}

.tw-careers-intro__grid > div:last-child p { color:var(--car-g600); }

.tw-careers-lead {
  margin-top:0;
  color:var(--car-text) !important;
  font-size:clamp(1.12rem,1.45vw,1.3rem);
}

/* VALUES */
.tw-careers-values {
  padding:clamp(80px,8vw,115px) 0;
  background:var(--car-off);
}

.tw-careers-values__head {
  max-width:820px;
  margin-bottom:42px;
}

.tw-careers-values__grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.tw-careers-values article {
  min-height:235px;
  padding:26px;
  background:#fff;
  border-top:4px solid var(--car-navy);
}

.tw-careers-values span {
  color:var(--car-red);
  font:600 .76rem/1 var(--car-head);
}

.tw-careers-values h3 {
  margin:42px 0 10px;
  color:var(--car-navy);
  font-size:1.3rem;
  line-height:1.05;
}

.tw-careers-values p {
  margin:0;
  color:var(--car-g600);
  font-size:.91rem;
}

/* ABOUT */
.tw-careers-about {
  padding:clamp(80px,8vw,120px) 0;
  background:var(--car-navy);
  color:#fff;
}

.tw-careers-about__grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(55px,8vw,105px);
  align-items:center;
}

.tw-careers-about__image {
  min-height:500px;
  background:#596875 center/cover no-repeat;
}

.tw-careers-about h2 { color:#fff; }

.tw-careers-about__copy > p:not(.tw-careers-kicker) {
  color:rgba(255,255,255,.7);
}

/* APPLY */
.tw-careers-apply {
  padding:clamp(80px,8vw,120px) 0;
  background:#e9edf0;
  scroll-margin-top:130px;
}

.tw-careers-apply__grid {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:clamp(55px,8vw,100px);
  align-items:start;
}

.tw-careers-apply__copy p {
  color:var(--car-g600);
}

.tw-careers-form-card {
  background:#fff;
  border-top:6px solid var(--car-red);
  padding:34px;
  box-shadow:0 18px 45px rgba(6,23,40,.09);
}

.tw-careers-form-card__head {
  margin-bottom:24px;
}

.tw-careers-form-card__head span {
  display:block;
  color:var(--car-navy);
  font:600 1.45rem/1.1 var(--car-head);
  text-transform:uppercase;
}

.tw-careers-form-card__head p {
  margin:8px 0 0;
  color:var(--car-g600);
  font-size:.92rem;
}

/* GRAVITY FORMS ID 2 */
.tw-careers-form-card .gform_wrapper,
.tw-careers-form-card .gform_wrapper.gravity-theme {
  margin:0 !important;
}

.tw-careers-form-card .gform_wrapper .gfield_label,
.tw-careers-form-card .gform_wrapper.gravity-theme .gfield_label {
  margin-bottom:7px !important;
  color:var(--car-navy) !important;
  font:600 .86rem/1.2 var(--car-head) !important;
  text-transform:uppercase;
}

.tw-careers-form-card .gform_wrapper input[type="text"],
.tw-careers-form-card .gform_wrapper input[type="email"],
.tw-careers-form-card .gform_wrapper input[type="tel"],
.tw-careers-form-card .gform_wrapper input[type="url"],
.tw-careers-form-card .gform_wrapper select,
.tw-careers-form-card .gform_wrapper textarea {
  width:100% !important;
  border:1px solid #dbe1e6 !important;
  border-radius:0 !important;
  background:#f6f8fa !important;
  color:var(--car-text) !important;
  box-shadow:none !important;
  font-family:var(--car-body) !important;
}

.tw-careers-form-card .gform_wrapper input[type="text"],
.tw-careers-form-card .gform_wrapper input[type="email"],
.tw-careers-form-card .gform_wrapper input[type="tel"],
.tw-careers-form-card .gform_wrapper input[type="url"],
.tw-careers-form-card .gform_wrapper select {
  min-height:54px !important;
  padding:0 15px !important;
}

.tw-careers-form-card .gform_wrapper textarea {
  min-height:130px !important;
  padding:14px 15px !important;
}

.tw-careers-form-card .gform_wrapper input:focus,
.tw-careers-form-card .gform_wrapper select:focus,
.tw-careers-form-card .gform_wrapper textarea:focus {
  border-color:var(--car-navy) !important;
  outline:none !important;
}

.tw-careers-form-card .gform_wrapper .gform_footer,
.tw-careers-form-card .gform_wrapper.gravity-theme .gform_footer {
  margin:20px 0 0 !important;
  padding:0 !important;
}

.tw-careers-form-card .gform_wrapper input[type="submit"],
.tw-careers-form-card .gform_wrapper .gform_button {
  min-height:52px !important;
  margin:0 !important;
  padding:0 26px !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--car-red) !important;
  color:#fff !important;
  font:600 .85rem/1 var(--car-head) !important;
  text-transform:uppercase !important;
  cursor:pointer;
}

.tw-careers-form-card .gform_wrapper input[type="submit"]:hover,
.tw-careers-form-card .gform_wrapper .gform_button:hover {
  background:#b90419 !important;
}

.tw-careers-form-card .gform_wrapper .gfield_validation_message,
.tw-careers-form-card .gform_wrapper .validation_message {
  border-radius:0 !important;
}

/* CLOSE */
.tw-careers-close {
  padding:82px 0;
  background:#fff;
}

.tw-careers-close__inner {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:50px;
}

.tw-careers-inline-link { color:var(--car-navy); }

/* RESPONSIVE */
@media (max-width:1050px) {
  .tw-careers-container {
    width:min(calc(100% - 64px),1240px);
  }

  .tw-careers-hero {
    grid-template-columns:1fr;
  }

  .tw-careers-hero__content .tw-careers-container {
    width:min(calc(100% - 64px),1240px);
    margin-inline:auto;
  }

  .tw-careers-hero__image {
    min-height:420px;
  }

  .tw-careers-intro__grid,
  .tw-careers-about__grid,
  .tw-careers-apply__grid {
    grid-template-columns:1fr;
    gap:36px;
  }

  .tw-careers-values__grid {
    grid-template-columns:1fr 1fr;
  }

  .tw-careers-about__image {
    min-height:420px;
  }
}

@media (max-width:700px) {
  .tw-careers-container {
    width:min(calc(100% - 36px),1240px);
  }

  .tw-careers-hero__content .tw-careers-container {
    width:min(calc(100% - 36px),1240px);
  }

  .tw-careers-hero__copy {
    padding:150px 0 66px;
  }

  .tw-careers-hero h1 {
    font-size:clamp(3.1rem,14vw,4.7rem);
  }

  .tw-careers-hero__image {
    min-height:320px;
  }

  .tw-careers-intro,
  .tw-careers-values,
  .tw-careers-about,
  .tw-careers-apply {
    padding:65px 0;
  }

  .tw-careers-values__grid {
    grid-template-columns:1fr;
  }

  .tw-careers-values article {
    min-height:auto;
  }

  .tw-careers-about__image {
    min-height:320px;
  }

  .tw-careers-form-card {
    padding:24px 18px;
  }

  .tw-careers-close {
    padding:68px 0;
  }

  .tw-careers-close__inner {
    flex-direction:column;
    align-items:flex-start;
  }
}