/* ARTIST PORTAL - THE SQUIGGLY ONE */
:root { 
    --ink: #241C15; 
    --paper: #FDFBF7; 
    --mcm-coral: #E76F51; 
    --wobble: 255px 15px 225px 15px/15px 225px 15px 255px; 
}

body { 
    font-family: 'Inter', sans-serif; 
    background: #828c73; 
    color: var(--ink); text-align: center; margin: 0; padding: 0;
    display: flex; justify-content: center; 
}

.container { width: 95%; max-width: 420px; padding: 20px 0; }

.card { 
    background: white; border: 3px solid var(--ink); border-radius: var(--wobble); 
    padding: 25px; box-shadow: 8px 8px 0px rgba(0,0,0,0.1); 
}

/* THE FIX: Class name changed to .hero-art to match your artist_mcm.html */
.hero-art { 
    width: 100%; 
    max-height: 300px; /* STOPS IT BEING BLOODY HUGE */
    object-fit: cover; /* CROPS NEATLY WITHOUT STRETCHING */
    border-radius: 12px; border: 2px solid var(--ink); margin-bottom: 15px; 
}

.name { font-family: 'DM Serif Display', serif; font-size: 2rem; margin: 10px 0; line-height: 1.1; }
.tagline { font-size: 0.95rem; font-style: italic; opacity: 0.8; margin-bottom: 25px; line-height: 1.4; }

.primary-btn { 
    display: block; width: 100%; background: var(--mcm-coral); color: white; 
    padding: 18px; border: 3px solid var(--ink); border-radius: 50px; 
    font-weight: bold; font-size: 1.1rem; box-shadow: 5px 5px 0px var(--ink); 
    text-decoration: none; margin-bottom: 20px; 
}

.btn-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.btn { 
    padding: 12px; border: 2px solid var(--ink); border-radius: 12px; 
    background: #eee; text-decoration: none; color: var(--ink); font-weight: bold; 
}

.stats { margin-top: 25px; font-size: 0.8rem; opacity: 0.6; }