.hero-block{position:relative;width:var(--content-width-full)}@supports (animation-timeline:view()){.hero-block figure,.hero-block picture{animation:parallax linear both;will-change:transform;animation-timeline:view();animation-range:entry 100% cover 100%;--parallax-speed:3}}.hero-block .x-image{height:120vh;width:auto}.hero-block .overlay{display:flex;flex-direction:row;justify-content:right}.hero-block .overlay .hero-content{display:flex;flex-direction:column;justify-content:center;padding-right:5%;width:50%}.hero-block .overlay .hero-content h1,.hero-block .overlay .hero-content h2{color:var(--text-on-dark);outline:none;position:relative}.hero-block .overlay .hero-content h1:empty:before,.hero-block .overlay .hero-content h2:empty:before{content:attr(data-placeholder);opacity:.5;pointer-events:none;position:absolute}.hero-block .overlay .hero-content h1{font-size:clamp(40px,40px + 1.25vw,60px)}@supports (animation-timeline:view()){.hero-block .overlay .hero-content h1{animation:parallax linear both;will-change:transform;animation-timeline:view();animation-range:entry 100% cover 100%;--parallax-speed:-2}}.hero-block .overlay .hero-content h2{font-size:clamp(18px,18px + .85vw,32px)}@supports (animation-timeline:view()){.hero-block .overlay .hero-content h2{animation:parallax linear both;will-change:transform;animation-timeline:view();animation-range:entry 100% cover 100%;--parallax-speed:-2}}.hero-block.edit-mode [contenteditable=true]{border-radius:4px;margin:-4px -8px;padding:4px 8px;transition:background-color .2s}.hero-block.edit-mode [contenteditable=true]:hover{background-color:var(--overlay-light)}.hero-block.edit-mode [contenteditable=true]:focus{background-color:var(--overlay-light-focus)}