:root { --sea: #0b1c2c; --foam: #d9e4ea; --brass: #c4a574; }
* { box-sizing: border-box; }
body { margin: 0; font-family: "Trebuchet MS", "Segoe UI", sans-serif; background: var(--foam); color: var(--sea); }
.mast {
  background: var(--sea);
  color: var(--foam);
  padding: 3.2rem 7vw 2.4rem;
}
.mast h1 { margin: 0; font-weight: 400; font-size: 2.2rem; }
.mast span { color: var(--brass); letter-spacing: 0.18em; font-size: 0.75rem; text-transform: uppercase; }
nav { background: #132536; padding: 0.75rem 7vw; }
nav a { color: var(--foam); text-decoration: none; margin-right: 1.5rem; font-size: 0.9rem; }
nav a:hover { color: var(--brass); }
.hold { display: flex; gap: 3rem; padding: 2.4rem 7vw 4rem; flex-wrap: wrap; }
.hold article { flex: 1 1 28rem; line-height: 1.65; }
.hold aside { flex: 0 1 16rem; background: #fff; padding: 1.4rem; border-top: 4px solid var(--brass); }
h2 { font-weight: 400; }
a { color: #1a4d6e; }