html[data-background="parallax"] .ocean-scene{overflow:hidden}
html[data-background="parallax"] .ocean-scene img{position:absolute;top:-20%;height:140%;transform:translate3d(0,var(--scene-shift,0px),0);will-change:transform;transition:none}
@media(prefers-reduced-motion:reduce){html[data-background="parallax"] .ocean-scene img{position:static;top:auto;height:100%;transform:none;will-change:auto}}

/* Paint the photo through Safari's safe areas and expanding browser controls. */
html{background:#071d29 var(--page-scene,url('/jaco.jpg')) var(--page-scene-position,58% 55%)/cover no-repeat fixed}
body{background:transparent;min-height:100vh;min-height:100svh}
.ocean-scene{top:calc(-1 * env(safe-area-inset-top,0px));bottom:calc(-1 * env(safe-area-inset-bottom,0px));min-height:100vh;min-height:100lvh}
.header{padding-top:calc(25px + env(safe-area-inset-top,0px));padding-left:max(4.5%,env(safe-area-inset-left,0px));padding-right:max(4.5%,env(safe-area-inset-right,0px))}
main{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));padding-left:max(48px,env(safe-area-inset-left,0px));padding-right:max(48px,env(safe-area-inset-right,0px))}
@media(max-width:1100px){main{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
@media(max-width:700px){.header{padding-top:calc(21px + env(safe-area-inset-top,0px));padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}main{padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}}
@media(max-width:470px){.header{padding-top:calc(20px + env(safe-area-inset-top,0px));padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}main{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}}