Parameter Inheritance

Section 1: Echo

<body data-pd-x-focal-point="0.4">
    <!-- ... -->
    <section data-pd-show="echo@background">
        <!-- ... -->
    </section>
    <!-- ... -->
</body>

Section 2: Red

<body data-pd-x-focal-point="0.4">
    <!-- ... -->
    <div
        data-pd-plinth-color="#f54"
        data-pd-horizon="#100"
        data-pd-nadir="#410"
        data-pd-bloom-threshold="0.2"
        >
        <!-- ... -->
        <section
            data-pd-show="echo@background"
            >
            <!-- ... -->
        </section>
        <!-- ... -->
    </div>
</body>

Section 3: Cube

<body data-pd-x-focal-point="0.4">
    <!-- ... -->
    <div
        data-pd-plinth-color="#f54"
        data-pd-horizon="#100"
        data-pd-nadir="#410"
        data-pd-bloom-threshold="0.2"
        >
        <!-- ... -->
        <section
            data-pd-show="cube@background"
            data-pd-plinth-color="#f85"
            data-pd-x-focal-point="0.6"
            >
            <!-- ... -->
        </section>
        <!-- ... -->
    </div>
</body>