body { margin: 0; background: #e6ece4; color: #1c241c; font-family: Palatino, "Palatino Linotype", "Iowan Old Style", serif; }
body::before { content: ""; position: fixed; left: 0; top: 0; bottom: 0; width: 14px; background: #7a1f2b; }
.sheet { max-width: 680px; margin: 0 auto; padding: 40px 28px 80px; }
.work { text-align: center; letter-spacing: 0.22em; font-size: 12px; text-transform: uppercase; color: #7a1f2b; margin: 0; }
h1 { text-align: center; font-weight: 500; font-size: 36px; line-height: 1.15; margin: 8px 0 0; }
nav { display: flex; justify-content: center; gap: 22px; margin: 18px 0 26px; border-top: 3px double #7a1f2b; border-bottom: 3px double #7a1f2b; padding: 10px 0; }
nav a { color: #1c241c; text-decoration: none; font-size: 16px; }
nav a.on { color: #7a1f2b; }
p { font-size: 18px; line-height: 1.55; }
figure { margin: 22px 0; border: 3px double #7a1f2b; padding: 8px; background: #f4f6f1; }
img { width: 100%; height: auto; display: block; }
figcaption, footer { font-size: 14px; line-height: 1.45; color: #3d4a3d; }
footer { margin-top: 40px; }
@media (max-width: 640px) {
  h1 { font-size: 28px; }
  nav { gap: 12px; flex-wrap: wrap; }
  .sheet { padding: 28px 18px 56px 28px; }
}