body { font-family: 'Work Sans', sans-serif; background: #fff; color: #000; overflow-x: hidden; overflow-y: hidden; }

        .nav-left a { font-family: 'Crimson Pro', serif; font-size: 1.64rem; font-weight: 300; color: #000; text-decoration: none; letter-spacing: 0.5px; }

        .gallery-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; padding-top: 80px; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }

        .gallery-container::-webkit-scrollbar { height: 8px; }

        .gallery-container::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); }

        .gallery-container::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); border-radius: 4px; }

        .gallery-container::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.3); }

        .gallery-scroll { display: flex; gap: 60px; padding: 0 6rem 60px 6rem; height: 100%; align-items: center; }

        .painting-item { flex-shrink: 0; height: calc((100vh - 200px) * 0.616); cursor: pointer; position: relative; transition: transform 0.4s ease, filter 0.4s ease; }

        .painting-item:hover { transform: scale(1.02); filter: brightness(1.05); }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
        }

        .painting-item img { height: calc(100% - 50px); width: auto; display: block; object-fit: contain; }

        .painting-caption { padding-top: 0.8rem; }

        .painting-caption .title { font-family: 'Crimson Pro', serif; font-size: 1.32rem; font-weight: 300; color: #000; line-height: 1.3; }

        .painting-caption .medium { font-family: 'Work Sans', sans-serif; font-size: 0.9rem; font-weight: 300; color: rgba(0, 0, 0, 0.45); letter-spacing: 0.5px; margin-top: 0.2rem; }

        .gallery-arrow { position: fixed; top: 80px; bottom: 0; width: 80px; z-index: 500; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: opacity 0.3s ease; }

        .gallery-arrow:hover { opacity: 1; }

        .gallery-arrow span { font-size: 1.4rem; font-weight: 300; color: #fff; background: rgba(0, 0, 0, 0.6); width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; transition: background 0.3s ease; user-select: none; }

        .gallery-arrow:hover span { background: rgba(0, 0, 0, 0.85); }

        .gallery-arrow.left { left: 0; }

        .gallery-arrow.right { right: 0; }

        .gallery-arrow.hidden { opacity: 0 !important; }

        .lightbox { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(255, 255, 255, 0.98); z-index: 2000; align-items: center; justify-content: center; backdrop-filter: blur(20px); }

        .lightbox.active { display: flex; }

        .lightbox-content { display: flex; gap: 4rem; max-width: 90%; max-height: 85vh; align-items: center; }

        .lightbox-image { max-width: 50vw; max-height: 65vh; object-fit: contain; }

        .lightbox-info { max-width: 400px; }

        .lightbox-info h2 { font-family: 'Crimson Pro', serif; font-size: 2.5rem; font-weight: 300; margin-bottom: 1rem; line-height: 1.2; }

        .lightbox-info .medium { font-family: 'Work Sans', sans-serif; font-size: 0.85rem; font-weight: 300; color: rgba(0, 0, 0, 0.6); margin-bottom: 0.5rem; letter-spacing: 1px; }

        .lightbox-info .size { font-family: 'Work Sans', sans-serif; font-size: 0.85rem; font-weight: 300; color: rgba(0, 0, 0, 0.6); margin-bottom: 0.5rem; letter-spacing: 1px; }

        .lightbox-info .location { font-family: 'Work Sans', sans-serif; font-size: 0.85rem; font-weight: 300; color: rgba(0, 0, 0, 0.45); margin-bottom: 1.5rem; letter-spacing: 0.5px; font-style: italic; }

        .lightbox-info .description { font-family: 'Work Sans', sans-serif; font-size: 0.9rem; font-weight: 300; color: rgba(0, 0, 0, 0.55); line-height: 1.7; margin-bottom: 2rem; }

        .lightbox-info .price { font-family: 'Work Sans', sans-serif; font-size: 1.5rem; font-weight: 300; margin-bottom: 2.5rem; color: #000; }

        .unavailable-badge { display: inline-block; padding: 1rem 2.5rem; font-family: 'Work Sans', sans-serif; font-size: 0.85rem; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: rgba(0, 0, 0, 0.35); border: 1px solid rgba(0, 0, 0, 0.15); }

        .order-button { display: inline-block; padding: 1rem 2.5rem; background: #000; color: #fff; text-decoration: none; font-family: 'Work Sans', sans-serif; font-size: 0.85rem; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; transition: all 0.3s ease; border: 1px solid #000; }

        .order-button:hover { background: #fff; color: #000; }

        .close-lightbox { position: absolute; top: 3rem; right: 3rem; font-size: 2.5rem; color: rgba(0, 0, 0, 0.6); cursor: pointer; background: none; border: none; transition: color 0.3s ease; font-weight: 200; }

        .close-lightbox:hover { color: #000; }

        @media (max-width: 768px) {
            body { overflow-x: hidden; overflow-y: auto; }
            nav { padding: 1.5rem; }
            .gallery-container { position: relative; height: auto; padding-top: 80px; overflow-x: hidden; overflow-y: auto; }
            .gallery-scroll { flex-direction: column; padding: 1rem 0 3rem 0; gap: 2.5rem; height: auto; }
            .painting-item { flex-shrink: 0; height: auto; width: 100%; }
            .painting-item img { width: 100%; height: auto; object-fit: cover; }
            .painting-caption { padding-left: 1.5rem; padding-right: 1.5rem; }
            .gallery-arrow { display: none; }
            .lightbox-content { flex-direction: column; gap: 2rem; padding: 2rem; }
            .lightbox-image { max-width: 90vw; max-height: 40vh; }
            .lightbox-info { text-align: center; }
            .close-lightbox { top: 1.5rem; right: 1.5rem; }
        }