.jp-hero{--jp-section-divider-color: var(--jp-yellow);position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#101226,var(--jp-navy));color:var(--jp-cream);touch-action:pan-y}.jp-hero__background,.jp-hero__moon,.jp-hero__fog,.jp-hero__bat,.jp-hero__back-title{pointer-events:none}.jp-hero__background{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;overflow:hidden}.jp-hero__back-title{position:absolute;top:8%;right:-2%;width:56%;color:#ff9f6814;font:1000 clamp(76px,9vw,150px)/.76 var(--jp-font);letter-spacing:-8px;text-align:center;transform:rotate(-4deg)}.jp-hero__moon{position:absolute;top:10%;right:5%;width:clamp(190px,13vw,260px);aspect-ratio:1;border-radius:50%;background:var(--jp-orange)}.jp-hero__fog{position:absolute;width:520px;height:118px;border-radius:50%;background:#2ec4b60f;filter:blur(3px)}.jp-hero__fog--one{bottom:11%;left:-90px}.jp-hero__fog--two{top:24%;right:90px}.jp-hero__bat{position:absolute;width:44px;color:#101226}.jp-hero__bat svg{display:block;width:100%;height:auto}.jp-hero__bat--one{top:19%;right:23%;transform:rotate(-12deg)}.jp-hero__bat--two{top:35%;right:7%;width:31px;transform:rotate(10deg)}.jp-hero__bat--three{top:15%;left:49%;width:25px}.jp-hero__slides{display:grid;position:relative;z-index:3}.jp-hero__slide{--jp-hero-accent: var(--jp-yellow);grid-area:1 / 1;position:relative;isolation:isolate;min-width:0;min-height:clamp(510px,36vw,600px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility .5s ease}.jp-hero__slide--accent-teal{--jp-hero-accent: var(--jp-teal)}.jp-hero__slide--accent-peach{--jp-hero-accent: var(--jp-preorder)}.jp-hero__slide--accent-pink{--jp-hero-accent: var(--jp-coming-soon)}.jp-hero__slide--accent-orange{--jp-hero-accent: #fd802e}.jp-hero__slide.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto}.jp-hero__slide[hidden],.jp-hero__controls[hidden]{display:none}.jp-hero__slide--cutout{background:radial-gradient(circle at 82% 38%,rgba(46,196,182,.17),transparent 38%),linear-gradient(125deg,#101226 0 52%,var(--jp-navy) 100%)}.jp-hero__slide--cover{background:var(--jp-navy)}.jp-hero__media{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.jp-hero__image{display:block;width:100%;height:100%}.jp-hero__slide--cutout .jp-hero__media{left:48%}.jp-hero__slide--cutout .jp-hero__image{object-fit:contain;object-position:right bottom;filter:drop-shadow(15px 18px 0 rgba(5,3,8,.55))}.jp-hero__slide--cover .jp-hero__image{object-fit:cover;object-position:center}.jp-hero__slide--cover .jp-hero__media:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#1a1b4173,#1a1b4114);content:""}.jp-hero__slide--campaign{background:#061a30}.jp-hero__campaign-link{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block}.jp-hero__campaign-link .jp-hero__media{z-index:0}.jp-hero__slide--campaign .jp-hero__image{object-fit:contain;object-position:center}.jp-hero__campaign-link:focus-visible{outline:4px solid var(--jp-teal);outline-offset:-8px}.jp-hero__inner{position:relative;display:flex;align-items:center;min-height:clamp(510px,36vw,600px)}.jp-hero__copy{position:relative;z-index:1;width:min(52%,720px);padding-block:82px 110px}.jp-hero__eyebrow{display:inline-block;margin-bottom:24px;color:var(--jp-teal);font:900 15px/1.2 var(--jp-font);letter-spacing:2.4px;text-transform:uppercase}.jp-hero__title{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:0 0 25px}.jp-hero__title-small{display:inline-block;max-width:100%;padding:8px 12px;border:3px solid var(--jp-ink);background:var(--jp-cream);color:var(--jp-ink);font:900 clamp(17px,1.45vw,24px)/1.15 var(--jp-font);letter-spacing:.04em}.jp-hero__title-large{display:block;max-width:100%;color:var(--jp-hero-accent);font:1000 clamp(62px,6.4vw,106px)/.84 var(--jp-font);letter-spacing:-.065em;text-transform:uppercase;text-shadow:6px 6px 0 var(--jp-pink);overflow-wrap:anywhere}.jp-hero__description{width:min(100%,610px);margin:0 0 23px;padding:14px 17px;border:4px solid var(--jp-ink);background:var(--jp-cream);box-shadow:7px 7px 0 var(--jp-teal);color:var(--jp-ink);font:800 clamp(15px,1.15vw,19px)/1.32 var(--jp-font)}.jp-hero__newsletter{width:min(100%,680px);margin:0 0 25px;padding:15px;border:4px solid var(--jp-ink);border-radius:15px 5px 17px 7px;background:var(--jp-cream);box-shadow:8px 9px 0 var(--jp-teal);color:var(--jp-ink)}.jp-hero__newsletter-copy{margin:0 0 12px;color:var(--jp-ink);font:800 16px/1.3 var(--jp-font)}.jp-hero__newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.jp-hero__newsletter-input,.jp-hero__newsletter-button{min-height:52px;border:3px solid var(--jp-ink);border-radius:0;font:900 16px/1 var(--jp-font)}.jp-hero__newsletter-input{min-width:0;width:100%;padding:8px 13px;background:#fff9eb;color:var(--jp-ink)}.jp-hero__newsletter-input::placeholder{color:#4b5055;opacity:1}.jp-hero__newsletter-button{padding:8px 18px;background:var(--jp-teal);color:var(--jp-ink);cursor:pointer}.jp-hero__form-message{grid-column:1 / -1;margin:7px 0 0;color:var(--jp-ink);font:800 13px/1.35 var(--jp-font)}.jp-hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.jp-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 18px;border:4px solid var(--jp-ink);border-radius:12px 5px 14px 6px;background:var(--jp-hero-accent);box-shadow:6px 6px 0 var(--jp-black);color:var(--jp-ink);font:1000 14px/1.1 var(--jp-font);letter-spacing:.04em;text-align:center;text-decoration:none;text-transform:uppercase}.jp-hero__button--secondary{background:var(--jp-pink)}.jp-hero__button:hover,.jp-hero__newsletter-button:hover{background:var(--jp-teal)}.jp-hero__button:focus-visible,.jp-hero__newsletter-button:focus-visible,.jp-hero__newsletter-input:focus-visible{outline:3px solid var(--jp-yellow);outline-offset:3px}.jp-hero__stats{display:flex;flex-wrap:wrap;gap:18px;width:fit-content;margin-top:25px;padding:9px 12px;background:var(--jp-cream);color:var(--jp-ink)}.jp-hero__stat{padding-left:11px;border-left:4px solid var(--jp-teal);font:900 10px/1.1 var(--jp-font);letter-spacing:.1em;text-transform:uppercase}.jp-hero__stat strong{display:block;margin-bottom:3px;font-size:24px;letter-spacing:-.03em}.jp-hero__slide--cover .jp-hero__copy{width:min(58%,670px);padding:27px 29px 30px;border:5px solid var(--jp-ink);background:var(--jp-cream);box-shadow:12px 12px 0 var(--jp-pink);color:var(--jp-ink)}.jp-hero__slide--cover .jp-hero__eyebrow{margin-bottom:19px;color:var(--jp-ink)}.jp-hero__slide--cover .jp-hero__title-small{padding:0;border:0}.jp-hero__slide--cover .jp-hero__title-large{color:var(--jp-navy);text-shadow:5px 5px 0 var(--jp-hero-accent)}.jp-hero__slide--cover .jp-hero__description{padding:0;border:0;box-shadow:none}.jp-hero__slide--cover .jp-hero__newsletter{box-shadow:6px 6px 0 var(--jp-teal)}.jp-hero__slide--snowball .jp-hero__image{object-position:center 70%}.jp-hero__slide--snowball .jp-hero__media:after{background:linear-gradient(90deg,rgba(16,33,62,.22),transparent 61%)}.jp-hero__slide--snowball .jp-hero__copy{position:relative;width:min(43%,620px);padding:19px 21px 20px;border:4px solid #243b5a;border-radius:5px 22px;background:linear-gradient(135deg,#f8efda,#e9f4f1);box-shadow:7px 8px #a8e2f5}.jp-hero__slide--snowball .jp-hero__eyebrow{display:inline-block;margin:0 0 13px;padding:5px 11px;border-left:4px solid #a8e2f5;background:#263e5a;color:#f6f4e8;font:800 11px/1.1 var(--jp-font);letter-spacing:.16em}.jp-hero__slide--snowball .jp-hero__title{margin:0 0 17px}.jp-hero__slide--snowball .jp-hero__title-large{color:#19334d;font:900 clamp(30px,3vw,46px)/.98 Copperplate,"Palatino Linotype",Georgia,serif;font-style:italic;letter-spacing:-.055em;text-shadow:2px 2px 0 #a8e2f5;text-transform:uppercase;overflow-wrap:normal}.jp-hero__slide--snowball .jp-hero__newsletter{margin:0 0 15px;padding:10px;border:2px solid #3d6685;border-radius:4px 14px;background:#f9f4e8;box-shadow:4px 4px #a8e2f5}.jp-hero__slide--snowball .jp-hero__newsletter-copy{margin-bottom:7px;color:#263e4b;font-size:12px;letter-spacing:.01em}.jp-hero__slide--snowball .jp-hero__newsletter-input,.jp-hero__slide--snowball .jp-hero__newsletter-button{min-height:40px;border:2px solid #27435d;font-size:14px}.jp-hero__slide--snowball .jp-hero__newsletter-input{background:#fffdf4}.jp-hero__slide--snowball .jp-hero__newsletter-button{background:#bde6f2;color:#162c42}.jp-hero__slide--snowball .jp-hero__actions{gap:9px}.jp-hero__slide--snowball .jp-hero__button{min-height:42px;padding:9px 12px;border:2px solid #243b5a;border-radius:4px 13px;background:#c9eaf2;box-shadow:3px 4px #5798ba;color:#172f46;font-size:11px}.jp-hero__slide--snowball .jp-hero__button--secondary{background:#2b4664;color:#f8f0dc}body[data-jp-season=winter] .jp-hero__controls{right:var(--jp-gutter);bottom:14px;gap:2px;padding:2px 5px;border:2px solid #a8e2f5;border-radius:4px 14px;background:#233b56;box-shadow:3px 4px #426e91}body[data-jp-season=winter] .jp-hero__nav,body[data-jp-season=winter] .jp-hero__dot{width:38px;height:38px;color:#eaf5f7}body[data-jp-season=winter] .jp-hero__dot span{border-color:#b5dfe9;border-radius:50%}body[data-jp-season=winter] .jp-hero__dot[aria-current=true] span{background:#a8e2f5}body[data-jp-season=winter] .jp-hero__nav:focus-visible,body[data-jp-season=winter] .jp-hero__dot:focus-visible{outline-color:#a8e2f5}.jp-hero__controls{position:absolute;z-index:10;right:var(--jp-gutter);bottom:28px;display:flex;align-items:center;gap:4px;padding:3px;border:3px solid var(--jp-ink);background:var(--jp-cream);box-shadow:5px 5px 0 var(--jp-pink)}.jp-hero__nav,.jp-hero__dot{display:inline-grid;width:44px;height:44px;place-items:center;padding:0;border:0;background:transparent;color:var(--jp-ink);cursor:pointer}.jp-hero__nav{font:900 32px/1 var(--jp-font)}.jp-hero__dots{display:flex;align-items:center}.jp-hero__dot span{width:13px;height:13px;border:2px solid var(--jp-ink);background:transparent}.jp-hero__dot[aria-current=true] span{background:var(--jp-teal)}.jp-hero__nav:focus-visible,.jp-hero__dot:focus-visible{outline:3px solid var(--jp-pink);outline-offset:-3px}@media(max-width:900px){.jp-hero__background{display:none}.jp-hero__slide,.jp-hero__inner{min-height:clamp(700px,calc(200vw + 60px),760px)}.jp-hero__inner{display:block;padding-block:58px 530px}.jp-hero__copy{width:100%;padding:0}.jp-hero__eyebrow{margin-bottom:17px;font-size:12px;letter-spacing:.13em}.jp-hero__title{gap:13px;margin-bottom:21px}.jp-hero__title-small{font-size:16px}.jp-hero__title-large{font-size:clamp(48px,13vw,62px);line-height:.88;letter-spacing:-.06em;text-shadow:4px 4px 0 var(--jp-pink)}.jp-hero__description{font-size:15px}.jp-hero__newsletter{padding:12px}.jp-hero__newsletter-form{grid-template-columns:1fr}.jp-hero__newsletter-input,.jp-hero__newsletter-button{min-height:50px;font-size:16px}.jp-hero__actions{display:grid;grid-template-columns:1fr;gap:9px}.jp-hero__button{width:100%;font-size:12px}.jp-hero__stats{display:none}.jp-hero__slide--cutout .jp-hero__media{top:auto;right:0;bottom:0;left:0;height:530px}.jp-hero__slide--cutout .jp-hero__image{object-position:center bottom;filter:drop-shadow(8px 10px 0 rgba(5,3,8,.5))}.jp-hero__slide--cover .jp-hero__media:after{background:#1a1b414d}.jp-hero__slide--cover .jp-hero__inner{padding-block:72px 70px}.jp-hero__slide--cover .jp-hero__copy{width:100%;padding:20px}.jp-hero__slide--snowball .jp-hero__media{background:#17345e}.jp-hero__slide--snowball .jp-hero__image{position:relative;left:-10%;width:120%;object-fit:contain;object-position:center bottom}.jp-hero__slide--snowball .jp-hero__media:after{background:linear-gradient(180deg,rgba(26,27,65,.12),transparent 45%)}.jp-hero__slide--snowball .jp-hero__inner{padding-block:14px 55px}.jp-hero__slide--snowball .jp-hero__copy{width:100%;padding:13px 15px 15px}.jp-hero__slide--snowball .jp-hero__title-large{font-size:clamp(27px,6.7vw,43px);line-height:1}.jp-hero__slide--snowball .jp-hero__newsletter-input,.jp-hero__slide--snowball .jp-hero__newsletter-button{min-height:43px;font-size:16px}.jp-hero__slide--snowball .jp-hero__actions{grid-template-columns:1fr 1fr}.jp-hero__slide--snowball .jp-hero__button{min-height:45px;padding-inline:7px;font-size:10px}.jp-hero__slide--campaign .jp-hero__image{object-fit:contain}.jp-hero__controls{right:auto;bottom:16px;left:50%;transform:translate(-50%)}body[data-jp-season=winter] .jp-hero__controls{right:auto;bottom:9px;left:50%}}@media(max-width:430px){.jp-hero__slide,.jp-hero__inner{min-height:clamp(700px,calc(200vw + 60px),760px)}.jp-hero__inner{padding-bottom:510px}.jp-hero__slide--cutout .jp-hero__media{height:510px}.jp-hero__slide--snowball .jp-hero__title-large{font-size:clamp(25px,6.7vw,31px);letter-spacing:-.07em}}@media(prefers-reduced-motion:reduce){.jp-hero__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/japanime-hero.css.map */