.jp-categories{--jp-section-divider-color: var(--jp-ink);--jp-section-divider-angle: .24deg;position:relative;isolation:isolate;overflow:hidden;padding:clamp(46px,4.4vw,80px) 0 clamp(54px,5vw,92px);background:var(--jp-blood);color:var(--jp-cream);font-family:var(--jp-font)}.jp-categories:before{content:"COLLECT\aYOUR\aOBSESSION";position:absolute;z-index:-1;top:-.16em;right:-.04em;color:var(--jp-orange);font-size:clamp(130px,18vw,370px);font-weight:900;letter-spacing:-.085em;line-height:.69;opacity:.16;text-align:right;white-space:pre;transform:rotate(-3deg)}.jp-categories__header{position:relative;z-index:1;max-width:1180px;margin-bottom:clamp(26px,3vw,44px)}.jp-categories__eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 14px;color:var(--jp-cream);font-size:clamp(12px,.8vw,17px);font-weight:900;letter-spacing:.18em;line-height:1;text-transform:uppercase}.jp-categories__eyebrow:before{width:14px;height:14px;background:var(--jp-mint);content:"";transform:rotate(4deg)}.jp-categories__title{max-width:1120px;margin:0;color:var(--jp-cream);font-size:clamp(50px,7vw,138px);font-weight:900;letter-spacing:-.07em;line-height:.8;text-transform:uppercase;text-shadow:7px 8px 0 var(--jp-ink)}.jp-categories__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,1.55vw,30px);margin:0;padding:0;list-style:none}.jp-categories__item,.jp-categories__item::marker{list-style:none}.jp-category-card{position:relative;display:grid;grid-template-rows:1fr;align-items:end;isolation:isolate;aspect-ratio:4 / 3;min-height:clamp(178px,14vw,286px);padding:clamp(19px,1.5vw,29px);overflow:hidden;border:6px solid var(--jp-ink);border-radius:20px 7px 22px 9px;background:var(--jp-ink);box-shadow:10px 11px 0 var(--jp-ink);color:var(--jp-cream);text-decoration:none;transform:rotate(-.45deg)}.jp-categories__item:nth-child(2) .jp-category-card,.jp-categories__item:nth-child(5) .jp-category-card{transform:rotate(.45deg)}.jp-categories__item:nth-child(3) .jp-category-card,.jp-categories__item:nth-child(6) .jp-category-card{transform:rotate(-.2deg)}.jp-categories__item:nth-child(4) .jp-category-card,.jp-categories__item:nth-child(7) .jp-category-card{transform:rotate(.25deg)}.jp-category-card__media,.jp-category-card__media img,.jp-category-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.jp-category-card__media{z-index:0;overflow:hidden;pointer-events:none}.jp-category-card__media img{object-fit:cover;object-position:center center;transform:scale(1);transition:transform .42s ease}.jp-category-card__scrim{z-index:1;background:linear-gradient(180deg,#1717171f,#17171705 42%,#171717d1),linear-gradient(90deg,#17171738,#17171700 58%);pointer-events:none}.jp-category-card__meta{position:absolute;z-index:4;top:clamp(14px,1.2vw,23px);left:clamp(13px,1.15vw,22px);display:inline-flex;align-items:baseline;gap:.48em;max-width:calc(100% - 78px);padding:clamp(7px,.55vw,11px) clamp(9px,.78vw,15px) clamp(6px,.48vw,9px);border:clamp(3px,.28vw,5px) solid var(--jp-ink);border-radius:8px 3px 9px 4px;background:var(--jp-cream);box-shadow:clamp(3px,.32vw,6px) clamp(4px,.38vw,7px) 0 var(--jp-ink);color:var(--jp-ink);font-size:clamp(11px,.72vw,15px);font-weight:900;letter-spacing:.08em;line-height:1;white-space:nowrap;text-transform:uppercase;transform:rotate(-2.2deg);transform-origin:left center;pointer-events:none}.jp-categories__item:nth-child(3n+2) .jp-category-card__meta{background:var(--jp-orange);transform:rotate(1.7deg)}.jp-categories__item:nth-child(3n) .jp-category-card__meta{background:var(--jp-mint);transform:rotate(-1.4deg)}.jp-category-card__count{font-size:1.18em;letter-spacing:-.02em}.jp-category-card__count-label{font-size:.78em;letter-spacing:.12em}.jp-category-card__title{position:relative;z-index:3;align-self:end;max-width:88%;margin:28px 0 0;color:var(--jp-cream);font-size:clamp(27px,2.2vw,45px);font-weight:900;letter-spacing:-.055em;line-height:.84;overflow-wrap:normal;text-shadow:3px 3px 0 var(--jp-ink),-1px -1px 0 var(--jp-ink),1px -1px 0 var(--jp-ink),-1px 1px 0 var(--jp-ink);word-break:normal;text-transform:uppercase}.jp-category-card__arrow{position:absolute;z-index:4;top:clamp(12px,1vw,19px);right:clamp(12px,1vw,19px);display:grid;width:clamp(34px,2.5vw,48px);aspect-ratio:1;border:clamp(3px,.25vw,4px) solid var(--jp-ink);border-radius:50%;background:var(--jp-cream);box-shadow:3px 4px 0 var(--jp-ink);color:var(--jp-ink);font-size:clamp(21px,1.45vw,29px);font-weight:900;line-height:1;transform:rotate(3deg);place-items:center}@media(hover:hover)and (pointer:fine){.jp-category-card{transition:box-shadow var(--jp-transition),transform var(--jp-transition)}.jp-category-card:hover{box-shadow:14px 15px 0 var(--jp-ink);transform:translate(-4px,-4px) rotate(0)}.jp-category-card:hover .jp-category-card__media img{transform:scale(1.055)}}@media screen and (max-width:1200px){.jp-categories__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jp-category-card{min-height:205px}}@media screen and (max-width:700px){.jp-categories{padding-block:40px 54px}.jp-categories:before{top:.2em;font-size:112px;opacity:.11}.jp-categories__header{margin-bottom:30px}.jp-categories__title{font-size:clamp(43px,13.5vw,62px);text-shadow:5px 5px 0 var(--jp-ink)}.jp-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 13px}.jp-category-card{aspect-ratio:1 / 1;min-height:170px;padding:16px;border-width:4px;border-radius:14px 5px 15px 6px;box-shadow:6px 7px 0 var(--jp-ink)}.jp-category-card__meta{top:10px;left:9px;max-width:calc(100% - 56px);gap:.34em;padding:6px 7px 5px;border-width:3px;border-radius:6px 2px 7px 3px;box-shadow:3px 4px 0 var(--jp-ink);font-size:clamp(8px,2.4vw,10px)}.jp-category-card__title{max-width:95%;margin-top:22px;font-size:clamp(20px,5.7vw,25px);text-shadow:2px 2px 0 var(--jp-ink),-1px -1px 0 var(--jp-ink),1px -1px 0 var(--jp-ink),-1px 1px 0 var(--jp-ink)}.jp-category-card__arrow{top:10px;right:9px;width:34px;border-width:3px;box-shadow:2px 3px 0 var(--jp-ink);font-size:20px}}@media(prefers-reduced-motion:reduce){.jp-category-card,.jp-category-card__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/japanime-categories.css.map */