:root{
  --navy:#123451;
  --gold:#c7a24d;
  --teal:#148a94;
  --text:#102d49;
  --white:#fff;
  --light:#f7f7f5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}
a{color:inherit}
.container{width:min(100% - 80px, 944px);margin:auto}
.hero{background:var(--navy);color:#fff;min-height:410px;padding:47px 0 38px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}
.brand{border-left:6px solid var(--gold);padding-left:12px;margin-bottom:30px;font-weight:700;line-height:1.05}
.brand strong{display:block;font-size:18px}
.brand span{display:block;color:var(--teal);font-size:16px;margin-top:4px}
.hero h1{font-size:46px;line-height:1.02;margin:0 0 25px;font-weight:800}
.hero h1 span{display:block;color:var(--gold)}
.claim{font-size:16px;margin:0 0 20px 32px}
.cta{display:inline-block;background:var(--teal);color:var(--gold);text-decoration:none;font-weight:700;padding:11px 36px;margin-left:143px;font-size:14px}
.hero img{width:100%;height:294px;object-fit:cover;display:block}
.intro{padding:28px 0 62px}
.intro-grid{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:start}
.intro h2{font-size:25px;font-style:italic;margin:38px 0 45px;border-left:7px solid var(--teal);padding-left:12px;line-height:1.08}
.intro p{font-size:16px;line-height:1.28;margin:0 0 38px}
.intro-images{display:grid;gap:10px}
.intro-images img{width:100%;display:block;object-fit:cover}
.intro-images .small{height:205px;width:210px;margin-left:auto}
.intro-images .wide{height:232px}
.services{padding:0 0 60px}
.section-title{font-size:24px;margin:0 0 28px;border-bottom:4px solid var(--gold);padding-bottom:7px}
.services-grid{display:grid;grid-template-columns:260px 1fr;gap:42px;align-items:center}
.services-grid img{width:100%;height:335px;object-fit:cover}
.service-list{list-style:none;margin:0;padding:0}
.service-list li{display:grid;grid-template-columns:34px 1fr;gap:10px;margin:0 0 27px;font-size:15px;line-height:1.22}
.check{color:var(--teal);font-size:28px;line-height:18px}
.about{background:var(--navy);color:#fff;padding:38px 0 43px}
.about-head{display:flex;align-items:center;gap:25px;border-bottom:4px solid var(--gold);padding-bottom:7px;margin-bottom:30px}
.about h2{font-size:24px;margin:0;flex:1}
.about img{width:245px;height:275px;object-fit:cover;float:right;margin:0 0 16px 30px}
.about p{font-size:15px;line-height:1.23;margin:0 0 24px}
.contact{padding:58px 0 60px;text-align:center}
.contact h2{font-size:34px;font-style:italic;color:#252525;margin:0 auto 12px;padding:0 0 10px;border-bottom:4px solid var(--teal);max-width:860px}
.contact>p{font-size:15px;line-height:1.3;max-width:760px;margin:35px auto 48px;color:#222}
.contact-item{margin:0 0 25px;color:#222}
.contact-item .label{display:block;margin-bottom:7px}
.contact-item a{text-decoration:underline}
.footer{background:var(--navy);color:var(--gold);padding:16px;text-align:center;font-size:14px}
.footer a{margin:0 35px;text-decoration:none}
.legal{min-height:100vh}
.legal-header{background:var(--navy);color:#fff;padding:28px 0}
.legal-header .brand{margin:0}
.legal-content{padding:50px 0 80px;color:#222}
.legal-content h1{color:var(--navy);font-size:34px}
.legal-content h2{color:var(--navy);font-size:23px;margin-top:36px}
.legal-content p{font-size:16px;line-height:1.5}
.back{display:inline-block;margin-top:20px;color:var(--teal)}
@media(max-width:760px){
  .container{width:min(100% - 34px,944px)}
  .hero{padding:28px 0 32px}
  .hero-grid,.intro-grid,.services-grid{grid-template-columns:1fr}
  .hero h1{font-size:40px}
  .hero img{height:300px}
  .claim{margin-left:0}
  .cta{margin-left:0}
  .intro-images{grid-template-columns:1fr 1fr}
  .intro-images .small{width:100%;height:190px}
  .intro-images .wide{height:190px}
  .services-grid img{max-width:300px;height:330px}
  .about img{float:none;width:190px;height:215px;margin:0 0 20px 0}
  .about-head{display:block}
  .about h2{margin-bottom:15px}
  .contact h2{font-size:28px}
  .footer a{margin:0 12px}
}