body.butter-beatdown-theme {
  --accent: #ffd16b;
  --accent-2: #f18b54;
  --xp-accent: #ffd16b;
  --xp-secondary: #f18b54;
}
.butter-beatdown-theme .hero-copy h1 { font-size: clamp(2.5rem, 5.6vw, 5.8rem); }
.butter-beatdown-theme .hero-copy h1 span { color: var(--accent); }
.butter-role { margin-top: 28px; }
.butter-role p { margin-bottom: 0; }
.butter-beatdown-theme .butter-photo img { width: 100%; height: auto; max-height: none; object-fit: contain; }
.butter-beatdown-theme .butter-gallery { align-items: start; }
.butter-video { margin: 0; overflow: hidden; }
.butter-video video { display: block; width: 100%; height: auto; background: #03040b; }
.butter-video figcaption { padding-top: 20px; }
.butter-video figcaption h3 { margin-top: 0; }
.butter-portrait-video video { max-height: 600px; object-fit: contain; }
.butter-tests { margin-top: 28px; }
.butter-credits h3 { overflow-wrap: anywhere; }
@media (max-width: 720px) {
  .butter-beatdown-theme .hero-copy h1 { font-size: clamp(2rem, 10vw, 4rem); }
  .butter-beatdown-theme .project-nav { flex-wrap: wrap; }
}