.ph-story-item{position:relative;flex:0 0 auto;width:calc(100svh * var(--ph-panel-ratio, .8));height:100%;display:block;background:var(--ph-ink)}main[data-ph-showcase] .ph-story-item.ph-story-item--has-ornament{z-index:6!important}.ph-story-item__media-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}a.ph-story-item__media-wrap{cursor:pointer;color:inherit;text-decoration:none}video.ph-story-item__media{cursor:pointer}.ph-story-item__media{display:block;width:100%;height:100%;object-fit:cover;will-change:transform;transform-origin:center center}.ph-story-item__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover}.ph-story-item--has-background .ph-story-item__media{position:relative;z-index:1;width:auto;max-width:100%;height:calc(100% - max(6rem,env(safe-area-inset-top)));margin:max(6rem,env(safe-area-inset-top)) auto 0;object-fit:contain}.ph-story-item__ornament{position:absolute;z-index:8;left:var(--ornament-left, 10%);top:var(--ornament-top, 10%);width:var(--ornament-size, 6rem);height:auto;transform:translate(-50%,-50%) rotate(var(--ornament-rotate, 0deg));filter:drop-shadow(0 4px 16px rgb(0 0 0 / .3));pointer-events:none}@media(max-width:989px){.ph-story-item--ornament-mobile .ph-story-item__ornament{left:var(--ornament-left-mobile, var(--ornament-left, 10%));top:var(--ornament-top-mobile, var(--ornament-top, 10%));width:var(--ornament-size-mobile, var(--ornament-size, 6rem))}}.ph-story-item--tease{transform:scale(var(--ph-tease-scale, .68));transform-origin:center;transition:transform .1s linear;cursor:pointer}.ph-story-item__tease-cta{position:absolute;z-index:var(--layer-heightened);left:50%;bottom:clamp(1.5rem,6svh,3rem);transform:translate(-50%);border:1px solid rgb(var(--ph-on-dark-rgb) / .75);padding:.85rem 1.75rem;color:var(--ph-on-dark);background:#00000047;font-family:var(--font-body--family);font-size:.72rem;font-weight:700;line-height:1;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}.ph-story-item__tease-cta:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--ph-on-dark);outline-offset:2px}.ph-story-item__cta{position:absolute;z-index:8;right:8%;bottom:clamp(2.5rem,10svh,5rem);padding:.5rem 2rem;min-width:160px;color:var(--ph-on-dark);background:#edbfe4cc;font-family:var(--font-body--family);font-size:.72rem;font-weight:700;line-height:1;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;text-align:center;max-width:200px;min-height:46px;justify-content:center;align-items:center;display:flex;border-radius:8px}.ph-story-item__cta:hover{background:#d5a0b8cc}.ph-story-item__cta--two-line{max-width:none;line-height:1.4}.ph-story-item__cta--two-line .ph-header__label{white-space:nowrap}.ph-story-item__cta:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--ph-on-dark);outline-offset:2px}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.ph-story-item__cta:hover .ph-header__label--original,.ph-story-item__cta:focus-visible .ph-header__label--original{opacity:0;transform:translateY(-110%)}.ph-story-item__cta:hover .ph-header__label--copy,.ph-story-item__cta:focus-visible .ph-header__label--copy{opacity:1;transform:translateY(0)}}@media(max-width:989px){.ph-story-item{width:100%;height:auto;min-height:0;display:grid;place-items:center}.ph-story-item__media-wrap{display:contents}.ph-story-item__media{width:100%;height:auto}.ph-story-item--video{height:100svh}.ph-story-item--video .ph-story-item__media-wrap{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ph-story-item--video .ph-story-item__media{height:100%;object-fit:cover;transform:none!important}.ph-story-item--has-background .ph-story-item__background{position:static;width:100%;height:auto}.ph-story-item--has-background .ph-story-item__media{position:absolute;z-index:1;inset:max(6rem,env(safe-area-inset-top)) 0 0;width:auto;max-width:100%;height:calc(100% - max(6rem,env(safe-area-inset-top)));margin:0 auto}.ph-story-item--has-background.ph-story-item--fill-mobile{height:100svh}.ph-story-item--has-background.ph-story-item--fill-mobile .ph-story-item__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ph-story-item--tease{transform:none}}@media(prefers-reduced-motion:reduce){.ph-story-item--tease{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-story.css.map */