:root {
    --bg-color: #ffffff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-color);
    overflow-x: hidden;
    line-height: 0; /* Remove potential gaps between images */
}

.page-container {
    width: 100%;
    max-width: 1920px; /* Limit max width for extremely large screens */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.page-slice {
    width: 100%;
    display: block;
}

.page-slice img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}

/* Optional: Add a subtle fade-in effect as the page loads */
.page-slice {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.page-slice.visible {
    opacity: 1;
    transform: translateY(0);
}