.hero { color: var(--cream); }
.hero h1 { color: var(--cream); text-shadow: 0 3px 24px rgba(20, 7, 4, .34); }
.hero-meta { color: #f1e5d6; text-shadow: 0 1px 8px rgba(20, 7, 4, .55); }
.script { font-family: var(--script); }
.sound-toggle { margin-left: auto; border: 0; background: transparent; color: var(--cream); cursor: pointer; text-transform: uppercase; font: 10px var(--mono); letter-spacing: 1.3px; }
.language { margin-left: 0; }
footer { position: relative; flex-wrap: wrap; gap: 15px; }
footer small { width: 100%; opacity: .65; font: 10px var(--mono); letter-spacing: .6px; }
@media (max-width: 760px) { .sound-toggle { margin-left: auto; font-size: 9px; } footer small { font-size: 9px; line-height: 1.5; } }