.library-section{display:grid;grid-template-columns:minmax(320px,26vw) 1fr;min-height:clamp(560px,66vh,700px);background:#f3eee6;border:1px solid rgba(80,55,35,.16);border-radius:3px;overflow:hidden}.library-intro{display:flex;flex-direction:column;padding:80px 50px 60px;background:radial-gradient(circle at 10% 18%,rgba(255,255,255,.8),transparent 34%),linear-gradient(180deg,#f7f3ec,#eee8dd);border-right:1px solid rgba(80,55,35,.12)}.library-eyebrow{margin:0 0 20px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--primary, #a98754)}.library-intro h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(2.4rem,3.4vw,3.2rem);line-height:1.04;color:#2a211b}.library-rule{width:48px;height:1px;margin:28px 0;background:#a9875499}.library-intro p.library-lede{margin:0 0 16px;font-size:15px;line-height:1.7;font-weight:300;color:#5f5448}.library-signature{margin-top:auto;padding-top:40px;font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:22px;color:#2a211beb}.library-meta{margin:8px 0 0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#80715f}.library-shelf-panel{position:relative;background:#160c08;overflow:hidden}.bookshelf-shell{position:relative;height:100%;min-height:580px;display:flex;flex-direction:column;padding:28px 30px 32px;background:radial-gradient(circle at 50% 14%,rgba(185,126,62,.18),transparent 34%),linear-gradient(180deg,#1c0f0a,#100806)}.shelf-tabs{flex:0 0 auto;height:60px;display:flex;align-items:center;gap:30px;padding:0 18px;background:#100805c7;border:1px solid rgba(210,160,95,.14);border-radius:4px 4px 0 0;border-bottom:none}.shelf-tabs button{border:0;background:transparent;color:#d5bc96c7;font-family:Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:18px 0 14px;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.shelf-tabs button:hover{color:#f2eadf}.shelf-tabs button.active{color:#f2eadf;border-bottom-color:#b89458}.shelf-tabs .view-all{margin-left:auto;display:inline-flex;align-items:center;gap:7px}.shelf-tabs button:focus-visible,.book:focus-visible,.book-detail-panel a:focus-visible,.panel-close:focus-visible{outline:2px solid #e2b165;outline-offset:3px;border-radius:3px}.bookshelf-cabinet{position:relative;flex:1 1 auto;min-height:490px;padding:32px 40px 34px;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.58),transparent 7%,transparent 93%,rgba(0,0,0,.62)),linear-gradient(180deg,#2a160d,#160b07);border:12px solid #100704;border-top-width:18px;box-shadow:inset 0 0 80px #000000b8,inset 0 22px 40px #0000008c,0 28px 80px #0000005c}.bookshelf-wood-grain{position:absolute;inset:0;pointer-events:none;opacity:.34;background:repeating-linear-gradient(90deg,rgba(255,255,255,.026) 0px,rgba(255,255,255,.026) 1px,transparent 1px,transparent 9px),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0px,rgba(255,255,255,.018) 1px,transparent 1px,transparent 13px);mix-blend-mode:screen}.shelf-content{position:relative;z-index:2;height:100%;display:grid;grid-template-rows:1fr;gap:28px}.shelf-row{position:relative;min-width:0;min-height:260px;border-radius:3px;background:linear-gradient(180deg,rgba(255,198,132,.22) 0%,rgba(255,168,92,.06) 16%,transparent 42%),radial-gradient(135% 72% at 50% -8%,rgba(150,92,48,.55),transparent 64%),repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0px,rgba(255,255,255,.022) 1px,transparent 1px,transparent 11px),linear-gradient(180deg,#3b2616,#281710 52%,#190f08);box-shadow:inset 0 0 72px #0000009e,inset 17px 0 36px #00000085,inset -17px 0 36px #00000085,inset 0 50px 46px -22px #00000094}.shelf-cove{position:absolute;left:16px;right:16px;top:8px;height:6px;border-radius:6px;background:linear-gradient(90deg,transparent 0%,rgba(255,206,150,.92) 14%,rgba(255,232,192,1) 50%,rgba(255,206,150,.92) 86%,transparent 100%);box-shadow:0 8px 22px #ffb05699,0 22px 60px #ff9c4266,0 46px 110px #ff963c38;filter:blur(.4px);z-index:1;pointer-events:none}.shelf-board{position:absolute;left:0;right:0;bottom:0;height:26px;background:linear-gradient(180deg,#6a3f22,#46280f 42%,#25130a),repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 1px,transparent 1px,transparent 7px);box-shadow:inset 0 2px #ffc4824d,inset 0 -8px 14px #0000008c,0 -2px 8px #00000080;z-index:2;pointer-events:none}.shelf-row-track{position:relative;z-index:3;height:100%;min-width:0;max-width:100%;display:flex;align-items:flex-end;gap:18px;padding:36px 22px 26px;perspective:1150px;perspective-origin:50% 38%;transform-style:preserve-3d;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none}.shelf-row-track::-webkit-scrollbar{display:none}.book{--o: calc(var(--book-d) * .62);position:relative;flex:0 0 auto;width:var(--book-w);height:var(--book-h);margin-right:calc(var(--o) + 6px);border:0;padding:0;background:transparent;cursor:pointer;z-index:3;transform:translateY(var(--book-y, 0)) rotate(var(--book-rotate, 0deg));transform-origin:bottom center;transition:transform .34s cubic-bezier(.2,.8,.2,1),filter .34s ease;will-change:transform}.book-shadow{position:absolute;left:2px;right:calc(var(--o) * -1);bottom:-12px;height:18px;background:radial-gradient(62% 100% at 46% 0,rgba(0,0,0,.62),transparent 78%);filter:blur(9px);z-index:0;transition:all .34s ease}.book-face{position:absolute;display:block;overflow:hidden;backface-visibility:hidden}.book-front{inset:0;z-index:4;border-radius:2px 3px 3px 2px;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent 16%),linear-gradient(180deg,#ffffff14,#0000004d),var(--book-color);box-shadow:inset 8px 0 16px #ffffff0d,inset -10px 0 20px #00000070,inset 0 1px #ffffff2e}.book-front img{width:100%;height:100%;object-fit:cover}.book-front:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 35% 18%,rgba(255,255,255,.1),transparent 26%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:auto,130px 130px;opacity:.5;mix-blend-mode:overlay;pointer-events:none}.book-front:after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.14) 0%,transparent 26%,transparent 70%,rgba(0,0,0,.28) 100%);opacity:.26;pointer-events:none}.book-side{left:100%;top:calc(var(--o) * -1);width:var(--o);height:calc(100% + var(--o));z-index:2;clip-path:polygon(0 var(--o),100% 0,100% calc(100% - var(--o)),0 100%)}.book-top{left:0;top:calc(var(--o) * -1);width:calc(100% + var(--o));height:var(--o);z-index:3;clip-path:polygon(var(--o) 0,100% 0,calc(100% - var(--o)) 100%,0 100%)}.book--cover .book-top{background:linear-gradient(180deg,#ffffff8c,#0000001f),repeating-linear-gradient(90deg,#efe3c8 0 1.5px,#d2bf97 1.5px 3px)}.book--cover .book-side{background:linear-gradient(90deg,#ffffff2e,#0000004d),repeating-linear-gradient(0deg,#e9dcbf 0 1.5px,#c8b58c 1.5px 3px)}.book--spine .book-top{background:linear-gradient(180deg,rgba(255,236,205,.12),transparent 45%),linear-gradient(0deg,#00000052,#0000000d),var(--book-color);filter:brightness(.84)}.book--spine .book-side{background:linear-gradient(90deg,#ffffff0f,#00000075),var(--book-color);filter:brightness(.62)}.book-cover-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;height:100%;padding:16px 12px 18px;text-align:center}.book-cover-eyebrow{font-family:Inter,system-ui,sans-serif;font-size:7px;letter-spacing:.26em;text-transform:uppercase;color:var(--book-accent, #e2b165);text-shadow:0 1px 1px rgba(0,0,0,.7)}.book-cover-title{margin-top:auto;font-family:Cormorant Garamond,Georgia,serif;font-size:15px;line-height:1.1;color:#f3ecdff5;text-shadow:0 1px 2px rgba(0,0,0,.6)}.book-cover-meta{margin-top:8px;font-family:Inter,system-ui,sans-serif;font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:#d6c4a0c7}.book-cover-plate{position:absolute;left:12%;right:12%;top:14%;height:44%;background-size:contain;background-repeat:no-repeat;background-position:center;mix-blend-mode:screen;opacity:.85;pointer-events:none;z-index:1}.book--spine .book-front{display:flex;align-items:center;justify-content:center;padding:16px 4px;background:linear-gradient(90deg,#00000075,#00000029 12%,#ffffff38 38%,#ffffff0f 56%,#0000003d 84%,#00000080),linear-gradient(180deg,rgba(255,236,205,.16) 0%,transparent 22%,rgba(0,0,0,.36)),var(--book-color)}.book--spine .book-title{writing-mode:vertical-rl;transform:rotate(180deg);font-family:Cormorant Garamond,Georgia,serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ebcc9bf2;text-shadow:0 1px 2px rgba(0,0,0,.55);line-height:1.25;white-space:nowrap;overflow:hidden;max-height:calc(var(--book-h) - 40px)}.book--spine .book-front-band{position:absolute;left:8px;right:8px;top:16px;height:1px;background:#cfa65b8c}.book--spine .book-front-band.is-bottom{top:auto;bottom:16px;background:#cfa65b73}.book:hover{transform:translateY(calc(var(--book-y, 0) - 10px)) rotate(var(--book-rotate, 0deg)) scale(1.03);filter:brightness(1.06);z-index:12}.book:hover .book-shadow{opacity:.95;filter:blur(11px)}.book.is-selected{transform:translateY(calc(var(--book-y, 0) - 16px)) rotate(var(--book-rotate, 0deg)) scale(1.06);filter:brightness(1.1);z-index:30}.book--cover.is-selected{transform:translateY(calc(var(--book-y, 0) - 22px)) rotate(0) scale(1.12);filter:brightness(1.12)}.book.is-selected:after{content:"";position:absolute;inset:-8px calc(var(--o) * -1 - 8px) -8px -8px;border-radius:8px;border:1px solid rgba(226,177,101,.85);box-shadow:0 0 0 1px #e2b16540,0 0 34px #e2933e8c,0 0 74px #e2933e47;pointer-events:none}.book.is-selected .book-shadow{left:-4px;bottom:-16px;height:22px;filter:blur(12px)}.book-detail-panel{position:absolute;top:36px;right:32px;width:326px;max-height:calc(100% - 72px);padding:34px 30px 30px;background:linear-gradient(180deg,#faf7f0fa,#efe8ddfa);border:1px solid rgba(182,139,76,.28);border-radius:9px;box-shadow:0 34px 90px #00000085,inset 0 1px #ffffffe6;z-index:60;overflow:hidden;animation:detailIn .34s cubic-bezier(.2,.8,.2,1)}@keyframes detailIn{0%{opacity:0;transform:translate(18px) translateY(6px) scale(.985)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}.panel-close{position:absolute;top:16px;right:18px;width:34px;height:34px;border:0;background:transparent;color:#5c5047;font-size:28px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.panel-close:hover{color:#2a211b}.panel-kicker{margin:8px 0 16px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#ae8a55}.book-detail-panel h2{margin:0 0 16px;padding-right:18px;font-family:Cormorant Garamond,Georgia,serif;font-size:29px;line-height:1.08;font-weight:400;color:#2a211b}.book-detail-panel .panel-subtitle{margin:-10px 0 16px;font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:17px;color:#6a5d50}.panel-meta{margin:0 0 26px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#5f554d}.panel-section-label{margin:0 0 14px;font-size:11px;line-height:1.55;letter-spacing:.24em;text-transform:uppercase;color:#806f5e}.panel-articles{display:grid;gap:16px;margin-bottom:22px}.panel-article{position:relative;padding-left:16px;border-left:2px solid rgba(178,139,82,.25)}.panel-article h3{margin:0 0 8px;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;line-height:1.28;font-weight:400;color:#2d241e}.panel-article p{margin:0 0 7px;font-size:10.5px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:#62574e}.panel-article a{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#7b6037;text-decoration:underline;text-underline-offset:4px}.panel-article a:hover{color:#a98754}.panel-block{margin-bottom:22px}.panel-block-label{margin:0 0 6px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#80715f}.panel-block p{margin:0;font-size:13.5px;line-height:1.55;color:#4a4036}.panel-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:46px;padding:0 18px;background:#a98754;color:#fff;border:0;cursor:pointer;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-family:Inter,system-ui,sans-serif;border-radius:3px;transition:background .2s ease}.panel-button:hover{background:#94733f}.panel-backdrop{display:none}@media(max-width:900px){.library-section{display:block;min-height:0}.library-intro{padding:52px 26px 40px;border-right:none;border-bottom:1px solid rgba(80,55,35,.12)}.bookshelf-shell{min-height:0;padding:20px 14px 26px}.shelf-tabs{gap:18px;padding:0 12px;overflow-x:auto;scrollbar-width:none}.shelf-tabs::-webkit-scrollbar{display:none}.bookshelf-cabinet{min-height:470px;padding:26px 16px 32px}.shelf-content{display:block}.shelf-row{min-height:256px;margin-bottom:22px}.shelf-row-track{padding:32px 16px 24px}.panel-backdrop{display:block;position:fixed;inset:0;z-index:90;background:#140c0880;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:detailIn .2s ease}.book-detail-panel{position:fixed;inset:auto 14px 14px;width:auto;max-height:70vh;overflow-y:auto;z-index:100}.book-detail-panel::-webkit-scrollbar{width:6px}.book-detail-panel::-webkit-scrollbar-track{background:transparent}.book-detail-panel::-webkit-scrollbar-thumb{background:#8c6e4647;border-radius:999px}}@media(prefers-reduced-motion:reduce){.book,.book-shadow,.book-detail-panel{transition:none;animation:none}}.book{--o: 5px !important;margin-right:18px!important;z-index:4;transform:translateY(var(--book-y, 0px)) rotate(var(--book-rotate, 0deg))!important}.book--cover{--o: 7px !important;margin-right:26px!important}.book--spine .book-top,.book--spine .book-side{display:none!important}.book--spine .book-front{border-radius:11px 5px 5px 11px!important;background:radial-gradient(120% 100% at 32% 50%,rgba(255,255,255,.2),transparent 34%),linear-gradient(90deg,#00000094,#0000002e 13%,#ffffff38 36%,#ffffff0f 56%,#0000003d 80%,#0000008c),linear-gradient(180deg,rgba(255,235,190,.16) 0%,transparent 24%,rgba(0,0,0,.36) 100%),var(--book-color)!important;box-shadow:inset 5px 0 12px #ffffff0b,inset -9px 0 16px #00000075,0 18px 34px #0000006b!important}.book-front:before{opacity:.26!important}.book-front:after{opacity:.24!important}.book--cover .book-front{border-radius:4px 6px 6px 4px!important;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.08),transparent 38%),linear-gradient(90deg,rgba(255,255,255,.09),transparent 17%,rgba(0,0,0,.24) 100%),linear-gradient(180deg,#ffffff0f,#00000052),var(--book-color)!important;box-shadow:inset 8px 0 16px #ffffff0b,inset -12px 0 22px #0000006b,0 24px 46px #00000075!important}.book--cover .book-top{display:none!important}.book--cover .book-side{display:block!important;left:100%!important;top:7px!important;width:7px!important;height:calc(100% - 14px)!important;clip-path:none!important;border-radius:0 2px 2px 0!important;background:repeating-linear-gradient(180deg,#e8dbbec7 0px 1px,#ae9a7c9e 1px 2px)!important;opacity:.58!important;filter:none!important;box-shadow:inset -2px 0 3px #00000038,3px 0 8px #0000002e!important}.book--cover.is-selected{transform:translateY(calc(var(--book-y, 0px) - 34px)) rotate(0) scale(1.2)!important;z-index:80!important;filter:brightness(1.12)!important}.book--cover:not(.is-selected){transform:translateY(var(--book-y, 0px)) rotate(var(--book-rotate, 0deg)) scale(.98)!important}.book--cover.is-selected:before{content:"";position:absolute;inset:-22px -24px -18px -20px;border-radius:12px;background:radial-gradient(circle at 50% 48%,rgba(232,172,82,.28),transparent 68%);z-index:-1;pointer-events:none}.book.is-selected:after{inset:-9px -16px -9px -9px!important;border-radius:9px!important;border:1px solid rgba(226,177,101,.76)!important;box-shadow:0 0 0 1px #e2b16526,0 0 32px #e2933e6b,0 0 74px #e2933e38!important}.book-shadow{left:4px!important;right:-8px!important;bottom:-11px!important;height:14px!important;background:radial-gradient(70% 100% at 45% 0,rgba(0,0,0,.46),transparent 78%)!important;filter:blur(9px)!important;opacity:.78!important}.book--spine .book-title{font-size:12px!important;letter-spacing:.15em!important;color:#eed3a6f5!important;text-shadow:0 1px 2px rgba(0,0,0,.64)!important}.book--spine .book-front-band{left:10px!important;right:10px!important;top:19px!important;background:#d6b26685!important}.book--spine .book-front-band.is-bottom{bottom:19px!important;background:#d6b2666b!important}.book--cover.is-selected .book-cover-title{font-size:24px!important;line-height:1.08!important}.book--cover.is-selected .book-cover-eyebrow,.book--cover.is-selected .book-cover-meta{font-size:9px!important}.book--cover:not(.is-selected) .book-cover-title{font-size:17px!important}.book-cover-plate{opacity:.62!important}.book:hover{transform:translateY(calc(var(--book-y, 0px) - 9px)) rotate(var(--book-rotate, 0deg)) scale(1.035)!important;filter:brightness(1.07)!important;z-index:20!important}.book--cover.is-selected:hover{transform:translateY(calc(var(--book-y, 0px) - 34px)) rotate(0) scale(1.2)!important}.shelf-row-track{gap:24px!important;padding:46px 28px 28px!important;perspective:none!important}.shelf-row{min-height:310px!important}.shelf-board{z-index:2!important}@media(min-width:1120px){.bookshelf-cabinet.panel-open{padding-right:390px!important}.book-detail-panel{top:44px!important;right:34px!important;width:318px!important;max-height:calc(100% - 88px)!important;z-index:90!important}}@media(min-width:901px)and (max-width:1119px){.book-detail-panel{display:none!important}.bookshelf-cabinet{padding-right:40px!important}}@media(max-width:900px){.shelf-row{min-height:256px!important}.shelf-row-track{padding:32px 16px 24px!important}}.shelf-scroller{position:relative;z-index:4;flex:0 0 auto;display:flex;justify-content:center;padding:18px 40px 2px}.shelf-scroller-track{position:relative;width:min(440px,72%);height:8px;border-radius:999px;background:#120b0799;border:1px solid rgba(214,178,102,.22);box-shadow:inset 0 1px 3px #0000008c;cursor:pointer;touch-action:none}.shelf-scroller-track:focus-visible{outline:2px solid #e2b165;outline-offset:4px}.shelf-scroller-thumb{position:absolute;top:50%;transform:translateY(-50%);height:12px;min-width:40px;border-radius:999px;background:linear-gradient(180deg,#e8bb74f5,#b88a40eb);box-shadow:0 1px 2px #00000080,inset 0 1px #fff0d28c;pointer-events:none;transition:filter .15s ease}.shelf-scroller-track:hover .shelf-scroller-thumb{filter:brightness(1.08)}@media(max-width:900px){.shelf-scroller{padding:14px 18px 2px!important}.shelf-scroller-track{width:86%!important}}