html {
    font-family: system-ui;
}

body {
    max-width: 40ic;
    margin: 0 auto;
}

h1 {
    font-size: 10em;
    margin: 0;
    padding: 0;
}

hgroup > h1, hgroup > p {
    margin: 0;
    padding: 0;
}

hgroup > p {
    margin-top: -1em;
}

body > header {
    position: sticky;
    top: 0;
}

body > header > hgroup {
    position: absolute;
    height: 200%;
    backdrop-filter: blur(8px);
}

body > header + p {
    padding-top: 15em;
}