/* Fireworks Animation - Header Only */
.fireworks-header-container {
    position: relative !important;
    //overflow: hidden !important;
    isolation: isolate;
}

.fireworks-canvas-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}

.fireworks-canvas-wrapper canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: lighten;
    pointer-events: none;
}

/* Ensure header content stays on top of fireworks */
.header .header_top,
.header .header_bottom,
.header nav,
.header .navbar,
.header .container,
.header a,
.header img,
.header button {
    position: relative;
    z-index: 100;
}

/* Ensure sticky header also gets fireworks background */
.header.sticky,
.header.fixed {
    position: relative !important;
}

.fireworks-canvas-wrapper canvas {
    position: absolute;
    top: -200px;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: lighten;
    pointer-events: none;
}

canvas {
    vertical-align: bottom;
}

canvas {
    touch-action: none;
    width: 1280px;
    height: 339px;
}