.ph{display:block;color:rgb(var(--ph-fg-rgb))}.ph,.ph *,.ph *:before,.ph *:after{box-sizing:border-box}.ph[hidden]{display:none}@media screen and (max-width:749px){.ph-desktop-only{display:none!important}}.ph-frame{position:relative;overflow:hidden;isolation:isolate;background-color:var(--ph-bg)}.ph-frame--weave{background-image:repeating-linear-gradient(0deg,rgba(var(--ph-fg-rgb),.045) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(var(--ph-fg-rgb),.045) 0 1px,transparent 1px 4px)}.page-width .ph-frame,.ph.page-width .ph-frame{border-radius:calc(var(--media-radius, 8px) * 1.5)}.ph-frame:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:2;pointer-events:none;border:1.5px dashed rgba(var(--ph-accent-rgb),.75);border-radius:calc(var(--media-radius, 8px) * 1.1)}@media screen and (min-width:750px){.ph-frame:after{top:14px;right:14px;bottom:14px;left:14px}}.ph-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover}.ph-frame--image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--ph-bg);opacity:var(--ph-overlay, .82)}.ph-inner{position:relative;z-index:1;display:grid;gap:18px;grid-template-areas:"copy" "stage";padding:30px 26px;max-width:1280px;margin:0 auto}@media screen and (min-width:750px){.ph-inner{padding:56px;gap:32px}}@media screen and (min-width:990px){.ph-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy stage";align-items:center;min-height:540px;padding:64px 72px;gap:48px}}.ph-copy{grid-area:copy;display:flex;flex-direction:column;align-items:flex-start;gap:16px}@media screen and (max-width:749px){.ph-inner{grid-template-areas:none;grid-template-columns:minmax(0,1fr);gap:12px;padding:26px 24px 24px}.ph-inner .ph-copy{display:contents}.ph-inner>*,.ph-inner .ph-copy>*{grid-area:auto}.ph-logo{order:1}.ph-inner .ph-title{order:2;font-size:var(--ph-title-m, 34px);line-height:1.05}.ph-tag-wrap{order:3}.ph-inner .ph-stage{order:4;grid-area:auto}.ph-actions{order:5}.ph-fine{order:6;text-align:center}}.ph-logo{display:block;width:auto;height:26px;max-width:160px;object-fit:contain}@media screen and (min-width:990px){.ph-logo{height:34px}}.ph-title{margin:0;max-width:18ch;font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 600);font-size:clamp(1.65rem,1.1rem + 2.9vw,3.9rem);line-height:1.04;letter-spacing:-.01em;color:rgb(var(--ph-fg-rgb))}.ph-text{max-width:46ch;color:rgba(var(--ph-fg-rgb),.82)}.ph-text>*{margin:0}.ph-tag-wrap{position:relative;display:flex;align-items:flex-start;margin:2px 0 2px -4px}.ph-string{width:46px;height:32px;margin-top:4px;margin-right:-6px;flex:none;overflow:visible}.ph-string path{fill:none;stroke:rgba(var(--ph-fg-rgb),.55);stroke-width:1.6;stroke-linecap:round}.ph-tag{position:relative;margin:0;padding:7px 18px 7px 28px;background:var(--ph-accent);color:#fff;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%);transform:rotate(-3deg);transform-origin:0 50%;filter:drop-shadow(0 6px 10px rgba(var(--ph-fg-rgb),.18))}.ph-tag__hole{position:absolute;left:12px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--ph-bg);box-shadow:inset 0 0 0 1.5px rgba(var(--ph-fg-rgb),.25)}.ph-tag__inner{display:flex;flex-direction:column;padding:6px 12px;border:1.5px dashed rgba(255,255,255,.75);border-radius:3px;line-height:1.25}.ph-tag__title{font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 600);font-size:1.35em}.ph-tag__text{font-size:.92em}@media screen and (max-width:749px){.ph-tag{padding:5px 14px 5px 26px}.ph-tag__inner{padding:4px 10px}.ph-tag__title{font-size:1.1em}.ph-tag__text{font-size:.82em}.ph-string{width:34px;height:26px}}@media screen and (min-width:990px){.ph-tag__title{font-size:1.6em}.ph-tag__text{font-size:1em}}.ph.is-ready .ph-tag{animation:ph-swing 1.6s cubic-bezier(.3,1.6,.5,1) .35s both}@keyframes ph-swing{0%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}.ph-actions{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:4px}.ph-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:var(--buttons-radius, 999px);text-decoration:none;font-size:1em;line-height:1.2;transition:transform .2s ease,background-color .2s ease}.ph-btn--primary{background:rgb(var(--ph-fg-rgb));color:var(--ph-bg)}.ph-btn--primary:hover{transform:translateY(-1px)}.ph-btn--ghost{border:1.5px solid rgba(var(--ph-fg-rgb),.5);color:rgb(var(--ph-fg-rgb))}.ph-btn--ghost:hover{border-color:rgb(var(--ph-fg-rgb))}.ph-btn:focus-visible{outline:2px solid rgb(var(--ph-fg-rgb));outline-offset:3px}.ph-fine{margin:0;font-size:.78em;color:rgba(var(--ph-fg-rgb),.62)}@media screen and (max-width:749px){.ph-actions{display:block;width:100%;margin-top:2px}.ph-btn--primary{display:flex;width:100%}}.ph-stage{grid-area:stage;display:flex;flex-direction:column;align-items:center;gap:10px}.ph-fan{--w: 84px;--step: calc(var(--w) * .62);position:relative;list-style:none;margin:0;padding:0;width:100%;height:calc(var(--w) * 1.4 + 26px)}@media screen and (min-width:750px){.ph-fan{--w: 150px}}@media screen and (min-width:990px){.ph-fan{--w: 210px;--step: calc(var(--w) * .5);height:calc(var(--w) * 1.4 + 44px)}}.ph-cover{--rot: calc((var(--i) - (var(--n) - 1) / 2) * 6deg);--x: calc((var(--i) - (var(--n) - 1) / 2) * var(--step));--lift: calc(var(--i) - (var(--n) - 1) / 2);position:absolute;bottom:4px;left:calc(50% - var(--w) / 2);width:var(--w);aspect-ratio:5 / 7;cursor:pointer;border-radius:5px;overflow:hidden;background:#fffdf9;box-shadow:0 1px 2px rgba(var(--ph-fg-rgb),.14),0 18px 30px -16px rgba(var(--ph-fg-rgb),.55);transform:translate(var(--x)) translateY(calc(var(--lift) * var(--lift) * 3px)) rotate(var(--rot));transform-origin:50% 120%;transition:transform .6s cubic-bezier(.2,.9,.25,1.15),box-shadow .4s ease,opacity .5s ease;transition-delay:calc(var(--i) * 90ms)}.ph-fan.is-dealt .ph-cover{transition-delay:0s}.ph-fan.is-stacked .ph-cover{transform:translate(0) translateY(26px) rotate(0);opacity:0;transition:none}.ph-cover.is-picked{z-index:5;transition-delay:0s;transform:translate(var(--x)) translateY(calc(var(--w) * -.09)) rotate(calc(var(--rot) * .3)) scale(1.04);box-shadow:0 2px 4px rgba(var(--ph-fg-rgb),.14),0 30px 40px -18px rgba(var(--ph-fg-rgb),.6)}.ph-cover__img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.ph-cover__fallback{display:block;position:relative;height:100%;padding:12% 36% 0 9%;background:linear-gradient(transparent 72%,var(--c, #d9b48f) 72%)}.ph-cover__name{display:block;font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 600);font-size:.8em;line-height:1.2;color:rgb(var(--ph-fg-rgb))}@media screen and (min-width:990px){.ph-cover__name{font-size:1.05em}}.ph-cover__brand{position:absolute;left:9%;bottom:7%;padding:2px 6px;border-radius:2px;font-size:.5em;letter-spacing:.08em;background:#fff;color:#2f3b6b}@media screen and (min-width:990px){.ph-cover__brand{font-size:.62em}}.ph-which{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .4em;margin:0;min-height:1.6em;font-size:.95em;color:rgba(var(--ph-fg-rgb),.78)}@media screen and (max-width:749px){.ph-which{font-size:.85em}}.ph-which__name{color:var(--ph-accent-dark);font-weight:600}.ph-which__name:empty{display:none}@media(prefers-reduced-motion:reduce){.ph.is-ready .ph-tag{animation:none}.ph-cover,.ph-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/compiled_assets/styles.css.map?subset=AAAAAg */