* { box-sizing:border-box; }
html, body { margin:0; background:#1b1614; color:#f0e2d4; }
body { font:18px/1.65 Cambria, "Iowan Old Style", Georgia, serif; padding-bottom:74px; }
a { color:inherit; text-decoration:none; }
.giant {
  margin:0; padding:22px 4vw 8px;
  font:800 clamp(3.2rem, 11vw, 8.5rem)/.84 "Arial Narrow", "Avenir Next Condensed", Impact, sans-serif;
  letter-spacing:-.045em; color:#e7d7c8; text-transform:uppercase;
}
.slit { display:block; width:100%; height:190px; object-fit:cover; object-position:center 45%; }
.band { display:grid; grid-template-columns:1.35fr .9fr; min-height:340px; }
.band img { width:100%; height:100%; min-height:340px; object-fit:cover; display:block; }
.band .txt { background:#2a211c; margin:48px 0 48px -7vw; padding:28px 28px 32px; position:relative; }
.band h1, .solo h1 { margin:0 0 12px; font-size:clamp(1.8rem, 3vw, 2.6rem); font-weight:560; letter-spacing:-.03em; line-height:1.08; }
.band p, .solo p { margin:0 0 14px; }
.solo { max-width:760px; padding:28px 6vw 20px; }
.solo h2, .band h2 { margin:22px 0 8px; font-size:1.3rem; }
.solo img { width:100%; height:360px; object-fit:cover; display:block; margin:8px 0 16px; }
.dock {
  position:fixed; left:0; right:0; bottom:0; z-index:3;
  display:grid; grid-template-columns:repeat(4, 1fr);
  background:#8e2f1c; color:#f8efe8;
  font:14px/1.2 "Avenir Next", "Segoe UI", sans-serif;
}
.dock a { padding:16px 8px 18px; text-align:center; border-right:1px solid rgba(255,255,255,.18); }
.dock a:last-child { border-right:0; }
.dock a.on { background:#6e2414; }
@media (max-width:800px) {
  .band { display:block; }
  .band img { min-height:200px; height:220px; }
  .band .txt { margin:0; }
  .dock a { padding:14px 4px; font-size:13px; }
}