.page-header{width:100%;padding:2rem 1rem;box-sizing:border-box}.page-header-container{max-width:960px;margin:0 auto;display:flex;flex-direction:row;align-items:center;gap:2rem}.page-header-image-wrapper{flex-shrink:0}.page-header-image-link{display:block;text-decoration:none;transition:filter .2s ease}.page-header-image-link:hover{filter:saturate(2)}.page-header-image-link:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.page-header-image{display:block}.page-header-title-wrapper{flex:1;display:flex;flex-direction:column;gap:1.5rem}.page-header-title{margin:0;font-size:2.5rem;font-weight:700;line-height:1.2}.page-header-button{display:inline-block;padding:.875rem 2rem;text-decoration:none;font-weight:600;font-size:1rem;transition:background-color .2s ease,color .2s ease,transform .2s ease;border-radius:var(--radius-sm);align-self:flex-start;background-color:var(--button-bg, #000);color:var(--button-text, #fff)}.page-header-button:hover,.page-header-button:focus{background-color:var( --button-hover-bg, var(--button-bg, var(--color-button-hover)) );color:var(--button-hover-text, var(--button-text))}.page-header-button:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){.page-header-container{flex-direction:column;text-align:center;gap:1.5rem}.page-header-title-wrapper{align-items:center}.page-header-button{align-self:center}.page-header-title{font-size:2rem}}@media (max-width: 480px){.page-header{padding:1.5rem 1rem}.page-header-title{font-size:1.75rem}}