.z-\[1\]{z-index:1}.max-h-\[85vh\]{max-height:85vh}.max-h-\[calc\(85vh-6rem\)\]{max-height:calc(85vh - 6rem)}.max-h-\[calc\(85vh-7rem\)\]{max-height:calc(85vh - 7rem)}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.max-w-\[1200px\]{max-width:1200px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[15px\]{font-size:15px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.leading-\[1\.06\]{line-height:1.06}.tracking-\[0\.10em\]{letter-spacing:.1em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.16em\]{letter-spacing:.16em}.\!delay-\[0ms\]{transition-delay:0ms!important}.\!duration-\[0ms\]{transition-duration:0ms!important}.hover\:z-\[40\]:hover{z-index:4}.hover\:z-\[30\]:hover{z-index:3}.hover\:z-\[20\]:hover{z-index:2}@media (min-width:1024px){.lg\:grid-cols-\[minmax\(0\2c 1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}}
.symposium-complete {
            --symp-ink: var(--foreground, #0d1b26);
            --symp-ink-muted: var(--muted-foreground, #4b5b69);
            --symp-ink-mute2: color-mix(in oklab, var(--muted-foreground, #4b5b69) 78%, transparent);
            --symp-ink-border: var(--border, #e4e8ec);
            --symp-primary-50: color-mix(in oklab, var(--symp-primary) 6%, transparent);
            --symp-primary-100: color-mix(in oklab, var(--symp-primary) 12%, transparent);
            --symp-primary-200: color-mix(in oklab, var(--symp-primary) 22%, transparent);
            --symp-tint: color-mix(in oklab, var(--symp-primary) 5%, white);
            /* A lightened brand tone that stays legible on the dark immersive hero */
            --symp-bright: color-mix(in oklab, var(--symp-primary) 70%, white);
            text-wrap: pretty;
        }

        .symposium-complete .font-heading {

            letter-spacing: -0.01em;
        }
        .symposium-complete .font-mono {

        }

        .symposium-complete .text-ink { color: var(--symp-ink); }
        .symposium-complete .text-ink-muted { color: var(--symp-ink-muted); }
        .symposium-complete .text-ink-mute2 { color: var(--symp-ink-mute2); }
        .symposium-complete .text-primary { color: var(--symp-primary); }
        .symposium-complete .text-primary-700,
        .symposium-complete .group:hover .group-hover\:text-primary-700,
        .symposium-complete .hover\:text-primary-700:hover { color: var(--symp-primary-700); }

        .symposium-complete .border-ink-border { border-color: var(--symp-ink-border); }
        .symposium-complete .border-primary\/30 { border-color: color-mix(in oklab, var(--symp-primary) 30%, transparent); }
        .symposium-complete .hover\:border-primary\/40:hover { border-color: color-mix(in oklab, var(--symp-primary) 40%, transparent); }

        .symposium-complete .bg-primary { background-color: var(--symp-primary); }
        .symposium-complete .bg-primary\/5,
        .symposium-complete .hover\:bg-primary\/5:hover { background-color: var(--symp-primary-50); }
        .symposium-complete .bg-primary\/10,
        .symposium-complete .hover\:bg-primary\/10:hover { background-color: var(--symp-primary-100); }
        .symposium-complete .bg-ink-tint { background-color: var(--symp-tint); }

        .symposium-complete .shadow-mse-soft {
            box-shadow:
                0 1px 0 color-mix(in oklab, var(--symp-ink) 2%, transparent),
                0 8px 24px color-mix(in oklab, var(--symp-ink) 4%, transparent);
        }
        .symposium-complete .hover\:shadow-mse-card:hover {
            box-shadow:
                0 1px 0 color-mix(in oklab, var(--symp-ink) 2%, transparent),
                0 24px 48px color-mix(in oklab, var(--symp-ink) 7%, transparent);
        }

        .symposium-complete .symp-card { transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
        .symposium-complete .symp-avatar img { transition: transform .45s ease; }
        .symposium-complete .symp-card:hover .symp-avatar img { transform: scale(1.05); }
        .symposium-complete .symp-avatar img:not([style*="display: none"]) + .symp-initials { display: none; }

        .symposium-complete .symp-prose { color: var(--symp-ink-muted); line-height: 1.75; }
        .symposium-complete .symp-prose > :first-child { margin-top: 0; }
        .symposium-complete .symp-prose :where(h1, h2, h3, h4) {
            color: var(--symp-ink);
            font-family: "Inter Tight", "Inter", system-ui, sans-serif;
            letter-spacing: -0.01em;
            font-weight: 700;
        }
        .symposium-complete .symp-prose a {
            color: var(--symp-primary-700);
            text-decoration: underline;
            text-underline-offset: 2px;
        }
        .symposium-complete .symp-prose strong { color: var(--symp-ink); }

        /* Immersive hero — content sits on the full-bleed background image / colour flood */
        .symposium-complete .symp-hero { color: #fff; }
        /* Agency-grade finish — darkened cover image, screen-blend colour glow, edge vignette */
        .symposium-complete .symp-hero > img { filter: saturate(1) brightness(.36); }
        /* Dark scrim — heavy on the left where the text/chairs sit (keeps that side dark & legible) */
        .symposium-complete .symp-hero::before {
            content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
            background:
                linear-gradient(100deg, rgba(4, 6, 10, .9) 0%, rgba(4, 6, 10, .66) 30%, rgba(4, 6, 10, .22) 60%, rgba(4, 6, 10, .5) 100%),
                linear-gradient(0deg, rgba(4, 6, 10, .74) 0%, transparent 42%);
        }
        /* Screen-blend colour glow — pooled on the right / top so the left stays dark */
        .symposium-complete .symp-hero::after {
            content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
            mix-blend-mode: screen; opacity: 1;
            background:
                radial-gradient(70% 72% at 82% 16%, color-mix(in oklab, var(--symp-primary) 72%, transparent) 0%, transparent 60%),
                radial-gradient(95% 95% at 98% 100%, color-mix(in oklab, var(--symp-primary) 64%, transparent) 0%, transparent 62%),
                radial-gradient(58% 55% at 60% -8%, color-mix(in oklab, var(--symp-bright) 40%, transparent) 0%, transparent 55%);
        }
        .symposium-complete .symp-glass {
            background: rgba(255, 255, 255, .14) !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .08)) !important;
            border: 1px solid rgba(255, 255, 255, .24) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, .24),
                0 18px 48px rgba(0, 0, 0, .16);
            -webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
            backdrop-filter: blur(16px) saturate(1.35) !important;
        }
        .symposium-complete .glass-row { transition: background-color .2s ease, border-color .2s ease; }
        .symposium-complete .glass-row:hover {
            background: color-mix(in oklab, var(--symp-primary) 24%, transparent);
            border-color: color-mix(in oklab, var(--symp-bright) 45%, transparent);
        }
        /* Brand-coloured accents that read on the dark hero */
        .symposium-complete .text-bright { color: var(--symp-bright); }
        .symposium-complete .hero-eyebrow {
            border: 1px solid color-mix(in oklab, var(--symp-bright) 55%, transparent);
            background: color-mix(in oklab, var(--symp-primary) 42%, transparent);
            color: var(--symp-bright);
            -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
        }
        .symposium-complete .arrow-accent { color: color-mix(in oklab, var(--symp-bright) 70%, transparent); }
        .symposium-complete .glass-row:hover .arrow-accent { color: var(--symp-bright); }
        .symposium-complete .cv-accent { color: color-mix(in oklab, var(--symp-bright) 60%, transparent); }
        .symposium-complete .hero-avatar:hover .cv-accent { color: var(--symp-bright); }

        /* Header — icon monogram, extension letter-chip + ghost letter (mirrors the MSE topic hero) */
        .symposium-complete .symp-head { display: flex; align-items: flex-start; gap: 1rem; }
        .symposium-complete .symp-badge {
            flex: none; width: 3.25rem; height: 3.25rem; border-radius: 1rem;
            display: inline-flex; align-items: center; justify-content: center;
            background: color-mix(in oklab, var(--symp-primary) 34%, transparent);
            border: 1px solid color-mix(in oklab, var(--symp-bright) 60%, transparent);
            box-shadow:
                inset 0 0 14px color-mix(in oklab, var(--symp-bright) 30%, transparent),
                0 0 22px color-mix(in oklab, var(--symp-primary) 62%, transparent),
                0 12px 34px color-mix(in oklab, var(--symp-primary) 45%, transparent);
            -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
        }
        .symposium-complete .symp-badge i {
            font-size: 1.45rem; line-height: 1; color: var(--symp-bright);
            text-shadow: 0 0 16px color-mix(in oklab, var(--symp-bright) 78%, transparent);
        }
        .symposium-complete .symp-kicker {
            display: inline-flex; align-items: center; gap: .55rem; flex-wrap: wrap;
            font-family: "JetBrains Mono", ui-monospace, monospace;
            font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
            color: var(--symp-bright);
        }
        .symposium-complete .symp-letter {
            display: inline-flex; align-items: center; justify-content: center;
            min-width: 1.5rem; height: 1.5rem; padding: 0 .32rem; border-radius: .42rem;
            border: 1.5px solid color-mix(in oklab, var(--symp-bright) 60%, transparent);
            color: var(--symp-bright);
            font-family: "Inter Tight", "Inter", system-ui, sans-serif; font-weight: 800; font-size: .9rem; line-height: 1; letter-spacing: 0;
        }
        .symposium-complete .symp-ghost {
            position: absolute; left: 34%; bottom: -3%; transform: none;
            font-family: "Inter Tight", "Inter", system-ui, sans-serif; font-weight: 900; line-height: .72;
            font-size: clamp(11rem, 26vw, 26rem);
            color: color-mix(in oklab, var(--symp-primary) 35%, white); opacity: .2;
            pointer-events: none; user-select: none; z-index: -1;
        }
        @media (max-width: 767px) {
            .symposium-complete .symp-ghost { display: none; }
            .symposium-complete .symp-badge { width: 2.75rem; height: 2.75rem; border-radius: .85rem; }
            .symposium-complete .symp-badge i { font-size: 1.2rem; }
        }
        .symposium-complete .hero-prose { color: rgba(255, 255, 255, .85); line-height: 1.7; }
        .symposium-complete .hero-prose > :first-child { margin-top: 0; }
        .symposium-complete .hero-prose p { margin: 0 0 .85em; }
        .symposium-complete .hero-prose :where(h1, h2, h3, h4) { color: #fff; font-family: "Inter Tight", "Inter", system-ui, sans-serif; font-weight: 700; }
        .symposium-complete .hero-prose a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
        .symposium-complete .hero-prose strong { color: #fff; }
        .symposium-complete .hero-avatar img:not([style*="display: none"]) + .hero-initials { display: none; }

        @media (prefers-reduced-motion: reduce) {
            .symposium-complete .symp-card,
            .symposium-complete .symp-avatar img { transition: none !important; }
        }
.symposium-sublist {
                --symp-ink: var(--foreground, #0d1b26);
                --symp-ink-muted: var(--muted-foreground, #4b5b69);
                --symp-ink-mute2: color-mix(in oklab, var(--muted-foreground, #4b5b69) 78%, transparent);
                --symp-ink-border: var(--border, #e4e8ec);
                text-wrap: pretty;
            }
            .symposium-sublist .symp-item {
                --symp-primary-50: color-mix(in oklab, var(--symp-primary) 6%, transparent);
                --symp-primary-100: color-mix(in oklab, var(--symp-primary) 12%, transparent);
                --symp-primary-200: color-mix(in oklab, var(--symp-primary) 22%, transparent);
                --symp-tint: color-mix(in oklab, var(--symp-primary) 5%, white);
            }

            .symposium-sublist .font-heading {
                font-family: "Inter Tight", "Inter", system-ui, sans-serif;
                letter-spacing: -0.01em;
            }
            .symposium-sublist .font-mono { font-family: "JetBrains Mono", ui-monospace, monospace; }

            .symposium-sublist .text-ink { color: var(--symp-ink); }
            .symposium-sublist .text-ink-muted { color: var(--symp-ink-muted); }
            .symposium-sublist .text-ink-mute2 { color: var(--symp-ink-mute2); }
            .symposium-sublist .text-primary { color: var(--symp-primary); }
            .symposium-sublist .text-primary-700,
            .symposium-sublist .group:hover .group-hover\:text-primary-700,
            .symposium-sublist .hover\:text-primary-700:hover { color: var(--symp-primary-700); }

            .symposium-sublist .border-ink-border { border-color: var(--symp-ink-border); }
            .symposium-sublist .border-primary\/30 { border-color: color-mix(in oklab, var(--symp-primary) 30%, transparent); }
            .symposium-sublist .hover\:border-primary\/40:hover { border-color: color-mix(in oklab, var(--symp-primary) 40%, transparent); }

            .symposium-sublist .bg-primary { background-color: var(--symp-primary); }
            .symposium-sublist .bg-primary\/5,
            .symposium-sublist .hover\:bg-primary\/5:hover { background-color: var(--symp-primary-50); }
            .symposium-sublist .bg-primary\/10,
            .symposium-sublist .hover\:bg-primary\/10:hover { background-color: var(--symp-primary-100); }
            .symposium-sublist .bg-ink-tint { background-color: var(--symp-tint); }

            .symposium-sublist .shadow-mse-soft {
                box-shadow:
                    0 1px 0 color-mix(in oklab, var(--symp-ink) 2%, transparent),
                    0 8px 24px color-mix(in oklab, var(--symp-ink) 4%, transparent);
            }
            .symposium-sublist .hover\:shadow-mse-card:hover {
                box-shadow:
                    0 1px 0 color-mix(in oklab, var(--symp-ink) 2%, transparent),
                    0 24px 48px color-mix(in oklab, var(--symp-ink) 7%, transparent);
            }

            .symposium-sublist .symp-card { transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
            .symposium-sublist .symp-avatar img { transition: transform .45s ease; }
            .symposium-sublist .symp-card:hover .symp-avatar img { transform: scale(1.05); }
            .symposium-sublist .symp-avatar img:not([style*="display: none"]) + .symp-initials { display: none; }

            .symposium-sublist .symp-prose { color: var(--symp-ink-muted); line-height: 1.75; }
            .symposium-sublist .symp-prose > :first-child { margin-top: 0; }
            .symposium-sublist .symp-prose :where(h1, h2, h3, h4) {
                color: var(--symp-ink);
                font-family: "Inter Tight", "Inter", system-ui, sans-serif;
                letter-spacing: -0.01em;
                font-weight: 700;
            }
            .symposium-sublist .symp-prose a {
                color: var(--symp-primary-700);
                text-decoration: underline;
                text-underline-offset: 2px;
            }
            .symposium-sublist .symp-prose strong { color: var(--symp-ink); }

            @media (prefers-reduced-motion: reduce) {
                .symposium-sublist .symp-card,
                .symposium-sublist .symp-avatar img { transition: none !important; }
            }