.jp-recipe{position:relative;width:100%;background:var(--jp-color-cream) url(jp-tex-cream.webp) left top / auto repeat;padding:clamp(72px,10.1vw,146px) 0 clamp(48px,6vw,80px);overflow:hidden;isolation:isolate}.jp-recipe:after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(96px,10.6vw,153px);z-index:0;pointer-events:none;background:url(jp-band-herringbone-cream.webp) center / auto 100% repeat-x}.jp-recipe__bg{display:none}.jp-recipe__stamp{position:absolute;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;height:auto}.jp-recipe__stamp--top-right{top:clamp(-4px,6.8vw,63px);right:clamp(80px,10.2vw,196px);width:clamp(160px,18vw,280px);transform:rotate(-10.7deg);opacity:.75;mix-blend-mode:multiply}.jp-recipe .jp-recipe__inner{position:relative;z-index:1;padding-left:clamp(var(--jp-page-padding),14vw,198px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(24px,3vw,48px)}.jp-recipe__card{position:relative;width:100%;max-width:900px;aspect-ratio:843 / 600;margin:0 auto;transform:rotate(-1.96deg);filter:drop-shadow(2px 1px 4px rgba(35,19,47,.15)) drop-shadow(6px 4px 8px rgba(35,19,47,.13)) drop-shadow(15px 9px 11px rgba(35,19,47,.08))}.jp-recipe__paper{position:absolute;top:-3.8%;left:-3.5%;width:107.7%;height:107.6%;object-fit:cover;border-radius:4px;z-index:1}.jp-recipe__tape{position:absolute;top:8%;left:-17.4%;width:33%;height:17%;z-index:4;display:flex;align-items:center;justify-content:flex-start;padding:0 116px 0 26px}.jp-recipe__tape-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.jp-recipe__tape-text{position:relative;z-index:1;margin:0;font-family:var(--jp-font-button);font-weight:400;font-size:clamp(14px,1.7vw,24px);line-height:1.05;letter-spacing:.02em;text-transform:uppercase;color:var(--jp-color-black);text-align:center}.jp-recipe__tape-bird{position:absolute;z-index:1;right:38px;top:50%;transform:translateY(-50%);width:clamp(48px,6.4vw,92px);height:auto}.jp-recipe__content{position:absolute;top:12%;left:11%;width:38%;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(8px,1vw,14px);color:var(--jp-color-black)}.jp-recipe__heading{display:flex;flex-direction:column;align-items:center;margin:0;gap:0}.jp-recipe__script{margin:0;font-family:var(--jp-font-script);font-size:clamp(20px,2.4vw,36px);line-height:1;color:var(--jp-color-black)}.jp-recipe__title{margin:0;font-family:var(--jp-font-button);font-weight:400;font-size:clamp(24px,4vw,58px);line-height:.9;text-transform:lowercase;color:var(--jp-color-black)}.jp-recipe__body{margin:0;font-family:var(--jp-font-sans);font-weight:400;font-stretch:75%;font-variation-settings:var(--jp-fvar-condensed);font-size:clamp(13px,1.4vw,18px);line-height:1.5;color:var(--jp-color-black)}.jp-recipe__divider{display:block;width:80%;height:0;border-top:1px dashed var(--jp-color-black);opacity:.5;margin:4px auto}.jp-recipe__lists{display:flex;flex-direction:column;gap:8px;width:clamp(100%,156%,535px)}.jp-recipe__list-block{display:flex;flex-direction:column;align-items:center;gap:4px}.jp-recipe__list-heading{margin:0;font-family:var(--jp-font-sans);font-weight:700;font-stretch:75%;font-variation-settings:var(--jp-fvar-condensed);font-size:clamp(14px,1.6vw,22px);line-height:1.2;text-transform:uppercase;color:var(--jp-color-black)}.jp-recipe__list{margin:0;font-family:var(--jp-font-sans);font-weight:400;font-stretch:75%;font-variation-settings:var(--jp-fvar-condensed);font-size:clamp(13px,1.4vw,20px);line-height:1.5;color:var(--jp-color-black);text-align:center;max-width:535px;margin-inline:auto}.jp-recipe__list ul{list-style:none;margin:0;padding:0}.jp-recipe__list li{margin:0}.jp-recipe__list li:before{content:"\2022  "}.jp-recipe__photo{position:absolute;top:6%;right:5%;width:38%;height:auto;aspect-ratio:1 / 1;object-fit:cover;z-index:3;transform:rotate(2deg);-webkit-mask-image:radial-gradient(circle 7px at 10px 100%,transparent 97%,#000 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 8' preserveAspectRatio='none'%3E%3Cpath d='M0 8C3.6 8 6.4 1 10 1S16.4 8 20 8Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:radial-gradient(circle 7px at 10px 100%,transparent 97%,#000 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 8' preserveAspectRatio='none'%3E%3Cpath d='M0 8C3.6 8 6.4 1 10 1S16.4 8 20 8Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-size:20px 100%,20px 8px,100% calc(100% - 7.5px);mask-size:20px 100%,20px 8px,100% calc(100% - 7.5px);-webkit-mask-position:0 0,0 0,0 100%;mask-position:0 0,0 0,0 100%;-webkit-mask-repeat:repeat-x,repeat-x,no-repeat;mask-repeat:repeat-x,repeat-x,no-repeat;-webkit-mask-composite:source-in,source-over,source-over;mask-composite:intersect,add,add}.jp-recipe__stamp--inside{position:absolute;top:57%;right:8%;width:38%;height:auto;z-index:2;opacity:.8;mix-blend-mode:multiply;transform:rotate(-2deg)}.jp-recipe__bottle{position:relative;width:clamp(140px,16vw,232px);z-index:2;transform:rotate(10deg);filter:drop-shadow(0 30px 30px rgba(0,0,0,.2));top:-81px}.jp-recipe__bottle-img{display:block;width:100%;height:auto}@media(max-width:989px){.jp-recipe__inner{grid-template-columns:1fr;gap:32px}.jp-recipe__card{aspect-ratio:843 / 700}.jp-recipe__bottle{margin:-40px auto 0}}@media(max-width:880px){.jp-recipe{padding:90px 0 100px}@media(min-width:750px){.jp-recipe__card{max-width:560px;margin-left:auto;margin-right:auto}}.jp-recipe .jp-recipe__inner{position:relative;padding-left:var(--jp-page-padding);padding-right:var(--jp-page-padding);gap:0}.jp-recipe__stamp--top-right{top:100px;right:auto;left:58%;width:200px;transform:translate(-50%)}.jp-recipe__card{aspect-ratio:auto;max-width:none;margin:195px 0 0;padding:calc(112% + 10px) 16px 36px;transform:none}.jp-recipe__paper{top:0;left:0;width:100%;height:100%;object-position:-110px 0;border-radius:14px}.jp-recipe__tape{top:-78px;left:max(5%,calc(50% - 180px));width:min(92%,360px);height:100px;padding:0 10px;gap:10px;justify-content:center;transform:rotate(-6deg)}.jp-recipe__tape-text{font-size:clamp(22px,7.2vw,28px);line-height:.95;text-align:center;white-space:normal;letter-spacing:0;max-width:min(214px,calc(100% - 124px));position:absolute;left:20px;top:50%;transform:translateY(-50%)}.jp-recipe__tape-bird{transform:translateY(calc(-50% - 4px));flex:0 0 auto;width:clamp(64px,21vw,82px);position:absolute;right:24px;top:50%}.jp-recipe__photo{display:block;top:120px;left:-2%;right:auto;width:62%;aspect-ratio:6 / 7;transform:rotate(-4deg)}.jp-recipe__bottle{position:absolute;top:200px;right:4%;width:38%;margin:0;transform:rotate(6deg);z-index:3}.jp-recipe__content{position:relative;z-index:2;top:auto;left:auto;width:100%}.jp-recipe__script{font-size:30px}.jp-recipe__title{font-size:40px}.jp-recipe__body,.jp-recipe__list{font-size:15px}.jp-recipe__list-heading{font-size:16px}.jp-recipe__lists{width:100%}.jp-recipe__stamp--inside{display:none}.jp-recipe:after{height:100px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/jp-recipe-card.css.map */