.page-banner{position:relative;min-height:var(--page-banner-height);display:flex;align-items:center;overflow:hidden;isolation:isolate;background:var(--page-banner-bg, var(--color-bg));color:var(--page-banner-text, var(--color-text));border-radius:var(--page-banner-radius)}.page-banner--has-image{color:var(--page-banner-text, #fff)}.page-banner--container{width:min(calc(100% - 40px),var(--page-width));margin-inline:auto}.page-banner__media,.page-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.page-banner__overlay{display:block;z-index:1;pointer-events:none;background-color:var(--page-banner-overlay, rgb(0 0 0))}.page-banner__image{width:100%;height:100%;object-fit:cover;object-position:center var(--page-banner-image-position, center);display:block}.page-banner--bg-container .page-banner__media{inset-inline:auto;left:50%;transform:translate(-50%);width:min(calc(100% - 40px),var(--page-width));border-radius:var(--page-banner-radius, 0);overflow:hidden}.page-banner--container.page-banner--bg-full{overflow:visible}.page-banner--container.page-banner--bg-full .page-banner__media{inset-inline:auto;left:50%;transform:translate(-50%);width:calc(100vw - var(--scrollbar-width, 0px));max-width:calc(100vw - var(--scrollbar-width, 0px))}.page-banner--overlay-gradient .page-banner__overlay{background-color:transparent;background-image:linear-gradient(90deg,var(--page-banner-overlay, rgb(0 0 0)) 40%,transparent 80%)}.page-banner--overlay-gradient.page-banner--right .page-banner__overlay{background-image:linear-gradient(270deg,var(--page-banner-overlay, rgb(0 0 0)) 40%,transparent 80%)}.page-banner__inner{position:relative;z-index:2;width:min(100%,var(--page-banner-max-width));padding:var(--page-banner-padding-y) var(--page-banner-padding-x)}.page-banner--left{text-align:left}.page-banner--center{text-align:center}.page-banner--right{text-align:right}.page-banner--top{align-items:flex-start}.page-banner--middle{align-items:center}.page-banner--bottom{align-items:flex-end}.page-banner--center .page-banner__inner{margin-inline:auto}.page-banner--right .page-banner__inner{margin-left:auto}.page-banner__breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px;font-size:13px;opacity:.85}.page-banner--center .page-banner__breadcrumbs{justify-content:center}.page-banner--right .page-banner__breadcrumbs{justify-content:flex-end}.page-banner__breadcrumbs a{color:inherit;text-decoration:none}.page-banner__breadcrumbs a:hover{text-decoration:underline}.page-banner__eyebrow{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-banner__title{margin:0;color:inherit;font-size:var(--page-banner-title-size, 48px);line-height:1.15;overflow-wrap:break-word}.page-banner__title--uppercase{text-transform:uppercase;letter-spacing:.02em}.page-banner__description{margin-top:16px;max-width:720px}.page-banner--center .page-banner__description{margin-inline:auto}.page-banner--right .page-banner__description{margin-left:auto}.page-banner__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.page-banner--center .page-banner__actions{justify-content:center}.page-banner--right .page-banner__actions{justify-content:flex-end}.page-banner__button--secondary{background:transparent;color:inherit;border:1px solid currentColor}@media(max-width:749px){.page-banner{min-height:var(--page-banner-height-mobile)}.page-banner__inner{padding-inline:clamp(20px,var(--page-banner-padding-x),6vw)}.page-banner--overlay-gradient .page-banner__overlay,.page-banner--overlay-gradient.page-banner--right .page-banner__overlay{background-image:none;background-color:var(--page-banner-overlay, rgb(0 0 0))}.page-banner__title{font-size:calc(var(--page-banner-title-size, 48px) * .8)}}@media(max-width:576px){.page-banner__title{font-size:calc(var(--page-banner-title-size, 48px) * .7)}}.page-banner-crumbs{background:var(--color-bg)}.page-banner-crumbs__inner{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:min(calc(100% - 40px),var(--page-width));margin-inline:auto;padding-block:16px;font-size:12px;color:var(--color-text-dim)}.page-banner-crumbs__inner a{color:var(--color-text-dim);text-decoration:none}.page-banner-crumbs__inner a:hover{color:var(--color-brand)}.page-banner-crumbs__inner [aria-current=page]{color:var(--color-text)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-page-banner.css.map */