/* Pantheon / Homepage additions on top of brain.css */
@media (min-width: 900px) {
  dialog#hero { margin: auto auto auto max(24px, 6vw); width: min(440px, 38vw); }
  dialog#hero::backdrop { background: linear-gradient(90deg, rgba(7,6,13,0.6), rgba(7,6,13,0.05) 60%); }
}
.b-link { text-decoration: none; display: inline-block; }
.whisper { list-style: none; margin: 4px 0 14px; padding: 0; display: grid; gap: 6px; }
.whisper li { border-radius: 12px; padding: 7px 12px; font-size: 14.5px; color: var(--ink); opacity: 0; transform: translateY(6px); }
.whisper li:nth-child(1) { background: var(--lemon); } .whisper li:nth-child(2) { background: var(--peach); }
.whisper li:nth-child(3) { background: var(--rose); } .whisper li:nth-child(4) { background: var(--lav); }
.whisper li:nth-child(5) { background: var(--mint); }
.whisper.play li { animation: wIn 0.5s ease forwards; }
.whisper.play li:nth-child(2) { animation-delay: 0.9s; } .whisper.play li:nth-child(3) { animation-delay: 1.3s; }
.whisper.play li:nth-child(4) { animation-delay: 1.7s; } .whisper.play li:nth-child(5) { animation-delay: 2.7s; }
@keyframes wIn { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .whisper li { opacity: 1; transform: none; animation: none !important; } }
.form { display: grid; gap: 8px; margin: 6px 0 12px; }
.form label { font: 600 13px var(--font); color: var(--ink); }
.form input { font: 15px var(--font); color: var(--ink); background: #fff; border: 2px solid #c9b8f5; border-radius: 10px; padding: 8px 10px; }
.form input:focus-visible { outline: 3px solid var(--gold); outline-offset: 1px; }
.small { font-size: 13.5px; }
.foot-links a { color: var(--ink); text-underline-offset: 3px; }