.photo-banner{position:relative;display:flex;align-items:center;min-height:min(84svh,76rem);color:rgb(var(--color-foreground));isolation:isolate;overflow:clip}.photo-banner--left{align-items:flex-end}.photo-banner__media{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:clip}.photo-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--photo-banner-overlay))}.photo-banner__media img,.photo-banner__media .placeholder-svg{width:100%;height:100%;object-fit:cover}.photo-banner__content{padding-block:8rem}.photo-banner__inner{display:flex;flex-direction:column;gap:2rem;max-width:72rem}.photo-banner--center .photo-banner__inner{align-items:center;margin-inline:auto;text-align:center}.photo-banner__inner .stay-eyebrow{margin:0}.photo-banner__heading{color:inherit;text-wrap:balance}.photo-banner__text{max-width:60rem}.photo-banner__buttons{margin-top:.8rem}.photo-split{padding-block:4.8rem;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.photo-split{padding-block:8rem}}.photo-split__layout{display:grid;gap:4rem;align-items:center}.photo-split__copy{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem}.photo-split__copy .stay-eyebrow{margin:0}.photo-split .photo-banner__heading{max-width:14em}.photo-split .photo-banner__text{max-width:48rem}.photo-split .photo-banner__buttons{margin-top:.8rem}.photo-split__media{overflow:hidden;border-radius:var(--stay-radius-l);aspect-ratio:4 / 5;background:rgb(var(--stay-color-grey))}.photo-split__media img,.photo-split__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width:990px){.photo-split__layout--photo-right,.photo-split__layout--photo-left{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:6.4rem}.photo-split__layout--photo-left .photo-split__media{order:-1}.photo-split--split .photo-split__media{aspect-ratio:5 / 6}}.photo-split .photo-split__media--cutout{aspect-ratio:auto;border-radius:0;background:none;mix-blend-mode:multiply}.photo-split .photo-split__media--cutout img{height:auto;object-fit:contain;filter:brightness(1.02)}.photo-split:has(.photo-split__media--cutout){--photo-split-bleed: max(var(--stay-gutter), (100vw - var(--page-width)) / 2);overflow-x:clip}.photo-split--split .photo-split__layout--photo-right .photo-split__media--cutout{margin-inline-end:calc(-1 * var(--photo-split-bleed))}@media screen and (min-width:990px){.photo-split--split .photo-split__layout--photo-left .photo-split__media--cutout{margin-inline-start:calc(-1 * var(--photo-split-bleed))}.photo-split--split.photo-split--large .photo-split__layout--photo-right{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.photo-split--split.photo-split--large .photo-split__layout--photo-left{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.photo-split--grounded:has(.photo-split__media--cutout){padding-bottom:0}.photo-split--grounded .photo-split__layout{align-items:end}.photo-split--grounded .photo-split__copy{align-self:center}.photo-split--panel .photo-split__layout,.photo-split--statement .photo-split__layout{overflow:hidden;border-radius:var(--stay-radius-l);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.photo-split--panel .photo-split__layout{gap:0;align-items:stretch}.photo-split--panel .photo-split__copy{justify-content:center;padding:4rem 2.4rem}.photo-split--panel .photo-split__media{border-radius:0;aspect-ratio:4 / 3}@media screen and (min-width:750px){.photo-split--panel .photo-split__copy{padding:6.4rem}}@media screen and (min-width:990px){.photo-split--panel .photo-split__layout{column-gap:0;min-height:clamp(52rem,70svh,68rem)}.photo-split--panel .photo-split__media{aspect-ratio:auto}}.photo-split--panel .photo-split__media--cutout{align-self:end;aspect-ratio:auto;padding-top:2.4rem}@media screen and (min-width:990px){.photo-split--panel .photo-split__media--cutout{padding-top:6.4rem}}.photo-split--statement .photo-split__copy{align-items:center;padding:6.4rem 2.4rem;text-align:center}.photo-split--statement .photo-banner__heading{max-width:16em;text-wrap:balance}@media screen and (min-width:750px){.photo-split--statement .photo-split__copy{padding:12rem 6.4rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-photo-banner.css.map */