.jp-brands-section{background:var(--jp-bg, #92979a)}.jp-brands{position:relative;isolation:isolate;overflow:hidden;min-height:70vh;padding:clamp(70px,7vw,126px) 0 clamp(86px,8vw,150px);background:var(--jp-bg, #92979a);color:var(--jp-ink);font-family:var(--jp-font)}.jp-brands__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(28px,4vw,72px);align-items:end;margin-bottom:clamp(38px,4.5vw,72px);padding-bottom:clamp(23px,2.2vw,36px);border-bottom:.6rem solid var(--jp-mint)}.jp-brands__eyebrow{margin:0 0 14px;color:var(--jp-ink);font-size:clamp(12px,.78vw,16px);font-weight:900;letter-spacing:.18em;line-height:1;text-transform:uppercase}.jp-brands__title{margin:0;color:var(--jp-ink);font-size:clamp(52px,7vw,138px);font-weight:1000;letter-spacing:-.075em;line-height:.8;text-transform:uppercase;text-shadow:8px 9px 0 var(--jp-mint)}.jp-brands__count{display:grid;min-width:clamp(128px,9vw,180px);padding:15px 18px 13px;border:.5rem solid var(--jp-orange);border-radius:1.6rem .5rem 1.8rem .7rem;background:var(--jp-cream);box-shadow:.8rem .9rem 0 var(--jp-ink);color:var(--jp-ink);text-align:center;transform:rotate(1deg)}.jp-brands__count strong{font-size:clamp(36px,3vw,58px);font-weight:1000;letter-spacing:-.06em;line-height:.85}.jp-brands__count span{margin-top:8px;font-size:11px;font-weight:1000;letter-spacing:.13em;line-height:1;text-transform:uppercase}.jp-brands__alphabet{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(42px,5vw,78px);padding:18px;border:.5rem solid var(--jp-ink);border-radius:1.7rem .6rem 1.9rem .8rem;background:var(--jp-cream);box-shadow:.8rem .9rem 0 var(--jp-mint)}.jp-brands__alphabet a{display:inline-grid;place-items:center;width:46px;min-height:44px;border:3px solid var(--jp-ink);border-radius:10px 3px 11px 4px;background:var(--jp-ink);color:var(--jp-cream);font-size:17px;font-weight:1000;line-height:1;text-decoration:none}.jp-brands__groups{display:grid;gap:clamp(54px,6vw,110px)}.jp-brands__group{min-width:0;scroll-margin-top:140px}.jp-brands__letter-row{position:relative;display:flex;align-items:center;min-height:clamp(110px,11vw,205px);margin-bottom:clamp(14px,1.8vw,28px);overflow:hidden}.jp-brands__letter-row:after{width:100%;height:clamp(8px,.8vw,14px);margin-left:clamp(20px,3vw,52px);background:currentColor;clip-path:polygon(0 28%,17% 4%,37% 35%,59% 8%,78% 31%,100% 0,100% 72%,80% 100%,58% 69%,38% 96%,18% 66%,0 100%);content:"";opacity:.88}.jp-brands__letter{flex:0 0 auto;margin:0;color:var(--jp-mint);font-size:clamp(118px,13vw,245px);font-weight:1000;letter-spacing:-.12em;line-height:.72;text-shadow:8px 9px 0 var(--jp-ink);transform:rotate(-4deg);transform-origin:center}.jp-brands__group[data-letter-side="0"] .jp-brands__letter{order:2;transform:rotate(4deg)}.jp-brands__group[data-letter-side="0"] .jp-brands__letter-row:after{margin-right:clamp(20px,3vw,52px);margin-left:0}.jp-brands__group[data-letter-color="1"] .jp-brands__letter-row,.jp-brands__group[data-letter-color="1"] .jp-brands__letter{color:var(--jp-pink)}.jp-brands__group[data-letter-color="2"] .jp-brands__letter-row,.jp-brands__group[data-letter-color="2"] .jp-brands__letter{color:var(--jp-orange)}.jp-brands__group[data-letter-color="0"] .jp-brands__letter-row{color:var(--jp-mint)}.jp-brands__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.2vw,22px);margin:0;padding:0 10px 12px 0;list-style:none}.jp-brands__item,.jp-brands__item::marker{min-width:0;list-style:none}.jp-brands__link{position:relative;z-index:1;display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:72px;height:100%;padding:14px 17px;border:.4rem solid var(--jp-ink);border-radius:1.1rem .4rem 1.2rem .5rem;background:var(--jp-cream);box-shadow:.6rem .7rem 0 var(--jp-black);color:var(--jp-ink);font-size:clamp(14px,.92vw,19px);font-weight:1000;letter-spacing:-.02em;line-height:1.05;overflow-wrap:anywhere;text-decoration:none;text-transform:uppercase}.jp-brands__name{min-width:0;overflow-wrap:anywhere}.jp-brands__item:nth-child(3n+2) .jp-brands__link{border-color:var(--jp-pink)}.jp-brands__item:nth-child(3n) .jp-brands__link{border-color:var(--jp-orange)}.jp-brands__product-count{display:block;flex:0 0 auto;min-width:54px;padding:0 3px;color:var(--jp-pink);text-align:center;transform:rotate(-5deg)}.jp-brands__product-count strong{font-size:clamp(32px,2.8vw,54px);font-weight:1000;letter-spacing:-.09em;line-height:.72}.jp-brands__item:nth-child(3n+2) .jp-brands__product-count{color:var(--jp-orange);transform:rotate(4deg)}.jp-brands__item:nth-child(3n) .jp-brands__product-count{color:var(--jp-mint);transform:rotate(-2deg)}.jp-brands__product-count.is-loading strong{animation:jp-brand-count-pulse 1.1s steps(2,end) infinite}.jp-brands__link.is-disabled{border-color:#789496!important;background:#789496;box-shadow:.35rem .4rem #09080cb8;color:#1717179e;cursor:not-allowed;filter:saturate(.1);pointer-events:none}.jp-brands__link.is-disabled .jp-brands__product-count{color:var(--jp-cream);opacity:.58}@keyframes jp-brand-count-pulse{50%{opacity:.35}}.jp-brands__empty{margin:0;padding:2rem;border:.4rem solid var(--jp-mint);color:var(--jp-ink);font-size:1.6rem;font-weight:900}@media(hover:hover)and (pointer:fine){.jp-brands__alphabet a,.jp-brands__link{transition:box-shadow var(--jp-transition),transform var(--jp-transition),background-color var(--jp-transition)}.jp-brands__alphabet a:hover{background:var(--jp-mint);color:var(--jp-ink);transform:translateY(-2px) rotate(-2deg)}.jp-brands__link:hover{background:var(--jp-mint);box-shadow:.9rem 1rem 0 var(--jp-black);transform:translate(-3px,-3px)}.jp-brands__link:hover .jp-brands__product-count{color:var(--jp-pink)}.jp-brands__link.is-disabled:hover{background:#789496;box-shadow:.35rem .4rem #09080cb8;transform:none}}@media screen and (max-width:1100px){.jp-brands__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:700px){.jp-brands{padding-block:52px 80px}.jp-brands__header{grid-template-columns:1fr;align-items:start}.jp-brands__title{font-size:clamp(48px,15vw,72px);text-shadow:5px 6px 0 var(--jp-mint)}.jp-brands__count{min-width:112px;justify-self:start}.jp-brands__alphabet{gap:7px;margin-bottom:44px;padding:12px;border-width:.4rem;box-shadow:.6rem .7rem 0 var(--jp-mint)}.jp-brands__alphabet a{width:40px;min-height:40px;font-size:15px}.jp-brands__groups{gap:48px}.jp-brands__letter-row{min-height:92px;margin-bottom:12px}.jp-brands__letter{font-size:clamp(92px,31vw,132px);text-shadow:5px 6px 0 var(--jp-ink)}.jp-brands__letter-row:after{height:8px;margin-left:18px}.jp-brands__group[data-letter-side="0"] .jp-brands__letter-row:after{margin-right:18px}.jp-brands__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jp-brands__link{gap:8px;min-height:62px;padding:11px 10px;border-width:.3rem;box-shadow:.4rem .5rem 0 var(--jp-black);font-size:12px}.jp-brands__product-count{min-width:38px;padding:0 2px}.jp-brands__product-count strong{font-size:clamp(27px,8vw,38px)}}@media(prefers-reduced-motion:reduce){.jp-brands__alphabet a,.jp-brands__link{transition:none}.jp-brands__product-count.is-loading strong{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/133/assets/japanime-brands.css.map */