:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-983f2bc *//* ========================================================= */
/* ==================== OPEN POSITIONS ====================== */
/* ========================================================= */

.smg-open-positions-page{
  --bg:#000000;
  --fg:#ffffff;
  --surface:#0a0a0a;
  --hairline:#262626;
  --muted:#a3a3a3;
  --muted-2:#737373;
  --accent:#9c1777;
  --accent-soft:rgba(42,130,104,.18);
  --ring:rgba(255,255,255,.05);

  --font-display:"Space Grotesk",system-ui,sans-serif;
  --font-body:"DM Sans",system-ui,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,monospace;

  --container:80rem;

  background:var(--bg);
  color:var(--fg);
  font-family:var(--font-body);
}

.smg-open-positions-page *,
.smg-open-positions-page *::before,
.smg-open-positions-page *::after{
  box-sizing:border-box;
}

.smg-open-positions-page a{
  color:inherit;
  text-decoration:none;
}

.smg-open-positions-page ul{
  margin:0;
  padding-left:1.25rem;
}

.smg-open-positions-page li{
  margin:.5rem 0;
  color:var(--muted);
}

.smg-careers-container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 1.5rem;
}


/* ========================================================= */
/* HERO */
/* ========================================================= */

.smg-careers-hero{
  border-top:1px solid var(--hairline);
  border-bottom:1px solid var(--hairline);
}

.smg-careers-hero__inner{
  padding:7rem 0;
}

.smg-careers-hero__title{
  margin:0 0 1.5rem;

  font-family:var(--font-display);
  font-size:clamp(3rem,8vw,6rem);
  line-height:.95;
  letter-spacing:-.05em;
  font-weight:600;
}

.smg-careers-hero__desc{
  max-width:60ch;

  color:var(--muted);

  font-size:1.05rem;
  line-height:1.9;
}


/* ========================================================= */
/* DEPARTMENTS */
/* ========================================================= */

.smg-careers-container>h2{
  margin:5rem 0 2rem;

  padding-bottom:1rem;

  border-bottom:1px solid var(--hairline);

  font-family:var(--font-display);
  font-size:2rem;
  font-weight:600;
}


/* ========================================================= */
/* ACCORDION */
/* ========================================================= */

.smg-careers-container details{
  margin-bottom:1rem;

  border:1px solid var(--hairline);

  background:#000;

  transition:
  border-color .25s ease,
  transform .25s ease;
}

.smg-careers-container details:hover{
  border-color:#9c1777;
  transform:translateY(-2px);
}

.smg-careers-container details[open]{
  border-color:#9c1777
}

.smg-careers-container summary{
  list-style:none;
  cursor:pointer;

  padding:1.5rem 2rem;

  font-family:var(--font-display);
  font-size:1.35rem;
  font-weight:600;

  position:relative;

  transition:background .2s ease;
}

.smg-careers-container summary:hover{
  background:rgba(255,255,255,.02);
}

.smg-careers-container summary::-webkit-details-marker{
  display:none;
}

.smg-careers-container summary::after{
  content:"+";

  position:absolute;
  right:2rem;
  top:50%;

  transform:translateY(-50%);

  color:var(--accent);

  font-size:1.5rem;
  font-weight:400;

  transition:transform .25s ease;
}

.smg-careers-container details[open] summary::after{
  content:"−";
}


/* ========================================================= */
/* CONTENT */
/* ========================================================= */

.smg-careers-container details>*:not(summary){
  padding-left:2rem;
  padding-right:2rem;
}

.smg-careers-container details>p:last-child,
.smg-careers-container details>ul:last-child{
  padding-bottom:2rem;
}

.smg-careers-container h4{
  margin:2rem 0 .75rem;

  font-family:var(--font-display);
  font-size:1.1rem;
  font-weight:600;
}

.smg-careers-container p{
  margin:0 0 1rem;

  color:var(--muted);

  line-height:1.9;
}

.smg-careers-container strong{
  color:#fff;
}


/* ========================================================= */
/* APPLY BUTTON */
/* ========================================================= */

.smg-careers-container details a{
  display:inline-flex;
  align-items:center;
  gap:.75rem;

  margin:1rem 0 2rem;

  padding:.95rem 1.3rem;

  background:var(--accent);

  color:#fff;

  border:1px solid var(--accent);

  font-size:.92rem;
  font-weight:600;

  transition:filter .25s ease;
}

.smg-careers-container details a:hover{
  filter:brightness(1.08);
}


/* ========================================================= */
/* GENERAL APPLICATION */
/* ========================================================= */

.smg-careers-cta{
  margin-top:6rem;

  border-top:1px solid var(--hairline);
}

.smg-careers-cta .smg-careers-container{
  padding-top:6rem;
  padding-bottom:6rem;
}

.smg-careers-cta h2{
  margin:0 0 1.25rem;

  font-family:var(--font-display);
  font-size:clamp(2rem,4vw,3.25rem);
  line-height:1;
}

.smg-careers-cta p{
  max-width:58ch;

  color:var(--muted);

  line-height:1.9;
}

.smg-careers-cta a{
  display:inline-flex;
  align-items:center;

  margin-top:2rem;

  padding:1rem 1.35rem;

  background:var(--accent);

  border:1px solid var(--accent);

  color:#fff;

  font-weight:600;

  transition:filter .25s ease;
}

.smg-careers-cta a:hover{
  filter:brightness(1.08);
}


/* ========================================================= */
/* RESPONSIVE */
/* ========================================================= */

@media(max-width:768px){

  .smg-careers-hero__inner{
    padding:5rem 0;
  }

  .smg-careers-container summary{
    padding:1.25rem 1.5rem;
    font-size:1.15rem;
  }

  .smg-careers-container summary::after{
    right:1.5rem;
  }

  .smg-careers-container details>*:not(summary){
    padding-left:1.5rem;
    padding-right:1.5rem;
  }

  .smg-careers-container>h2{
    margin:4rem 0 1.5rem;
    font-size:1.75rem;
  }

  .smg-careers-cta .smg-careers-container{
    padding-top:5rem;
    padding-bottom:5rem;
  }

}/* End custom CSS */