.pc-page-hero{position:relative;display:flex;align-items:center;min-height:var(--pc-hero-min-height, 350px);overflow:hidden;background:var(--pc-color-surface-dark);color:var(--pc-color-text-inverse);font-family:var(--pc-font-body);letter-spacing:0;isolation:isolate}.pc-page-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.pc-page-hero__media picture,.pc-page-hero__image{display:block;width:100%;height:100%}.pc-page-hero__image{object-fit:cover;object-position:center}.pc-page-hero__placeholder{fill:var(--pc-color-line-inverse)}.pc-page-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(5,25,53,var(--pc-hero-overlay, .35)),rgba(5,25,53,calc(var(--pc-hero-overlay, .35) * .3)) 75%)}.pc-page-hero--center .pc-page-hero__media:after{background:rgba(5,25,53,var(--pc-hero-overlay, .35))}.pc-page-hero__inner{width:var(--pc-container-width);padding-block:var(--pc-space-10)}.pc-page-hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:15px;max-width:var(--pc-hero-content-width, 750px)}.pc-page-hero--center .pc-page-hero__content{align-items:center;margin-inline:auto;text-align:center}.pc-page-hero__eyebrow{margin:0 0 calc(var(--pc-space-3) * -1);font-size:14px;font-weight:var(--pc-weight-semibold);letter-spacing:var(--pc-tracking-caps);text-transform:uppercase}.pc-page-hero__title{margin:0;color:inherit;font-family:var(--pc-font-display);font-size:38px;font-weight:var(--pc-weight-semibold);line-height:1.3;letter-spacing:var(--pc-tracking-normal)}.pc-page-hero__text{max-width:560px;color:#ffffffdb;font-size:18px;line-height:var(--pc-leading-body)}.pc-page-hero__text>*{margin:0}.pc-page-hero__search{position:relative;display:flex;align-items:center;width:min(450px,100%);margin:0;border:1px solid var(--pc-color-primary);border-radius:var(--pc-radius-md);background:var(--pc-color-bg)}.pc-page-hero__search:focus-within{box-shadow:0 0 0 3px var(--pc-color-primary-soft)}.pc-page-hero__search-input{flex:1 1 auto;min-width:0;padding:14px 0 14px 14px;border:0;border-radius:inherit;background:transparent;color:var(--pc-color-ink);font:inherit;font-size:14px;font-weight:var(--pc-weight-medium);line-height:var(--pc-leading-snug);outline:none;-webkit-appearance:none;appearance:none}.pc-page-hero__search-input::placeholder{color:var(--pc-color-text-muted);opacity:1}.pc-page-hero__search-input::-webkit-search-cancel-button{cursor:pointer}.pc-page-hero__search-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;align-self:stretch;padding:0 14px 0 10px;border:0;background:transparent;color:var(--pc-color-primary);cursor:pointer}.pc-page-hero__search-button svg{width:15px;height:15px}.pc-page-hero__search-button:focus-visible{outline:2px solid var(--pc-color-primary);outline-offset:-4px;border-radius:var(--pc-radius-sm)}.pc-page-hero__actions{margin-top:var(--pc-space-2)}.pc-page-hero .pc-page-hero__button--plain{--pc-button-height: 45px;min-width:145px;padding:0 15px}.pc-page-hero--compact .pc-page-hero__content{gap:10px}.pc-page-hero--compact .pc-page-hero__text{color:#efefef;font-size:16px;font-weight:var(--pc-weight-medium);line-height:1.6}.pc-page-hero--compact .pc-page-hero__actions{margin-top:5px}.pc-page-hero--compact .pc-page-hero__actions .pc-button{line-height:1.3}@media screen and (min-width:768px){.pc-page-hero--ratio{min-height:clamp(var(--pc-hero-min-height, 350px),24.3vw,520px)}}@media screen and (max-width:767px){.pc-page-hero{align-items:flex-start;min-height:var(--pc-hero-min-height-mobile, 200px)}.pc-page-hero__inner{padding-block:30px}.pc-page-hero__content{gap:10px;max-width:var(--pc-hero-content-width-mobile, none)}.pc-page-hero__title{font-size:22px}.pc-page-hero__text{font-size:16px}.pc-page-hero__search{width:100%}.pc-page-hero--page-search .pc-page-hero__title{min-height:57.2px}.pc-page-hero__search-input{font-size:12px}.pc-page-hero__search-button svg{width:14px;height:14px}.pc-page-hero .pc-page-hero__button--plain{--pc-button-height: 35px;min-width:100px;padding:0 10px}.pc-page-hero--compact .pc-page-hero__content{gap:5px}.pc-page-hero--compact .pc-page-hero__text{font-size:14px}.pc-page-hero--compact .pc-page-hero__actions .pc-button{--pc-button-font-size: 14px}.pc-page-hero__media:after{background:linear-gradient(180deg,rgba(5,25,53,var(--pc-hero-overlay, .35)),rgba(5,25,53,calc(var(--pc-hero-overlay, .35) * .5)))}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/pc-page-hero.css.map */