/* Candidate-local DASHPORT dark proof hero styles. */
[data-section="dashport-dark-proof-hero"].dp{
  --dp-ink:#06301B;
  --dp-deep:var(--deep);
  --dp-line-dark:rgba(255,255,255,.16);
  --dp-gold:var(--gold);
  background:var(--dp-ink);
  box-sizing:border-box;
  color:#FFFFFF;
  overflow:hidden;
  padding:var(--section-padding-y) 0;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

[data-section="dashport-dark-proof-hero"] *,
[data-section="dashport-dark-proof-hero"] *::before,
[data-section="dashport-dark-proof-hero"] *::after{
  box-sizing:border-box;
}

[data-section="dashport-dark-proof-hero"] .dp-hero__top{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  gap:clamp(28px,3vw,56px);
  align-items:center;
}

[data-section="dashport-dark-proof-hero"] .dp-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin:0 0 22px;
  color:var(--dp-gold);
}

[data-section="dashport-dark-proof-hero"] .dp-hero__kicker::before{
  content:"";
  width:34px;
  height:2px;
  background:var(--dp-gold);
}

[data-section="dashport-dark-proof-hero"] .dp-hero__title{
  margin:0;
  font-family:var(--display);
  font-weight:var(--display-weight);
  font-size:clamp(42px,5.2vw,78px);
  line-height:1.15;
  letter-spacing:0;
  color:#FFFFFF;
  max-width:18ch;
  text-wrap:pretty;
}

[data-section="dashport-dark-proof-hero"] .dp-hero__title em{
  font-style:normal;
  color:var(--dp-gold);
}

[data-section="dashport-dark-proof-hero"] .dp-hero__lede{
  margin:26px 0 0;
  max-width:40ch;
  color:rgba(255,255,255,.82);
  font-size:clamp(17px,1.35vw,21px);
  line-height:1.45;
}

[data-section="dashport-dark-proof-hero"] .dp-hero__cta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:22px;
}

[data-section="dashport-dark-proof-hero"] .dp-btnrow{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:0;
}

[data-section="dashport-dark-proof-hero"] .dp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:18px 32px;
  background:var(--dp-gold);
  color:#181818;
  border:1px solid var(--dp-gold);
  font-family:var(--body);
  font-size:15px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
}

[data-section="dashport-dark-proof-hero"] .dp-btn:hover{
  background:#FFFFFF;
  border-color:#FFFFFF;
  color:var(--dp-deep);
}

[data-section="dashport-dark-proof-hero"] .dp-hero__stage{
  position:relative;
  margin-top:56px;
}

[data-section="dashport-dark-proof-hero"] .dp-hero__frame{
  position:relative;
  background:#FFFFFF;
  padding:clamp(10px,.9vw,16px);
  box-shadow:0 -1px 0 var(--dp-gold);
}

[data-section="dashport-dark-proof-hero"] .dp-hero__frame img{
  width:100%;
  height:auto;
  display:block;
}

[data-section="dashport-dark-proof-hero"] .dp-hero__kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:var(--dp-deep);
  margin-top:2px;
}

[data-section="dashport-dark-proof-hero"] .dp-hero__kpi{
  padding:40px clamp(24px,2.2vw,40px) 44px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  position:relative;
}

[data-section="dashport-dark-proof-hero"] .dp-hero__kpi + .dp-hero__kpi::before{
  content:"";
  position:absolute;
  left:0;
  top:40px;
  bottom:40px;
  width:1px;
  background:rgba(255,255,255,.2);
}

[data-section="dashport-dark-proof-hero"] .dp-hero__fig{
  font-family:var(--display);
  font-size:clamp(52px,5vw,76px);
  line-height:.86;
  letter-spacing:0;
  color:var(--dp-gold);
}

[data-section="dashport-dark-proof-hero"] .dp-hero__kpilabel{
  font-family:var(--display);
  font-size:clamp(20px,1.7vw,26px);
  line-height:1.1;
  font-weight:var(--display-weight);
  color:#FFFFFF;
}

@media (max-width:1080px){
  [data-section="dashport-dark-proof-hero"] .dp-hero__top{
    grid-template-columns:1fr;
    align-items:start;
  }
}

@media (max-width:820px){
  [data-section="dashport-dark-proof-hero"] .dp-hero__kpis{
    grid-template-columns:1fr;
  }

  [data-section="dashport-dark-proof-hero"] .dp-hero__kpi + .dp-hero__kpi::before{
    left:24px;
    right:24px;
    top:0;
    bottom:auto;
    width:auto;
    height:1px;
  }
}

@media (max-width:620px){
  [data-section="dashport-dark-proof-hero"] .dp-hero__title{
    max-width:none;
  }
}