body {
	padding: 2rem;
	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
}

h1 {
	font-size: 16px;
	margin-top: 0;
}

p {
	color: rgb(107, 114, 128);
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.card {
	max-width: 620px;
	margin: 0 auto;
	padding: 16px;
	border: 1px solid lightgray;
	border-radius: 16px;
}

.card p:last-child {
	margin-bottom: 0;
}

      
      
      
        :root {
            --deep-black: #080808;
            --charcoal: #111111;
            --burnt-gold: #b8862d;
            --amber: #d4a553;
            --light-gold: #e8c97a;
            --petrol-blue: #1a3a4a;
            --deep-blue: #0d1f2d;
            --wine-red: #6b2d3e;
            --deep-red: #3d1520;
            --warm-white: #f5efe6;
            --soft-white: #e8e0d4;
            --neon-amber: #e8a83055;
            --neon-red: #ff335522;
        }

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

        html {
            scroll-behavior: smooth;
        }

        body {
            background: var(--deep-black);
            color: var(--warm-white);
            font-family: 'DM Sans', sans-serif;
            overflow-x: hidden;
            cursor: none;
        }

        @media (max-width: 768px) {
            body { cursor: auto; }
        }

        /* Custom Cursor */
        .custom-cursor {
            width: 24px;
            height: 24px;
            border: 1.5px solid var(--amber);
            border-radius: 50%;
            position: fixed;
            pointer-events: none;
            z-index: 10000;
            transition: transform 0.15s ease, border-color 0.3s ease, background 0.3s ease;
            mix-blend-mode: difference;
            transform: translate(-50%, -50%);
        }

        .custom-cursor.hover {
            transform: translate(-50%, -50%) scale(2);
            background: rgba(184, 134, 45, 0.15);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: var(--deep-black); }
        ::-webkit-scrollbar-thumb { background: var(--burnt-gold); border-radius: 2px; }

        /* VHS Lines */
        .vhs-lines {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 9998;
            opacity: 0.015;
            background: repeating-linear-gradient(
                0deg,
                transparent,
                transparent 2px,
                rgba(0,0,0,0.3) 2px,
                rgba(0,0,0,0.3) 4px
            );
        }

        /* Navigation Dots */
        .nav-dots {
            position: fixed;
            right: 2rem;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1000;
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        @media (max-width: 768px) {
            .nav-dots { right: 0.75rem; gap: 0.6rem; }
        }

        .nav-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(184, 134, 45, 0.25);
            border: 1px solid rgba(184, 134, 45, 0.3);
            cursor: pointer;
            transition: all 0.5s ease;
        }

        .nav-dot:hover, .nav-dot.active {
            background: var(--amber);
            border-color: var(--amber);
            box-shadow: 0 0 12px rgba(184, 134, 45, 0.4);
            transform: scale(1.3);
        }

        /* Section Base */
        .section {
            min-height: 100vh;
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        /* Reveal Animations */
        .reveal {
            opacity: 0;
            transform: translateY(60px);
            transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                        transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .reveal-left {
            opacity: 0;
            transform: translateX(-80px);
            transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                        transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .reveal-left.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .reveal-right {
            opacity: 0;
            transform: translateX(80px);
            transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                        transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .reveal-right.visible {
            opacity: 1;
            transform: translateX(0);
        }

        .reveal-scale {
            opacity: 0;
            transform: scale(0.9);
            transition: opacity 1.4s ease, transform 1.4s ease;
        }

        .reveal-scale.visible {
            opacity: 1;
            transform: scale(1);
        }

        .stagger-1 { transition-delay: 0.1s !important; }
        .stagger-2 { transition-delay: 0.25s !important; }
        .stagger-3 { transition-delay: 0.4s !important; }
        .stagger-4 { transition-delay: 0.55s !important; }
        .stagger-5 { transition-delay: 0.7s !important; }
        .stagger-6 { transition-delay: 0.85s !important; }
        .stagger-7 { transition-delay: 1.0s !important; }

        /* Typography */
        .font-serif { font-family: 'Playfair Display', serif; }
        .font-display { font-family: 'Cormorant Garamond', serif; }
        .font-sans { font-family: 'DM Sans', sans-serif; }

        /* Volumetric Light */
        .volumetric-light {
            position: absolute;
            width: 100%;
            height: 100%;
            background: radial-gradient(ellipse at 50% 0%, rgba(184, 134, 45, 0.08) 0%, transparent 70%);
            pointer-events: none;
        }

        .volumetric-light-left {
            position: absolute;
            width: 100%;
            height: 100%;
            background: radial-gradient(ellipse at 0% 50%, rgba(184, 134, 45, 0.06) 0%, transparent 60%);
            pointer-events: none;
        }

        .volumetric-light-right {
            position: absolute;
            width: 100%;
            height: 100%;
            background: radial-gradient(ellipse at 100% 50%, rgba(26, 58, 74, 0.12) 0%, transparent 60%);
            pointer-events: none;
        }

        /* Smoke effect */
        .smoke {
            position: absolute;
            width: 100%;
            height: 100%;
            pointer-events: none;
            opacity: 0.15;
        }

        .smoke::before {
            content: '';
            position: absolute;
            width: 120%;
            height: 120%;
            top: -10%;
            left: -10%;
            background: radial-gradient(ellipse at 30% 60%, rgba(245, 239, 230, 0.06) 0%, transparent 50%),
                        radial-gradient(ellipse at 70% 40%, rgba(245, 239, 230, 0.04) 0%, transparent 50%),
                        radial-gradient(ellipse at 50% 80%, rgba(184, 134, 45, 0.03) 0%, transparent 40%);
            animation: smokeMove 20s ease-in-out infinite;
        }

        @keyframes smokeMove {
            0%, 100% { transform: translate(0, 0) scale(1); }
            33% { transform: translate(-2%, 1%) scale(1.02); }
            66% { transform: translate(1%, -1%) scale(0.98); }
        }

        /* Cover Section */
        .cover-bg {
            background: 
                radial-gradient(ellipse at 20% 80%, rgba(107, 45, 62, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at 80% 20%, rgba(26, 58, 74, 0.2) 0%, transparent 50%),
                radial-gradient(ellipse at 50% 50%, rgba(184, 134, 45, 0.05) 0%, transparent 70%),
                linear-gradient(180deg, #080808 0%, #0d0d0d 50%, #111111 100%);
        }

        .title-letter {
            display: inline-block;
            opacity: 0;
            transform: translateY(40px);
            animation: letterReveal 0.8s forwards;
        }

        @keyframes letterReveal {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Glowing line */
        .glow-line {
            width: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--burnt-gold), transparent);
            animation: lineExpand 2s 1.5s forwards;
            box-shadow: 0 0 15px rgba(184, 134, 45, 0.3);
        }

        @keyframes lineExpand {
            to { width: 200px; }
        }

        @media (max-width: 768px) {
            @keyframes lineExpand {
                to { width: 120px; }
            }
        }

        /* Parallax images */


        /* Neon text */
        .neon-text {
            text-shadow: 0 0 20px rgba(184, 134, 45, 0.3),
                         0 0 40px rgba(184, 134, 45, 0.15);
        }

        /* Image treatments */
        .img-cinematic {
            filter: contrast(1.1) brightness(0.85) saturate(0.9);
        }

        .img-noir {
            filter: contrast(1.3) brightness(0.7) saturate(0.3) sepia(0.15);
        }

        /* Radio wave animation */
        .radio-wave {
            animation: radioPulse 3s ease-in-out infinite;
        }

        @keyframes radioPulse {
            0%, 100% { transform: scaleY(0.3); opacity: 0.4; }
            50% { transform: scaleY(1); opacity: 1; }
        }

        /* Slow float animation */
        .float-slow {
            animation: floatSlow 8s ease-in-out infinite;
        }

        @keyframes floatSlow {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-15px); }
        }

        /* Vinyl spin */
        .vinyl-spin {
            animation: vinylSpin 8s linear infinite;
        }

        @keyframes vinylSpin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /* Timeline connector */
        .timeline-line {
            width: 1px;
            background: linear-gradient(180deg, transparent, var(--burnt-gold), transparent);
        }

        /* Act cards */
        .act-card {
            border: 1px solid rgba(184, 134, 45, 0.15);
            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .act-card:hover {
            border-color: rgba(184, 134, 45, 0.4);
            background: rgba(184, 134, 45, 0.05);
            transform: translateY(-4px);
        }

        /* Track item */
        .track-item {
            transition: all 0.4s ease;
            border-bottom: 1px solid rgba(184, 134, 45, 0.08);
        }

        .track-item:hover {
            background: rgba(184, 134, 45, 0.04);
            padding-left: 2rem;
        }

        .track-item:hover .track-number {
            color: var(--amber);
        }

        /* Sensory grid items */
        .sensory-item {
            position: relative;
            overflow: hidden;
            transition: transform 0.6s ease;
        }

        .sensory-item:hover {
            transform: scale(1.02);
        }

        .sensory-item::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(8, 8, 8, 0.8) 0%, transparent 60%);
            pointer-events: none;
        }

        /* Loading screen */
        .loading-screen {
            position: fixed;
            inset: 0;
            background: var(--deep-black);
            z-index: 10001;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            transition: opacity 0.8s ease, visibility 0.8s ease;
        }

        .loading-screen.hidden {
            opacity: 0;
            visibility: hidden;
        }

        .loading-bar {
            width: 0;
            height: 1px;
            background: var(--burnt-gold);
            transition: width 0.3s ease;
        }

        /* Horizontal scroll for repertoire on mobile feel */
        .repertoire-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 2rem;
        }

        @media (max-width: 768px) {
            .repertoire-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
            }
        }

        /* Divider */
        .section-divider {
            width: 60px;
            height: 1px;
            background: var(--burnt-gold);
            opacity: 0.5;
        }

        /* Cityscape silhouette */
        .city-silhouette {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 30vh;
            background: linear-gradient(to top, var(--deep-black) 0%, transparent 100%);
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' d='M0,224L30,208C60,192,120,160,180,170.7C240,181,300,235,360,234.7C420,235,480,181,540,165.3C600,149,660,171,720,186.7C780,203,840,213,900,202.7C960,192,1020,160,1080,154.7C1140,149,1200,171,1260,181.3C1320,192,1380,192,1410,192L1440,192L1440,320L0,320Z'/%3E%3C/svg%3E");
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' d='M0,224L30,208C60,192,120,160,180,170.7C240,181,300,235,360,234.7C420,235,480,181,540,165.3C600,149,660,171,720,186.7C780,203,840,213,900,202.7C960,192,1020,160,1080,154.7C1140,149,1200,171,1260,181.3C1320,192,1380,192,1410,192L1440,192L1440,320L0,320Z'/%3E%3C/svg%3E");
            mask-size: cover;
            -webkit-mask-size: cover;
        }

        /* Scroll indicator */
        .scroll-indicator {
            animation: scrollBounce 2s ease-in-out infinite;
        }

        @keyframes scrollBounce {
            0%, 100% { transform: translateY(0); opacity: 0.6; }
            50% { transform: translateY(10px); opacity: 1; }
        }

        /* Image placeholder styling */
        .img-placeholder {
            background: linear-gradient(135deg, rgba(184, 134, 45, 0.08), rgba(26, 58, 74, 0.12));
            position: relative;
            overflow: hidden;
        }

        .img-placeholder::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(45deg, transparent 30%, rgba(184, 134, 45, 0.03) 50%, transparent 70%);
            animation: shimmer 3s ease-in-out infinite;
        }

        @keyframes shimmer {
            0%, 100% { transform: translateX(-100%); }
            50% { transform: translateX(100%); }
        }

        /* Rain effect */
        .rain-container {
            position: absolute;
            inset: 0;
            overflow: hidden;
            pointer-events: none;
            opacity: 0.06;
        }

        .rain-drop {
            position: absolute;
            width: 1px;
            background: linear-gradient(to bottom, transparent, var(--warm-white));
            animation: rain linear infinite;
        }

        @keyframes rain {
            0% { transform: translateY(-100vh); }
            100% { transform: translateY(100vh); }
        }

        /* Ambient orbs */
        .ambient-orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            pointer-events: none;
            animation: orbFloat 15s ease-in-out infinite;
        }

        @keyframes orbFloat {
            0%, 100% { transform: translate(0, 0) scale(1); }
            33% { transform: translate(20px, -30px) scale(1.05); }
            66% { transform: translate(-15px, 15px) scale(0.95); }
        }

        /* Section number */
        .section-number {
            font-family: 'Cormorant Garamond', serif;
            font-size: 8rem;
            line-height: 1;
            color: rgba(184, 134, 45, 0.06);
            position: absolute;
            top: 2rem;
            left: 2rem;
            pointer-events: none;
        }

        @media (max-width: 768px) {
            .section-number {
                font-size: 5rem;
                top: 1rem;
                left: 1rem;
            }
        }

        /* Projection conceptual image */
        .projection-frame {
            position: relative;
            border: 1px solid rgba(184, 134, 45, 0.12);
        }

        .projection-frame::before {
            content: '';
            position: absolute;
            top: -1px;
            left: 20%;
            right: 20%;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(184, 134, 45, 0.4), transparent);
        }

        /* Ending sunrise */
        .sunrise-gradient {
            background: radial-gradient(ellipse at 50% 100%, rgba(184, 134, 45, 0.15) 0%, rgba(107, 45, 62, 0.1) 30%, transparent 70%);
            animation: sunrisePulse 6s ease-in-out infinite;
        }

        @keyframes sunrisePulse {
            0%, 100% { opacity: 0.5; }
            50% { opacity: 1; }
        }

        /* Audio wave bars */
        .audio-bar {
            width: 3px;
            background: var(--burnt-gold);
            border-radius: 2px;
            transform-origin: bottom;
        }

        /* Shadow deepener */
        .deep-shadow {
            box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.8),
                        0 0 100px rgba(184, 134, 45, 0.03);
        }

        /* Quote marks */
        .quote-mark {
            font-family: 'Playfair Display', serif;
            font-size: 12rem;
            line-height: 0;
            color: rgba(184, 134, 45, 0.08);
            position: absolute;
            pointer-events: none;
        }

        @media (max-width: 768px) {
            .quote-mark { font-size: 6rem; }
        }

        /* Fade mask on images */
        .fade-mask-bottom {
            -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
            mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
        }

        .fade-mask-right {
            -webkit-mask-image: linear-gradient(to right, black 60%, transparent 100%);
            mask-image: linear-gradient(to right, black 60%, transparent 100%);
        }
    *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-12{bottom:3rem}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-4{left:1rem}.left-8{left:2rem}.right-0{right:0}.right-8{right:2rem}.z-10{z-index:10}.order-1{order:1}.order-2{order:2}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-full{height:100%}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-12{width:3rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-burnt-gold\/10{border-color:rgba(184,134,45,.1)}.border-burnt-gold\/15{border-color:rgba(184,134,45,.15)}.border-burnt-gold\/20{border-color:rgba(184,134,45,.2)}.border-burnt-gold\/40{border-color:rgba(184,134,45,.4)}.border-petrol-blue\/40{border-color:rgba(26,58,74,.4)}.border-wine-red\/40{border-color:rgba(107,45,62,.4)}.bg-burnt-gold{--tw-bg-opacity:1;background-color:rgb(184 134 45/var(--tw-bg-opacity,1))}.bg-burnt-gold\/20{background-color:rgba(184,134,45,.2)}.bg-burnt-gold\/30{background-color:rgba(184,134,45,.3)}.bg-burnt-gold\/40{background-color:rgba(184,134,45,.4)}.bg-deep-black{--tw-bg-opacity:1;background-color:rgb(8 8 8/var(--tw-bg-opacity,1))}.bg-petrol-blue\/40{background-color:rgba(26,58,74,.4)}.bg-wine-red\/40{background-color:rgba(107,45,62,.4)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-burnt-gold\/20{--tw-gradient-from:rgba(184,134,45,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(184,134,45,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-petrol-blue\/20{--tw-gradient-from:rgba(26,58,74,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(26,58,74,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-petrol-blue\/40{--tw-gradient-from:rgba(26,58,74,.4) var(--tw-gradient-from-position);--tw-gradient-to:rgba(26,58,74,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-wine-red\/20{--tw-gradient-from:rgba(107,45,62,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(107,45,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-wine-red\/30{--tw-gradient-from:rgba(107,45,62,.3) var(--tw-gradient-from-position);--tw-gradient-to:rgba(107,45,62,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-burnt-gold\/20{--tw-gradient-to:rgba(184,134,45,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(184,134,45,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-burnt-gold\/30{--tw-gradient-to:rgba(184,134,45,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(184,134,45,.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-burnt-gold\/10{--tw-gradient-to:rgba(184,134,45,.1) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-wine-red\/20{--tw-gradient-to:rgba(107,45,62,.2) var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-\[0\.55rem\]{font-size:.55rem}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.6rem\]{font-size:.6rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.4em\]{letter-spacing:.4em}.tracking-\[0\.5em\]{letter-spacing:.5em}.tracking-\[0\.6em\]{letter-spacing:.6em}.text-burnt-gold{--tw-text-opacity:1;color:rgb(184 134 45/var(--tw-text-opacity,1))}.text-burnt-gold\/30{color:rgba(184,134,45,.3)}.text-burnt-gold\/40{color:rgba(184,134,45,.4)}.text-burnt-gold\/50{color:rgba(184,134,45,.5)}.text-burnt-gold\/60{color:rgba(184,134,45,.6)}.text-warm-white\/60{color:hsla(36,43%,93%,.6)}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.blur{--tw-blur:blur(8px)}.blur,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia:sepia(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .group-hover\:text-burnt-gold\/80{color:rgba(184,134,45,.8)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:row-span-2{grid-row:span 2/span 2}.md\:mb-16{margin-bottom:4rem}.md\:mb-20{margin-bottom:5rem}.md\:mb-24{margin-bottom:6rem}.md\:mt-20{margin-top:5rem}.md\:mt-6{margin-top:1.5rem}.md\:flex{display:flex}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:gap-16{gap:4rem}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:p-10{padding:2.5rem}.md\:p-8{padding:2rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-20{gap:5rem}.lg\:px-20{padding-left:5rem;padding-right:5rem}}
/* v0.2: retain effects, suspend rendering work outside the viewport. */
.effects-paused *, .effects-paused *::before, .effects-paused *::after,
.page-paused *, .page-paused *::before, .page-paused *::after { animation-play-state: paused !important; }
.custom-cursor { top: 0; left: 0; }

/* Pre-rendered grain: small tile, viewport-size layer, no SVG turbulence. */
.grain-overlay {position:fixed;inset:-16px;width:auto;height:auto;pointer-events:none;z-index:9999;opacity:.085;background:url('../img/film-grain.jpg') repeat;animation:filmGrain .8s steps(1,end) infinite;}
@keyframes filmGrain {0%,100%{transform:translate(0,0)}25%{transform:translate(-8px,6px)}50%{transform:translate(7px,-7px)}75%{transform:translate(-4px,-3px)}}
.is-scrolling .grain-overlay {animation-play-state:paused;}
.low-power .grain-overlay {animation:filmGrain 1.2s steps(1,end) infinite;}
.low-power.is-scrolling .grain-overlay {animation-play-state:paused;}
.low-power .ambient-orb {filter:none;border-radius:50%;background:radial-gradient(ellipse,rgba(184,134,45,.055),transparent 70%)!important;animation:none;}
.low-power .smoke::before {animation:none;}
.low-power .parallax-img {will-change:auto;}
@media (prefers-reduced-motion:reduce) {.grain-overlay,.smoke::before,.ambient-orb{animation:none!important}.parallax-img{will-change:auto}}

/* v0.4: immediate reveal, short fade, no stagger waiting. */
.reveal,.reveal-left,.reveal-right,.reveal-scale {transition-duration:.32s!important;transition-delay:0s!important;}

/* WSOUL audio controls */
.radio-player{margin:-.25rem 0 1.75rem;color:var(--amber);text-align:left}
.radio-player-controls{display:flex;align-items:center;gap:14px}
.radio-play{width:44px;height:44px;flex:0 0 44px;border:1px solid rgba(212,165,83,.45);border-radius:50%;background:rgba(184,134,45,.07);color:var(--amber);display:grid;place-items:center;transition:background .2s,box-shadow .2s}
.radio-play:hover{background:rgba(184,134,45,.18);box-shadow:0 0 18px rgba(184,134,45,.1)}
.radio-play:focus-visible,.radio-seek:focus-visible{outline:2px solid var(--amber);outline-offset:5px}
.radio-player-track{flex:1;min-width:0}.radio-player-label{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.12em;color:rgba(232,224,212,.6);font-variant-numeric:tabular-nums}
.radio-player-label #radioTime{letter-spacing:0;white-space:nowrap}
.radio-seek{display:block;width:100%;height:20px;margin:7px 0 0;accent-color:var(--amber);cursor:pointer;background:transparent}
.radio-status{margin:10px 0 0 58px;font-size:10px;line-height:1.4;color:rgba(232,224,212,.5);letter-spacing:.05em;min-height:14px}
#audioWaves .audio-bar{animation-play-state:paused}#audioWaves.is-playing .audio-bar{animation-play-state:running}

.storyboard-section{width:100vw;margin-left:calc(50% - 50vw);min-height:0;padding:5rem 0 3rem;background:linear-gradient(180deg,#080808,#0d1419 45%,#080808);}
.storyboard-heading{max-width:1280px;margin:0 auto 2.5rem;padding:0 clamp(24px,6vw,80px)}
.storyboard-kicker{color:var(--amber);font-size:10px;letter-spacing:.4em;text-transform:uppercase;margin-bottom:22px}
.storyboard-heading h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1.15;margin-bottom:14px}
.storyboard-heading h2 em{color:var(--amber);font-family:'Cormorant Garamond',serif}.storyboard-heading>p:last-child{font-size:13px;color:rgba(232,224,212,.55)}
.storyboard-slider{outline:none}.storyboard-stage{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#050505;touch-action:pan-y;overflow:hidden}
.storyboard-stage img{display:block;width:100%;height:100%;object-fit:contain;filter:none;transform:none;user-select:none}
.storyboard-controls{max-width:1280px;margin:18px auto 0;padding:0 clamp(24px,6vw,80px);display:flex;align-items:center;gap:18px}
.storyboard-controls button{width:44px;height:44px;display:grid;place-items:center;color:var(--amber);border:1px solid rgba(212,165,83,.35);background:rgba(184,134,45,.035);transition:background .2s}
.storyboard-controls button:hover:not(:disabled){background:rgba(184,134,45,.16)}.storyboard-controls button:disabled{opacity:.25;cursor:default}
.storyboard-controls button:focus-visible,.storyboard-slider:focus-visible{outline:1px solid var(--amber);outline-offset:4px}
#storyboardCount{min-width:65px;text-align:center;font-size:12px;letter-spacing:.18em;color:var(--soft-white);font-variant-numeric:tabular-nums}
.storyboard-hint{margin-left:auto;font-size:10px;letter-spacing:.08em;color:rgba(232,224,212,.4)}.storyboard-status{min-height:18px;margin:6px 24px 0;text-align:center;font-size:11px;color:var(--amber)}
@media(max-width:600px){.storyboard-section{padding-top:3rem}.storyboard-heading{margin-bottom:1.5rem}.storyboard-controls{gap:12px}.storyboard-hint{font-size:9px;max-width:100px;text-align:right}}

/* 0.8 · walnut television: CSS frame, no heavy image or rendering loop. */
.tv-cabinet{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(42px,7vw,104px);gap:clamp(9px,1.5vw,24px);margin:0 clamp(12px,3vw,48px) 26px;padding:clamp(10px,1.65vw,25px);border:clamp(3px,.55vw,8px) ridge #764522;border-radius:3px;background:repeating-linear-gradient(1deg,transparent 0 3px,rgba(15,5,0,.25) 4px,transparent 6px,rgba(201,128,61,.15) 8px,transparent 11px),linear-gradient(90deg,#35190c,#744622 23%,#452710 51%,#714021 80%,#30170c);box-shadow:inset 0 2px 2px #ca945c88,inset 0 -4px 8px #100600,0 14px 28px #0009}
.tv-cabinet::before{content:'';position:absolute;inset:4px;pointer-events:none;border:1px solid #b67d4255;box-shadow:inset 0 0 6px #0008}
.tv-screen-bezel{min-width:0;padding:clamp(8px,1.4vw,20px);background:linear-gradient(135deg,#b19560 0%,#ead6a7 2%,#76613d 5%,#d8c18f 12%,#a58a54 35%,#c5ac74 50%,#78603c 70%,#eedab1 95%,#8b7045);border:1px solid #28180d;border-radius:clamp(9px,1.3vw,20px);box-shadow:0 0 0 1px #bfa97888,inset 2px 2px 3px #fff6,inset -3px -3px 5px #251b0d,0 3px 6px #000b}
.tv-screen-bezel .storyboard-stage{width:100%;aspect-ratio:16/9;border:clamp(4px,.7vw,10px) solid #141210;border-radius:clamp(6px,1vw,15px);box-sizing:content-box;width:calc(100% - clamp(8px,1.4vw,20px));background:#050505;box-shadow:0 0 0 2px #715b39,inset 0 0 4px #000;position:relative;isolation:isolate}
.tv-screen-bezel .storyboard-stage img{width:100%;height:100%;object-fit:contain;border-radius:0;filter:none;transform:none}
.tv-tuning{display:flex;flex-direction:column;align-items:center;min-width:0;position:relative;padding:clamp(4px,.6vw,10px) 0 0;background:linear-gradient(90deg,#28180b66,#b3884a22,#20100666);border-left:1px solid #a2723f55;border-right:1px solid #130a04aa}
.tv-brand{text-align:center;color:#e6d1a4;font-family:'DM Sans',sans-serif;font-size:clamp(7px,1.1vw,16px);letter-spacing:.13em;margin-bottom:clamp(7px,1.1vw,16px);text-shadow:0 1px 2px #000}.tv-brand span{display:block;font-size:clamp(4px,.48vw,7px);letter-spacing:.1em;opacity:.65;margin-top:3px}
.tv-dial{width:70%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,#c9b17a 0deg 1deg,#5e4b2a 1deg 3deg);padding:6%;box-shadow:0 2px 6px #000,0 0 0 1px #d9c29388;position:relative}
.tv-dial span{display:block;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 15deg,#f1dfb4,#a58b55 20%,#e8d2a0 40%,#8b7147 60%,#e8d5ac 82%,#f1dfb4);box-shadow:inset 0 0 0 1px #ffffff77,0 1px 3px #000a;position:relative}
.tv-dial span::after{content:'';position:absolute;left:49%;top:11%;height:30%;width:2%;min-width:1px;background:#3d2c16;transform:rotate(-25deg);transform-origin:50% 130%}
.tv-dial-volume{width:61%}.tv-dial-label{font-size:clamp(4px,.43vw,7px);letter-spacing:.15em;color:#c9ae7c;opacity:.65;margin:clamp(4px,.65vw,10px) 0 clamp(7px,1vw,15px)}
.tv-power{display:flex;align-items:center;gap:5px;font-size:clamp(4px,.4vw,6px);letter-spacing:.1em;color:#c6ab79;margin:0 0 clamp(8px,1.4vw,20px)}.tv-power i{width:clamp(3px,.45vw,6px);aspect-ratio:1;background:#e8a24d;border-radius:50%;box-shadow:0 0 4px #e6a34577}
.tv-speaker{flex:1;width:79%;min-height:12px;background:repeating-linear-gradient(0deg,#100a05 0 3px,#7b502c 3px 5px,#b17b3b66 5px 6px);border:1px solid #1b0c04;border-radius:1px;box-shadow:inset 1px 1px 3px #000}
.tv-solid-state{font-size:clamp(4px,.4vw,6px);letter-spacing:.08em;color:#c2a071;opacity:.6;margin:clamp(5px,.7vw,10px) 0}
.tv-foot{position:absolute;bottom:-19px;width:clamp(25px,5vw,70px);height:16px;background:linear-gradient(90deg,#1a1008,#3e2b18,#130c06);z-index:0;box-shadow:0 6px 8px #0009}.tv-foot-left{left:8%;transform:skew(-12deg)}.tv-foot-right{right:8%;transform:skew(12deg)}
@media(max-width:600px){.tv-cabinet{grid-template-columns:minmax(0,1fr) 36px;gap:7px;padding:8px;margin-inline:10px;border-width:3px}.tv-screen-bezel{padding:5px}.tv-brand{font-size:6px;margin-bottom:5px}.tv-brand span{font-size:3px}.tv-dial-label{margin:3px 0 5px;font-size:3px}.tv-power{margin-bottom:5px}.tv-power span,.tv-solid-state{display:none}.tv-speaker{min-height:8px;background:repeating-linear-gradient(0deg,#100a05 0 2px,#7b502c 2px 3px)}.tv-foot{height:10px;bottom:-12px}}