.hh-books__langs{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-2) var(--s-3);margin:var(--s-5) 0 0}.hh-books__lang{font-family:var(--font-display);font-size:var(--t-sm);letter-spacing:.06em;padding:2px var(--s-3) 3px;border:1px solid var(--rule);background:var(--bg-raised)}.hh-books__langnote{font-size:var(--t-xs);font-variant:small-caps;letter-spacing:.08em;color:var(--text-muted)}.hh-books__grid{list-style:none;margin:var(--s-7) 0 0;padding:0;display:grid;gap:var(--s-6) var(--s-5);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){.hh-books__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1000px){.hh-books__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.hh-book{display:flex;flex-direction:column;height:100%}.hh-book__cover{display:block;width:100%;height:auto;aspect-ratio:620 / 877;object-fit:cover;background:var(--soot);border:1px solid rgba(22,17,12,.5);box-shadow:0 1px #16110c40,0 10px 22px -14px #16110ca6;transition:transform .24s ease,box-shadow .24s ease}.hh-book:hover .hh-book__cover{transform:translateY(-3px);box-shadow:0 2px #16110c47,0 16px 30px -16px #16110cbf}.hh-book__body{padding-top:var(--s-4);display:flex;flex-direction:column;flex:1 1 auto}.hh-book__title{font-size:var(--t-md);line-height:1.2;margin:0;text-wrap:balance}.hh-book__meta{display:flex;flex-wrap:wrap;gap:0 var(--s-2);margin:var(--s-2) 0 0;font-size:var(--t-xs);font-variant:small-caps;letter-spacing:.07em;color:var(--text-muted)}.hh-book__pages:before{content:"\b7  "}.hh-book__text{margin:var(--s-3) 0 var(--s-4);font-size:var(--t-sm);line-height:1.5;text-wrap:pretty;flex:1 1 auto}.hh-book__open{align-self:flex-start;font-family:var(--font-body);font-variant:small-caps;letter-spacing:.08em;font-size:var(--t-xs);color:var(--ember-ink);background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 2px;cursor:pointer;min-height:44px;display:inline-flex;align-items:flex-end}.hh-book__open:hover{color:var(--soot)}.hh-book__open:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hh-books__foot{margin:var(--s-7) 0 0;font-size:var(--t-xs);font-variant:small-caps;letter-spacing:.08em;color:var(--text-muted)}.hh-flip{position:fixed;top:0;right:0;bottom:0;left:0;z-index:310;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#0e0a07;opacity:0;transition:opacity .2s ease}.hh-flip.is-open{opacity:1}.hh-flip__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);color:var(--bone)}.hh-flip__name{font-family:var(--font-display);font-size:var(--t-sm);letter-spacing:.06em;margin:0}.hh-flip__count{font-size:var(--t-xs);font-variant:small-caps;letter-spacing:.1em;color:#b2a895}.hh-flip__close{background:none;border:1px solid rgba(244,236,218,.35);color:var(--bone);font-size:22px;line-height:1;width:44px;height:44px;cursor:pointer}.hh-flip__close:hover{border-color:var(--bone)}.hh-flip__stage{position:relative;min-height:0;overflow:hidden}.hh-flip__img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:calc(100% - 148px);max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 24px 60px -30px #000;background:var(--paper);cursor:zoom-in;scale:1;transition:scale .32s cubic-bezier(.16,1,.3,1)}.hh-flip__img.is-zoomed{scale:2;cursor:grab}.hh-flip__nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:76px;background:#16110c8c;border:1px solid rgba(244,236,218,.3);color:var(--bone);font-size:24px;cursor:pointer}.hh-flip__nav:hover{background:#16110cd9}.hh-flip__nav[disabled]{opacity:.25;cursor:default}.hh-flip__nav--prev{left:var(--s-3)}.hh-flip__nav--next{right:var(--s-3)}.hh-flip__foot{padding:var(--s-3) var(--s-5) var(--s-5);text-align:center;color:#b2a895;font-size:var(--t-xs);font-variant:small-caps;letter-spacing:.08em}@media(max-width:640px){.hh-flip__bar{padding:var(--s-3) var(--s-4)}.hh-flip__name{font-size:var(--t-xs);max-width:55vw}.hh-flip__close{width:44px;height:44px}.hh-flip__nav{top:auto;bottom:0;transform:none;width:64px;height:44px;font-size:22px;background:#16110cd1}.hh-flip__nav--prev{left:var(--s-2)}.hh-flip__nav--next{right:var(--s-2)}.hh-flip__img{max-width:calc(100% - 16px);max-height:calc(100% - 52px);top:0;right:0;bottom:52px;left:0}.hh-flip__foot{padding:var(--s-2) var(--s-4) var(--s-4);font-size:var(--t-xs)}}@media(prefers-reduced-motion:reduce){.hh-flip,.hh-flip__img,.hh-book__cover{transition:none}.hh-book:hover .hh-book__cover{transform:none}}.hh-strip{margin-block:var(--s-7) 0}.hh-strip__label{margin:0 0 var(--s-3)}.hh-strip__row{list-style:none;margin:0;padding:0 0 var(--s-3);display:flex;gap:var(--s-3);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.hh-strip__row>li{flex:0 0 auto;scroll-snap-align:start}.hh-strip__btn{display:block;padding:0;border:1px solid color-mix(in srgb,var(--soot) 58%,transparent);background:var(--paper);cursor:zoom-in;line-height:0;transition:transform .2s ease,border-color .2s ease}.hh-strip__btn img{display:block;width:104px;height:auto;aspect-ratio:300 / 425;object-fit:cover}.hh-strip__btn:hover{transform:translateY(-2px);border-color:var(--soot)}.hh-strip__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(min-width:900px){.hh-strip__btn img{width:132px}}.hh-strip__note{margin:var(--s-2) 0 0;font-size:var(--t-xs);font-variant:small-caps;letter-spacing:.08em;color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.hh-strip__btn{transition:none}.hh-strip__btn:hover{transform:none}}.hh-look .hh-wrap.hh-strip{display:block;margin-top:var(--s-8)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hh-s-books.css.map */