/* ABOUT --------------------------------------------------------------- */
.about-profile-wrap{
  max-width:var(--max);
  margin:0 auto;
  padding:clamp(48px,5vw,76px) var(--pad);
}
.about-profile{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:24px;
  padding:clamp(54px,6vw,86px);
  color:#fff;
  background:
    radial-gradient(circle at 82% 18%,rgba(68,186,255,.30),transparent 34%),
    radial-gradient(circle at 16% 82%,rgba(97,91,255,.22),transparent 38%),
    linear-gradient(125deg,#102f91 0%,#174dcc 34%,#2266e8 63%,#153d9c 100%);
}
.about-profile:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 30%,transparent 70%,rgba(255,255,255,.035));
}
.about-profile-heading,
.about-profile-copy,
.about-profile-experience{position:relative;z-index:1}
.about-profile-heading{grid-column:1/7}
.about-profile-label{
  margin:0 0 22px;
  font-size:10px;
  letter-spacing:.15em;
  color:rgba(255,255,255,.72);
}
.about-profile-heading h2{
  margin:0;
  max-width:12em;
  font-size:clamp(27px,3vw,42px);
  line-height:1.5;
  letter-spacing:-.03em;
  font-weight:500;
}
.about-profile-copy{
  grid-column:8/13;
  align-self:start;
  color:rgba(255,255,255,.82);
  font-size:13.5px;
  line-height:2;
}
.about-profile-copy p{margin:0 0 1.55em}
.about-profile-copy p:last-child{margin-bottom:0}
.about-profile-experience{
  grid-column:1/13;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  margin-top:clamp(34px,4vw,56px);
  border-top:1px solid rgba(255,255,255,.28);
  border-bottom:1px solid rgba(255,255,255,.20);
}
.about-profile-experience div{
  min-width:0;
  padding:22px 18px 24px;
  border-right:1px solid rgba(255,255,255,.18);
}
.about-profile-experience div:last-child{border-right:0}
.about-profile-experience small{
  display:block;
  font-size:8px;
  color:rgba(255,255,255,.56);
}
.about-profile-experience strong{
  display:block;
  margin-top:18px;
  font-size:14px;
  font-weight:500;
  line-height:1.55;
}
.about-profile-experience span{
  display:block;
  margin-top:9px;
  font-size:10px;
  line-height:1.7;
  color:rgba(255,255,255,.64);
}
.about-company-section .company-table{grid-column:5/13}
.about-company-section .company-row strong{font-weight:500}

/* CONTACT ------------------------------------------------------------- */
.contact-form .field{
  transition:border-color .2s ease;
}
.contact-form .field:focus-within{
  border-bottom-color:rgba(36,93,255,.42)!important;
}
.contact-form .field input:focus,
.contact-form .field textarea:focus,
.contact-form .field select:focus,
.contact-form .field input:focus-visible,
.contact-form .field textarea:focus-visible,
.contact-form .field select:focus-visible{
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
.contact-form .field label{
  transition:color .2s ease;
}
.contact-form .field:focus-within label{
  color:#294b9e;
}

@media(max-width:900px){
  .about-profile{
    grid-template-columns:1fr;
    padding:44px 34px;
  }
  .about-profile-heading,
  .about-profile-copy,
  .about-profile-experience{grid-column:auto}
  .about-profile-heading h2{max-width:14em}
  .about-profile-copy{margin-top:12px;max-width:44em}
  .about-profile-experience{grid-template-columns:repeat(2,1fr)}
  .about-profile-experience div:nth-child(2n){border-right:0}
  .about-profile-experience div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.18)}
  .about-profile-experience div:last-child{grid-column:1/3}
  .about-company-section .company-table{grid-column:auto}
}

@media(max-width:620px){
  .about-profile-wrap{
    padding:22px var(--pad) 34px;
  }
  .about-profile{
    margin:0;
    padding:34px 24px 28px;
  }
  .about-profile-label{margin-bottom:14px}
  .about-profile-heading h2{
    font-size:21px;
    line-height:1.62;
    max-width:none;
  }
  .about-profile-heading h2 br{display:none}
  .about-profile-copy{
    margin-top:20px;
    font-size:12.2px;
    line-height:1.95;
  }
  .about-profile-experience{
    display:block;
    margin-top:28px;
  }
  .about-profile-experience div,
  .about-profile-experience div:nth-child(2n),
  .about-profile-experience div:last-child{
    padding:15px 0 16px;
    border-right:0;
    border-top:0;
    border-bottom:1px solid rgba(255,255,255,.16);
  }
  .about-profile-experience div:last-child{border-bottom:0}
  .about-profile-experience strong{margin-top:9px;font-size:12.5px}
  .about-profile-experience span{margin-top:4px;font-size:9.5px}
  .about-company-section .company-row strong{font-size:12.5px}
}

/* ABOUT profile — full bleed ------------------------------------------------ */
.about-profile-wrap{
  width:100%;
  max-width:none;
  margin:0;
  padding:clamp(48px,5vw,76px) 0;
}
.about-profile{
  width:100%;
  padding-left:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));
  padding-right:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));
}

@media(max-width:900px){
  .about-profile-wrap{padding:40px 0}
  .about-profile{padding-left:var(--pad);padding-right:var(--pad)}
}

@media(max-width:620px){
  .about-profile-wrap{padding:24px 0 34px}
  .about-profile{padding:34px var(--pad) 28px}
}