.kc-ph{--u: min(1px, 100cqi / 1184);--v: min(1.5px, 100cqi / 326);position:relative;isolation:isolate;padding:16px 0 34px}.kc-ph:before,.kc-ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.kc-ph:before{z-index:0;background:var(--kc-ph-grain) 0 0 / 256px 256px,var(--kc-blush);-webkit-mask:var(--kc-ph-torn) 0 100% / 480px 27px repeat-x,linear-gradient(#000 0 0) 0 0 / 100% calc(100% - 26px) no-repeat;mask:var(--kc-ph-torn) 0 100% / 480px 27px repeat-x,linear-gradient(#000 0 0) 0 0 / 100% calc(100% - 26px) no-repeat}.kc-ph:after{z-index:-1;background:var(--kc-ph-grain) 0 0 / 256px 256px,#fff8fb;-webkit-mask:var(--kc-ph-rim) 0 100% / 480px 27px repeat-x,linear-gradient(#000 0 0) 0 0 / 100% calc(100% - 26px) no-repeat;mask:var(--kc-ph-rim) 0 100% / 480px 27px repeat-x,linear-gradient(#000 0 0) 0 0 / 100% calc(100% - 26px) no-repeat}.kc-ph__shadow{position:absolute;top:4px;right:0;bottom:-4px;left:0;z-index:-2;opacity:.2;filter:blur(4px);pointer-events:none}.kc-ph__shadow i{display:block;width:100%;height:100%;background:var(--kc-plum);-webkit-mask:var(--kc-ph-rim) 0 100% / 480px 27px repeat-x,linear-gradient(#000 0 0) 0 0 / 100% calc(100% - 26px) no-repeat;mask:var(--kc-ph-rim) 0 100% / 480px 27px repeat-x,linear-gradient(#000 0 0) 0 0 / 100% calc(100% - 26px) no-repeat}.kc-ph>.kc-wrap{position:relative;z-index:1}.kc-ph__hero{position:relative;container-type:inline-size}.kc-ph__copy{position:relative;z-index:10;text-align:center}.kc-ph__copy h1{margin:12px 0 0;color:var(--kc-plum);font:700 clamp(40px,calc(40px + 24 * (100vw - 390px) / 890),64px) / .98 var(--kc-font-display);text-wrap:balance}.kc-ph__note{display:inline-block;margin-top:10px;color:var(--kc-berry);font-size:23px;line-height:1;transform:rotate(-3deg)}.kc-ph__sub{display:none}.kc-ph__ctas{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:16px}.kc-ph__lnk{justify-content:center}.kc-ph__empty{margin:18px auto 0;padding:10px 16px;max-width:420px;border-radius:14px;background:#fff;color:var(--kc-plum);font-weight:700;font-size:14px;text-align:center}.kc-ph__stage{position:relative;container-type:inline-size;width:100%;max-width:489px;margin:18px auto 0;aspect-ratio:326 / var(--kc-ph-h, 488)}.kc-ph__pol{--k: var(--v);--ww: var(--pw);--pad: calc(var(--ww) * .054 * var(--k));--cap: calc((10 + var(--ww) * .12) * var(--k));--cap-fs: calc((10 + var(--ww) * .027) * var(--k));--tape-w: calc(48 * var(--k));--tape-h: calc(14 * var(--k));--tape-top: calc(-6 * var(--k));--tape-r: var(--ptr);position:absolute;left:calc(var(--px) * 100% / 326);top:calc(var(--py) * 100% / var(--kc-ph-h, 488));z-index:var(--z, 3);width:calc(var(--ww) * var(--k));border-radius:3px;background:linear-gradient(180deg,#fffefb,#fdf8f2);box-shadow:0 1px 2px #4a15301f,2px 12px 19px -10px #4a1530a6,6px 9px 9px -7px #4a153040;transform:rotate(calc(var(--pr) * 1deg));transition:transform .35s var(--kc-ease-pop)}.kc-ph__pol:hover,.kc-ph__pol:focus-within{z-index:20;transform:translateY(-5px) rotate(0)}.kc-ph__a{display:block;padding:var(--pad) var(--pad) 0;border-radius:inherit;color:var(--kc-plum);text-decoration:none}.kc-ph__a:hover{color:var(--kc-plum)}.kc-ph__a:focus-visible{outline:3px solid var(--kc-berry);outline-offset:4px}.kc-ph__qv{display:none}.kc-ph__tape{position:absolute;left:50%;top:var(--tape-top);z-index:3;width:var(--tape-w);height:var(--tape-h);background:repeating-linear-gradient(-45deg,#ff8cbbcc 0 9px,#ffc2dacc 9px 18px);box-shadow:0 1px 2px #4a15301a;transform:translate(-50%) rotate(calc(var(--tape-r) * 1deg));pointer-events:none}.kc-ph__tape--mint{background:repeating-linear-gradient(-45deg,#7fd6b0cc 0 9px,#bdeedbcc 9px 18px)}.kc-ph__tape--lilac{background:repeating-linear-gradient(-45deg,#b9a4ffcc 0 9px,#e2d9ffcc 9px 18px)}.kc-ph--pink-tape .kc-ph__tape{background:repeating-linear-gradient(-45deg,#ff8cbbcc 0 9px,#ffc2dacc 9px 18px)}.kc-ph__ph{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#f6eef2;box-shadow:inset 0 0 0 1px #4a15300f}.kc-ph__ph>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.kc-ph__ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(118deg,#fff0 30%,#ffffff40 42%,#fff0 56%),linear-gradient(180deg,#4a15300d,#4a153000 22%);pointer-events:none}.kc-ph__tag{display:none}.kc-ph__cap{display:flex;align-items:center;justify-content:center;height:var(--cap);padding:0 4px;font-family:var(--kc-font-hand);font-weight:700;font-size:var(--cap-fs);line-height:1.08;text-align:center}.kc-ph__name{display:none}.kc-ph__price{color:var(--kc-berry);white-space:nowrap}.kc-ph__spark{display:none}@media screen and (min-width:750px){.kc-ph{padding:24px 0 44px}}@media screen and (min-width:750px)and (max-width:989px){.kc-ph__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:center;gap:28px}.kc-ph__copy{text-align:left}.kc-ph__ctas{align-items:flex-start}.kc-ph__lnk{justify-content:flex-start}.kc-ph__stage{max-width:none;margin:0}}@media screen and (min-width:990px){.kc-ph{padding:28px 0 0}.kc-ph:before,.kc-ph:after,.kc-ph__shadow i{-webkit-mask-size:720px 40px,100% calc(100% - 39px);mask-size:720px 40px,100% calc(100% - 39px)}.kc-ph__shadow{top:5px;right:0;bottom:-5px;left:0}.kc-ph__hero{aspect-ratio:1184 / 640;max-height:640px}.kc-ph__copy{position:absolute;top:50%;max-width:none;margin:0;transform:translateY(-50%)}.kc-ph--around .kc-ph__copy{left:50%;width:calc(460 * var(--u));transform:translate(-50%,-50%)}.kc-ph--beside .kc-ph__copy{left:calc(56 * var(--u));width:calc(470 * var(--u));text-align:left}.kc-ph__copy h1{margin-top:18px;font-size:calc(68 * var(--u));line-height:.95}.kc-ph--beside .kc-ph__copy h1{font-size:calc(64 * var(--u))}.kc-ph__note{margin-top:14px;font-size:calc(30 * var(--u))}.kc-ph__sub{display:block;max-width:400px;margin:12px 0 0;color:var(--kc-text);font-weight:600;font-size:max(16px,calc(18 * var(--u)));line-height:1.55}.kc-ph--around .kc-ph__sub{margin-left:auto;margin-right:auto}.kc-ph__ctas{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 26px;max-width:none;margin:30px 0 0}.kc-ph--beside .kc-ph__ctas{justify-content:flex-start}.kc-ph__stage{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-width:none;margin:0;aspect-ratio:auto}.kc-ph__pol{--k: var(--u);--ww: var(--w);--pad: calc(var(--ww) * .053 * var(--k));--cap: calc((22 + var(--ww) * .13) * var(--k));--cap-fs: calc((13 + var(--ww) * .021) * var(--k));--tape-w: calc(88 * var(--k));--tape-h: calc(24 * var(--k));--tape-top: calc(-10 * var(--k));--tape-r: var(--tr);left:calc(var(--x) * 100% / 1184);top:calc(var(--y) * 100% / 640);box-shadow:0 1px 2px #4a15301f,4px 20px 30px -16px #4a1530a6,10px 14px 14px -12px #4a153040;transform:rotate(calc(var(--r) * 1deg))}.kc-ph__pol:hover,.kc-ph__pol:focus-within{transform:translateY(-8px) rotate(0)}.kc-ph__tag{display:block}.kc-ph .kc-ph__qv{position:absolute;right:calc(var(--pad) + 9px);bottom:calc(var(--cap) + 9px);z-index:4;display:grid;opacity:0;transform:scale(.7);transition:opacity .2s,transform .3s var(--kc-ease-pop),background .2s,color .2s}.kc-ph__pol:hover .kc-ph__qv,.kc-ph__pol:focus-within .kc-ph__qv{opacity:1;transform:none}.kc-ph__cap{padding:0 6px}.kc-ph__name{display:-webkit-box;width:100%;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kc-ph__price{display:none}.kc-ph__spark{display:block;position:absolute;left:calc(var(--x) * 100% / 1184);top:calc(var(--y) * 100% / 640);z-index:1;width:calc(var(--s) * var(--u));height:calc(var(--s) * var(--u))}}@media screen and (min-width:990px)and (hover:none),screen and (min-width:990px)and (pointer:coarse),screen and (min-width:990px)and (pointer:none){.kc-ph .kc-ph__qv{opacity:1;transform:none}}.kc-ph-section:first-child>.kc-ph{--kc-ph-nav: 70px;margin-top:calc(-1 * var(--kc-ph-nav));padding-top:calc(var(--kc-ph-nav) + 16px)}@media screen and (min-width:750px){.kc-ph-section:first-child>.kc-ph{padding-top:calc(var(--kc-ph-nav) + 24px)}}@media screen and (min-width:990px){.kc-ph-section:first-child>.kc-ph{padding-top:calc(var(--kc-ph-nav) + 28px)}}@media screen and (min-width:1100px){.kc-ph-section:first-child>.kc-ph{--kc-ph-nav: 84px}}@media(prefers-reduced-motion:reduce){.kc-ph__pol,.kc-ph .kc-ph__qv{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-kc-polaroid-hero.css.map */