:root{
  --navy:#081C38;
  --deep:#041225;
  --gold:#C8A14A;
  --gray:#4B5664;
  --light:#F7F7F7;
  --white:#ffffff;
  --line:#e7e7e7;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff;line-height:1.6;}
a{color:inherit;}

.header{
  position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;padding:14px 6%;
}
.logo{height:98px;width:auto;display:block;}
.nav a{text-decoration:none;margin-left:20px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--navy);}
.nav a:hover{color:var(--gold);}

.hero{
  min-height:660px;display:flex;align-items:center;padding:105px 6%;color:#fff;
  background:
    linear-gradient(90deg,rgba(4,18,37,.92) 0%,rgba(4,18,37,.76) 46%,rgba(4,18,37,.38) 100%),
    url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=1800&auto=format&fit=crop');
  background-size:cover;background-position:center;
}
.hero-content{max-width:790px;}
.gold-line{width:88px;height:4px;background:var(--gold);margin-bottom:28px;}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,7vw,88px);line-height:1.04;margin:0 0 28px;}
.hero p{font-size:24px;color:#E4E8ED;max-width:710px;margin-bottom:38px;}

.button{
  display:inline-block;background:var(--gold);color:#fff;padding:16px 34px;text-decoration:none;
  text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.08em;border:1px solid var(--gold);
}
.button.secondary{background:transparent;color:#fff;margin-left:12px;}
.button.dark{background:var(--navy);border-color:var(--navy);}

.section{padding:90px 6%;}
.section.light{background:var(--light);}
.section.dark{background:var(--deep);color:#fff;}
.container{max-width:1180px;margin:0 auto;}
.kicker{color:var(--gold);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.14em;}
h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,58px);line-height:1.12;margin:14px 0 24px;}
.lead{font-size:22px;color:var(--gray);max-width:920px;}
.dark .lead{color:#D4DAE2;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:45px;}
.card{padding:34px;border:1px solid rgba(8,28,56,.14);background:#fff;}
.dark .card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);}
.card h3{font-family:Georgia,'Times New Roman',serif;font-size:28px;margin:0 0 14px;}
.card p{font-size:18px;color:var(--gray);margin:0;}
.dark .card p{color:#CFD6DF;}
.icon{font-size:40px;color:var(--gold);margin-bottom:14px;}

.photo-band{
  min-height:360px;
  background:
    linear-gradient(rgba(4,18,37,.42),rgba(4,18,37,.42)),
    url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=1800&auto=format&fit=crop');
  background-size:cover;background-position:center;
}

.page-title{
  padding:95px 6%;
  background:
    linear-gradient(rgba(4,18,37,.84),rgba(4,18,37,.84)),
    url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?q=80&w=1800&auto=format&fit=crop');
  background-size:cover;background-position:center;color:#fff;
}
.page-title h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,6vw,78px);margin:0;}
.page-title p{font-size:22px;color:#DDE4EC;max-width:820px;}

.list{font-size:21px;color:var(--gray);}
.list li{margin-bottom:12px;}

.contact-box,.form-box{background:#fff;padding:42px;border:1px solid #e6e6e6;}
.contact-box p{font-size:21px;margin:10px 0;}

.form-box label{display:block;font-weight:700;margin-top:16px;}
.form-box input,.form-box textarea,.form-box select{
  width:100%;padding:14px;border:1px solid #cfd6df;font-size:16px;margin-top:6px;
}
.form-box textarea{min-height:150px;}
.form-note{font-size:14px;color:var(--gray);margin-top:14px;}

.footer{background:var(--deep);color:#D4DAE2;padding:55px 6% 28px;}
.footer-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px;}
.footer-logo{height:110px;background:#fff;padding:8px;}
.footer h4{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:14px;}
.footer p,.footer a{color:#D4DAE2;text-decoration:none;margin:8px 0;display:block;}
.copyright{max-width:1180px;margin:36px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);text-align:center;font-size:13px;color:#9FA9B5;}

@media(max-width:1050px){
  .header{display:block;text-align:center;}
  .logo{margin:0 auto 12px;height:88px;}
  .nav a{margin:0 7px;font-size:11px;}
  .grid-2,.cards,.footer-grid{grid-template-columns:1fr;}
  .hero{min-height:auto;padding:90px 6%;}
  .button.secondary{display:block;margin:14px 0 0;width:max-content;}
}