/* Remove the animation from body */
body {
    opacity: 1; /* Reset this */
    overflow-x: hidden;
}

/* Add this overlay class to your HTML, or use it to wrap content */
.fade-in-content {
    opacity: 0;
    animation: fadeIn 0.8s ease-in forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.font-display { font-family: 'Cinzel', serif; }
.font-sans { font-family: 'Inter', sans-serif; }
.gallery-image {
    aspect-ratio: 1 / 1; /* Adjust to match your image crop */
    object-fit: cover;
    width: 100%;
    display: block;
}
.book-text {
    text-align: justify; /* Aligns both edges */
    line-height: 1.8;    /* More breathing room */
    hyphens: auto;       /* Helps prevent awkward gaps in justification */
}

.book-text p {
    text-indent: 1.5rem; /* Standard paragraph indent */
    margin-bottom: 0;    /* Remove bottom gap to rely on indents */
}

.book-text p:first-of-type {
    text-indent: 0;      /* No indent for the first paragraph */
}