.\#page-header{position:relative}.\#page-header-media{top:0;left:0;width:100%;height:100%;position:absolute;z-index:1}.\#page-header-ambient-image{display:none}.\#page-header-body{position:relative;z-index:2}.\#page-header.\@center .\#breadcrumbs{width:fit-content;margin-left:auto;margin-right:auto}.\#page-header.\@center .\#hero{margin-left:auto;margin-right:auto}.\#page-header.\@image-padding\:sm{padding-top:3rem;padding-bottom:3rem}.\#page-header.\@image-padding\:md{padding-top:4rem;padding-bottom:4rem}.\#page-header.\@image-padding\:lg{padding-top:6rem;padding-bottom:6rem}.\#page-header.\@image-padding\:xl{padding-top:10rem;padding-bottom:10rem}.\#page-header.\@type\:image{color:var(--color-g-fg)}.\#page-header.\@type\:no-image{margin-top:clamp(2rem,4vw,3rem);margin-bottom:clamp(1.5rem,3vw,2.5rem)}.\#page-header.\@source\:page.\@type\:no-image,.\#page-header.\@source\:blog.\@type\:no-image{margin-top:clamp(2.25rem,4vw,4rem);margin-bottom:0}.\#page-header.\@source\:page.\@type\:no-image .\#hero,.\#page-header.\@source\:blog.\@type\:no-image .\#hero{max-width:70rem}.\#page-header.\@source\:page.\@type\:no-image .\#hero-heading,.\#page-header.\@source\:blog.\@type\:no-image .\#hero-heading{line-height:1.06}.\#page-header.\@source\:page .\#accent-text:before,.\#page-header.\@source\:blog .\#accent-text:before{display:none}.\#page-header.\@source\:page .\#accent-text,.\#page-header.\@source\:blog .\#accent-text{padding:0;margin:0;background:none}.\#page-header.\@source\:page.\@type\:image,.\#page-header.\@source\:blog.\@type\:image{min-height:clamp(12rem,22vw,18rem);max-height:18rem;overflow:hidden;display:flex;align-items:center}.\#page-header.\@source\:page.\@type\:image .\#page-header-media img,.\#page-header.\@source\:page.\@type\:image .\#page-header-media picture,.\#page-header.\@source\:blog.\@type\:image .\#page-header-media img,.\#page-header.\@source\:blog.\@type\:image .\#page-header-media picture{width:100%;height:100%;object-fit:cover}.\#page-header.\@source\:collection.\@type\:no-image .\#hero-text{max-width:62rem;color:#292929b8;line-height:1.45}.\#page-header.\@source\:collection .\#hero-buttons{margin-top:1rem}.\#page-header.\@source\:collection .\#button{min-height:2.65rem;border-radius:.45rem}.\#page-header.\@source\:collection.\@type\:image .\@display-style\:outline.\#button{border-color:#fff;background:#fff;color:var(--color-g-text)}.\#page-header.\@source\:collection.\@type\:image .\@display-style\:outline.\#button:hover{border-color:#fff;background:#ffffffe0;color:var(--color-g-text)}.\#page-header.\@source\:collection.\@type\:image{min-height:clamp(11rem,20vw,17rem);max-height:16rem;overflow:hidden;display:flex;align-items:center}.\#page-header.\@source\:collection.\@type\:image .\#page-header-media .\#media{position:relative;z-index:2;height:100%}.\#page-header.\@source\:collection.\@type\:image .\#page-header-ambient-image{display:block;position:absolute;top:-7%;right:-7%;bottom:-7%;left:-7%;width:114%;height:114%;object-fit:cover;filter:blur(clamp(12px,2vw,24px));opacity:.42;transform:scale(1.04);z-index:1;pointer-events:none}@media(max-width:767px){.\#page-header.\@source\:collection.\@type\:image .\#page-header-ambient-image{display:none}}.\#page-header.\@source\:collection.\@type\:image .\#page-header-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 50%,#fff0 0 58%,#ffffff47)}.\#page-header.\@source\:collection.\@type\:image .\#page-header-media img,.\#page-header.\@source\:collection.\@type\:image .\#page-header-media picture{height:100%;width:100%;object-fit:cover}.\#page-header.\@source\:collection.\@type\:image .\#page-header-body{width:100%}.\#page-header.\@source\:collection.\@image-padding\:lg,.\#page-header.\@source\:collection.\@image-padding\:xl{padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:clamp(2.5rem,5vw,4rem)}@media(max-width:767px){.\#page-header.\@source\:collection.\@type\:image{min-height:10.5rem;max-height:none;padding-top:1.1rem;padding-bottom:1.35rem;align-items:flex-start}.\#page-header.\@source\:collection.\@type\:image .\#hero{gap:.45rem}.\#page-header.\@source\:collection.\@type\:image .\#hero-heading{font-size:clamp(1.45rem,7vw,1.9rem);line-height:1.04}.\#page-header.\@source\:collection.\@type\:image .\#hero-text{display:-webkit-box;overflow:hidden;font-size:.95rem;line-height:1.32;-webkit-line-clamp:4;-webkit-box-orient:vertical}.\#page-header.\@source\:collection .\#hero-buttons{margin-top:.65rem}.\#page-header.\@source\:collection .\#button{min-height:2.35rem;padding-inline:1rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/page-header.css.map */