.page-header--brown{--page-header-background-color:var(--color-off-white-dark);--page-header-title-color:var(--color-primary-800);--page-header-subtitle-color:var(--color-primary-700)}.page-header--green{--page-header-background-color:var(--color-primary-50);--page-header-title-color:var(--color-primary-800);--page-header-subtitle-color:var(--color-primary-700);--page-header-text-color:var(--color-text-lead)}.page-header--purple{--page-header-background-color:var(--color-purple-100);--page-header-title-color:var(--color-purple-800);--page-header-subtitle-color:var(--color-purple-700);--page-header-text-color:var(--color-text-lead)}.page-header{gap:var(--spacing-4);padding:var(--spacing-6) 0;background:linear-gradient(180deg, var(--page-header-background-color) 0%, var(--page-header-background-color) 10%, var(--color-neutral-white) 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}@media not (max-width:64rem){.page-header{gap:var(--spacing-6);padding:var(--spacing-10) 0}}.page-header__grid{z-index:var(--z-prod-cat-header-content);gap:var(--spacing-5);grid-template-areas:"titles""content";display:grid}.page-header--has-image .page-header__grid{grid-template-areas:"titles""aside""content"}@media not (max-width:64rem){.page-header__grid{gap:var(--spacing-6) var(--spacing-12);grid-template-columns:50rem auto}.page-header--has-image .page-header__grid,.page-header--has-links .page-header__grid{grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"titles aside""content aside"".aside"}.page-header--has-image .page-header__grid{grid-template-columns:1fr 1fr}}.page-header__titles{gap:var(--spacing-2);flex-direction:column;grid-area:titles;display:flex}.page-header__title{--heading-color:var(--page-header-title-color)}.page-header__subtitle{--heading-color:var(--page-header-subtitle-color)}.page-header__content{gap:var(--spacing-5);flex-direction:column;grid-area:content;display:flex}.page-header__content .text{gap:var(--spacing-5);flex-direction:column;display:flex}@media not (max-width:64rem){.page-header__content .text{gap:var(--spacing-6)}}.page-header__body{--color-text:var(--page-header-text-color)}.page-header__image,.page-header__links{grid-area:aside}.page-header__link-card__title{color:var(--color-purple-700)}.page-header__image{border-radius:var(--border-radius-lg);width:100%;margin:auto 0;overflow:hidden}.page-header__image__img{object-fit:cover;width:100%;height:100%;display:block}.page-header__links{gap:var(--spacing-5);flex-direction:column;display:none}@media not (max-width:64rem){.page-header__links{display:flex}}.page-header__categories__container{max-width:100%;-webkit-mask:linear-gradient(to right, #0000, white var(--left-fade) calc(100% - var(--right-fade)), #0000);mask:linear-gradient(to right, #0000, white var(--left-fade) calc(100% - var(--right-fade)), #0000);scroll-timeline:--scroll-fade x;animation:scroll-fade;animation-timeline:--scroll-fade;overflow-x:auto}.page-header__categories{gap:var(--spacing-1);flex-direction:row;width:fit-content;display:flex}.page-header__categories .button{flex-shrink:0;width:auto}.page-header__categories__count{font-weight:var(--font-weight-light)}@property --left-fade{syntax:"<length>";inherits:false;initial-value:0}@property --right-fade{syntax:"<length>";inherits:false;initial-value:0}@keyframes scroll-fade{0%{--left-fade:0}10%,to{--left-fade:3rem}0%,90%{--right-fade:3rem}to{--right-fade:0}}