        /* Core Atelier Typography Hierarchy Rules */
        body {
            font-family: 'Lato', sans-serif;
            background-color: #F2F2F2;
            color: #732255;
            overflow-x: hidden;
        }

        .font-headline {
            font-weight: 100;
            letter-spacing: 0.14em;
        }

        .font-body {
            font-weight: 300;
            letter-spacing: 0.03em;
        }

        /* Multipage Dynamic Book View System Layout */
        .notebook-page {
            display: none;
            opacity: 0;
            transform: translateY(15px);
            transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .notebook-page.active-page {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        /* Paper Peel Simulation Classes */
        .paper-peel-transition {
            box-shadow: 0 -10px 30px rgba(0,0,0,0.03);
            position: relative;
        }

        /* 03 Swinging Tag Component Physics Simulation */
        @keyframes tagSwing {
            0% { transform: rotate(0deg); }
            50% { transform: rotate(3deg); }
            100% { transform: rotate(-3deg); }
        }
        .swing-tag {
            transform-origin: top center;
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        .swing-tag:hover {
            animation: tagSwing 2s ease-in-out infinite alternate;
        }

        /* 06 Horizontal Gallery View Elements Mapping */
        .horizontal-scroll-viewport {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
        }
        .horizontal-scroll-viewport::-webkit-scrollbar {
            height: 3px;
        }
        .horizontal-scroll-viewport::-webkit-scrollbar-thumb {
            background-color: #732255;
        }
        .horizontal-screen-frame {
            scroll-snap-align: start;
            flex-shrink: 0;
            width: 100vw;
        }

        /* No scrollbar utility code */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        /* Stamped Wax Seal Interface Profile Component */
        .wax-seal-btn {
            background-color: #732255;
            color: #F2F2F2;
            border-radius: 53% 47% 51% 49% / 48% 52% 46% 54%;
            box-shadow: inset 2px 2px 4px rgba(255,255,255,0.15), 2px 4px 12px rgba(115, 34, 85, 0.25);
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .wax-seal-btn:hover {
            transform: scale(1.05) rotate(-3deg);
        }

        .dispatch-tab{
    padding:10px 20px;
    border:1px solid rgba(0,0,0,.1);
    background:#fff;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.15em;
    cursor:pointer;
    transition:.3s;
}

.active-tab{
    background:#4c2b4d;
    color:#fff;
}

.hidden{
    display:none;
}
