:root { --bg: #182211; --surface: #222F18; --ink: #EFF2ED; --accent: #93E25A; --muted: #9BB389; } * { box-sizing: border-box; } html { background: #182211; } body { margin: 0; min-height: 100vh; color: #EFF2ED; background-color: #182211; background-image: radial-gradient(ellipse at 8% -6%, #3c5826 0%, rgba(24, 34, 17, 0) 52%), radial-gradient(ellipse at 108% 88%, #2c421c 0%, rgba(24, 34, 17, 0) 46%); font-family: Palatino, Georgia, serif; font-size: 1.06rem; line-height: 1.6; } a { color: #93E25A; } a:hover { color: #EFF2ED; } .wrap { max-width: 40rem; margin: 0 auto; padding: 2.75rem 1.3rem 4.5rem; } .kicker { margin: 0; color: #93E25A; font-family: Copperplate, Palatino, serif; letter-spacing: 0.18em; text-transform: uppercase; font-size: 0.76rem; } h1 { margin: 0.35rem 0 1rem; font-family: Copperplate, Palatino, serif; font-weight: 400; font-size: clamp(2.8rem, 9vw, 4.8rem); letter-spacing: 0.07em; line-height: 0.92; } h2 { margin: 2.4rem 0 0.45rem; font-family: Copperplate, Palatino, serif; font-weight: 400; font-size: 1.4rem; letter-spacing: 0.06em; } p { margin: 0.6rem 0; } .lead { font-size: 1.28rem; line-height: 1.45; } .plate { margin: 2rem 0 0.4rem; padding: 1.35rem 1.3rem 1.2rem; background: #222F18; border-left: 4px solid #93E25A; } .plate p { margin: 0.25rem 0; } .caption { color: #9BB389; } .line { font-size: 1.42rem; line-height: 1.35; } .verbs { margin-top: 0.95rem; } .verb { display: inline-block; margin-right: 0.45rem; padding: 0.35rem 0.75rem; border: 1px solid #93E25A; color: #93E25A; font-family: Copperplate, Palatino, serif; letter-spacing: 0.12em; font-size: 0.82rem; } ul { margin: 0.45rem 0 0.8rem; padding-left: 1.15rem; } li { margin: 0.45rem 0; } .muted { color: #9BB389; } footer { margin-top: 3rem; padding-top: 1.15rem; border-top: 1px solid #314422; color: #9BB389; } nav { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 0.7rem; } .mail { color: #EFF2ED; font-size: 1.12rem; }