.content-header{--content-header-height:640px;--content-header-image-offset:80px;--content-header-image-height:240px;position:relative;display:flex;flex-direction:column;width:100%}@media(min-width:1024px){.content-header{--content-header-image-offset:100px;--content-header-image-height:640px}}.content-header--primary .content-header__top{background:var(--primary-color)}.content-header--secondary .content-header__top{background:var(--secondary-color)}.content-header--quaternary .content-header__top{background:var(--quaternary-color)}.content-header--quinary .content-header__top{background:var(--quinary-color)}.content-header__top{color:#fff;padding:calc(var(--content-header-image-offset)*2) 0 calc(var(--content-header-image-offset)*2)}.content-header__top,.content-header__top-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.content-header__top-content{gap:16px;padding:0 var(--page-content-side-padding)}@media(min-width:1024px){.content-header__top-content{max-width:768px}}.content-header__bottom{position:relative;height:calc(var(--content-header-image-height) - var(--content-header-image-offset))}.content-header__image{position:absolute;top:calc(var(--content-header-image-offset)*-1);left:50%;transform:translate(-50%);max-width:1216px;width:calc(100vw - var(--page-content-side-padding)*2);-o-object-fit:cover;object-fit:cover;height:var(--content-header-image-height)}