.hero-intro { width: min(100%, 480px); margin: 28px 0 0 4px; padding-top: 22px; }
.hero .hero__copy { padding-bottom: 56px; }
.hero-intro section { margin: 0; padding: 0; }
.hero-intro h2 { margin: 0 0 12px; color: #d7c29a; font-size: 11px; font-weight: 400; letter-spacing: .16em; }
.hero-intro__credits { margin: 0; }
.hero-intro__credits div { display: flex; align-items: baseline; gap: 20px; }
.hero-intro__credits dt { color: #cbb998; font-size: 12px; }
.hero-intro__credits dd { margin: 0; color: #f4e7ca; font-size: 21px; letter-spacing: .04em; }
.hero__title-art:focus { outline: none; }
@media (max-width: 739px) { .hero-intro { margin-top: 22px; padding-top: 18px; } .hero-intro__credits dd { font-size: 19px; } }