.senpai-grid{background-color:var(--house-white, #ffffff);color:var(--house-black, #0a0a0a)}.senpai-grid__header{margin-bottom:4rem}.senpai-grid__subheading{margin:1.2rem 0 0;max-width:52rem;color:rgba(var(--house-black-rgb, 10, 10, 10),.72)}.senpai-grid__note{padding:1.2rem 1.6rem;border-inline-start:var(--house-rule-heavy, .4rem) solid var(--house-red, #ff1f3d);background-color:rgba(var(--house-red-rgb, 255, 31, 61),.1);font-size:1.4rem}.senpai-grid__list{display:grid;grid-template-columns:repeat(var(--grid-columns-mobile, 1),minmax(0,1fr));gap:2.4rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.senpai-grid__list{grid-template-columns:repeat(var(--grid-columns-desktop, 3),minmax(0,1fr));gap:3.2rem}}.senpai-card{--card-surface: var(--anime-primary, var(--house-white, #ffffff));--card-depth: var(--anime-secondary, var(--house-black, #0a0a0a));--card-neon: var(--anime-accent, var(--house-red, #ff1f3d));--card-neon-rgb: var(--anime-accent-rgb, var(--house-red-rgb, 255, 31, 61));--card-neon-ink: var(--anime-accent-ink, var(--house-red-ink, #e5001f));--card-ink: var(--anime-text, var(--house-black, #0a0a0a));--card-ink-rgb: var(--anime-text-rgb, var(--house-black-rgb, 10, 10, 10));--card-font: var(--anime-font, var(--font-heading-family));--card-offset: var(--house-offset, .7rem);position:relative;display:flex;flex-direction:column;height:100%;background-color:var(--card-surface);color:var(--card-ink);border:var(--house-rule, .2rem) solid var(--card-ink);box-shadow:var(--card-offset) var(--card-offset) 0 var(--card-neon);text-decoration:none;transition:transform .14s ease,box-shadow .14s ease}.senpai-card:hover{transform:translate(calc(var(--card-offset) / 2),calc(var(--card-offset) / 2));box-shadow:calc(var(--card-offset) / 2) calc(var(--card-offset) / 2) 0 var(--card-neon);text-decoration:none}.senpai-card:focus-visible{outline:var(--house-rule, .2rem) solid var(--card-neon-ink);outline-offset:.3rem}.senpai-card--unskinned{--card-neon: var(--house-red, #ff1f3d)}.senpai-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-bottom:var(--house-rule, .2rem) solid var(--card-ink);background-image:var(--anime-pattern, none);background-size:24rem auto;background-color:rgba(var(--card-ink-rgb),.05)}.senpai-card__image{width:100%;height:100%;object-fit:cover;display:block}.senpai-card__image--empty:empty{display:block}.senpai-card__image--empty{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--card-depth);background-image:repeating-linear-gradient(45deg,rgba(var(--card-neon-rgb),.5) 0,rgba(var(--card-neon-rgb),.5) .2rem,transparent .2rem,transparent 1.4rem)}.senpai-card__grail-flag{position:absolute;top:0;inset-inline-end:0;padding:.5rem 1.2rem;background-color:var(--card-neon-ink);color:var(--card-surface);font-size:1.1rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.senpai-card__body{display:flex;flex-direction:column;gap:.6rem;padding:2rem;flex:1 1 auto}.senpai-card__eyebrow{font-size:1.1rem;font-weight:700;letter-spacing:var(--house-tracking-wide, .22em);text-transform:uppercase;color:var(--card-neon-ink)}.senpai-card__title{font-family:var(--card-font);font-size:clamp(2rem,2.6vw,2.8rem);font-weight:800;line-height:.95;letter-spacing:-.02em;text-transform:uppercase}.senpai-card__tagline{font-family:var(--card-font);color:rgba(var(--card-ink-rgb),.74);line-height:1.35}.senpai-card__meta{margin-top:auto;padding-top:1.6rem;font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--card-ink-rgb),.66)}.senpai-card__price{padding-top:.8rem;border-top:var(--house-rule, .2rem) solid var(--card-ink);font-size:1.8rem;font-weight:800;letter-spacing:-.01em}.senpai-grid__footer{margin-top:4rem;text-align:center}.senpai-grid__view-all{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:1.2rem 3.2rem;border:var(--house-rule, .2rem) solid var(--house-black, #0a0a0a);background-color:var(--house-black, #0a0a0a);color:var(--house-white, #ffffff);font-size:1.4rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;box-shadow:var(--house-offset, .7rem) var(--house-offset, .7rem) 0 var(--house-red, #ff1f3d);transition:transform .12s ease,box-shadow .12s ease}.senpai-grid__view-all:hover{transform:translate(.35rem,.35rem);box-shadow:.35rem .35rem 0 var(--house-red, #ff1f3d);text-decoration:none}.senpai-grid__view-all:focus-visible{outline:var(--house-rule, .2rem) solid var(--house-red-ink, #e5001f);outline-offset:.3rem}@media(prefers-reduced-motion:reduce){.senpai-card,.senpai-grid__view-all{transition:none}}.senpai-grid__scroller{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:1.2rem;padding-inline:calc((100% - var(--senpai-cover-card, 62vw)) / 2)}.senpai-grid__scroller:focus-visible{outline:var(--house-rule, .2rem) solid var(--house-red-ink, #e5001f);outline-offset:.4rem}.senpai-grid__list--slider{display:flex;flex-wrap:nowrap;width:max-content;gap:var(--senpai-cover-gap, 1.2rem)}.senpai-grid__list--slider .senpai-grid__cell{flex:0 0 var(--senpai-cover-card, 62vw);max-width:none;scroll-snap-align:center}.senpai-grid__scroller{scrollbar-color:auto;scrollbar-width:auto;-ms-overflow-style:auto}@supports not selector(::-webkit-scrollbar){.senpai-grid__scroller{scrollbar-width:thin;scrollbar-color:var(--house-red, #ff1f3d) rgba(var(--house-black-rgb, 10, 10, 10),.1)}}.senpai-grid__scroller::-webkit-scrollbar{display:block;height:.2rem}.senpai-grid__scroller::-webkit-scrollbar-button{display:none;width:0;height:0}.senpai-grid__scroller::-webkit-scrollbar-track{background-color:rgba(var(--house-black-rgb, 10, 10, 10),.1)}.senpai-grid__scroller::-webkit-scrollbar-thumb{background-color:var(--house-red, #ff1f3d);border-radius:0;border:0}.senpai-grid__list--slider .senpai-card__title{font-size:clamp(1.8rem,4.6vw,2.2rem);line-height:1.15}.senpai-grid__list--slider .senpai-card__tagline{font-size:1.4rem}@media screen and (min-width:750px){.senpai-grid__list--slider .senpai-card__title{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){.senpai-grid__scroller{scroll-behavior:auto}}.senpai-grid .senpai-rail{margin-inline:1.5rem}@media screen and (min-width:750px){.senpai-grid .senpai-rail{margin-inline:auto;max-inline-size:min(100% - 10rem,var(--page-width, 120rem) - 10rem)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-senpai-box-grid.css.map */