html {
    scroll-behavior: smooth;
}

/* Hero decorative blobs */
.hero-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.15;
    pointer-events: none;
}

.hero-blob-1 {
    width: 500px;
    height: 500px;
    background: #EF7D00;
    top: -100px;
    left: -150px;
}

.hero-blob-2 {
    width: 400px;
    height: 400px;
    background: #917B6E;
    bottom: -80px;
    right: -100px;
}
.header {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}