/* =========================================================
   TALVAREN STUDIOS V2
   MEDIA COLLECTIONS
========================================================= */

.media-library{
    width:min(1120px,100%);
    margin:0 auto;
}

.media-library-header{
    margin-bottom:28px;
    padding:clamp(24px,4vw,42px);
    color:var(--talvaren-parchment-light);
    background:rgba(22,27,34,.82);
    border:1px solid var(--talvaren-shell-border);
    border-radius:16px;
    backdrop-filter:blur(10px);
}

.media-library-header h1{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:14px;}
.media-library-header p{max-width:820px;margin-bottom:0;line-height:1.75;}

.media-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:20px;
}

.media-card{
    display:flex;
    flex-direction:column;
    min-height:260px;
    overflow:hidden;
    color:var(--talvaren-parchment-light);
    background:rgba(28,34,43,.92);
    border:1px solid rgba(229,207,160,.28);
    border-radius:14px;
    box-shadow:0 12px 30px rgba(0,0,0,.32);
}

.media-card-preview{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:150px;
    padding:20px;
    background:linear-gradient(145deg,rgba(75,58,34,.54),rgba(20,25,32,.86));
    border-bottom:1px solid rgba(229,207,160,.18);
    font-size:2.2rem;
}

.media-card-body{display:flex;flex:1;flex-direction:column;padding:20px;}
.media-card h2,.media-card h3{margin-bottom:10px;}
.media-card p{margin-bottom:0;color:#d7ccb5;}
.media-card button{margin-top:auto;align-self:flex-start;}

.media-placeholder{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:190px;
    padding:24px;
    text-align:center;
    border:2px dashed rgba(229,207,160,.28);
    border-radius:12px;
    background:rgba(22,27,34,.52);
}