.bio-carousel-container {
            position: relative;
            margin-bottom: 30px;
            width: 100%;
            display: flex;
            align-items: center;
        }
        .bio-carousel-track-container {
            overflow: hidden;
            width: 100%;
        }
        .bio-carousel-track {
            display: flex;
            transition: transform 0.4s ease-in-out;
            cursor: grab;
            width: 100%;
        }
        .bio-carousel-track:active {
            cursor: grabbing;
        }
        .bio-slide {
            flex: 0 0 25%; /* 4 items default big screen */
            height: 150px;
            padding: 0 5px;
            box-sizing: border-box;
            user-select: none;
        }
        .bio-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 4px;
            background: var(--color-border-subtle);
            transition: transform 0.3s ease, filter 0.3s ease;
            filter: brightness(0.9);
            pointer-events: none; /* prevents native image drag */
        }
        .bio-slide:hover img {
            transform: scale(1.05);
            filter: brightness(1.1);
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
            z-index: 10;
            position: relative;
        }

        .bio-carousel-btn {
            background: rgba(30, 50, 70, 0.7);
            color: var(--color-white);
            border: none;
            font-size: 24px;
            cursor: pointer;
            padding: 10px 15px;
            position: absolute;
            z-index: 5;
            top: 50%;
            transform: translateY(-50%);
            border-radius: 4px;
            transition: background 0.3s, color 0.3s;
        }
        .bio-carousel-btn:hover {
            background: var(--color-logo-gold);
            color: var(--color-trust-navy);
        }
        .bio-carousel-btn.prev {
            left: -15px;
        }
        .bio-carousel-btn.next {
            right: -15px;
        }

        /* Responsive Bio Carousel */
        @media (max-width: 1024px) {
            .bio-slide { flex: 0 0 33.333%; } /* 3 items medium */
        }
        @media (max-width: 768px) {
            .bio-slide { flex: 0 0 50%; } /* 2 items small */
        }
        @media (max-width: 480px) {
            .bio-slide { flex: 0 0 100%; } /* 1 item narrow */
        }

        /* Discography Grid */
        .disco-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); /* Increased min-width for better info display */
            gap: 15px;
            margin-top: 30px;
        }
        .disco-item {
            aspect-ratio: 1/1;
            background-color: var(--color-border-subtle);
            border-radius: 8px; /* Slightly rounder edges for elegance */
            overflow: hidden;
            cursor: pointer;
            position: relative; /* Need this for absolute positioning of .album-info */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .disco-albums {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .disco-item:hover {
            transform: scale(1.1);
            box-shadow: 0 8px 20px rgba(0,0,0,0.4);
            z-index: 10;
        }
        
        .album-info {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: rgba(30, 50, 70, 0.9); /* var(--color-trust-navy) with opacity */
            color: var(--color-white);
            padding: 10px;
            text-align: center;
            transform: translateY(100%);
            transition: transform 0.3s ease-in-out;
            box-sizing: border-box;
            backdrop-filter: blur(2px);
        }
        
        .disco-item:hover .album-info {
            transform: translateY(0);
        }

        .album-info h3 {
            color: var(--color-logo-gold);
            font-size: 0.9em;
            margin: 0 0 5px 0;
            line-height: 1.2;
        }

        .album-info p {
            font-size: 0.75em;
            margin: 0;
            line-height: 1.2;
            color: var(--color-bg-neat);
            text-align: center;
        }

        /* FAQ */
        details {
            background: var(--color-white); padding: 15px !important; border-radius: 5px; margin-bottom: 10px !important; display: block; border: 0 !important;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        }
        summary { font-weight: bold; cursor: pointer; color: var(--color-trust-navy); }
        details p { margin-top: 10px; padding-left: 15px; border-left: 3px solid var(--color-logo-gold);color: var(--color-text-slate); }

        /* Blog */
        
        .blog-post {
            background: var(--color-white); padding: 20px; border-radius: 8px; margin-bottom: 30px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        .blog-post p{color: var(--color-text-slate);}
        .blog-date { font-size: 0.9em; color: gray; margin-top: 10px; display: block; }

        /* Discography Modal (Lightbox) */
        .disco-modal {
            display: none; 
            position: fixed; 
            z-index: 2000; 
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background-color: rgba(15, 25, 35, 0.95); /* var(--color-trust-navy) darkened */
            backdrop-filter: blur(5px);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .disco-modal.show {
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 1;
        }

        .disco-close {
            position: absolute;
            top: 20px;
            right: 35px;
            color: var(--color-white);
            font-size: 40px;
            font-weight: bold;
            transition: color 0.3s;
            cursor: pointer;
            z-index: 2002;
        }

        .disco-close:hover,
        .disco-close:focus {
            color: var(--color-logo-gold);
            text-decoration: none;
        }

        .disco-modal-content {
            position: relative;
            max-width: 90%;
            max-height: 80vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            animation-name: zoom;
            animation-duration: 0.4s;
            z-index: 2001;
        }

        @keyframes zoom {
            from {transform: scale(0.8); opacity: 0;}
            to {transform: scale(1); opacity: 1;}
        }

        .disco-modal-img {
            max-width: 100%;
            max-height: 60vh;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            object-fit: contain;
            user-select: none;
        }

        .disco-modal-info {
            margin-top: 20px;
            text-align: center;
            color: var(--color-white);
        }

        .disco-modal-info h3 {
            color: var(--color-logo-gold);
            margin-bottom: 5px;
            font-size: 1.5em;
        }

        .disco-modal-info p {
            color: var(--color-border-subtle);
            font-size: 1em;
            text-align: center;
        }

        .disco-prev, .disco-next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 16px;
            margin-top: -50px;
            color: var(--color-white);
            font-weight: bold;
            font-size: 40px;
            transition: 0.3s ease;
            user-select: none;
            -webkit-user-select: none;
            z-index: 2002;
        }

        .disco-next {
            right: 20px;
        }

        .disco-prev {
            left: 20px;
        }

        .disco-prev:hover, .disco-next:hover {
            color: var(--color-logo-gold);
        }