/**
 * グラデーション背景（Hero Section用）
 */

.hero-section {
    overflow: hidden;
}

#gradientCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: block;
}

.hero-section .container,
.hero-section .header-content {
    position: relative;
    z-index: 1;
}