/* Spotify playlist embed */
.playlist {
    margin-top: 90px;
    position: relative;
}
.playlist .section-head { margin-bottom: 24px; }
.playlist .section-head p {
    margin-top: 8px;
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1.1rem;
    color: var(--ink-soft);
}

.playlist-frame {
    position: relative;
    border-radius: 18px;
    padding: 8px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 18%),
        linear-gradient(180deg, var(--paper) 0%, #fff5ee 100%);
    border: 1px solid var(--paper-edge);
    box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 22px 50px -24px rgba(146,82,106,.35);
    overflow: hidden;
    transition: transform var(--t-mid), box-shadow var(--t-mid);
}
.playlist-frame:hover {
    transform: translateY(-2px);
    box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 30px 60px -24px rgba(146,82,106,.45);
}

/* Two soft pink "tape" pieces in the corners — analog feel */
.playlist-frame::before,
.playlist-frame::after {
    content: '';
    position: absolute;
    width: 56px; height: 18px;
    background: linear-gradient(135deg, rgba(246, 184, 198, .65), rgba(217, 122, 139, .55));
    border: 1px solid rgba(178,88,103,.18);
    box-shadow: 0 4px 10px -4px rgba(146,82,106,.35);
    pointer-events: none;
    z-index: 2;
}
.playlist-frame::before { top: -8px; left: 18px;  transform: rotate(-6deg); }
.playlist-frame::after  { top: -8px; right: 18px; transform: rotate(6deg); }

.playlist-frame iframe {
    display: block;
    width: 100%;
    height: 352px;
    border: 0;
    border-radius: 12px;
    background: #fce4e8;
}

@media (max-width: 600px) {
    .playlist { margin-top: 70px; }
    .playlist-frame iframe { height: 380px; }
    .playlist-frame::before { left: 12px;  width: 44px; }
    .playlist-frame::after  { right: 12px; width: 44px; }
}