.page-banner{position:relative;overflow:hidden;color:var(--page-banner-text);background:var(--page-banner-background);font-family:var(--font-body-family);letter-spacing:0}.page-banner__background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.page-banner__background-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.page-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--text-secondary);opacity:var(--page-banner-overlay-opacity)}.page-banner__glow{position:absolute;border-radius:50%}.page-banner__glow--warm{top:-4.2rem;left:53.3%;width:14.9rem;height:14.9rem;background-color:#ffd9a1;filter:blur(8rem)}.page-banner__glow--soft{top:8rem;right:4rem;width:11.8rem;height:11.8rem;background-color:#fff3}.page-banner__sparkle{position:absolute;display:block;height:auto;mix-blend-mode:screen}.page-banner__sparkle--1{top:33.8rem;left:50.6%;width:9.3rem}.page-banner__sparkle--2{top:6rem;left:-2.6rem;width:10.2rem}.page-banner__sparkle--3{top:2.4rem;left:60.4%;width:5.2rem}.page-banner__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr)}.page-banner__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3rem}.page-banner__copy{display:flex;flex-direction:column;gap:1rem;max-width:710px}.page-banner__header{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.page-banner__eyebrow{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:1.2rem 3rem;border-radius:3.5rem;background-color:#ffffff2e;color:var(--page-banner-text);font-family:var(--font-body-family);font-size:var(--font-size-heading-xs);font-weight:600;line-height:1.2;text-transform:uppercase;border:1px solid}.page-banner__heading{margin:0;color:var(--page-banner-text);font-family:var(--font-heading-family);font-size:clamp(var(--font-size-heading-md),10vw,var(--font-size-heading-lg));font-weight:500;line-height:1;text-transform:uppercase}.page-banner__heading strong{color:var(--page-banner-highlight);font-weight:800}.page-banner__text{margin:0;color:var(--page-banner-text);line-height:1.4}.page-banner__signature{display:block;width:12.3rem;height:auto}.page-banner__media{position:relative;justify-self:center;align-self:end;width:min(100%,34rem)}.page-banner__arch{position:relative;z-index:1;aspect-ratio:475 / 409;overflow:hidden;border-radius:30rem 30rem 0 0;background-color:var(--page-banner-image-background)}.page-banner__arch--framed{border:.2rem solid var(--surface-color);border-bottom:0}.page-banner__media:before,.page-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:30rem 30rem 0 0;pointer-events:none}.page-banner__media:has(.page-banner__arch--framed):before{border:.2rem solid rgba(255,255,255,.4);border-bottom:0;transform:translate(8.65%)}.page-banner__media:has(.page-banner__arch--framed):after{background-color:#f5d5bb4d;transform:translate(-7.06%)}.page-banner__image{position:absolute;left:50%;height:auto;object-fit:cover;object-position:center;transform:translate(-50%);bottom:0;width:100%;max-width:var(--page-banner-image-width, 100%);padding:0}.page-banner__image.placeholder-svg{top:0;left:0;width:100%;height:100%;fill:#2c2e334d}.template-blog .page-banner__image{height:100%}.page-banner__shape{position:absolute;display:block;width:90.9rem;max-width:none;height:auto}.page-banner__shape--green{top:-50.8rem;left:-35.5rem}.page-banner__shape--teal{top:-6.3rem;left:-32.5rem}.page-banner__media--card{align-self:center;aspect-ratio:419 / 316}.page-banner__blob,.page-banner__dot{position:absolute;display:block;height:auto}.page-banner__blob{top:0;left:6.32%;width:93.68%}.page-banner__dot{top:73.07%;left:70.19%;width:20.21%}.page-banner__card{position:absolute;top:2.97%;left:1.64%;z-index:1;width:78%;aspect-ratio:327 / 245;overflow:hidden;border:.2rem solid rgba(255,255,255,.6);border-radius:3rem;background-color:var(--page-banner-image-background);box-shadow:1rem 1rem #0003;transform:rotate(3.36deg)}.page-banner__card .page-banner__image{width:100%;height:100%;object-fit:cover;object-position:center}.page-banner--has-search .page-banner__copy{max-width:73.1rem}.page-banner__search{display:flex;align-items:center;gap:1rem;width:100%;max-width:72rem;padding:.3rem .3rem .3rem 2rem;border-radius:1rem;background-color:var(--surface-color)}.page-banner__search:focus-within{outline:.2rem solid var(--text-primary);outline-offset:.2rem}.page-banner__search-input{flex:1 1 auto;min-width:0;padding:0;border:0;background:transparent;color:var(--text-primary);font-family:var(--font-body-family);font-size:1.6rem;line-height:1.2;-webkit-appearance:none;appearance:none}.page-banner__search-input:focus,.page-banner__search-input:focus-visible{outline:none;box-shadow:none}.page-banner__search-input::placeholder{color:#23242699;opacity:1}.page-banner__search-input::-webkit-search-cancel-button{cursor:pointer}.page-banner__search-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:0 2rem;border:0;border-radius:.5rem;background-color:var(--text-primary);color:#fffc;font-family:var(--font-body-family);font-size:1.6rem;font-weight:600;line-height:1.2;text-transform:capitalize;cursor:pointer;transition:color .2s ease,background-color .2s ease}.page-banner__search-button:hover{color:var(--surface-color);background-color:var(--primary)}@media screen and (max-width:749px){.page-banner__sparkle--1,.page-banner__sparkle--3,.page-banner__glow{display:none}}@media screen and (min-width:991px){.page-banner__inner{min-height:45rem}.page-banner--has-media .page-banner__inner{grid-template-columns:1fr 475px;column-gap:20px}.page-banner__heading{font-size:clamp(var(--font-size-heading-lg),5.6vw,var(--font-size-heading-xl))}.page-banner__media{justify-self:end;width:min(100%,47.5rem);margin-right:1rem;margin-bottom:-.4rem}.page-banner__media--card{width:min(100%,41.9rem);margin-right:4.3rem;margin-bottom:0}.page-banner__search-input{font-size:1.8rem}.page-banner__search-button{width:16.9rem;min-height:5.4rem;padding:0 3rem;font-size:1.8rem}}@media screen and (max-width:1199px){.page-banner__copy{max-width:410px}}@media screen and (max-width:991px){.page-banner__copy{max-width:100%}}@media screen and (max-width:749px){.page-banner__media--card{margin-bottom:4rem}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/section-page-banner.css.map */