#parallax {
    position: relative;
    width: 100%;
    height: 100vh;
    /* full viewport height while pinned */
    overflow: hidden;
}

#sequence-canvas {
    display: block;
    width: 100%;
    height: 100%;
}

#novablade-header-block {
    will-change: transform, opacity;
}

/* overlays should not block scrolling */
#triple-chamber-block {
    pointer-events: none;
}

.tooltip {
    /* let them size down on phones */
    max-width: min(425px, 90vw);
}

.image-header {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .image-header {
        max-width: 670px;
    }
}

@media (min-width: 1024px) {
    .image-header {
        max-width: 830px;
    }
}