@font-face{font-family:Brand;src:url("/assets/dm-sans-semibold.ttf") format("truetype");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:Brand;src:url("/assets/dm-sans.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}

:root{--ink:#202020;--blue:#274d63;--paper:#f4f2ec;--rust:#a76c50}

*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 Brand,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
header{height:58px;padding:0 23px;display:flex;align-items:center;gap:28px;font-size:12px;border-bottom:1px solid #ddd}
header .brand{font-size:23px;letter-spacing:-.05em;font-weight:600;text-decoration:none}
header span{color:#666}
header a:last-child{margin-left:auto;font-weight:600}

.hero{margin:10px;background:var(--blue);color:#fff;padding:clamp(45px,8vw,110px) clamp(25px,7vw,100px)}
.hero .kicker,.article .kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.hero h1{font-size:clamp(48px,8vw,105px);line-height:.95;letter-spacing:-.06em;font-weight:600;max-width:1000px;margin:25px 0}
.hero p{font-size:clamp(18px,2vw,25px);max-width:650px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px}
.card{min-height:330px;padding:28px;background:var(--paper);text-decoration:none;display:flex;flex-direction:column}
.card:nth-child(2){background:#ded8c9}
.card:nth-child(3){background:var(--rust);color:#fff5eb}
.card h2{font-size:clamp(28px,3vw,45px);line-height:1.02;letter-spacing:-.045em;margin:20px 0}
.card p{margin-top:auto;max-width:350px}

.article{max-width:850px;margin:0 auto;padding:80px 30px 120px}
.article h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.055em;margin:25px 0 35px}
.article .lead{font-size:23px;line-height:1.5}
.article h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.04em;margin:65px 0 20px}
.article p,.article li{font-size:18px}
.article li{margin:10px 0}
.article .cta{margin-top:70px;background:#ded8c9;padding:35px}
.article .cta h2{margin-top:0}
.button{display:inline-block;margin-top:15px;background:#34332f;color:#fff;padding:14px 22px;text-decoration:none}

footer{display:flex;justify-content:space-between;gap:20px;padding:20px 23px;color:#666;font-size:10px}

@media(max-width:750px){
  header span{display:none}
  .cards{grid-template-columns:1fr}
  .card{min-height:260px}
  .article{padding-top:55px}
}

/* Language navigation */
.language-nav{
  margin:42px 23px 12px;
  padding-top:18px;
  border-top:1px solid #ddd;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  font-size:13px;
  color:#777;
}

.language-nav a{
  color:#202020;
  text-decoration:none;
  border-bottom:1px solid #aaa;
}

.language-nav a:hover{
  border-bottom-color:#202020;
}

.language-nav span:first-child{
  margin-right:4px;
  color:#777;
}

@media(max-width:750px){
  .language-nav{
    margin-top:28px;
  }
}

/* FINAL language tiles */
.language-nav{
  margin:50px 23px 35px !important;
  padding-top:28px !important;
  border-top:1px solid #ddd !important;
  display:flex !important;
  align-items:flex-start !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  font-size:16px !important;
  color:#202020 !important;
}

.language-nav > span:first-child{
  flex:0 0 100% !important;
  margin:0 0 12px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:#666 !important;
}

.language-nav > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:230px !important;
  min-height:72px !important;
  padding:14px 34px !important;
  background:#34332f !important;
  color:#fff !important;
  text-decoration:none !important;
  border:0 !important;
  font-size:22px !important;
  line-height:1 !important;
}

.language-nav > a:hover{
  opacity:.88 !important;
  border:0 !important;
}

@media(max-width:750px){
  .language-nav{
    margin:35px 10px 25px !important;
  }

  .language-nav > a{
    min-width:165px !important;
    min-height:62px !important;
    padding:12px 22px !important;
    font-size:19px !important;
  }
}