/* ===== FONTS ===== */
        /* Apple system faces: New York (serif) for headings, SF Pro Rounded for
           everything else. Both ship with macOS/iOS, so no webfont request is
           needed; ui-serif / ui-rounded are the generic hooks and the Georgia /
           system-sans fallbacks cover non-Apple platforms. */

        /* ===== GLOBAL RESET ===== */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        body {
            font-family: 'SF Pro Rounded', ui-rounded, 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            overflow: hidden;
            background: #000;
            color: #fff;
            min-height: 100dvh;
        }

        /* ===== STUDIO WRAPPER ===== */
        .studio-wrapper {
            position: relative;
            width: 100%;
            height: 100dvh;
            overflow: hidden;
        }

        .base-layer {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
        }

        .interaction-layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 10;
        }