@font-face{
  font-family:'Carlito';
  font-style:normal; font-weight:400; font-display:swap;
  src:url('../fonts/carlito-v4-latin/carlito-v4-latin-regular.woff2') format('woff2');
}
@font-face{
  font-family:'Carlito';
  font-style:normal; font-weight:700; font-display:swap;
  src:url('../fonts/carlito-v4-latin/carlito-v4-latin-700.woff2') format('woff2');
}
:root{
  --navy:#1F4E79;
  --ink:#14263A;
  --text:#1E1E1E;
  --slate:#6484A2;
  --pale:#D6E4F0;
  --teal:#248478;
  --teal-dark:#1B6358;
  --white:#FFFFFF;
  --sans:'Calibri','Carlito',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{
  font-family:var(--sans);
  color:var(--text);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  border-top:4px solid var(--navy);
  min-height:100%;
  display:flex;
  flex-direction:column;
}
.wrap{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 24px;
}
.card{
  width:100%;
  max-width:560px;
}
.wordmark{
  font-family:var(--sans);
  font-weight:700;
  font-size:clamp(46px,8.5vw,68px);
  line-height:1.0;
  color:var(--navy);
}
.wordmark .grp{color:var(--slate);font-weight:400;}
.rule{
  height:1px;
  background:var(--pale);
  margin:28px 0 26px;
}
.block-label{
  font-size:11px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--slate);
  margin-bottom:10px;
}
.address{
  font-size:15px;
  line-height:1.75;
  color:var(--text);
}
.address .legal{font-weight:700;color:var(--ink);}
.contact{
  margin-top:22px;
  font-size:15px;
}
.contact a{
  color:var(--navy);
  text-decoration:none;
  border-bottom:1px solid var(--pale);
  padding-bottom:1px;
  transition:border-color .15s ease,color .15s ease;
}
.contact a:hover,
.contact a:focus-visible{
  color:var(--teal);
  border-color:var(--teal);
  outline:none;
}

@media (prefers-color-scheme:dark){
  body{background:#0B1B2C;color:#C4D0DB;}
  .wordmark{color:#FFFFFF;font-weight:400;}
  .wordmark .grp{color:#7E97AE;}
  .rule{background:rgba(255,255,255,0.12);}
  .block-label{color:#6E88A0;}
  .address{color:#C4D0DB;}
  .address .legal{color:#E7EDF2;}
  .contact a{
    color:#A9C2DA;
    border-bottom-color:rgba(169,194,218,0.5);
  }
  .contact a:hover,
  .contact a:focus-visible{
    color:#4FB6A2;
    border-color:#4FB6A2;
  }
}