.tomo-volumes__heading{margin:0 0 var(--space-2);text-wrap:balance}.tomo-volumes__text{max-width:56rem;margin:0 0 var(--space-5)}.tomo-volumes__heading+.tomo-volumes__grid{margin-top:var(--space-4)}.tomo-volumes__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--tomo-gutter);margin:0;padding:0}.tomo-volumes__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;transition:transform var(--dur-press) var(--ease-out)}.tomo-volumes__link:active{transform:scale(.97)}.tomo-volumes__link:focus-visible{outline:var(--tomo-line) solid var(--tomo-spot);outline-offset:.3rem}.tomo-volumes__cover{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 2.8rem;aspect-ratio:4 / 5;border:var(--tomo-line) solid var(--tomo-ink);background:#fff;overflow:hidden}.tomo-volumes__cover--plain{grid-template-columns:minmax(0,1fr)}.tomo-volumes__art{display:flex;align-items:center;justify-content:center;padding:var(--space-2);overflow:hidden}.tomo-volumes__img{width:100%;height:100%;object-fit:contain;display:block;transition:transform var(--dur-hover) ease}.tomo-volumes__spine{writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;background:var(--tomo-spot);color:#fff;border-left:var(--tomo-line) solid var(--tomo-ink);font-family:var(--font-heading-family);font-size:1.3rem;letter-spacing:.06em}.tomo-volumes__meta{display:flex;flex-direction:column;gap:.2rem;padding-top:var(--space-2)}.tomo-volumes__title{font-family:var(--font-heading-family);font-size:1.6rem;line-height:1.15;text-wrap:balance}.tomo-volumes__count{font-size:1.3rem;color:rgba(var(--color-foreground),.78)}@media(hover:hover)and (pointer:fine){.tomo-volumes__link:hover .tomo-volumes__img{transform:scale(1.04)}.tomo-volumes__link:hover .tomo-volumes__title{text-decoration:underline;text-underline-offset:.3rem}}@media screen and (min-width:750px){.tomo-volumes__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5) var(--space-3)}.tomo-volumes__cover:not(.tomo-volumes__cover--plain){grid-template-columns:minmax(0,1fr) 3.6rem}.tomo-volumes__spine{font-size:1.5rem}.tomo-volumes__art{padding:var(--space-3)}.tomo-volumes__title{font-size:1.8rem}}@media screen and (min-width:990px){.tomo-volumes__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/tomo-volumes.css.map */