@charset "UTF-8";
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

*, *::before, *::after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

a, button {
  cursor: revert;
}

ol, ul, menu {
  list-style: none;
}

img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

table {
  border-collapse: collapse;
}

input {
  -webkit-user-select: auto;
  -moz-user-select: auto;
       user-select: auto;
}

textarea {
  -webkit-user-select: auto;
  -moz-user-select: auto;
       user-select: auto;
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
}

:where(pre) {
  all: revert;
}

::-moz-placeholder {
  color: unset;
}

::placeholder {
  color: unset;
}

::marker {
  content: initial;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  line-break: after-white-space;
  -webkit-user-select: auto;
  -moz-user-select: auto;
       user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

button:hover {
  cursor: pointer;
}

body {
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color: #2f2f2f;
}

header + div h1, main > header h1 {
  font-size: 1.75em;
  font-weight: 700;
  letter-spacing: -0.0125em;
}

header + h1 {
  font-size: 2em;
  font-weight: 600;
  letter-spacing: -0.0125em;
  color: #fff;
  padding-top: 2em;
  padding-bottom: 1em;
}

[data-auth] h1 {
  margin-top: 1em;
  margin-bottom: 0.125em;
}
[data-auth] p {
  font-size: 1.125em;
}
[data-auth] p a {
  font-weight: 500;
  border-bottom: 2px solid #F42C2C;
}

[data-page=landing] h2 {
  font-size: 1.75em;
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.0125em;
  margin-bottom: 2em;
}

[data-info=title] h2 {
  text-align: center;
  font-size: 1.5em;
  font-weight: 600;
  letter-spacing: -0.0125em;
  margin: 1em 15%;
}

[data-info=profile] h2 {
  font-size: 1.25em;
  font-weight: 500;
  letter-spacing: -0.0125em;
  margin-bottom: 0.5em;
}
[data-info=profile] p {
  margin-bottom: 1em;
}

[data-id=address] h3 {
  font-size: 1.125em;
  font-weight: 600;
}

div[data-info] h2 {
  font-weight: 600;
  font-size: 1.25em;
}

[data-id=address] div:first-child h3 {
  margin-bottom: 0.5em;
}

address span[role=presentation] {
  display: none;
}

main[data-page=industries] h3 {
  font-weight: 500;
}

header {
  display: flex;
}

div > header {
  background-color: #2f2f2f;
  align-items: center;
}

main[data-auth] header {
  flex-direction: column-reverse;
  padding-top: 2em;
}
main[data-auth] header svg path:nth-child(n+7) {
  fill: #2f2f2f;
}

div > header {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
div > header a, div > header button {
  color: #fff;
  padding: 0.375em 1em;
  border-width: 2px;
  border-style: solid;
  font-weight: 500;
  border-radius: 3px;
}
div > header > a {
  display: flex;
  border-color: transparent;
}
div > header nav {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
div > header nav a, div > header nav button {
  display: flex;
  border-color: transparent;
}
div > header nav svg {
  align-self: center;
  margin-left: 12px;
}
div > header div[role] {
  gap: 1em;
  display: flex;
  padding-right: 1em;
}
div > header div[role] a:first-child {
  border-color: #fff;
  background-color: transparent;
}
div > header div[role] a:last-child {
  border-color: #F42C2C;
  background-color: #F42C2C;
}

[data-id=dropdown] ul {
  display: none;
}

[data-id=dropdown] button[aria-expanded=true] + ul {
  width: 240px;
  display: block;
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  top: 66px;
  border-radius: 6px;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  border: 1px solid rgba(47, 47, 47, 0.1);
}
[data-id=dropdown] button[aria-expanded=true] + ul li {
  display: flex;
}
[data-id=dropdown] button[aria-expanded=true] + ul a {
  padding: 0.25em 1em;
  color: rgba(47, 47, 47, 0.8);
  font-weight: 400;
  display: block;
  width: 100%;
}
[data-id=dropdown] button[aria-expanded=true] + ul a:hover {
  background-color: rgba(47, 47, 47, 0.1);
}

header + h1 + main {
  padding-top: 2em;
}

main[data-auth] {
  padding: 0 calc((100% - 340px) / 2);
  background-color: #fff;
}

main:not([data-auth]) {
  padding-left: calc((100% - 980px) / 2);
  padding-right: calc((100% - 980px) / 2);
}

main[data-page=services] {
  background-color: rgba(47, 47, 47, 0.1);
}
main[data-page=services] div[role=listitem] {
  background-color: #fff;
  border-radius: 6px;
  padding: 1.5em;
}
main[data-page=services] div[role=listitem]:hover {
  outline: 4px solid rgba(47, 47, 47, 0.05);
}
main[data-page=services] div[role=listitem] img {
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 6px;
}
main[data-page=services] div[role=listitem] img:hover {
  cursor: pointer;
  opacity: 0.8;
}
main[data-page=services] div[role=listitem] h3:hover {
  cursor: pointer;
}
main[data-page=services] div[role=listitem] h3 {
  display: flex;
  align-items: center;
  gap: 16px;
}
main[data-page=services] div[role=listitem] div {
  background-color: transparent;
  padding: 0 2em;
}

[data-id=spotlight], header + h1 {
  background-color: #2f2f2f;
  padding-left: calc((100% - 980px) / 2);
  padding-right: calc((100% - 980px) / 2);
  background-image: url(../img/banner.jpg);
  background-position: center top;
}

div[data-info=page] {
  position: relative;
}

[data-id=spotlight] {
  padding-top: 2em;
  padding-bottom: 2em;
}
[data-id=spotlight] span, [data-id=spotlight] h1, [data-id=spotlight] p {
  color: #fff;
}
[data-id=spotlight] h1 {
  font-size: 2.25em;
  font-weight: 700;
  text-align: center;
}
[data-id=spotlight] p {
  font-size: 1.25em;
  margin: 0.5em auto 1em auto;
  width: 570px;
  text-align: center;
}
[data-id=spotlight] input {
  background-color: #fff;
}
[data-id=spotlight] input:focus {
  background-color: rgba(255, 255, 255, 0.95);
}
[data-id=spotlight] input + span {
  position: absolute;
  right: 16px;
  top: 12px;
  color: rgba(47, 47, 47, 0.8);
}
[data-id=spotlight] form {
  margin: 0 auto;
  width: 570px;
  text-align: center;
  position: relative;
}
[data-id=spotlight] form input {
  width: 100%;
  padding: 0.75em 1em 0.75em 3em;
  display: inline-block;
  border-color: #fff;
  text-align: left;
  border-radius: 0;
}
[data-id=spotlight] form input:hover, [data-id=spotlight] form input:focus {
  outline: none;
  border: 1px solid #fff;
}
[data-id=spotlight] form input:first-child {
  border-radius: 3px;
  border-right: 1px solid rgba(47, 47, 47, 0.2);
}
[data-id=spotlight] form input:first-child[data-active] {
  border-radius: 3px 3px 0 0;
}
[data-id=spotlight] form button {
  width: 20%;
  display: inline-block;
  background-color: #F42C2C;
  color: #fff;
  padding: 0.75em 1em;
  border: 1px solid #F42C2C;
  border-radius: 0 3px 3px 0;
  font-weight: 500;
}
[data-id=spotlight] div[data-list=jobs] {
  text-align: center;
  margin-top: 1em;
}
[data-id=spotlight] div[data-list=jobs] span {
  padding: 0 0.25em;
  font-size: 0.9375em;
}
[data-id=spotlight] div[data-list=jobs] span + span::before {
  content: "•";
  padding-right: 0.5em;
}

[data-id=spotlight] + main {
  padding-top: 2em;
  padding-bottom: 2em;
}

main[data-page=contact] [data-info=page] {
  justify-content: space-between;
}
main[data-page=contact] [data-info=main] {
  flex: 0 0 480px;
  border-left: 1px solid transparent;
}
main[data-page=contact] [data-info=main] form {
  width: 100%;
}
main[data-page=contact] [data-info=main] p {
  margin: 1em 0;
}
main[data-page=contact] [data-info=main] button[type=submit] {
  width: auto;
}
main[data-page=contact] [data-info=sidebar] {
  flex: 0 0 340px;
}
main[data-page=contact] [data-info=sidebar] > div[data-id=address] > div:first-child {
  margin-bottom: 1em;
  background-color: #2f2f2f;
  border-radius: 6px;
  padding: 1.5em;
  color: #fff;
  background-position: calc(100% - 16px) 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='115' height='144' viewBox='0 0 115 144' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.23'%3E%3Cpath d='M43.7393 107.735C45.7332 108.953 48.7112 110.044 50.6373 110.683C51.7446 111.051 52.9387 110.566 53.5219 109.552L69.1072 82.461C69.1072 82.461 56.2865 72.4817 63.4745 59.9872C70.6626 47.4927 85.6846 53.6457 85.6846 53.6457L115 0C115 0 95.5411 11.0788 84.2112 20.5811C71.3996 31.326 62.4972 44.1476 54.1756 58.6742C45.0029 74.6864 39.228 95.6314 37.7975 101.154C37.5731 102.021 37.8353 102.922 38.4901 103.53C39.7524 104.702 41.9343 106.633 43.7393 107.735Z' fill='%238C8C8C'/%3E%3Cpath d='M28.5145 93.4651L37.4215 68.2348C38.1359 66.211 36.2092 64.2947 34.2193 65.0832C29.1562 67.0893 21.3287 70.4348 16.0584 73.8448C10.8028 77.2453 4.45062 83.0646 0.766573 86.6003C-0.628256 87.9389 -0.0281607 90.253 1.82738 90.7857L22.32 96.6688C24.9039 97.4106 27.617 96.0074 28.5145 93.4651Z' fill='%238C8C8C'/%3E%3Cpath d='M45.1862 118.664C42.9061 117.266 39.5197 116.133 37.1347 115.441C35.6548 115.012 34.1978 116.067 34.0599 117.607L32.0837 139.67C31.893 141.8 34.2404 143.207 36.0188 142.029L53.1724 130.663C54.369 129.87 54.6713 128.248 53.7839 127.118C51.8496 124.653 48.4248 120.65 45.1862 118.664Z' fill='%238C8C8C'/%3E%3Cpath d='M78.629 121.271L96.0597 100.515C97.5564 98.7331 100.434 99.7262 100.495 102.056C100.65 107.967 100.79 116.535 100.502 121.996C100.118 129.269 98.2247 137.39 96.9444 142.19C96.44 144.081 94.0956 144.62 92.7702 143.184L78.7864 128.03C77.0419 126.139 76.9744 123.241 78.629 121.271Z' fill='%238C8C8C'/%3E%3Cpath d='M69.9444 81.0057L84.6799 55.3921C84.6799 55.3921 95.6835 64.8659 90.0734 75.5929C84.8898 85.5045 69.9444 81.0057 69.9444 81.0057Z' fill='%238C8C8C'/%3E%3C/g%3E%3C/svg%3E%0A");
}
main[data-page=contact] [data-info=sidebar] h3 {
  margin-bottom: 0.5em;
}
main[data-page=contact] [data-info=sidebar] [data-id=address] {
  flex: 0 0 30%;
}
main[data-page=contact] [data-info=sidebar] [data-id=address] div span {
  display: block;
}
main[data-page=contact] [data-info=sidebar] [data-id=address] div + div {
  margin-bottom: 1em;
}

main[data-page=service] {
  background-color: rgba(47, 47, 47, 0.1);
}

main[data-page=jobs] {
  background-color: rgba(47, 47, 47, 0.1);
}

main[data-page=job] {
  background-color: rgba(47, 47, 47, 0.1);
}
main[data-page=job] div[data-job] {
  display: flex;
  margin-bottom: 2em;
}
main[data-page=job] div[data-job] div {
  flex-direction: column;
}
main[data-page=job] div[data-job] div[data-job=highlights] {
  flex: 0 0 280px;
  background-color: white;
  padding: 1.5em;
  border-radius: 6px 0 0 6px;
}
main[data-page=job] div[data-job] div[data-job=highlights] button {
  margin-bottom: 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
main[data-page=job] div[data-job] div[data-job=highlights] svg {
  margin-right: 0.75em;
}
main[data-page=job] div[data-job] div[data-job=highlights] span {
  display: flex;
  align-items: center;
  padding: 0.25em 0;
}
main[data-page=job] div[data-job] div[data-job=highlights] span:nth-child(4) {
  margin-bottom: 2em;
}
main[data-page=job] div[data-job] div[data-job=main] {
  background-color: #fff;
  border-left: 1px solid rgba(47, 47, 47, 0.15);
  flex-grow: 1;
  padding: 1em 2em;
  border-radius: 0 6px 6px 0;
}
main[data-page=job] div[data-job] div[data-job=main] h2 {
  font-size: 1.125em;
  font-weight: 500;
  margin-bottom: 0.5em;
}
main[data-page=job] div[data-job] div[data-job=main] p, main[data-page=job] div[data-job] div[data-job=main] ul {
  margin-bottom: 1em;
}
main[data-page=job] div[data-job] div[data-job=main] ul {
  padding-left: 1em;
}
main[data-page=job] div[data-job] div[data-job=main] ul li {
  list-style: outside disc;
}

main[data-page=jobs] div [role=listitem] [data-job=info] p + a {
  border: 1px solid rgba(47, 47, 47, 0.3);
  padding: 0.5em 1em;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
  border-radius: 3px;
}

[data-info=page] > div[data-nav=header] {
  position: absolute;
  top: -92px;
  right: 0;
  background-color: transparent;
  width: 74px;
  display: flex;
  justify-content: space-between;
}
[data-info=page] > div[data-nav=header] button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
}
[data-info=page] > div[data-nav=header] button:hover {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 18px;
}
[data-info=page] > div[data-nav=header] button:hover > svg path {
  fill: #2f2f2f;
}

div[data-info=profile] {
  position: relative;
}
div[data-info=profile] h2 + button {
  position: absolute;
  background-color: #F42C2C;
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 3px;
  right: 24px;
  top: 16px;
}

[data-action=contact] {
  background-color: #F42C2C;
  text-align: center;
  padding: 1em 0 3em;
}
[data-action=contact] h3 {
  font-weight: 700;
  font-size: 1.75em;
}
[data-action=contact] p {
  font-size: 1.125em;
  width: 40%;
  margin: 0.5em auto 2em auto;
}
[data-action=contact] h3, [data-action=contact] p {
  color: #fff;
}
[data-action=contact] a {
  border-radius: 3px;
  padding: 0.625em 1.5em;
  border: 2px solid #fff;
  margin-bottom: 1em;
  color: #fff;
  font-weight: 500;
}

main > [role=list] {
  padding-bottom: 2em;
}

[role=list] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

[data-id=landing] [role=listitem] {
  flex: 0 0 calc(25% - 1em);
}
[data-id=landing] [role=listitem] div {
  border-radius: 0 0 6px 6px;
  padding: 1em;
  border-width: 1px;
  border-style: solid;
}
[data-id=landing] [role=listitem] a {
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 0.9375em;
  padding: 0.25em 1em;
  border: 1px solid rgba(47, 47, 47, 0.1);
  display: inline-block;
  border-radius: 3px;
}
[data-id=landing] [role=listitem] p {
  font-size: 0.9375em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
[data-id=landing] [role=listitem]:nth-child(1) > div {
  background-color: #F42C2C;
  border-color: #F42C2C;
  color: #fff;
}
[data-id=landing] [role=listitem]:nth-child(2) > div {
  background-color: #fff;
  border-color: rgba(47, 47, 47, 0.2);
}
[data-id=landing] [role=listitem]:nth-child(2) > div a {
  border: 1px solid rgba(47, 47, 47, 0.2);
}
[data-id=landing] [role=listitem]:nth-child(3) > div {
  background-color: #2f2f2f;
  color: #fff;
  border-color: #2f2f2f;
}
[data-id=landing] [role=listitem]:nth-child(4) > div {
  background-color: rgba(47, 47, 47, 0.1);
  border-color: rgba(47, 47, 47, 0.1);
}
[data-id=landing] img {
  border-radius: 6px 6px 0 0;
  display: flex;
}

[data-id=services] [role=listitem] {
  flex: 0 0 calc(100% - 1em);
  display: flex;
  margin-bottom: 2em;
}
[data-id=services] [role=listitem] > div {
  background-color: #fff;
  border-color: rgba(47, 47, 47, 0.2);
}
[data-id=services] [role=listitem] > div p {
  margin: 0.25em 0 1em 0;
}
[data-id=services] [role=listitem] div {
  border-radius: 0 6px 6px 0;
  padding: 1em 1.5em;
}
[data-id=services] [role=listitem] a, [data-id=services] [role=listitem] button {
  border: 1px solid rgba(47, 47, 47, 0.6);
  padding: 0.375em 1em;
  border-radius: 3px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
}
[data-id=services] [role=listitem] img {
  border-radius: 6px 0 0 6px;
  display: flex;
}
[data-id=services] [role=listitem] img {
  max-width: 340px;
}

[role=list] div h3 {
  font-size: 1.125em;
  font-weight: 600;
}

main[data-page=jobs] div [role=listitem] {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 0.75em 1em;
  border-radius: 6px;
  margin-bottom: 1em;
  border: 1px solid rgba(47, 47, 47, 0.1);
}
main[data-page=jobs] div [role=listitem]:hover {
  border: 1px solid rgba(47, 47, 47, 0.15);
  box-shadow: 0 3px 3px 0 rgba(47, 47, 47, 0.075);
  background-color: rgba(255, 255, 255, 0.7);
}
main[data-page=jobs] div [role=listitem] [data-job=avatar] {
  flex: 0 0 72px;
  align-items: flex-start;
}
main[data-page=jobs] div [role=listitem] [data-job=avatar]:hover {
  cursor: pointer;
}
main[data-page=jobs] div [role=listitem] [data-job=avatar] span {
  background-color: rgba(47, 47, 47, 0.2);
  color: rgba(47, 47, 47, 0.4);
  border-radius: 3px;
  justify-content: center;
  display: flex;
  flex: 0 0 100%;
  justify-content: center;
  height: 72px;
  align-items: center;
  font-size: 1.640625em;
  font-weight: 600;
}
main[data-page=jobs] div [role=listitem] [data-job=info] {
  flex: 0 0 calc(100% - 100px);
  flex-direction: column;
}
main[data-page=jobs] div [role=listitem] [data-job=info] p {
  margin-top: 0.25em;
}
main[data-page=jobs] div [role=listitem] [data-job=info] > div:first-child {
  display: flex;
  align-items: center;
}
main[data-page=jobs] div [role=listitem] [data-job=info] > div:first-child div {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
main[data-page=jobs] div [role=listitem] [data-job=info] > div:first-child h2 {
  padding-right: 0.5em;
}
main[data-page=jobs] div [role=listitem] [data-job=info] > div:first-child h2:hover {
  cursor: pointer;
}
main[data-page=jobs] div [role=listitem] [data-job=info] > div:first-child button {
  margin: 0 0.5em;
}
main[data-page=jobs] div [role=listitem] [data-job=info] > div:first-child span {
  background-color: rgba(47, 47, 47, 0.2);
  font-size: 0.75em;
  font-weight: 500;
  color: rgba(47, 47, 47, 0.8);
  padding: 0.125em 0.5em;
  border-radius: 3px;
  text-transform: capitalize;
}
main[data-page=jobs] div [role=listitem] [data-job=info] > div:nth-child(2) {
  gap: 0.5em;
}
main[data-page=jobs] div [role=listitem] [data-job=info] > div:nth-child(2) span {
  padding-right: 0.5em;
}
main[data-page=jobs] div [role=listitem] [data-job=info] > div:nth-child(2) span:nth-child(2) {
  text-transform: capitalize;
}
main[data-page=jobs] div [role=listitem] [data-job] {
  display: flex;
}
main[data-page=jobs] div [role=listitem] [data-job] h2 {
  font-size: 1.25em;
  font-weight: 600;
}

[data-id=results] {
  padding: 0.75em 1em;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  margin-bottom: 1em;
  display: flex;
  position: relative;
  align-items: center;
}
[data-id=results] input[type=text] {
  background-color: #fff;
  border-color: rgba(47, 47, 47, 0.3);
  padding: 0.375em 1em 0.375em 46px;
}
[data-id=results] span {
  position: absolute;
  right: 28px;
  text-align: right;
  color: rgba(47, 47, 47, 0.8);
}

footer {
  background-color: #2f2f2f;
  display: flex;
  justify-content: center;
  padding-top: 2em;
}
footer div[data-id=footer] {
  flex: 0 0 1140px;
  flex-wrap: wrap;
}
footer div[data-id] {
  display: flex;
}
footer div[data-id] a, footer div[data-id] span, footer div[data-id] h3, footer div[data-id] small {
  color: #fff;
}
footer div[data-id=brand] {
  flex: 0 0 30%;
}
footer div[data-id=company] {
  flex: 0 0 25%;
}
footer div[data-id=user] {
  flex: 0 0 25%;
}
footer div[data-id=social] {
  flex: 0 0 20%;
  flex-wrap: wrap;
  align-content: flex-start;
}
footer div[data-id=social] > * {
  flex: 0 0 100%;
}
footer div[data-id=social] a {
  margin-right: 0.5em;
}
footer div[data-id=legal] {
  flex: 0 0 100%;
  justify-content: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 1em;
  padding: 0.5em 0;
}
footer div[data-id=legal] a {
  padding: 0 0.75em;
}
footer div[data-id=legal] small, footer div[data-id=legal] a {
  font-size: 0.9375em;
  position: relative;
}
footer div[data-id=legal] small {
  color: rgba(255, 255, 255, 0.8);
  padding: 0 0.5em;
}
footer address, footer [role=navigation], footer div[data-id=brand], footer div[data-id=company], footer div[data-id=user] {
  flex-direction: column;
  display: flex;
}
footer div[data-id=legal], footer div[data-id=social] {
  flex-direction: row;
  display: flex;
}
footer h3 {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1em;
  font-size: 0.9375em;
}
footer address {
  margin-top: 0.5em;
}
footer address a {
  display: flex;
  align-items: center;
  padding: 0.25em 0;
}
footer address a svg {
  margin-right: 0.5em;
}
footer address span + a {
  margin-top: 1em;
}
footer div[role=navigation] a {
  padding: 0.25em 0;
}

[data-auth] form {
  padding: 2em 0;
}
[data-auth] form div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

form > div {
  margin-bottom: 2em;
  position: relative;
}

label[for] {
  text-transform: capitalize;
}

label[for], span[data-label] {
  font-weight: 500;
  display: block;
  margin-bottom: 0.25em;
}
label[for]:hover, span[data-label]:hover {
  cursor: pointer;
}

span[data-label] {
  flex: 0 0 100%;
}

input, textarea, select, [data-input] label, button[data-action=share], button[data-action=bookmark], button[data-action=cancel], label[data-input], [data-input] label, label[data-upload] span[data-button] {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(47, 47, 47, 0.3);
  background-color: #fff;
}

input[type=text], input[type=password], textarea, select, button[type=submit], button[data-action], [data-input] label, label[data-upload] span[data-button] {
  border-radius: 3px;
  padding: 0.5em 1em;
}

input[type=text], input[type=password], textarea, select, button[type=submit], button[data-action] {
  width: 100%;
  display: block;
}

label[data-upload] {
  width: 100%;
  display: block;
}
label[data-upload] span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.25em;
}
label[data-upload]:hover {
  cursor: pointer;
}
label[data-upload] input {
  opacity: 0;
  height: 1px;
  width: 1px;
  position: absolute;
}

label[data-input] {
  width: -moz-fit-content;
  width: fit-content;
}

input[type=text]:hover, input[type=text]:focus, input[type=password]:hover, input[type=password]:focus, textarea:hover, textarea:focus, select:hover, select:focus {
  outline: 3px solid rgba(47, 47, 47, 0.2);
  border-color: rgba(47, 47, 47, 0.6);
}

button[type=submit], button[data-action] {
  text-align: center;
  font-weight: 500;
  border-width: 1px;
  border-style: solid;
}

button[type=submit], button[data-action=form], button[data-primary=true] {
  background-color: #F42C2C;
  color: #fff;
  border-color: #F42C2C;
}

div[data-option=action] {
  display: flex;
  justify-content: flex-end;
  margin-top: 1em;
  margin-bottom: 1em;
}
div[data-option=action] button {
  width: -moz-fit-content;
  width: fit-content;
}

input[data-otp] {
  display: flex;
  flex: 0 0 14%;
  padding: 0.5em 0;
  text-align: center;
}

[data-toggle=password] {
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 1em;
  text-align: right;
  font-weight: 500;
  width: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

[aria-invalid] {
  border-color: #F42C2C;
  background-position: calc(100% - 12px) 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37256 18.6274 0 12 0C5.37259 0 0 5.37256 0 12C0 18.6274 5.37259 24 12 24ZM8.70709 7.29291C8.31659 6.90234 7.68341 6.90234 7.29291 7.29291C6.90237 7.68341 6.90237 8.31659 7.29291 8.70709L10.5858 12L7.29291 15.2929C6.90237 15.6834 6.90237 16.3166 7.29291 16.7071C7.68341 17.0977 8.31659 17.0977 8.70709 16.7071L12 13.4142L15.2929 16.7071C15.6834 17.0977 16.3166 17.0977 16.7071 16.7071C17.0976 16.3166 17.0976 15.6834 16.7071 15.2929L13.4142 12L16.7071 8.70709C17.0976 8.31659 17.0976 7.68341 16.7071 7.29291C16.3166 6.90234 15.6834 6.90234 15.2929 7.29291L12 10.5858L8.70709 7.29291Z' fill='%23F43434'/%3E%3C/svg%3E%0A");
}

span[data-error] {
  margin-top: 0.25em;
  font-size: 0.875em;
  color: #F42C2C;
  display: block;
}
span[data-error]::first-letter {
  text-transform: capitalize;
}
span[data-error][data-interaction] {
  color: #2f2f2f;
}

::-moz-placeholder {
  color: rgba(47, 47, 47, 0.2);
}

::placeholder {
  color: rgba(47, 47, 47, 0.2);
}

[data-id=spotlight] ::-moz-placeholder, [data-id=results] ::-moz-placeholder {
  color: rgba(47, 47, 47, 0.6);
}

[data-id=spotlight] ::placeholder, [data-id=results] ::placeholder {
  color: rgba(47, 47, 47, 0.6);
}

[data-id=results] input[type=text], [data-id=spotlight] input[type=text] {
  background-position: 16px center;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2ZM0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.84871 15.3729 11.551 14.3199 12.9056L17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071C17.3166 18.0976 16.6834 18.0976 16.2929 17.7071L12.9056 14.3199C11.551 15.3729 9.84871 16 8 16C3.58172 16 0 12.4183 0 8Z' fill='%234F4F4F'/%3E%3C/svg%3E%0A");
}

div[data-input] {
  display: flex;
  flex-wrap: wrap;
}
div[data-input] div {
  display: flex;
}
div[data-input] div:first-child {
  flex-grow: 1;
  flex-direction: column;
}
div[data-input] div:first-child span:first-child {
  font-weight: 500;
}
div[data-input] div:first-child span + span {
  font-size: 0.875em;
  opacity: 0.8;
}
div[data-input] div + div {
  flex: 0 0 auto;
}

[data-id=spotlight] form + div[role=alertdialog] div span:hover {
  cursor: pointer;
}

form [role=alert] {
  padding-top: 1em;
}
form [role=alert] span {
  display: flex;
  flex: 0 0 100%;
  align-items: center;
}
form [role=alert] span svg {
  margin-right: 0.75em;
}

main + [role=alert] {
  background-color: #2f2f2f;
  padding: 0.5em 1em 0.5em 48px;
  color: #fff;
  position: fixed;
  bottom: 8px;
  width: 340px;
  left: calc(50% - 170px);
  border-radius: 3px;
  z-index: 100000;
}

[role=alert] {
  background-position: 12px center;
}
[role=alert]::first-letter {
  text-transform: uppercase;
}
[role=alert][data-id=error] {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37256 18.6274 0 12 0C5.37259 0 0 5.37256 0 12C0 18.6274 5.37259 24 12 24ZM8.70709 7.29291C8.31659 6.90234 7.68341 6.90234 7.29291 7.29291C6.90237 7.68341 6.90237 8.31659 7.29291 8.70709L10.5858 12L7.29291 15.2929C6.90237 15.6834 6.90237 16.3166 7.29291 16.7071C7.68341 17.0977 8.31659 17.0977 8.70709 16.7071L12 13.4142L15.2929 16.7071C15.6834 17.0977 16.3166 17.0977 16.7071 16.7071C17.0976 16.3166 17.0976 15.6834 16.7071 15.2929L13.4142 12L16.7071 8.70709C17.0976 8.31659 17.0976 7.68341 16.7071 7.29291C16.3166 6.90234 15.6834 6.90234 15.2929 7.29291L12 10.5858L8.70709 7.29291Z' fill='white'/%3E%3C/svg%3E%0A");
}
[role=alert][data-id=success] {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37256 18.6274 0 12 0C5.37259 0 0 5.37256 0 12C0 18.6274 5.37259 24 12 24ZM17.7526 8.65851C18.1163 8.24286 18.0741 7.61115 17.6585 7.24744C17.2429 6.88373 16.6111 6.92584 16.2474 7.34149L9.95129 14.5371L7.70709 12.2929C7.31659 11.9024 6.68341 11.9024 6.29291 12.2929C5.90237 12.6834 5.90237 13.3166 6.29291 13.7071L9.29291 16.7071C9.48859 16.9028 9.75665 17.0087 10.0333 16.9995C10.3099 16.9902 10.5703 16.8668 10.7526 16.6585L17.7526 8.65851Z' fill='white'/%3E%3C/svg%3E%0A");
}
[role=alert][data-id=information] {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37256 18.6274 0 12 0C5.37259 0 0 5.37256 0 12C0 18.6274 5.37259 24 12 24ZM13 7C13 6.44769 12.5523 6 12 6C11.4477 6 11 6.44769 11 7V8C11 8.55231 11.4477 9 12 9C12.5523 9 13 8.55231 13 8V7ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18V12Z' fill='white'/%3E%3C/svg%3E%0A");
}

[data-id=spotlight] form + div[role=alertdialog] {
  text-align: left;
  position: absolute;
  background-color: #fff;
  padding: 0.5em 1em;
  width: 570px;
  left: calc(50% - 285px);
  top: auto;
  margin-top: 0;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 3px 3px 0 rgba(47, 47, 47, 0.15);
  z-index: 100;
}
[data-id=spotlight] form + div[role=alertdialog] div {
  padding: 0.5em 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
  border-bottom: 1px solid rgba(47, 47, 47, 0.1);
}
[data-id=spotlight] form + div[role=alertdialog] div:last-child {
  border-bottom: none;
}
[data-id=spotlight] form + div[role=alertdialog] div span {
  color: #2f2f2f;
}
[data-id=spotlight] form + div[role=alertdialog] div span:first-child {
  font-weight: 500;
  flex-grow: 1;
}
[data-id=spotlight] form + div[role=alertdialog] div span:nth-child(2) {
  display: flex;
  flex: 0 0 25%;
}
[data-id=spotlight] form + div[role=alertdialog] div span:nth-child(3) {
  display: flex;
  flex: 0 0 20%;
}
[data-id=spotlight] form + div[role=alertdialog] div button {
  flex: 0 0 auto;
  font-size: 0.875em;
  background-color: #fff;
  border-radius: 1em;
  padding: 0.25em 1em;
  font-weight: 500;
  border: 1px solid rgba(47, 47, 47, 0.3);
}
[data-id=spotlight] form + div[role=alertdialog] h3 {
  margin-bottom: 0.5em;
}

[data-id=spotlight] form + div[role=dialog] {
  position: fixed;
  background-color: white;
  left: 0;
  top: 0;
  margin-top: 0;
  bottom: 0;
  height: 100vh;
  width: 100%;
}

dialog > div {
  background-color: #fff;
  padding: 1em 1.5em;
}

dialog[data-id] > div {
  width: 100%;
  height: 100vh;
}
dialog[data-id] > div [role=navigation] {
  display: flex;
  flex-direction: column;
}
dialog[data-id] > div [role=navigation] a {
  padding: 0.5em 0;
  font-size: 1.125em;
}

dialog:not([data-id]) > div {
  width: 480px;
  border-radius: 12px;
  margin-top: 2em;
}

dialog {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.75);
  left: 0;
  top: 0;
  margin-top: 0;
  bottom: 0;
  height: 100vh;
  width: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
dialog div[data-info] {
  background-color: #D7DBFF;
  padding: 0.5em 1em;
  border-radius: 3px;
  margin-bottom: 1em;
  display: flex;
  flex-direction: row;
}
dialog div[data-info] span {
  display: flex;
  font-size: 0.9375em;
}
dialog div[data-info] span + span {
  opacity: 0.8;
}
dialog div[data-info] span:first-child {
  font-weight: 500;
  text-transform: capitalize;
  margin-right: 0.25em;
}
dialog div {
  position: relative;
}
dialog h2 {
  font-size: 1.25em;
  font-weight: 500;
  text-transform: capitalize;
}
dialog h2 + button {
  padding: 0;
  position: absolute;
  right: 24px;
  top: 15px;
  background-color: rgba(47, 47, 47, 0.1);
  border-radius: 20px;
  width: 32px;
  height: 32px;
  text-align: center;
}
dialog h2 + button:hover {
  background-color: #2f2f2f;
}
dialog h2 + button:hover > svg path {
  fill: #fff;
}
dialog h2 + button + div {
  margin-top: 1em;
}
dialog h2 + button + div button[type=submit], dialog h2 + button + div button[data-action] {
  width: -moz-max-content;
  width: max-content;
}
dialog h2 + button + div form div:last-child {
  display: flex;
  justify-content: flex-end;
  gap: 1em;
  margin-bottom: 0.5em;
}
dialog p {
  margin-top: 1.25em;
}

div[data-items=list] {
  display: flex;
  flex-wrap: wrap;
}
div[data-items=list] div {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  margin-bottom: 1em;
  margin-top: 0.5em;
}
div[data-items=list] div h3 {
  align-items: center;
  font-size: 1.25em;
  flex: 0 0 100%;
  display: flex;
  gap: 8px;
}
div[data-items=list] div h3 svg {
  flex: 0 0 30px;
}
div[data-items=list] div p {
  flex: 0 0 100%;
  margin-top: 0.5em;
  font-size: 0.9375em;
}

div[data-info=user] {
  margin-bottom: 1em;
}

[role=tablist] {
  margin-bottom: 1em;
  border-bottom: 1px solid rgba(47, 47, 47, 0.2);
}
[role=tablist] button {
  padding: 0.25em 0;
  margin-right: 1em;
}
[role=tablist] > button[aria-selected=true] {
  border-bottom: 3px solid #F42C2C;
}
[role=tablist] > button[aria-selected=false] {
  border-bottom: 3px solid transparent;
}

main[data-page=about], main[data-page=industries] {
  background-color: rgba(47, 47, 47, 0.1);
}

[data-info=page] {
  display: flex;
  padding-bottom: 2em;
}
[data-info=page] > div {
  background-color: #fff;
}

[data-info=sidebar] {
  display: flex;
  flex: 0 0 280px;
  border-radius: 6px 0 0 6px;
  padding: 1em 1.5em;
  flex-direction: column;
}

main[data-page=service] [data-info=sidebar], main[data-page=industries] [data-info=sidebar] {
  padding: 0;
}
main[data-page=service] [data-info=sidebar] a, main[data-page=service] [data-info=sidebar] button, main[data-page=industries] [data-info=sidebar] a, main[data-page=industries] [data-info=sidebar] button {
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 1.25em;
  margin-bottom: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid white;
  color: rgba(47, 47, 47, 0.85);
  width: 100%;
}
main[data-page=service] [data-info=sidebar] a[aria-current], main[data-page=service] [data-info=sidebar] button[aria-current], main[data-page=industries] [data-info=sidebar] a[aria-current], main[data-page=industries] [data-info=sidebar] button[aria-current] {
  background-color: rgba(47, 47, 47, 0.075);
  border-left: 4px solid #F42C2C;
  border-right: 4px solid rgba(47, 47, 47, 0.05);
  color: #2f2f2f;
}

main[data-page=job] div[data-info=sidebar] button {
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}
main[data-page=job] div[data-info=sidebar] button svg {
  margin-right: 0.5em;
}
main[data-page=job] div[data-info=sidebar] span:nth-child(4) {
  margin-bottom: 2em;
}
main[data-page=job] div[data-info=sidebar] span {
  display: flex;
  align-items: center;
  margin-top: 0.5em;
}
main[data-page=job] div[data-info=sidebar] span svg {
  margin-right: 0.5em;
}
main[data-page=job] div[data-info=sidebar] h3 {
  font-weight: 500;
}

[data-info=main] {
  display: flex;
  flex: 0 0 calc(100% - 280px);
  border-radius: 0 6px 6px 0;
  border-left: 1px solid rgba(47, 47, 47, 0.1);
  flex-wrap: wrap;
}
[data-info=main] > div {
  display: flex;
  flex: 0 0 100%;
}
[data-info=main] > div[data-info=title] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(47, 47, 47, 0.075);
  padding-top: 1em;
  padding-bottom: 1em;
}
[data-info=main] > div[data-info=title] img {
  width: 336px;
}
[data-info=main] > div:last-child {
  flex-direction: column;
}
[data-info=main] > div:last-child p {
  margin-bottom: 1em;
}
[data-info=main] > div:last-child p:first-child {
  font-size: 1.25em;
}
[data-info=main] [data-info=banner] img {
  border-top-right-radius: 6px;
}
[data-info=main] [data-info=profile] {
  padding: 1.5em;
}

main[data-page=industries] div[data-info=sidebar], main[data-page=service] div[data-info=sidebar] {
  padding: 0;
}
main[data-page=industries] div[data-info=sidebar] h3, main[data-page=service] div[data-info=sidebar] h3 {
  padding: 1em calc(1.25em + 4px);
}

main[data-page=about] div[data-info=sidebar] span {
  color: rgba(47, 47, 47, 0.85);
}
main[data-page=about] div[data-info=sidebar] span svg path {
  fill: rgba(47, 47, 47, 0.85);
}
main[data-page=about] div[data-info=sidebar] blockquote {
  font-size: 1.125em;
  padding-top: 0.5em;
}
main[data-page=about] div[data-info=sidebar] h3 {
  margin-bottom: 1em;
  font-size: 1.125em;
}
main[data-page=about] div[data-info=sidebar] button {
  padding: 0.5em 1em;
  font-weight: 500;
  border: 1px solid rgba(47, 47, 47, 0.3);
  margin-top: 1em;
  border-radius: 3px;
  text-align: center;
}

div[data-info=sidebar] ul, div[data-info=profile] ul {
  list-style: outside disc;
  padding-left: 1em;
  margin-bottom: 1em;
}

@media screen and (max-width: 1140px) {
  footer div[data-id=footer] {
    flex: 0 0 100%;
    padding: 0 24px;
  }
}
@media screen and (min-width: 981px) and (max-width: 1140px) {
  [data-id=spotlight], header + h1 {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (max-width: 1040px) {
  main[data-page=contact] [data-info=main] {
    flex: 0 0 calc(100% - 340px - 2em);
  }
  header + h1 {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  main:not([data-auth]) {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 741px) and (max-width: 980px) {
  footer div[data-id=brand] {
    flex: 0 0 calc(30% - 24px);
  }
  footer div[data-id=company] {
    flex: 0 0 calc(25% - 24px);
  }
  footer div[data-id=user] {
    flex: 0 0 calc(25% - 24px);
  }
  footer div[data-id=social] {
    flex: 0 0 calc(20% - 24px);
  }
}
@media screen and (max-width: 980px) {
  main[data-page=services] div[role=list] {
    gap: 0.5em;
    justify-content: space-between;
  }
  main[data-page=services] div[role=listitem] img {
    max-width: 280px;
    border-radius: 6px 6px 0 0;
  }
  main[data-page=services] div[role=listitem] > div {
    border-radius: 0 0 6px 6px;
  }
}
@media screen and (min-width: 481px) and (max-width: 740px) {
  footer div[data-id=brand] {
    flex: 0 0 calc(50% - 12px);
  }
  footer div[data-id=company] {
    flex: 0 0 calc(50% - 12px);
  }
  footer div[data-id=user] {
    flex: 0 0 calc(50% - 12px);
  }
  footer div[data-id=social] {
    flex: 0 0 calc(50% - 12px);
  }
}
@media screen and (max-width: 740px) {
  div[data-info=profile] h2 + button {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 1em;
    position: relative;
    right: auto;
    top: auto;
  }
  [data-action=contact] {
    display: none;
  }
  main[data-page=services] div[role=listitem] img {
    max-width: 200px;
  }
  [data-id=spotlight] form + div[role=alertdialog] div span:nth-child(3) {
    display: none;
  }
  [data-info=main] [data-info=banner] img {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  footer div[data-id=social] a {
    margin-right: 1em;
  }
  header + h1 {
    font-size: 1.5em;
  }
  div[data-info=sidebar] {
    padding: 24px;
  }
  main[data-page=contact] [data-info=sidebar] {
    padding: 2em 0 0 0;
  }
  div[data-info=page] {
    flex-direction: column-reverse;
  }
  main[data-page=job] div[data-info=page] {
    flex-direction: column;
  }
  main[data-page=job] div[data-info=main] {
    border-radius: 0 0 6px 6px;
  }
  main[data-page=job] [data-info=sidebar] {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid rgba(47, 47, 47, 0.075);
  }
  main[data-page=job] [data-info=sidebar] span {
    flex: 0 0 100%;
  }
  main[data-page=job] [data-info=sidebar] button {
    flex: 0 0 calc(33.33333333% - 8px);
  }
  main[data-page=job] div[data-info=sidebar], main[data-page=job] div[data-info=main] {
    flex: 0 0 100%;
  }
  footer div[data-id=footer] > div[data-id=legal] {
    border-top: none;
    border-bottom: none;
    padding-bottom: 0;
  }
  footer div[data-id=footer] {
    padding: 24px;
    justify-content: space-between;
  }
  footer div[data-id=footer] > div:nth-child(3), footer div[data-id=footer] > div:nth-child(4) {
    margin-top: 2em;
  }
  footer div[data-id=legal] {
    flex-direction: column;
  }
  footer div[data-id=legal] small {
    padding: 0;
    text-align: center;
  }
  footer div[data-id=legal] a {
    margin: 0 auto;
  }
  div > header[data-mobile] {
    justify-content: space-between;
  }
  div > header[data-mobile] button {
    border-color: transparent;
  }
  [data-page=landing] div[role=list] {
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
  }
  [data-page=landing] div[role=list] [role=listitem] {
    flex: 0 0 calc(50% - 24px);
    margin-bottom: 1em;
  }
  [data-id=spotlight] {
    padding-right: 24px;
    padding-left: 24px;
  }
  [data-id=spotlight] h1 {
    font-size: 1.75em;
  }
  [data-id=spotlight] p {
    margin: 0.5em 0 1em 0;
    width: 100%;
  }
  [data-id=spotlight] form {
    width: 100%;
  }
  [data-id=spotlight] form + div[role=alertdialog] {
    width: calc(100% - 48px);
    left: 24px;
  }
}
@media screen and (max-width: 560px) {
  div[data-list=jobs] {
    display: none;
  }
  [data-id=spotlight] form + div[role=alertdialog] div button {
    display: none;
  }
  [data-id=spotlight] form + div[role=alertdialog] div span:nth-child(2) {
    flex: 0 0 40%;
  }
  main[data-page=jobs] div [role=listitem] [data-job=info] {
    flex: 0 0 100%;
  }
  main[data-page=jobs] div [role=listitem] div[data-job=avatar] {
    display: none;
  }
  main[data-page=jobs] div [role=listitem] [data-job=info] > div:first-child {
    flex-wrap: wrap;
  }
  main[data-page=jobs] div [role=listitem] [data-job=info] > div:first-child h2 {
    flex: 0 0 100%;
  }
  main[data-page=jobs] div [role=listitem] [data-job=info] > div:first-child span {
    flex: 0 0 auto;
  }
  main[data-page=jobs] div [role=listitem] [data-job=info] > div:first-child div {
    flex-grow: 1;
  }
  main[data-page=services] div[role=listitem] {
    padding: 0;
    flex-wrap: wrap;
    flex: 0 0 100%;
    flex-direction: column;
  }
  main[data-page=services] div[role=listitem] img {
    max-width: 100%;
  }
  main[data-page=services] div[role=listitem] div {
    padding: 1.5em;
  }
}
@media screen and (max-width: 480px) {
  [data-id=spotlight] form + div[role=alertdialog] div {
    flex-wrap: wrap;
    gap: 0;
  }
  [data-id=spotlight] form + div[role=alertdialog] div span:first-child, [data-id=spotlight] form + div[role=alertdialog] div span:first-child + span {
    flex: 0 0 100%;
  }
  [data-id=spotlight] form + div[role=alertdialog] div span:first-child + span {
    font-size: 0.9375em;
  }
  [data-id=spotlight] form + div[role=alertdialog] div span + button, [data-id=spotlight] form + div[role=alertdialog] div span + button + button {
    flex: 0 0 auto;
  }
  [data-id=spotlight] form + div[role=alertdialog] div button + button:last-child {
    flex-grow: 1;
  }
  main[data-auth] {
    padding: 0 24px;
  }
  main[data-page=services] div[role=listitem] {
    flex: 0 0 100%;
  }
  dialog > div, dialog:not([data-id]) > div {
    margin-top: 0;
    border-radius: 0;
    height: 100vh;
  }
  footer div[data-id] {
    flex: 0 0 100%;
  }
  [data-page=landing] div[role=list] {
    flex-wrap: wrap;
  }
  [data-page=landing] div[role=list] [role=listitem] {
    flex: 0 0 100%;
  }
  [data-id=spotlight] p {
    display: none;
  }
  [data-id=spotlight] h1 {
    margin-bottom: 0.5em;
  }
  footer div[data-id=footer] > div:nth-child(1), footer div[data-id=footer] > div:nth-child(2) {
    margin-top: 2em;
  }
  footer div[data-id=footer] > div {
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}/*# sourceMappingURL=styles.css.map */