:root {
    --hero-padding-overlap: clamp(1.5rem, 0.93rem + 1.189vw, 2rem);
}

#hero {
    padding-top: clamp(5.75rem, 0.621rem + 10.698vw, 10.25rem);
    padding-bottom: calc(clamp(2rem, -1.134rem + 6.538vw, 4.75rem) + var(--hero-padding-overlap));
    margin-bottom: calc(clamp(1.5rem, 0.93rem + 1.189vw, 2rem) * -1);
}
#hero #hero-image {
    filter:
    drop-shadow(0 0 10px var(--color-contrast))
    drop-shadow(0 0 10px var(--color-contrast))
    drop-shadow(0 0 10px var(--color-contrast))
    drop-shadow(0 0 10px var(--color-contrast));
}
#hero + section,
.section-wrapper:has(#hero) + section {
    position: relative;
    border-top-left-radius: var(--hero-padding-overlap);
    border-top-right-radius: var(--hero-padding-overlap);
}

#hero .main-title {
    position: relative;
}
#hero .main-title .reference {
    visibility: hidden;
}
#hero .main-title .original {
    position: absolute;
    top: 0;
    left: 0;
}