.page-banner{position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(var(--color-foreground),.08)}.page-banner--has-image{border-bottom:0}.page-banner--small{min-height:15rem}.page-banner--medium{min-height:20rem}.page-banner--large{min-height:26rem}@media screen and (min-width:750px){.page-banner--small{min-height:18rem}.page-banner--medium{min-height:25rem}.page-banner--large{min-height:34rem}}.page-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.page-banner__media img,.page-banner__media svg{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.page-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--overlay-opacity) * .85)),rgba(0,0,0,var(--overlay-opacity)))}.page-banner__content{position:relative;z-index:2;width:100%;max-width:62rem}.page-banner--center .page-banner__content{margin-inline:auto;text-align:center}.page-banner--has-image .page-banner__content,.page-banner--has-image .page-banner__breadcrumb a,.page-banner--has-image .page-banner__breadcrumb{color:#fff}.page-banner__breadcrumb{margin:0 0 1.2rem;font-size:1.2rem;letter-spacing:.08rem;text-transform:uppercase;opacity:.72}.page-banner__breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;padding:0;list-style:none}.page-banner--center .page-banner__breadcrumb ol{justify-content:center}.page-banner__breadcrumb a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}.page-banner__breadcrumb a:hover{border-bottom-color:currentColor}.page-banner__breadcrumb-sep{opacity:.5}.page-banner__breadcrumb [aria-current=page]{font-weight:var(--font-body-weight-bold)}.page-banner__title{margin:0;line-height:1.1;word-break:break-word}.page-banner__rule{width:5.6rem;height:2px;margin:1.8rem 0 0;border:0;background:currentColor;opacity:.35}.page-banner--center .page-banner__rule{margin-inline:auto}.page-banner__subheading{margin:1.6rem 0 0;max-width:56rem;font-size:1.7rem;line-height:1.6;opacity:.85}.page-banner--center .page-banner__subheading{margin-inline:auto}@media screen and (min-width:750px){.page-banner__subheading{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-page-banner.css.map */