.jpc-hero{--jpc-hero-accent: #f20b63;--jpc-hero-headline-accent: #ff2f7d;--jpc-hero-foreground: #fff;--jpc-hero-letter-spacing: -.11em;--jpc-hero-line-height: .86;--jpc-hero-outline-width: 6px;--jpc-hero-heading-desktop: 80px;--jpc-hero-heading-mobile: 44px;--jpc-hero-height: clamp(60rem, 26vw, 88rem);--jpc-hero-focus-x: 50%;--jpc-hero-focus-y: 25%;position:relative;isolation:isolate;min-height:var(--jpc-hero-height);overflow:hidden;background:#111827}.jpc-hero__media,.jpc-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.jpc-hero__media{z-index:-2}.jpc-hero__image{width:100%;height:100%;object-fit:cover;object-position:var(--jpc-hero-focus-x) var(--jpc-hero-focus-y)}.jpc-hero__overlay{z-index:-1;background:radial-gradient(ellipse 52% 112% at 0% 50%,rgba(3,7,18,.5) 0%,rgba(3,7,18,.24) 46%,rgba(3,7,18,.06) 68%,transparent 88%)}.jpc-hero__inner{position:relative;display:flex;align-items:stretch;width:100%;min-height:inherit;padding-right:clamp(1.6rem,2vw,3.2rem);padding-left:clamp(1.2rem,1.6vw,2.4rem)}.jpc-hero__content{position:relative;isolation:isolate;width:min(70rem,58vw);min-height:inherit;color:var(--jpc-hero-foreground)}.jpc-hero__content:before{position:absolute;z-index:0;top:1.5rem;bottom:1.5rem;left:-5rem;width:min(58rem,43vw);content:"";pointer-events:none;background:radial-gradient(ellipse at 26% 31%,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 36%,rgba(0,0,0,.4) 58%,transparent 82%),radial-gradient(ellipse at 30% 80%,rgba(0,0,0,.7) 0%,rgba(0,0,0,.36) 48%,transparent 76%);filter:blur(14px)}.jpc-hero__heading,.jpc-hero__copy,.jpc-hero__actions{position:relative;z-index:1}.jpc-hero__heading{--jpc-brush-letter-spacing: var(--jpc-hero-letter-spacing);--jpc-brush-line-height: var(--jpc-hero-line-height);--jpc-brush-outline-width: 12px;position:absolute;top:6.8rem;left:0;display:flex;flex-direction:column;gap:.08em;margin:0;font-size:clamp(7.4rem,min(6.75vw,calc(var(--jpc-hero-height) * .155)),14rem);transform:rotate(-6deg);transform-origin:left center}.jpc-hero__heading-line{display:flex;align-items:baseline;gap:.38em;width:max-content;max-width:100%;line-height:var(--jpc-hero-line-height)}.jpc-hero__heading-line--accent{color:var(--jpc-hero-headline-accent)}.jpc-hero__heading-line--discover{transform:scaleX(.94);transform-origin:left center}.jpc-hero__heading-line--rare-finds{gap:.56em;margin-top:3rem;transform:scaleX(.64);transform-origin:left center}.jpc-hero__heading-line--from-japan{margin-top:1.3rem;transform:scaleX(.68);transform-origin:left center}.jpc-hero__heading-word{display:inline-block;letter-spacing:-.14em}.jpc-hero__heading-word--discover{font-size:1em}.jpc-hero__heading-word--rare-finds{font-size:1.1em}.jpc-hero__heading-word--from{font-size:.68em}.jpc-hero__heading-word--japan{display:inline-flex;font-size:1.08em;letter-spacing:0}.jpc-hero__japan-character{display:inline-block}.jpc-hero__japan-character--2{margin-left:-.24em}.jpc-hero__japan-character--3{margin-left:-.12em}.jpc-hero__japan-character--4{margin-left:-.22em}.jpc-hero__japan-character--5{margin-left:-.14em}.jpc-hero__copy{position:absolute;bottom:10.8rem;left:0;max-width:37rem;margin:0;font-family:var(--font-body-family);font-size:clamp(1.5rem,1.8vw,1.8rem);font-weight:600;line-height:1.45;text-wrap:balance}.jpc-hero__actions{position:absolute;bottom:3.2rem;left:-.2rem;display:flex;flex-wrap:wrap;gap:1.2rem;margin:0}.jpc-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:1.2rem 2.6rem;border:1px solid var(--jpc-hero-foreground);border-radius:999px;color:var(--jpc-hero-foreground);font-family:var(--font-body-family);font-size:1.5rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.jpc-hero__button--primary{border-color:var(--jpc-hero-accent);background:var(--jpc-hero-accent)}.jpc-hero__button--secondary{background:#03071257;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.jpc-hero__button:hover{transform:translateY(-1px)}.jpc-hero__button:focus-visible{outline:.3rem solid var(--jpc-hero-foreground);outline-offset:.3rem}@media screen and (min-width:1024px)and (max-width:1439px){.jpc-hero{--jpc-hero-focus-x: 18%}}@media screen and (max-width:1023px){.jpc-hero{--jpc-hero-height: 68rem;--jpc-hero-focus-x: 36%}.jpc-hero__overlay{background:linear-gradient(to top,rgba(3,7,18,.9) 0%,rgba(3,7,18,.76) 30%,rgba(3,7,18,.42) 50%,transparent 64%)}.jpc-hero__inner{padding-right:clamp(1.4rem,4vw,4rem);padding-left:clamp(1.4rem,4vw,4rem)}.jpc-hero__content{display:flex;flex-direction:column;justify-content:flex-end;gap:1.6rem;width:100%;max-width:62rem;padding-bottom:3.2rem}.jpc-hero__content:before{display:none}.jpc-hero__heading,.jpc-hero__copy,.jpc-hero__actions{position:relative;inset:auto}.jpc-hero__heading{--jpc-brush-outline-width: 5.5px;align-self:flex-start;width:max-content;max-width:none;gap:.06em;font-size:clamp(4rem,11.9vw,8.4rem);transform:rotate(-5deg)}.jpc-hero__heading-line--rare-finds{gap:.5em;margin-top:1.8rem;transform:scaleX(.72)}.jpc-hero__heading-line--from-japan{margin-top:1rem;transform:scaleX(.74)}.jpc-hero__copy{max-width:44rem;font-size:clamp(1.4rem,.9rem + 1.1vw,1.9rem);text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.7)}.jpc-hero__actions{gap:1rem}.jpc-hero__button{min-width:0;padding-inline:2.2rem;font-size:1.4rem}}@media screen and (min-width:480px)and (max-width:1023px){.jpc-hero__heading{font-size:clamp(5.4rem,4.2rem + 3vw,7rem)}}@media screen and (min-width:640px)and (max-width:1023px){.jpc-hero{--jpc-hero-focus-x: 26%}}@media screen and (min-width:360px)and (max-width:479px){.jpc-hero{--jpc-hero-focus-x: 40%}.jpc-hero__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.jpc-hero__button{padding-inline:1.2rem;font-size:1.3rem}}@media screen and (max-width:359px){.jpc-hero{--jpc-hero-height: 72rem;--jpc-hero-focus-x: 41%}.jpc-hero__content{gap:1.3rem}.jpc-hero__copy{font-size:1.35rem}.jpc-hero__actions{display:grid;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.jpc-hero__button{transition:none}.jpc-hero__button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-jpc-hero.css.map */
