.hs{--px:0;--py:0;perspective:1100px}.hs__card{aspect-ratio:4/5;border-radius:var(--gh-r-lg);width:52%;box-shadow:var(--gh-shadow-lifted);opacity:1;z-index:3;background:#fff;padding:10px;position:absolute;top:4%;left:24%;transform:rotate(-4deg)}.hs__card img{object-fit:cover;border-radius:var(--gh-r-md);width:100%;height:100%;display:block}.hs__card[data-slot="1"]{z-index:2;transform:translate(34%,-2%)rotate(7deg)scale(.92)}.hs__card[data-slot="2"]{z-index:1;opacity:.85;transform:translate(-34%,6%)rotate(-11deg)scale(.86)}.hs__card[data-slot=out]{z-index:4;opacity:0;transform:translate(-70%,-12%)rotate(-22deg)scale(.9)}.hs__card[data-slot=hide]{z-index:0;opacity:0;transform:translateY(4%)rotate(0)scale(.8)}.hs__sticker{z-index:5;white-space:nowrap;font-family:var(--gh-font-display);letter-spacing:-.02em;background:var(--gh-plum);color:var(--gh-paper);border-radius:var(--gh-r-pill);padding:10px 16px;font-size:20px;font-weight:800;position:absolute;bottom:28px;left:36%;transform:rotate(-4deg)}@media (prefers-reduced-motion:no-preference){.hs__card{transition:transform .95s var(--gh-ease), opacity .7s ease, box-shadow .5s ease;translate:calc(var(--px) * (10px + var(--d) * 8px)) calc(var(--py) * (8px + var(--d) * 6px));will-change:transform, opacity}.hs__sticker{transition:translate .4s var(--gh-ease);translate:calc(var(--px) * 22px) calc(var(--py) * 14px);animation:5s ease-in-out infinite hs-bob}}@keyframes hs-bob{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-6px)}}.hg{--p:0;isolation:isolate;max-width:1200px;margin:0 auto;padding:56px 28px 48px;position:relative}@media (max-width:719px){.hg{padding:36px 16px 32px}}.hg__head{margin-bottom:28px}.hg__lede{color:var(--gh-cocoa-70);max-width:520px;margin:0;font-size:18px}.hg__more{margin:28px 0 0}.hg__glow{z-index:-1;filter:blur(70px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.hg__glow--a{background:var(--gh-blush);width:380px;height:380px;top:8%;right:-60px}.hg__glow--b{background:var(--gh-marigold);opacity:.3;width:320px;height:320px;bottom:6%;left:-80px}.hg__grid{grid-template-columns:repeat(4,1fr);gap:36px 28px;padding:8px 4px 24px;display:grid}@media (max-width:1020px){.hg__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:719px){.hg__grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}}.hg__card{color:inherit;border-radius:var(--gh-r-lg);perspective:900px;--rx:0deg;--ry:0deg;--mx:50%;--my:50%;outline:none;text-decoration:none;display:block;position:relative}.hg__tilt{transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;display:block}.hg__book{aspect-ratio:4/5;transform-style:preserve-3d;border-radius:var(--gh-r-lg);box-shadow:var(--gh-shadow-raised);display:block;position:relative}.hg__inside{border-radius:var(--gh-r-lg);background:linear-gradient(160deg, var(--gh-paper), var(--gh-cream));flex-direction:column;justify-content:center;gap:8px;padding:18px 14px 18px 42%;display:flex;position:absolute;inset:0;overflow:hidden}.hg__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--gh-persimmon-ink);font-size:12px;font-weight:700}.hg__title{font-family:var(--gh-font-display);letter-spacing:-.03em;color:var(--gh-cocoa);font-size:clamp(17px,1.6vw,22px);font-weight:800;line-height:1.05}.hg__go{color:var(--gh-plum);margin-top:6px;font-size:14px;font-weight:700}.hg__cover{border-radius:var(--gh-r-lg);transform-origin:0;backface-visibility:hidden;background:#fff;padding:10px;display:block;position:absolute;inset:0;overflow:hidden}.hg__cover img{object-fit:cover;border-radius:var(--gh-r-md);width:100%;height:100%;display:block}.hg__glare{border-radius:var(--gh-r-md);opacity:0;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my), #ffffff8c, #fff0 55%);mix-blend-mode:soft-light;position:absolute;inset:10px}.hg__card:focus-visible{box-shadow:var(--gh-focus-ring)}.hg__card:focus-visible .hg__cover{transform:perspective(1500px)rotateY(-72deg)}@media (prefers-reduced-motion:no-preference){.hg__card{opacity:0;transform:translateY(56px) rotate(var(--tilt)) scale(.94);transition:opacity .6s ease, transform .5s var(--gh-ease), filter .35s ease, scale .35s var(--gh-ease);translate:0 calc(var(--p) * var(--par) * 1px)}.hg__card.is-in{opacity:1;transform:translateY(0) rotate(var(--tilt)) scale(1);animation:hg-in .9s var(--gh-ease) backwards;animation-delay:calc((var(--i) % 4) * 90ms)}.hg__tilt{transition:transform .35s var(--gh-ease)}.hg__cover{transition:transform .7s var(--gh-ease)}.hg__book{transition:box-shadow .4s}.hg__glare{transition:opacity .3s}.hg__glow--a{translate:0 calc(var(--p) * -90px)}.hg__glow--b{translate:0 calc(var(--p) * 70px)}.hg__title,.hg__eyebrow,.hg__go{transition:transform .6s var(--gh-ease), opacity .6s ease;opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.hg__card:focus-visible .hg__cover{transform:none}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.hg__card:hover{z-index:2;transform:translateY(-6px)rotate(0)scale(1.04)}.hg__card:hover .hg__book{box-shadow:var(--gh-shadow-lifted)}.hg__card:hover .hg__cover{transform:perspective(1500px)rotateY(-72deg)}.hg__card:hover .hg__glare{opacity:1}.hg__card:hover .hg__eyebrow,.hg__card:hover .hg__title,.hg__card:hover .hg__go{opacity:1;transform:none}.hg__card:hover .hg__title{transition-delay:80ms}.hg__card:hover .hg__go{transition-delay:.16s}.hg__grid:has(.hg__card:hover) .hg__card:not(:hover){filter:saturate(.55)blur(1.5px);opacity:.55;scale:.97}}@media (prefers-reduced-motion:no-preference){.hg__card:focus-visible .hg__eyebrow,.hg__card:focus-visible .hg__title,.hg__card:focus-visible .hg__go{opacity:1;transform:none}}@keyframes hg-in{0%{opacity:0;transform:translateY(56px) rotate(var(--tilt)) scale(.94)}}.hg__caption{font-family:var(--gh-font-display);letter-spacing:-.02em;color:var(--gh-cocoa);padding:10px 4px 0;font-size:15px;font-weight:800;line-height:1.15;display:none}@media (hover:none),(prefers-reduced-motion:reduce){.hg__caption{display:block}.hg__inside{display:none}}
