:root{
  --navy:#0f2a44;
  --teal:#1f8a80;
  --teal2:#2fb3a6;
  --sand:#f4ecdd;
  --sand2:#e9dcc3;
  --ink:#1b2430;
  --muted:#5a6675;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);
  background:#fff;
}
h1{
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.2;
  font-size:clamp(2rem,6vw,3rem);
  margin:0 0 .6rem;
}
.wrap{max-width:1100px;margin:0 auto;padding:0 1.2rem}
.skip{position:absolute;left:-999px}
.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:9}
header.site{
  background:var(--navy);
  color:#fff;
  position:sticky;
  top:0;
  z-index:5;
}
.hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  padding-block:.7rem;
}
.logo{
  display:flex;
  gap:.6rem;
  align-items:center;
  color:#fff;
  text-decoration:none;
  font:700 1.2rem Georgia,serif;
}
.logo em{color:var(--teal2);font-weight:400}
.hero-photo{
  position:relative;
  overflow:hidden;
  background:var(--navy);
  padding:4.5rem 0;
  color:#fff;
  min-height:min(70vh,36rem);
  display:flex;
  align-items:center;
}
.hero-bg,.hero-bg img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.hero-bg img{
  object-fit:cover;
  object-position:72% 50%;
}
.hero-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(15,42,68,.5) 0%,rgba(15,42,68,.38) 45%,rgba(15,42,68,.12) 100%);
}
.hero-photo .wrap{position:relative;z-index:1}
.hero-copy{max-width:640px}
.hero-photo h1{color:#fff}
.hero-photo .eyebrow{
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:700;
  font-size:.85rem;
  color:#a8eee4;
  margin:0 0 .75rem;
}
.hero-photo h1,.hero-photo .eyebrow{
  text-shadow:0 1px 2px rgba(5,18,32,.85),0 2px 14px rgba(5,18,32,.6);
}
footer.site{
  background:#0a1e31;
  color:#d8e1ea;
  padding:1.25rem 0;
  font-size:.95rem;
}
footer.site p{margin:0}