:root,body{color:#302e2b;background:#eeeae3}.library{max-width:1120px;margin:auto;padding:0 48px}.library-header{letter-spacing:.06em;border-bottom:1px solid #ccc5b9;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;font-size:11px;display:flex}.library-header a{padding:10px 0;text-decoration:none}.library-header a:hover{text-decoration:underline}.library-header>span,.eyebrow,.book-count,.shelf-heading>span{letter-spacing:.15em;font-size:10px;font-weight:500}.library-intro{text-align:center;padding:64px 0 54px}.eyebrow{color:#857969}.library-intro h1{letter-spacing:-.055em;margin:24px 0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(48px,7vw,80px);font-weight:400;line-height:1.02}.library-intro h1 em{color:#84715b;font-weight:400}.library-intro p{color:#7c7469;margin:0 0 24px;font-size:14px;line-height:1.8}.book-count{color:#9a8f80}.shelf-section{margin:0 0 52px}.shelf-heading{color:#8c7b65;justify-content:space-between;align-items:center;padding:0 10px 16px;display:flex}.shelf-heading h2{align-items:center;gap:16px;margin:0;font-size:14px;font-weight:400;display:flex}.shelf-heading h2 span{opacity:.7;font-size:10px}.shelf-grid{background:linear-gradient(90deg,#d4c1a318,#0000 25%,#d4c1a314);grid-template-columns:repeat(5,minmax(0,1fr));row-gap:28px;display:grid}.book-slot{background:linear-gradient(#0000 244px,#c6b598 244px,#d9c9ad 249px,#b6a386 253px,#0000 254px);justify-content:center;align-items:flex-start;min-width:0;height:292px;padding:22px 15px 0;display:flex;position:relative}.book-slot:after{content:"";pointer-events:none;background:linear-gradient(#70583c21,#0000);height:18px;position:absolute;top:254px;left:0;right:0}.book{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:222px;padding:0;display:flex;position:relative}.cover{height:var(--book-height,208px);transform-origin:50% 100%;border-radius:1px 3px 2px 1px;max-width:100%;transition:transform .24s cubic-bezier(.22,.68,0,1);display:block;position:relative;box-shadow:4px 3px 6px #3c281f38,1px 0 1px #39251555}.cover img{object-fit:fill;border-radius:inherit;width:auto;max-width:100%;height:100%;display:block}.cover:after{display:none}.book-label{letter-spacing:.01em;color:#817464;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.3;display:-webkit-box;position:absolute;top:244px;left:-10px;right:-10px;overflow:hidden}.cover-fallback{color:#f1eadc;background:#686b59;flex-direction:column;justify-content:space-between;width:140px;height:100%;padding:18px 14px;display:flex}.cover-fallback span{letter-spacing:.1em;font-size:8px}.cover-fallback strong{font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:1.2}@media (hover:hover) and (pointer:fine){.book:hover .cover{transform:translateY(-10px)}.book:hover .book-label{color:#302e2b}}.book:active .cover{transform:translateY(-5px)}.book:focus-visible{outline-offset:8px}.library-note{text-align:center;color:#9a8b77;margin:12px 0 64px;font-family:Georgia,serif;font-size:15px;font-style:italic}body:has(.book-dialog[open]){overflow:hidden}.book-dialog{color:#302e2b;background:#f3efe8;border:1px solid #cfc6b8;border-radius:6px;width:min(650px,100% - 32px);max-height:calc(100svh - 40px);padding:56px 36px 40px;box-shadow:0 30px 100px #30282033}.book-dialog::backdrop{backdrop-filter:blur(4px);background:#302b2366}.close-book{cursor:pointer;color:#766a59;background:0 0;border:0;width:44px;height:44px;font-size:28px;position:absolute;top:10px;right:12px}.book-detail{grid-template-columns:180px 1fr;align-items:center;gap:32px;display:grid}.detail-cover{justify-content:center;display:flex}.detail-cover .cover{height:250px}.detail-copy h2{letter-spacing:-.03em;margin:12px 0;font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1.15}.detail-copy p{color:#867965;font-size:13px;line-height:1.6}.detail-copy a{margin-top:16px;padding:10px 0;font-size:11px;display:inline-block}@media (width<=900px){.shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.library{padding:0 28px}}@media (width<=650px){.library{padding:0 20px}.library-header{padding:18px 0;font-size:10px}.library-header>span{font-size:8px}.library-intro{padding:42px 0 38px}.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.book-slot{background:linear-gradient(#0000 166px,#c6b598 166px,#d9c9ad 171px,#b6a386 175px,#0000 176px);height:210px;padding:14px 9px 0}.book-slot:after{top:176px}.book{height:152px}.cover{height:calc(var(--book-height,208px) * .67)}.book-label{font-size:9px;top:178px;left:-6px;right:-6px}.cover-fallback{width:94px;padding:12px 8px}.cover-fallback strong{font-size:14px}.cover-fallback span{font-size:6px}.shelf-heading{padding-inline:0}.shelf-heading>span{font-size:8px}.shelf-section{margin-bottom:32px}.book-detail{text-align:center;grid-template-columns:1fr;gap:24px}.detail-copy h2{font-size:28px}.detail-cover .cover{height:220px}.book-dialog{padding:52px 28px 26px}}@media (width<=359px){.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}