.sb-hero-10 {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.sb-hero-10 .sb-hero-bg-image {
    position: fixed; /* Parallax effect */
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
.sb-hero-10 .sb-hero-content-layer {
    display: flex;
    align-items: center;
    height: 100%;
    background-color: color-mix(in srgb, var(--sb-bg) 75%, var(--sb-surface));
    color: var(--sb-base);
}
.sb-hero-10 .sb-hero-content-layer .wp-block-group {
    background-color: rgb(0 0 0 /70%);
    padding: clamp(2rem, 5vw, 3rem);
    border-radius: var(--sb-radius-m);
    border-left: 4px solid var(--sb-primary);
}
.sb-hero-10 h1 {
    font-size: clamp(3rem, 6vw, 5rem);
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.sb-hero-10 p {
    font-size: 1.25rem;
    max-width: 600px;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.wp-site-blocks > .sb-hero-10 + * {
    background-color: var(--sb-bg);
    position: relative;
    z-index: 1;
}