:root { --moss:#1c3a28; --paper:#f2f5ef; --ink:#1b2820; --fern:#2f6b45; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:18px/1.6 Georgia,serif; }
a { color:inherit; }
img { display:block; width:100%; object-fit:cover; }
.zig > img { height:480px; }
.top { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 28px; background:var(--moss); color:#e7f0df; }
.top a { color:#e7f0df; text-decoration:none; }
.word { display:flex; align-items:center; gap:10px; font:600 15px/1 "Avenir Next",sans-serif; letter-spacing:.04em; }
.top nav { display:flex; gap:18px; font:14px/1 "Avenir Next",sans-serif; }
.top nav a.on { box-shadow:inset 0 -2px 0 #d7e6c4; }
.zig { display:grid; grid-template-columns:1fr 1fr; min-height:440px; }
.zig .txt { padding:56px 40px; display:flex; flex-direction:column; justify-content:center; }
.zig h1, .zig h2 { font-weight:500; letter-spacing:-.02em; margin:0 0 12px; font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.12; }
.zig p { margin:0; }
.kicker { font:12px/1 "Avenir Next",sans-serif; letter-spacing:.16em; text-transform:uppercase; color:var(--fern); margin:0 0 12px; }
.flip { background:#e4ecdf; }
.flip .txt { order:2; }
.band { background:var(--moss); color:#e7f0df; padding:36px 40px; display:flex; justify-content:space-between; gap:24px; align-items:center; }
.band a { color:#d7e6c4; }
.band p { margin:6px 0 0; max-width:36em; }
.inner { max-width:920px; margin:0 auto; padding:36px 22px 64px; }
.inner h1 { font-weight:500; font-size:clamp(2rem,4vw,2.8rem); margin:8px 0 12px; }
.pair { display:grid; grid-template-columns:320px 1fr; gap:28px; align-items:center; margin-top:22px; }
.pair img { height:280px; }
.foot { padding:18px 28px 28px; font:13px/1.4 "Avenir Next",sans-serif; color:#4d6456; display:flex; justify-content:space-between; }
.foot a { color:#4d6456; text-decoration:none; margin-right:14px; }
@media (max-width:800px) {
  .top { flex-wrap:wrap; }
  .zig, .pair { grid-template-columns:1fr; min-height:0; }
  .flip .txt { order:0; }
  .zig img, .pair img { height:240px; }
  .band { flex-direction:column; align-items:flex-start; }
}