.careers-banner{
  display:grid;
  grid-template-columns:47.7% 45.8% 6.5%;
  position:relative;
  overflow:hidden;
  background:#dc2b3d;
  border-bottom:5px solid #c92437;
  color:#fff;
  scroll-margin-top:110px;
}
.careers-banner-art{
  grid-column:1;
  padding:10px;
  background:url("assets/careers-pattern.png") left bottom/cover no-repeat;
  align-self:stretch;
}
.careers-banner-art img{
  display:block;
  width:100%;
  height:auto;
}
.careers-banner-copy{
  grid-column:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:16px 0 0 6px;
  position:relative;
  z-index:1;
}
.careers-banner-tag{
  display:inline-block;
  min-width:156px;
  padding:0 18px;
  border-radius:20px;
  background:#006fc5;
  color:#fff;
  font:700 14px/17px Arial,sans-serif;
  letter-spacing:3px;
  text-align:center;
}
.careers-banner h2{
  margin:0;
  max-width:100%;
  color:#fff;
  font-family:Sora,Arial,sans-serif;
  font-size:clamp(36px,3.9vw,49px);
  font-weight:700;
  line-height:1;
  letter-spacing:-1.5px;
}
.careers-banner p{
  margin:10px 0 0;
  max-width:100%;
  color:rgba(255,255,255,.8);
  font-family:"Work Sans",Arial,sans-serif;
  font-size:clamp(16px,1.75vw,22px);
  font-weight:500;
  line-height:1.5;
  text-align:justify;
}
.careers-banner p strong{color:#fff;font-weight:700}
.careers-banner-button{
  display:inline-block;
  margin-top:10px;
  padding:12px 24px;
  border-radius:4px;
  background:#fff;
  color:#006fc5;
  font-family:Sora,Arial,sans-serif;
  font-size:17px;
  font-weight:700;
  line-height:17px;
  white-space:nowrap;
}
.careers-banner-button:hover,.careers-banner-button:focus-visible{background:#f0f8ff;color:#005b9f}
.careers-banner-mark{
  position:absolute;
  top:9px;
  right:7.5%;
  width:146px;
  height:146px;
  pointer-events:none;
}
@media(max-width:700px){
  .careers-banner{display:flex;flex-direction:column;scroll-margin-top:88px}
  .careers-banner-art{width:100%;flex:none}
  .careers-banner-copy{padding:9px 16px 36px}
  .careers-banner-tag{font-size:12px;line-height:18px;min-width:128px;letter-spacing:2px}
  .careers-banner h2{font-size:27px;line-height:1;letter-spacing:-.8px}
  .careers-banner p{font-size:22px;line-height:1.5;margin-top:24px}
  .careers-banner-button{margin-top:22px}
  .careers-banner-mark{display:none}
}
@media(max-width:360px){
  .careers-banner h2{font-size:24px}
  .careers-banner p{font-size:19px}
  .careers-banner-button{font-size:15px}
}
@media(prefers-reduced-motion:no-preference){
  .careers-banner-button{transition:background-color 180ms ease,color 180ms ease,transform 180ms ease}
  .careers-banner-button:hover,.careers-banner-button:focus-visible{transform:scale(.98)}
}
.motion-preview .careers-banner-button{transition:background-color 180ms ease,color 180ms ease,transform 180ms ease}
.motion-preview .careers-banner-button:hover,.motion-preview .careers-banner-button:focus-visible{transform:scale(.98)}