:root{
  --navy:#071a3c;
  --navy-dark:#05122c;
  --gold:#d4af37;
  --off:#f5f7fb;
  --text:#17345f;
  --muted:#5f6e85;
  --line:#e1e5ee;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:var(--off);
  color:var(--text);
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.header{
  background:var(--navy);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.header-inner{
  max-width:1520px;
  margin:0 auto;
  padding:0 34px;
  min-height:112px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand img{
  height:92px;
  width:auto;
  display:block;
}.nav{
  display:flex;
  align-items:center;
  gap:32px;
  color:#fff;
  font-weight:700;
  font-size:14px;
  letter-spacing:.02em;
  margin-left:auto;
}
.nav .active{color:var(--gold);position:relative}
.nav .active:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-12px;
  height:3px; background:var(--gold);
}
.cta{
  border:2px solid var(--gold);
  color:var(--gold);
  padding:12px 20px;
}
.hero{
  position:relative;
  min-height:365px;
  background:
   linear-gradient(90deg, rgba(3,29,69,.96) 0%, rgba(3,29,69,.82) 28%, rgba(3,29,69,.48) 46%, rgba(3,29,69,.12) 63%, rgba(3,29,69,.02) 100%),
   url('hero-photo.png') center/cover no-repeat;
}
.hero-inner{
  max-width:1520px;
  margin:0 auto;
  padding:40px 60px;
}
.hero-copy{max-width:620px;color:#fff;padding-top:18px}
.hero h1{
  margin:0;
  font-family:Georgia, "Times New Roman", serif;
  font-size:78px;
  line-height:.95;
  letter-spacing:-.03em;
}
.hero .tag{
  margin-top:18px;
  color:var(--gold);
  font-size:20px;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:700;
}
.hero p{
  margin-top:18px;
  max-width:560px;
  font-size:17px;
  line-height:1.65;
}
.btn{
  display:inline-block;
  margin-top:26px;
  background:#ddb655;
  color:#08203f;
  padding:17px 38px;
  font-weight:800;
  border-radius:2px;
}
.section{
  padding:36px 24px 18px;
}
.section-head{
  text-align:center;
}
.kicker{
  display:inline-flex;
  align-items:center;
  gap:18px;
  color:#b2811a;
  font-size:13px;
  font-weight:700;
  letter-spacing:.18em;
}
.kicker:before,.kicker:after{
  content:"";
  width:44px;
  height:2px;
  background:#d4bf7f;
}
.section-head h2{
  margin:8px 0 0;
  font-family:Georgia, "Times New Roman", serif;
  color:#14335f;
  font-size:37px;
}
.cards{
  max-width:1380px;
  margin:26px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.card{
  background:#fff;
  border:1px solid var(--line);
  padding:28px 22px;
  min-height:266px;
  text-align:center;
}
.card .icon{
  height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
}
.card .icon img{
  max-height:92px;
  width:auto;
}
.card h3{
  margin:0;
  font-family:Georgia, "Times New Roman", serif;
  color:#17345f;
  font-size:18px;
  line-height:1.35;
}
.card p{
  color:#334b6f;
  font-size:15px;
  line-height:1.65;
  margin:12px 0 0;
}
.band{
  margin-top:18px;
  background:var(--navy);
  color:#fff;
  padding:36px 44px;
}
.band-inner{
  max-width:1380px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1fr;
  gap:34px;
  align-items:start;
}
.band .small{
  color:var(--gold);
  font-size:13px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.band h2{
  margin:10px 0 12px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:28px;
  line-height:1.15;
}
.band p{
  margin:0;
  color:rgba(255,255,255,.9);
  font-size:14px;
  line-height:1.75;
}
.about-btn{
  display:inline-block;
  margin-top:22px;
  background:#ddb655;
  color:#08203f;
  padding:14px 26px;
  font-weight:800;
  border-radius:2px;
}
.feature{
  border-left:1px solid rgba(255,255,255,.16);
  padding-left:30px;
}
.feature .icon{
  color:var(--gold);
  font-size:52px;
  line-height:1;
  margin-bottom:8px;
}
.feature h3{
  margin:0 0 8px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:18px;
  color:#fff;
}
.bottom{
  background:#eef1f6;
  padding:28px 44px;
}
.bottom-inner{
  max-width:1380px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:28px;
  align-items:center;
}
.mail{
  display:flex;
  gap:18px;
  align-items:center;
}
.mail-icon{
  width:62px;height:62px;border:3px solid #b88b24;border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  color:#b88b24;font-size:30px;
}
.bottom h3{
  margin:0;
  font-family:Georgia, "Times New Roman", serif;
  color:#17345f;
  font-size:30px;
}
.bottom p{
  margin:6px 0 0;
  color:#3d567a;
  font-size:16px;
}
.contact-btn{
  border:2px solid #c69b34;
  color:#a97c19;
  padding:16px 34px;
  font-weight:800;
  background:#fff;
}
.email{
  color:#17345f;
  font-size:18px;
}
.footer{
  background:var(--navy-dark);
  color:rgba(255,255,255,.88);
  text-align:center;
  padding:18px 20px;
  font-size:14px;
}
@media (max-width: 1200px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .band-inner{grid-template-columns:1fr 1fr}
  .bottom-inner{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .nav{
  display:flex;
  align-items:center;
  gap:32px;
  color:#fff;
  font-weight:700;
  font-size:14px;
  letter-spacing:.02em;
  margin-left:auto;
}
  .brand img{
  height:92px;
  width:auto;
  display:block;
}
  .hero h1{font-size:46px}
  .section-head h2{font-size:30px}
  .cards,.band-inner{grid-template-columns:1fr}
}