/* Homepage only. A fanned spread of five editorial illustrations. */
.home-shelf{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(36px,5.5vw,76px);max-width:1180px;margin:64px auto 52px;padding:46px 0 26px;border-top:1px solid var(--line);background:var(--paper)}
.home-shelf-art{position:relative;min-width:0;width:100%;max-width:600px;aspect-ratio:1.16;justify-self:end;margin-block:6px 12px}
.home-shelf-card{position:absolute;display:block;line-height:0;--rot:0deg;--lift:0px;transform:translateY(var(--lift)) rotate(var(--rot));filter:drop-shadow(0 8px 16px rgb(40 34 24 / .16));transition:transform .35s var(--ease),filter .35s var(--ease)}
.home-shelf-card img{width:100%;height:auto;display:block;background:var(--paper);padding:5px;border-radius:3px;box-shadow:0 1px 0 rgb(255 255 255 / .65) inset}
.home-shelf-card::after{content:'';position:absolute;inset:5px;border-radius:2px;pointer-events:none;box-shadow:0 0 0 1px rgb(40 34 24 / .08) inset}
/* Back row, raised: the three library illustrations. */
.home-shelf-card--tete{left:1%;bottom:37%;width:27%;--rot:-2deg;z-index:1}
.home-shelf-card--hayao{left:36.5%;bottom:37%;width:27%;--rot:0deg;z-index:2}
.home-shelf-card--hue{left:72.5%;bottom:37%;width:27%;--rot:2deg;z-index:1}
/* Front row: the two active categories. */
.home-shelf-card--book{left:17%;bottom:0;width:30%;--rot:-2deg;z-index:3}
.home-shelf-card--movie{left:53%;bottom:0;width:30%;--rot:2deg;z-index:5}
.home-shelf-art:hover .home-shelf-card{--lift:-5px}
.home-shelf-card:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:4px}
.home-shelf-card:active{--lift:0px}
.home-shelf-copy{padding:12px 0;min-width:0}
.home-shelf-eyebrow{display:flex;align-items:center;gap:12px;font:italic 500 17px/1.5 var(--serif);color:var(--muted);margin-bottom:18px}
.home-shelf-eyebrow::before{content:'';width:28px;height:1px;background:var(--line)}
.home-shelf-copy h2{font:700 clamp(36px,4vw,54px)/1.07 var(--serif);letter-spacing:-1.35px}
.home-shelf-description{font:400 14px/1.8 var(--sans);color:var(--muted);max-width:41ch;margin-top:22px;text-wrap:pretty}
.home-shelf-cta{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;background:var(--ink);color:var(--paper);border:1px solid transparent;border-radius:3px;padding:14px 20px;margin-top:26px;font:600 12px/1.5 var(--sans);transition:background .2s,transform .2s}
.home-shelf-cta .icon{width:16px;height:16px;transition:transform .2s}
.home-shelf-cta:hover{background:color-mix(in srgb,var(--ink) 85%,var(--paper))}
.home-shelf-cta:hover .icon{transform:translate(2px,-2px)}
.home-shelf-cta:active{transform:translateY(1px)}
.home-shelf-cta:focus-visible{outline:2px solid var(--ink);outline-offset:7px}
:root[data-theme=dark] .home-shelf-card{filter:drop-shadow(0 8px 18px rgb(0 0 0 / .5))}
:root[data-theme=dark] .home-shelf-card img{background:var(--soft)}
@media(max-width:1023px){.home-shelf{gap:30px}.home-shelf-copy h2{font-size:clamp(34px,4.6vw,46px)}.home-shelf-description{font-size:13px;margin-top:18px}.home-shelf-art{max-width:480px}}
@media(max-width:767px){.home-shelf{grid-template-columns:1fr;gap:28px;margin:40px 0 36px;padding:30px 8px 0}.home-shelf-art{max-width:430px;justify-self:center}.home-shelf-copy{width:100%;max-width:430px;justify-self:center;padding:0}.home-shelf-eyebrow{margin-bottom:12px;font-size:16px}.home-shelf-copy h2{font-size:clamp(35px,8.6vw,44px);letter-spacing:-1px}.home-shelf-description{margin-top:16px;font-size:13px;max-width:44ch}.home-shelf-cta{margin-top:22px;min-height:46px}}
@media(prefers-reduced-motion:reduce){.home-shelf-card{transition:none}.home-shelf-art:hover .home-shelf-card{--lift:0px}.home-shelf-cta,.home-shelf-cta .icon{transition:none}.home-shelf-cta:hover .icon{transform:none}}