.sty{--G: 18px;--H: auto;--ink: #22150E;--brown: #6B4220;--mut: #6E5A4A;--soft: #A08D7C;--dk: #3A2313;--gold2: #A8742F;--on: #FFF6EA;position:relative;overflow:hidden;isolation:isolate;margin:40px -18px 0;background:var(--cg-page, #FBF5EC)}.sty__svg{position:absolute;display:block;overflow:visible;pointer-events:none}.sty__svg path{vector-effect:non-scaling-stroke}.sty__svg .f{fill:#eadcc6}.sty__dk .f{fill:var(--dk)}.sty__svg .l{fill:none;stroke:#c7b193;stroke-width:1.6;stroke-dasharray:9 7}.sty__hbox{--ar: .57;--cx: .32;position:absolute;z-index:1;aspect-ratio:var(--ar);height:var(--hh)}.sty[data-kind=mug] .sty__hbox{--ar: .581}.sty__hand{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;filter:drop-shadow(-18px 24px 26px rgba(58,35,19,.18))}.sty__chip{position:absolute;z-index:2;white-space:nowrap;padding:11px 18px 11px 46px;border-radius:16px;background:var(--cg-page, #FBF5EC);box-shadow:0 12px 26px #3a23132e,0 0 0 1px #a8742f1f;font:500 14.5px/1.2 var(--body);color:var(--ink)}.sty__chip:before{content:"";position:absolute;left:14px;top:50%;width:22px;height:27px;margin-top:-13px;background:var(--sty-bean) center / contain no-repeat;filter:drop-shadow(0 2px 2px rgba(34,21,14,.35))}.sty__chip--l{right:88%;top:calc(10% + var(--k) * 13%)}.sty__chip--r{left:52%;top:calc(16% + var(--k) * 13%)}.sty[data-kind=mug] .sty__chip--l{top:calc(3% + var(--k) * 10%)}.sty[data-kind=mug] .sty__chip--r{top:calc(7% + var(--k) * 10%)}.sty__chip--num{display:flex;align-items:baseline;gap:9px}.sty__chip--num b{font:600 30px/1 var(--display);color:var(--brown)}.sty__chip--bean small{display:block;margin-bottom:5px;font:600 10px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}.sty__chead{position:absolute;z-index:2;margin:0;padding:8px 14px;border-radius:99px;background:var(--dk);white-space:nowrap;font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--on)}.sty__chead span{margin-left:8px;padding-left:8px;border-left:1px solid rgba(255,246,234,.3);font-weight:500;letter-spacing:.04em;text-transform:none;color:#c9b69c}.sty__body{position:relative;z-index:3;padding:0 var(--G)}.sty__kick{display:flex;align-items:center;gap:14px;margin:0 0 12px;font:600 13px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}.sty__kick:after{content:"";width:56px;height:1.5px;background:var(--gold2)}.sty__title{margin:0 0 18px;font:600 clamp(60px,17vw,92px)/.88 var(--display);white-space:nowrap;letter-spacing:-.005em;text-transform:uppercase;color:var(--brown)}.sty__title em{font-style:normal}.sty__p,.sty__xtra p{margin:0;max-width:33em;font:400 16px/1.62 var(--body);color:var(--mut)}.sty__p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.sty.is-open .sty__p{display:block;-webkit-line-clamp:none;overflow:visible}.sty__xtra[hidden]{display:none}.sty__xtra h3{margin:22px 0 6px;font:600 16px/1.3 var(--body);color:var(--ink)}.sty__xtra p{margin-top:14px}.sty__xtra h3+p{margin-top:0}.sty__more{display:inline-block;margin-top:20px;padding:0;border:0;background:none;cursor:pointer;font:500 15px/1.3 var(--body);color:#8a5a1e;text-decoration:underline;text-underline-offset:5px}.sty__more[hidden]{display:none}.sty__more:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}.sty__dkwrap[hidden]{display:none}.sty__ess h3{margin:0 0 22px;font:600 12.5px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:#c9b69c}.sty__ess ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.sty__ess b{display:block;margin-bottom:7px;font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#c9b69c}.sty__ess span{font:500 15px/1.25 var(--body);color:var(--on)}@media(max-width:1023px){.sty{display:flex;flex-direction:column;padding-top:8px}.sty__body{order:1}.sty__stage{order:2;position:relative;height:520px;margin-top:22px;overflow:hidden}.sty[data-kind=mug] .sty__stage{height:470px}.sty__top{top:0;right:0;width:calc(100% + 40px);height:80%}.sty__hbox{--hh: 620px;top:64px;left:calc(50% - var(--hh) * var(--ar) * var(--cx))}.sty__chip{padding:8px 12px 8px 32px;border-radius:13px;font-size:12.5px}.sty__chip:before{left:9px;width:17px;height:21px;margin-top:-10px}.sty__chip--l{right:auto;left:calc(10px - (50vw - var(--hh) * var(--ar) * var(--cx)));top:calc(9% + var(--k) * 13%)}.sty__chip--r{left:auto;right:calc(10px - (50vw - var(--hh) * var(--ar) * (1 - var(--cx))));top:calc(21% + var(--k) * 12%)}.sty__chip--num b{font-size:21px}.sty__chip--bean{white-space:normal;max-width:132px;line-height:1.2}.sty__chip--bean small{font-size:8.5px;letter-spacing:.12em;white-space:nowrap;margin-bottom:3px}.sty__chead{left:calc(var(--hh) * var(--ar) * var(--cx));top:-46px;transform:translate(-50%);padding:7px 12px;font-size:10px}.sty__dkwrap{order:3;position:relative;z-index:3;margin-top:-110px}.sty__dk{top:0;left:0;width:100%;height:100%}.sty__ess{position:relative;padding:116px var(--G) 44px}}@media(min-width:700px)and (max-width:1023px){.sty{--G: 32px;margin:56px -32px 0}.sty__p,.sty__xtra p{font-size:17px}.sty__stage{height:700px}.sty[data-kind=mug] .sty__stage{height:640px}.sty__top{height:72%}.sty__hbox{--hh: 820px;top:84px}.sty[data-kind=mug] .sty__hbox{--hh: 860px}.sty__chip{padding:11px 17px 11px 42px;font-size:14px}.sty__chip:before{left:12px;width:20px;height:24px;margin-top:-12px}.sty__chip--l{left:auto;right:86%;top:calc(10% + var(--k) * 12%)}.sty__chip--r{right:auto;left:54%;top:calc(16% + var(--k) * 12%)}.sty__chip--num b{font-size:26px}.sty__chip--bean{max-width:none;white-space:nowrap}.sty__chip--bean small{font-size:10px}.sty__chead{top:-52px;font-size:11px}.sty__ess span{font-size:18px}.sty__ess ul{gap:24px 34px}}@media(min-width:1024px){.sty{--G: max(clamp(48px, 5vw, 96px), calc((100% - 1320px)/2) );--H: clamp(720px, 100vh, 980px);display:flex;flex-direction:column;min-height:var(--H);margin:clamp(56px,5vw,88px) calc(-1*clamp(48px,5vw,96px)) 0}.sty__stage{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none}.sty.is-open .sty__stage{-webkit-mask:linear-gradient(#000 calc(var(--H) * .8),transparent var(--H));mask:linear-gradient(#000 calc(var(--H) * .8),transparent var(--H))}.sty__top{top:0;right:0;width:calc(54% + 40px);height:calc(var(--H) * .46);z-index:0}.sty__hbox{--hh: calc(var(--H) * 1.18);top:calc(var(--H) * .12);left:calc(70% - var(--hh) * var(--ar) * var(--cx))}.sty[data-kind=mug] .sty__hbox{--hh: calc(var(--H) * 1.2);top:calc(var(--H) * .22)}.sty__hand{filter:drop-shadow(-28px 34px 38px rgba(58,35,19,.16))}.sty__chead{right:88%;top:2.5%}.sty[data-kind=mug] .sty__chead{top:-6%}.sty__body{flex:none;padding:calc(var(--H) * .155) 0 36px var(--G);width:calc(44% - var(--G));max-width:600px}.sty__kick{font-size:14px;margin-bottom:14px}.sty__title{margin-bottom:clamp(18px,2vw,28px);font-size:clamp(68px,7.4vw,118px)}.sty__p,.sty__xtra p{font-size:clamp(16px,1.25vw,19px)}.sty__xtra h3{font-size:clamp(16px,1.2vw,18px)}.sty__more{margin-top:22px}.sty__dkwrap{flex:none;position:relative;z-index:2;margin-top:auto;width:calc(var(--G) + 640px);height:max(calc(var(--H) * .36),290px)}.sty__dk{top:0;left:0;width:100%;height:100%}.sty__ess{position:absolute;z-index:3;left:var(--G);top:0;bottom:0;box-sizing:border-box;padding-top:84px;width:540px}.sty__ess ul{gap:26px 44px}.sty__ess span{font-size:18px}}@media(min-width:1024px)and (max-width:1199px){.sty__body{width:calc(48% - var(--G))}.sty__hbox{left:calc(74% - var(--hh) * var(--ar) * var(--cx))}.sty__chip--l,.sty__chead{right:80%}.sty__chip{padding:9px 14px 9px 40px;font-size:13.5px}.sty__chip:before{left:12px}.sty__chip--num b{font-size:25px}}.sty[data-kind=shot] .sty__hbox{--cx: .5}.sty[data-kind=shot] .sty__hand{width:100%;height:100%;object-fit:cover;border-radius:26px;filter:none;box-shadow:0 30px 60px -28px #3a231373,0 0 0 1px #a8742f1f}@media(max-width:1023px){.sty[data-kind=shot] .sty__stage{height:450px}.sty[data-kind=shot] .sty__hbox{--hh: 340px;top:58px;max-width:calc(100% - 120px)}.sty[data-kind=shot] .sty__chip--l{top:calc(6% + var(--k) * 30%)}.sty[data-kind=shot] .sty__chip--r{top:calc(20% + var(--k) * 30%)}.sty[data-kind=shot] .sty__chead{top:-42px}.sty[data-kind=shot] .sty__dkwrap{margin-top:-40px}}@media(min-width:700px)and (max-width:1023px){.sty[data-kind=shot] .sty__stage{height:560px}.sty[data-kind=shot] .sty__hbox{--hh: 440px;top:70px}.sty[data-kind=shot] .sty__chip--l{left:auto;right:86%}.sty[data-kind=shot] .sty__chip--r{right:auto;left:86%}}@media(min-width:1024px){.sty[data-kind=shot] .sty__hbox{--hh: calc(var(--H) * .6);top:calc(var(--H) * .16);max-width:40%}.sty[data-kind=shot] .sty__chip--l{right:88%;top:calc(10% + var(--k) * 30%)}.sty[data-kind=shot] .sty__chip--r{left:88%;top:calc(24% + var(--k) * 30%)}.sty[data-kind=shot] .sty__chead{right:88%;top:-7%}}@media(min-width:1024px)and (max-width:1199px){.sty[data-kind=shot] .sty__hbox{--hh: calc(var(--H) * .5)}.sty[data-kind=shot] .sty__chip--l,.sty[data-kind=shot] .sty__chead{right:84%}}.sty--anim .sty__hand{opacity:0;transform:translateY(34%);transition:transform 1.25s cubic-bezier(.22,1,.36,1),opacity .6s ease}.sty--anim .sty__chip{opacity:0;transform:translate(var(--from, 0)) scale(.82);transition:opacity .45s ease,transform .8s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(.6s + var(--n, 0) * .1s)}.sty--anim .sty__chip--l{--from: 46px}.sty--anim .sty__chip--r{--from: -46px}.sty--anim.is-live .sty__hand,.sty--anim.is-live .sty__chip{opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cg-pdp-story.css.map */