.pp-photo-collage-section{background:var(--color-background)}.pp-photo-collage{position:relative;box-sizing:border-box;width:100%;max-width:var(--page-content-width);margin:0 auto;padding:var(--pp-collage-padding-top) var(--pp-collage-padding-inline) var(--pp-collage-padding-bottom);background:var(--pp-collage-background, var(--color-background));color:var(--pp-collage-text, var(--color-foreground));overflow:hidden}.pp-photo-collage__header{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--pp-collage-heading-gap);width:min(100%,var(--pp-collage-heading-width))}.pp-photo-collage__header .pp-heading--h2{font-size:2rem;line-height:2.125rem;letter-spacing:-.0625rem}.pp-photo-collage__header .pp-text{width:100%;max-width:100%}.pp-photo-collage__header .pp-text--md{font-size:1rem;line-height:1.375rem;font-weight:var(--pp-font-body--weight)}.pp-photo-collage__stage{position:relative;width:100%;margin-block-start:var(--pp-collage-stage-gap);aspect-ratio:var(--pp-collage-stage-width-mobile) / var(--pp-collage-stage-height-mobile)}.pp-collage-photo{position:absolute;z-index:0;top:var(--pp-collage-photo-y);left:var(--pp-collage-photo-x);width:var(--pp-collage-photo-width);height:var(--pp-collage-photo-height);border-radius:var(--pp-collage-photo-radius);overflow:hidden}.pp-collage-photo picture{display:contents}.pp-collage-photo__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pp-collage-photo-focal-x) var(--pp-collage-photo-focal-y);transform:scale(var(--pp-collage-photo-scale, 1))}.pp-collage-photo__placeholder{background:var(--color-background);color:var(--color-foreground)}.pp-collage-photo--overlay:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--pp-collage-photo-overlay-angle),var(--pp-collage-photo-overlay-start) var(--pp-collage-photo-overlay-start-stop),var(--pp-collage-photo-overlay-end) var(--pp-collage-photo-overlay-end-stop));pointer-events:none;content:""}.pp-callout{position:absolute;z-index:1;top:var(--pp-callout-y);left:var(--pp-callout-x);width:var(--pp-callout-width);height:var(--pp-callout-height);color:var(--pp-collage-callout-text, var(--color-background));pointer-events:none}.pp-callout__badge{--pp-glass-control-radius: 8px;--pp-glass-control-surface: rgb(var(--palette-lightest-rgb));--pp-glass-control-stroke-width: 1px;position:absolute;z-index:2;top:var(--pp-callout-badge-y);left:var(--pp-callout-badge-x);display:block;box-sizing:border-box;padding:9px var(--pp-callout-padding-inline);color:inherit;font-family:var(--font-body--family);font-size:.875rem;line-height:1rem;font-weight:600;white-space:nowrap;box-shadow:inset 0 1px 2px rgb(var(--palette-lightest-rgb) / .65),0 10px 30px rgb(var(--palette-darkest-rgb) / .05);background:linear-gradient(115deg,rgb(var(--palette-lightest-rgb) / .096) 1.5459%,rgb(var(--palette-lightest-rgb) / .048) 106.01%)}.pp-callout__curve{position:absolute;z-index:1;top:var(--pp-callout-curve-y);left:var(--pp-callout-curve-x);display:flex;align-items:center;justify-content:center;overflow:visible}.pp-callout__curve-image{display:block;flex:none;max-width:none;overflow:visible}.pp-callout--living .pp-callout__curve,.pp-callout--living .pp-callout__curve-image{width:78.3673px;height:35.8393px}.pp-callout--living .pp-callout__curve-image{transform:scaleX(-1)}.pp-callout--down .pp-callout__curve{width:31.7548px;height:45.4302px}.pp-callout--down .pp-callout__curve-image{width:45.4302px;height:31.7548px;transform:rotate(-90deg) scaleY(-1)}.pp-callout__endpoint{position:absolute;z-index:2;top:calc(var(--pp-callout-endpoint-y) - var(--pp-callout-endpoint-center-y, 29px));left:calc(var(--pp-callout-endpoint-x) - var(--pp-callout-endpoint-center-x, 39px));display:block;width:var(--pp-callout-endpoint-size, 78px);height:var(--pp-callout-endpoint-size, 78px);max-width:none;overflow:visible}@media screen and (min-width:1200px){.pp-photo-collage{padding:var(--pp-collage-padding-top-desktop) var(--pp-collage-padding-inline-desktop) var(--pp-collage-padding-bottom-desktop)}.pp-photo-collage__header{width:min(100%,var(--pp-collage-heading-width-desktop))}.pp-photo-collage__header .pp-heading--h2{font-size:2.25rem;line-height:2.5rem}.pp-photo-collage__stage{margin-block-start:calc(-1 * var(--pp-collage-stage-overlap-desktop));aspect-ratio:var(--pp-collage-stage-width) / var(--pp-collage-stage-height)}.pp-collage-photo{top:var(--pp-collage-photo-y-desktop);left:var(--pp-collage-photo-x-desktop);width:var(--pp-collage-photo-width-desktop);height:var(--pp-collage-photo-height-desktop);border-radius:var(--pp-collage-photo-radius-desktop)}.pp-collage-photo__image{object-position:var(--pp-collage-photo-focal-x-desktop) var(--pp-collage-photo-focal-y-desktop);transform:scale(var(--pp-collage-photo-scale-desktop, 1))}.pp-collage-photo--overlay:after{background:linear-gradient(var(--pp-collage-photo-overlay-angle-desktop),var(--pp-collage-photo-overlay-start) var(--pp-collage-photo-overlay-start-stop),var(--pp-collage-photo-overlay-end) var(--pp-collage-photo-overlay-end-stop))}.pp-callout{top:var(--pp-callout-y-desktop);left:var(--pp-callout-x-desktop);width:var(--pp-callout-width-desktop);height:var(--pp-callout-height-desktop)}.pp-callout__badge{top:var(--pp-callout-badge-y-desktop);left:var(--pp-callout-badge-x-desktop);padding-inline:var(--pp-callout-padding-inline-desktop);font-size:1rem;line-height:1.25rem;font-weight:500}.pp-callout__curve{top:var(--pp-callout-curve-y-desktop);left:var(--pp-callout-curve-x-desktop)}.pp-callout__endpoint{top:calc(var(--pp-callout-endpoint-y-desktop) - var(--pp-callout-endpoint-center-y, 29px));left:calc(var(--pp-callout-endpoint-x-desktop) - var(--pp-callout-endpoint-center-x, 39px))}}.pp-callout--card .pp-callout__badge{--pp-glass-control-stroke: var(--pp-glass-stroke);--pp-glass-control-radius: var(--pp-callout-card-radius, 16px);display:flex;flex-direction:column;gap:var(--pp-callout-card-gap, 6px);width:var(--pp-callout-card-width);padding:var(--pp-callout-card-padding);white-space:normal;background:linear-gradient(104deg,rgb(var(--palette-lightest-rgb) / .096) 1.5459%,rgb(var(--palette-lightest-rgb) / .048) 106.01%)}.pp-callout__title{display:block;font-size:var(--pp-font-body--size);line-height:1.25rem;font-weight:var(--pp-font-heading--weight)}.pp-callout__description{display:block;font-size:var(--pp-font-body-sm--size);line-height:var(--pp-font-body-sm--line-height);font-weight:var(--pp-font-body-sm--weight)}.pp-callout--no-connector .pp-callout__curve,.pp-callout--no-connector .pp-callout__endpoint{display:none}.pp-callout--arc .pp-callout__curve,.pp-callout--arc .pp-callout__curve-image{width:138.018px;height:36.3555px}.pp-callout--line .pp-callout__curve,.pp-callout--line .pp-callout__curve-image{width:78px;height:2px}.pp-photo-collage--heading-over .pp-photo-collage__header{width:100%;align-items:center;text-align:center}.pp-photo-collage--heading-over .pp-photo-collage__header .pp-heading{width:min(100%,var(--pp-collage-heading-width))}.pp-photo-collage--heading-over .pp-photo-collage__header .pp-heading--h2{font-size:var(--pp-font-h2--size);line-height:var(--pp-font-h2--line-height);letter-spacing:var(--pp-font-h2--letter-spacing)}@media screen and (min-width:1200px){.pp-callout--card .pp-callout__badge{gap:var(--pp-callout-card-gap, 6px);width:var(--pp-callout-card-width-desktop);padding:var(--pp-callout-card-padding-desktop)}.pp-callout__title{font-size:var(--pp-font-body-lg--size);line-height:var(--pp-font-body-lg--line-height)}.pp-callout__description{font-size:var(--pp-font-body--size);line-height:var(--pp-font-button--line-height);font-weight:var(--pp-font-button--weight)}.pp-callout--no-connector .pp-callout__curve{display:flex}.pp-callout--no-connector .pp-callout__endpoint{display:block}.pp-callout--no-connector-desktop .pp-callout__curve,.pp-callout--no-connector-desktop .pp-callout__endpoint{display:none}.pp-photo-collage--heading-over .pp-photo-collage__header{position:absolute;z-index:3;top:calc(var(--pp-collage-padding-top-desktop) + var(--pp-collage-heading-over-y));right:0;left:0;width:auto;align-items:center;text-align:center;translate:0 -50%}.pp-photo-collage--heading-over .pp-photo-collage__header .pp-heading{width:min(100%,var(--pp-collage-heading-width-desktop))}}.pp-callout--badge-right .pp-callout__badge{right:var(--pp-callout-badge-x);left:auto}@media screen and (min-width:1200px){.pp-callout--badge-right .pp-callout__badge{right:var(--pp-callout-badge-x-desktop);left:auto}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/pp-photo-collage.css.map */