.page-banner{display:grid;min-height:320px;padding:6rem clamp(1rem,6vw,3rem);place-items:center;position:relative;width:100%;z-index:1}.page-banner__media{border-radius:0;inset:0;overflow:hidden;position:absolute;z-index:0}.page-banner__image{height:100%;margin:0;position:relative;width:100%;z-index:0}.page-banner__image img{display:block;height:100dvh!important;left:0;margin-top:-50dvh;object-fit:cover;position:absolute;top:50%;width:100%}.page-banner__video{height:100%;margin:0;position:relative;width:100%;z-index:0}.page-banner__video video{height:100dvh;left:0;margin-top:-50dvh;object-fit:cover;position:absolute;top:50%;width:100%}.page-banner__overlay{background:var(--primary-color,#000);height:100%;left:0;opacity:.85;position:absolute;top:0;width:100%;z-index:1}.page-banner__blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1rem 30px rgba(var(--black-rgb),.3);display:block;inset-block:0;left:0;position:absolute;transform:skew(-12deg);translate:-50% 0;width:100%;z-index:2}.page-banner__content{color:#fff;display:grid;gap:1rem;place-items:center;position:relative;text-align:center;z-index:1}.page-banner__title{font-size:var(--text-h1);font-weight:700;line-height:1.2;margin:0;text-transform:uppercase}.page-banner__text{margin:0;width:min(100%,620px)}@keyframes show{to{translate:-50% 0}0%{translate:0 0}}