/* ============================================
   MEDIAWIZARDS GRIMOIRE — PARCHMENT SCROLL CARD
   Subtle Wizardry Edition
   ============================================ */

/* Base parchment card */
.parchment-card {
    position: relative;
    overflow: visible;
    color: #3b2f1e;
    /* Parchment texture + convex bulge */
    background: radial-gradient( ellipse 90% 70% at 50% 40%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 60% ), radial-gradient( ellipse 90% 70% at 50% 75%, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 70% ), url('https://www.transparenttextures.com/patterns/aged-paper.png'), #f7f2e3;
    border: 2px solid #d6c7a1;
    border-radius: 6px;
    /* Hover curl */
    transition: transform 0.5s ease, filter 0.5s ease;
}

    .parchment-card:hover {
        transform: perspective(800px) rotateX(1.5deg) rotateY(-1.5deg);
        filter: brightness(0.97) contrast(1.05);
    }



/* ============================================
   INK-BLEED HEADINGS
   ============================================ */

.parchment-card .card-footer,
.parchment-card .h5 {
    position: relative;
    font-family: "IM Fell English", "Cormorant Garamond", serif;
    color: #2a1f0f;
    text-shadow: 0 0 0.5px rgba(0,0,0,0.35), 0 0 1px rgba(0,0,0,0.2);
}

    .parchment-card .card-footer::after,
    .parchment-card .h5::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient( circle, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 70% );
        opacity: 0.25;
        pointer-events: none;
        mix-blend-mode: multiply;
    }

.parchment-card {
    background-image: url('/assets/old-paper.webp'); 
    /*background-size: cover;*/
    background-position: center;
    height: 100vh;

}