.page-banner{--foreground:#fff;--muted:#ffffffd9;min-height:clamp(320px,45vw,550px);padding:clamp(7rem, 6vw + 5rem, 9rem) var(--container-pad) clamp(3rem, 5vw, 4rem);color:var(--foreground);background-image:linear-gradient(90deg, #0a0a0a99, #0a0a0a4d), var(--page-banner-image);background-color:#111315;background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;align-items:center;display:flex}.page-banner__content{width:100%;max-width:var(--container-max);flex-direction:column;gap:1.25rem;margin:0 auto;display:flex}.page-banner__title{max-width:30ch;margin:0}.page-banner__breadcrumb{color:var(--foreground);flex-wrap:wrap;align-items:center;font-weight:600;display:flex}.page-banner__breadcrumb li+li:before{content:"/";margin:0 .6rem}.page-banner__breadcrumb a{transition:color .2s}.page-banner__breadcrumb a:hover{color:var(--accent)}