.blond-profile a:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
.blond-skip { position: fixed; left: 20px; top: -90px; z-index: 30; padding: 12px 18px; background: var(--gold); color: var(--bg); border-radius: 8px; }
.blond-skip:focus { top: 14px; }
.blond-profile .artist-hero > img { object-position: center 36%; }
.blond-profile .artist-hero h1 { font-size: clamp(42px, 5.8vw, 82px); overflow-wrap: anywhere; }
.blond-motto { color: var(--gold); font-family: "Playfair Display", serif; font-style: italic; font-size: 22px; line-height: 1.5; margin: 25px 0; padding-left: 18px; border-left: 2px solid #c968953d; }
.blond-profile .hero-actions { margin-top: 25px; }
.blond-hub, .blond-hub #redes { scroll-margin-top: 100px; }
.blond-release { display: grid; grid-template-columns: minmax(180px, .7fr) 1.3fr; align-items: center; gap: 34px; padding: 25px; background: linear-gradient(135deg, #d2ad6410, #111); border: 1px solid #d2ad6445; border-radius: 22px; margin-bottom: 30px; }
.blond-release > img { width: 100%; height: auto; border-radius: 14px; }
.blond-release h3 { font-family: "Playfair Display", serif; font-size: clamp(30px, 4vw, 45px); line-height: 1.1; margin: 0 0 18px; }
.blond-release p:not(.eyebrow) { color: var(--muted); }
.blond-release .eyebrow { font-size: 10px; letter-spacing: .13em; }
.blond-release-links { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }
.blond-release-links .button { display: inline-flex; align-items: center; justify-content: center; padding: 10px 17px; font-size: 12px; }
.blond-audio { border-top: 1px solid var(--line); padding-top: 70px; }
.blond-audio .youtube-preview { width: 100%; max-width: 760px; }
.blond-audio .youtube-preview img { object-fit: contain; }
.artist-list.blond-roster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.blond-roster .small-card h3 { overflow-wrap: anywhere; }
.profile-tile.blond-tile img { object-position: center 35%; }
.profile-tile.blond-tile h2 { font-size: clamp(30px, 3.8vw, 48px); overflow-wrap: anywhere; }
.blond-roster-grid .dj-tile { grid-column: 1 / -1; min-height: 340px; }
.blond-roster-grid .dj-tile .dj-art { min-height: 340px; font-size: 80px; }
@media (max-width: 1000px) { .artist-list.blond-roster { grid-template-columns: 1fr; } }
@media (max-width: 850px) { .blond-profile .artist-hero > img { height: auto; aspect-ratio: 1; object-fit: cover; } .blond-profile .artist-hero > div { padding: 45px 24px 55px; } .blond-profile .artist-hero h1 { font-size: clamp(42px, 8vw, 68px); } .blond-release { gap: 24px; } }
@media (max-width: 650px) { .blond-release { grid-template-columns: 1fr; padding: 20px; } .blond-release > img { max-width: 350px; margin: auto; } .blond-release-links .button { flex: 1 1 140px; } .blond-motto { font-size: 20px; } .blond-audio { padding-top: 55px; } .blond-audio .youtube-preview span { font-size: 12px; bottom: 12px; padding: 10px 6px; } }