.dd-team{
  --dd-blue:#0878c9;
  --dd-navy:#0b2239;
  --dd-muted:#5d6772;
  --dd-light:#f4f7f9;
  --dd-border:#dce5ec;
  background:#fff;
  color:var(--dd-navy);
  font-family:inherit;
}
.dd-team *{box-sizing:border-box}

.dd-team__hero{
  background:linear-gradient(135deg,#0b2239,#123e63);
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:74px 0 70px;
}
.dd-team__hero-inner{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto;
}
.dd-team__hero-eyebrow{
  display:inline-block;
  margin-bottom:12px;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#79c6f5;
}
.dd-team__hero h1{
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:clamp(38px,5vw,62px)!important;
  line-height:1.05!important;
  font-weight:750!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
}
.dd-team__hero p{
  max-width:760px;
  margin:0;
  font-size:18px;
  line-height:1.65;
  color:rgba(255,255,255,.88);
}

.dd-team__content{padding:54px 0 0}
.dd-team__inner{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto;
}
.dd-team__grid{
  display:grid;
  grid-template-columns:repeat(var(--dd-team-columns),minmax(0,1fr));
  gap:22px;
}

.dd-team-card{
  position:relative;
  background:#fff;
  border:1px solid var(--dd-border);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(11,34,57,.07);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.dd-team-card::after{
  content:"";
  position:absolute;
  left:18px;right:18px;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--dd-blue),#35a8f4);
  border-radius:3px 3px 0 0;
  transform:scaleX(.18);
  transform-origin:left center;
  opacity:.65;
  transition:transform .3s ease,opacity .3s ease;
}
.dd-team-card:hover{
  transform:translateY(-7px);
  box-shadow:0 20px 44px rgba(11,34,57,.14);
  border-color:#c9d8e4;
}
.dd-team-card:hover::after{transform:scaleX(1);opacity:1}

.dd-team-card__image{
  position:relative;
  aspect-ratio:4/5;
  background:linear-gradient(180deg,#f7fafc,#eef3f7);
  overflow:hidden;
}
.dd-team-card__image::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,34,57,0) 55%,rgba(11,34,57,.18) 100%);
  opacity:.25;
  transition:opacity .28s ease;
}
.dd-team-card__image img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s ease;
}
.dd-team-card:hover .dd-team-card__image img{transform:scale(1.045);filter:saturate(1.04) contrast(1.02)}
.dd-team-card:hover .dd-team-card__image::after{opacity:.55}

.dd-team-card__body{position:relative;padding:18px 18px 21px;background:#fff}
.dd-team-card h3{
  font-size:18px!important;
  line-height:1.3!important;
  margin:0 0 6px!important;
  color:var(--dd-navy)!important;
  font-weight:750!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
}
.dd-team-card h3::before{
  content:"";display:inline-block;width:3px;height:1.05em;
  background:var(--dd-blue);border-radius:3px;margin-right:8px;vertical-align:-.12em;
}
.dd-team-card__role{font-size:14.5px;line-height:1.48;color:var(--dd-muted);margin:0 0 14px}
.dd-team-card__links{display:flex;gap:9px}
.dd-team-card__links a{
  width:34px;height:34px;border-radius:10px;background:#eef6fc;color:var(--dd-blue);
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;
  font-weight:800;border:1px solid rgba(8,120,201,.08);
  box-shadow:0 4px 12px rgba(8,120,201,.08);
  transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
}
.dd-team-card__links a:hover,.dd-team-card__links a:focus-visible{
  background:var(--dd-blue);color:#fff;transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(8,120,201,.22);outline:none;
}

/* Board is deliberately visually distinct but still part of the same page */
.dd-team__board{
  margin-top:68px;
  padding:54px 0 64px;
  background:#f6f9fb;
  border-top:1px solid #e8eef3;
}
.dd-team__board--only{
  margin-top:0;
  padding-top:0;
  background:#fff;
  border-top:0;
}
.dd-team__board-heading{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:26px;
}
.dd-team__board-heading>span{
  width:42px;height:3px;border-radius:999px;background:#e5242a;margin-top:11px;flex:0 0 auto;
}
.dd-team__board-kicker{
  color:var(--dd-blue);
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:3px;
}
.dd-team__board-heading h2{
  margin:0!important;
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.12!important;
  font-weight:750!important;
  letter-spacing:-.01em!important;
  color:var(--dd-navy)!important;
  text-transform:none!important;
}
.dd-team__grid--board{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}
.dd-team__grid--board .dd-team-card{
  box-shadow:0 7px 22px rgba(11,34,57,.055);
}
.dd-team__grid--board .dd-team-card__image{aspect-ratio:1/1}
.dd-team-card--board .dd-team-card__body{text-align:center;padding:15px 12px 17px}
.dd-team-card--board h3{margin:0!important;font-size:16px!important}
.dd-team-card--board h3::before{display:none}
.dd-team-card--board::after{
  left:25%;right:25%;transform:scaleX(.35);transform-origin:center
}
.dd-team-card--board:hover::after{transform:scaleX(1)}

@media(max-width:1100px){
  .dd-team__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dd-team__grid--board{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:780px){
  .dd-team__hero{padding:56px 0 54px}
  .dd-team__hero-inner,.dd-team__inner{width:min(100% - 36px,1240px)}
  .dd-team__hero p{font-size:16px}
  .dd-team__content{padding-top:42px}
  .dd-team__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dd-team__grid--board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dd-team__board{margin-top:52px;padding:42px 0 50px}
}
@media(max-width:520px){
  .dd-team__hero-inner,.dd-team__inner{width:min(100% - 28px,1240px)}
  .dd-team__hero{padding:48px 0 46px}
  .dd-team__hero h1{font-size:36px!important}
  .dd-team__grid,.dd-team__grid--board{grid-template-columns:1fr}
  .dd-team-card__image{aspect-ratio:5/4}
  .dd-team__grid--board .dd-team-card__image{aspect-ratio:1/1}
  .dd-team__board-heading{gap:10px}
  .dd-team__board-heading>span{width:30px}
  .dd-team-card:hover{transform:translateY(-4px)}
}