:root{
  --navy:#083b67;
  --navy-dark:#063457;
  --gold:#c98918;
  --cream:#fbf7ef;
  --text:#143b61;
  --line:#e6e6e6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--text);background:white}
a{color:inherit}
.container{width:min(1180px,88%);margin:0 auto}

/* HEADER */
.site-header{background:#fff;border-bottom:1px solid #e3e8ec}
.header-inner{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:22px;text-decoration:none}
.brand img{width:88px;height:84px;object-fit:contain}
.brand span{font-size:29px;line-height:1.02;color:var(--navy);letter-spacing:.2px}
.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:28px}
.jurisdiction{text-align:right;font-size:13px;line-height:1.35;color:var(--navy)}
.jurisdiction:after{content:"";display:block;width:48px;height:2px;background:var(--gold);margin:8px 0 0 auto}
nav{display:flex;gap:38px}
nav a{text-decoration:none;text-transform:uppercase;font-size:13px;letter-spacing:.45px;padding-bottom:8px}
nav a.active{border-bottom:2px solid var(--gold)}

/* HERO */
.hero{background:#eef6fb;overflow:hidden}
.hero-content{
  min-height:430px;
  display:grid;
  grid-template-columns:48% 52%;
  align-items:stretch;
  width:min(1280px,100%);
  margin:0 auto;
}
.hero-copy{
  padding:42px 7% 42px 9%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(90deg,#fff 0%,#fff 72%,rgba(255,255,255,.88) 100%);
  position:relative;
  z-index:2;
}
.hero-picture{
  min-width:0;
  overflow:hidden;
  background:#eaf4fb;
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
}
.hero-picture img{
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:contain;
  object-position:right center;
  display:block;
}
.eyebrow{color:var(--gold);letter-spacing:4px;font-size:15px;margin-bottom:22px}
h1{margin:0;color:var(--navy);font-size:51px;font-weight:500;line-height:1.05}
.rule{width:68px;height:2px;background:var(--gold);margin:22px 0}
.hero p{max-width:540px;font-size:20px;line-height:1.45;margin:0 0 22px}
.cta{display:inline-flex;align-items:center;gap:28px;background:#0a4d7c;color:#fff;text-decoration:none;padding:15px 20px;text-transform:uppercase;font-size:13px;letter-spacing:.6px;width:max-content}

/* STATEMENT */
.statement{background:var(--cream);padding:22px 0 18px;text-align:center}
.statement-inner{max-width:830px}
.statement h2{margin:0;color:var(--navy);font-size:33px;font-weight:400;font-style:italic}
.statement p{font-size:18px;line-height:1.45;margin:0}
.small-rule{width:42px;height:2px;background:var(--gold);margin:14px auto}
.small-rule.left{margin-left:0}

/* VALUES */
.values{padding:25px 0 34px}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:72px;text-align:center}
.values article{padding:0 16px}
.icon-circle{width:74px;height:74px;border-radius:50%;background:#fbf7ef;color:var(--gold);display:grid;place-items:center;margin:0 auto 7px}
.icon-circle svg{width:47px;height:47px}
.values h3{font-size:22px;margin:0;color:var(--navy)}
.values p{font-size:16px;line-height:1.45;margin:0}

/* ABOUT */
.about{padding:20px 0 0;border-top:1px solid #f1f1f1}
.about-grid{display:grid;grid-template-columns:58% 42%;align-items:end}
.about-copy{padding-bottom:18px}
.about h2,.info-section h2,.legal-note h2{font-size:27px;font-weight:600;margin:0;color:var(--navy)}
.about p{font-size:16px;line-height:1.48;margin:0 0 13px}
.about-art{
  min-height:250px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
}
.about-art img{
  display:block;
  max-height:235px;
  max-width:92%;
  width:auto;
  height:auto;
  object-fit:contain;
  opacity:.30;
  filter:grayscale(1);
}

/* INFO */
.info-section{border-top:1px solid #ededed;padding:22px 0 28px}
.info-grid{display:grid;grid-template-columns:1fr 1fr}
.info-block{padding-right:52px}
.info-block.contact{padding-right:0;padding-left:52px;border-left:1px solid #ddd}
.block-title{display:flex;align-items:flex-start;gap:14px}
.block-title>svg{width:42px;height:42px;flex:0 0 42px;color:var(--gold)}
dl{display:grid;grid-template-columns:130px 1fr;gap:6px 15px;margin:7px 0 0;font-size:15px;line-height:1.45}
dt{font-weight:bold} dd{margin:0}
.info-block p{font-size:15px;line-height:1.45;margin:0 0 10px}
.info-block a{color:#0069b3}

/* LEGAL */
.legal-note{padding:28px 0 32px;background:#fbfbfb;border-top:1px solid #eee}
.legal-grid{display:grid;grid-template-columns:190px 1fr;gap:45px;align-items:center}
.legal-grid img{width:185px;height:auto;object-fit:contain;opacity:.45;filter:grayscale(1)}
.legal-grid p{font-size:15px;line-height:1.5;margin:0 0 8px}

/* FOOTER */
footer{background:linear-gradient(90deg,var(--navy),var(--navy-dark));color:#fff;padding:24px 0 20px}
.footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
.footer-name{font-size:17px;letter-spacing:.5px;margin-bottom:3px}
.footer-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.footer-links a{text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.45px}
.footer-bottom{display:flex;justify-content:space-between;margin-top:20px;font-size:12px}

/* MOBILE */
@media(max-width:850px){
  .header-inner{flex-direction:column;align-items:flex-start;padding:15px 0}
  .brand img{width:72px;height:68px}
  .brand span{font-size:22px}
  .header-right{width:100%;align-items:flex-start;gap:14px}
  .jurisdiction{text-align:left}.jurisdiction:after{margin-left:0}
  nav{gap:16px;flex-wrap:wrap}
  .hero-content{grid-template-columns:1fr;min-height:auto;width:100%}
  .hero-copy{padding:48px 6%;background:#fff}
  .hero-picture{min-height:260px}
  .hero-picture img{min-height:260px;width:100%;height:auto;object-fit:contain;object-position:center}
  h1{font-size:39px}.hero p{font-size:18px}
  .values-grid{grid-template-columns:1fr;gap:32px}
  .about-grid,.info-grid,.legal-grid{grid-template-columns:1fr}
  .about-art{min-height:190px;margin-top:12px}
  .about-art img{max-height:180px}
  .info-block,.info-block.contact{padding:0}
  .info-block.contact{border-left:0;border-top:1px solid #ddd;margin-top:28px;padding-top:28px}
  dl{grid-template-columns:1fr;gap:3px}
  dd{margin-bottom:8px}
  .legal-grid img{display:none}
  .footer-main,.footer-bottom{flex-direction:column}
  .footer-links{justify-content:flex-start}
}