.pp-portal-fountain{box-sizing:border-box;width:100%;padding-block:var(--pp-portal-space-top, 80px) var(--pp-portal-space-bottom, 40px);padding-inline:var(--pp-portal-space-side, 20px);background-color:var(--pp-portal-background, transparent);color:var(--pp-portal-text, inherit);scroll-margin-top:calc(var(--pp-portal-overhang, 56px) + 80px)}.pp-portal-fountain__card{position:relative;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;max-width:var(--pp-portal-width, 1160px);margin-inline:auto;padding-block:calc(var(--pp-portal-image, 144px) - var(--pp-portal-overhang, 56px) + 16px) var(--pp-portal-card-padding, 24px);padding-inline:var(--pp-portal-card-padding, 24px);border:1px solid var(--pp-hairline);border-radius:var(--pp-portal-card-radius, 16px);background:var(--pp-portal-surface, var(--pp-sheet));text-align:center}.pp-portal-fountain__media{position:absolute;inset-block-start:calc(var(--pp-portal-overhang, 56px) * -1);inset-inline-start:50%;transform:translate(-50%);width:var(--pp-portal-image, 144px);height:var(--pp-portal-image, 144px)}.pp-portal-fountain__image{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgb(var(--palette-darkest-rgb) / .25))}.pp-portal-fountain__caps{margin:0;margin-block-end:var(--pp-portal-card-gap, 8px);font-size:var(--pp-font-body-caps-sm--size, .875rem);font-weight:var(--pp-font-body-caps-sm--weight, 300);line-height:var(--pp-font-body-caps-sm--line-height, 1rem);letter-spacing:.08em;text-transform:uppercase;color:var(--pp-portal-muted, inherit)}.pp-portal-fountain__title{margin:0;font-size:var(--pp-font-h2--size, 2rem);font-weight:var(--pp-font-display--weight, 500);line-height:var(--pp-font-h2--line-height, 2.25rem);letter-spacing:var(--pp-font-h2--letter-spacing, -.0625rem)}.pp-portal-fountain__subtitle{margin:0;margin-block-start:var(--pp-portal-card-gap, 8px);font-size:var(--pp-font-body-sm--size, .875rem);font-weight:var(--pp-font-body--weight, 300);line-height:var(--pp-font-body-sm--line-height, 1.125rem);color:var(--pp-portal-muted, inherit)}.pp-portal-fountain__action{display:flex;justify-content:center;margin-block-start:calc(var(--pp-portal-card-gap, 8px) * 2)}.pp-portal-fountain__videos{max-width:var(--pp-portal-width, 1160px);margin-inline:auto;margin-block-start:var(--pp-portal-videos-gap, 28px)}.pp-portal-fountain__videos-heading{margin:0;margin-block-end:calc(var(--pp-portal-grid-gap, 24px) * .75);font-size:var(--pp-font-h3--size, 1.25rem);font-weight:var(--pp-font-heading--weight, 600);line-height:var(--pp-font-h3--line-height, 1.375rem)}.pp-portal-fountain__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--pp-portal-grid-gap, 24px)}.pp-portal-fountain__grid>.shopify-block{display:contents}.pp-portal-video{display:flex;flex-direction:column;min-width:0}.pp-portal-video__stage{position:relative;display:block;overflow:hidden;aspect-ratio:var(--pp-portal-video-ratio, 16 / 9);border:1px solid var(--pp-hairline);border-radius:var(--pp-portal-video-radius, 16px);background-color:var(--pp-sheet)}.pp-portal-video__poster{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}@media(hover:hover){.pp-portal-video__stage:hover .pp-portal-video__poster{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.pp-portal-video__poster{transition:none}.pp-portal-video__stage:hover .pp-portal-video__poster{transform:none}}.pp-portal-video__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background-color:var(--pp-portal-accent, var(--color-foreground));color:var(--pp-portal-background, var(--color-background));filter:drop-shadow(0 4px 10px rgb(var(--palette-darkest-rgb) / .25))}.pp-portal-video__play svg{width:24px;height:24px}.pp-portal-video__badge{position:absolute;inset-block-end:12px;inset-inline-end:12px;padding-block:4px;padding-inline:10px;border-radius:999px;background-color:color-mix(in srgb,var(--color-foreground) 72%,transparent);color:var(--color-background);font-size:var(--pp-font-label--size, .75rem);font-weight:var(--pp-font-body-sm--weight, 400);line-height:var(--pp-font-label--line-height, 1rem)}.pp-portal-video__frame{display:block;width:100%;height:100%;border:0}.pp-portal-video__copy{margin-block-start:var(--pp-portal-video-copy-gap, 14px)}.pp-portal-video__title{margin:0;font-size:var(--pp-font-body-emphasis--size, 1.125rem);font-weight:var(--pp-font-heading--weight, 600);line-height:var(--pp-font-body-emphasis--line-height, 1.375rem)}.pp-portal-video__caption{margin:0;margin-block-start:4px;font-size:var(--pp-font-body-sm--size, .875rem);font-weight:var(--pp-font-body--weight, 300);line-height:var(--pp-font-body-sm--line-height, 1.125rem);color:var(--pp-portal-muted, inherit)}.pp-portal-video__stage--empty{display:grid;place-items:center}.pp-portal-video__empty-note{padding-inline:20px;font-size:var(--pp-font-body-sm--size, .875rem);font-weight:var(--pp-font-body--weight, 300);line-height:var(--pp-font-body-sm--line-height, 1.125rem);color:var(--pp-portal-muted, inherit);text-align:center}@media screen and (min-width:1200px){.pp-portal-fountain{padding-block:var(--pp-portal-space-top-desktop, 120px) var(--pp-portal-space-bottom-desktop, 48px);padding-inline:var(--pp-portal-space-side-desktop, 60px);scroll-margin-top:calc(var(--pp-portal-overhang-desktop, 80px) + 80px)}.pp-portal-fountain__card{padding-block:calc(var(--pp-portal-image-desktop, 200px) - var(--pp-portal-overhang-desktop, 80px) + 24px) var(--pp-portal-card-padding-desktop, 40px);padding-inline:var(--pp-portal-card-padding-desktop, 40px)}.pp-portal-fountain__media{inset-block-start:calc(var(--pp-portal-overhang-desktop, 80px) * -1);width:var(--pp-portal-image-desktop, 200px);height:var(--pp-portal-image-desktop, 200px)}.pp-portal-fountain__subtitle{font-size:var(--pp-font-body--size, 1rem);line-height:var(--pp-font-body--line-height, 1.375rem)}.pp-portal-fountain__videos{margin-block-start:var(--pp-portal-videos-gap-desktop, 40px)}.pp-portal-fountain__grid{grid-template-columns:repeat(var(--pp-portal-columns, 2),minmax(0,1fr));gap:var(--pp-portal-grid-gap-desktop, 32px)}.pp-portal-video--full{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/pp-portal.css.map */