.about-books{margin-top:var(--sp-6);--d:15px;--ledge-lip:18px;--ledge-depth:96px;--ledge-nose:26px;--lift-room:60px;--edge-room:12px;--shadow-room:16px;--ledge-inset:8px;width:100%}.about-books__stage{perspective:1200px;perspective-origin:50% -34%;scroll-snap-type:x proximity;max-width:min(1080px,100%);margin:0 auto;position:relative;overflow:visible;container-type:inline-size}.about-books__stage[data-overflowing]{cursor:grab;overflow:auto hidden}.about-books__stage.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.about-books__stage.is-dragging .about-book{pointer-events:none}.about-books__stage:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-m)}.about-books__scene{--shelf-gap:clamp(8px, 1.8cqi, 20px);--book-w:clamp(44px, calc((100cqi - 2 * var(--edge-room) - (var(--n,9) - 1) * var(--shelf-gap)) / var(--n,9)), 124px);width:max-content;padding:var(--lift-room) var(--edge-room) calc(var(--ledge-lip) + var(--shadow-room));transform-style:preserve-3d;margin-inline:auto;position:relative}.about-books__row{align-items:flex-end;gap:var(--shelf-gap,clamp(10px, 2.8vw, 26px));transform-style:preserve-3d;margin:0;padding:0;list-style:none;display:flex}.about-books__slot{flex:0 0 var(--book-w);width:var(--book-w);scroll-snap-align:center;transform-style:preserve-3d;position:relative}.about-books__slot:hover{z-index:3}.about-book{transform-style:preserve-3d;transform-origin:bottom;will-change:transform;cursor:pointer;position:relative}.about-book:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.about-book__cover{outline-offset:-1px;backface-visibility:hidden;border-radius:1px 2px 2px 1px;outline:1px solid #00000017;outline:1px solid lab(0% 0 0/.09);width:100%;height:auto;display:block}.about-book__spine{height:100%;width:var(--d);transform-origin:0;transform:translateZ(calc(-1 * var(--d))) rotateY(-90deg);background-image:linear-gradient(90deg, #0000006b, #00000029), var(--cover);background-position:100%,0;background-size:cover,auto 100%;border-radius:1px 0 0 1px;position:absolute;top:0;left:0}@supports (color:lab(0% 0 0)){.about-book__spine{background-image:linear-gradient(90deg, lab(0% 0 0/.42), lab(0% 0 0/.16)), var(--cover)}}.about-book__edge{width:100%;height:var(--d);transform-origin:top;transform:translateZ(calc(-1 * var(--d))) rotateX(90deg);background:linear-gradient(#00000024,#0000 55%),repeating-linear-gradient(0deg,#cecac0 0 1px,#f5f3ed 1px 3px);background:linear-gradient(lab(0% 0 0/.14),#0000 55%),repeating-linear-gradient(0deg,lab(81.504% .178754 5.37088) 0 1px,lab(95.9812% -.0118613 3.05678) 1px 3px);position:absolute;top:0;left:0}.about-book__pages{height:100%;width:var(--d);transform-origin:100%;transform:translateZ(calc(-1 * var(--d))) rotateY(90deg);background:linear-gradient(90deg,#0000 45%,#00000029),repeating-linear-gradient(90deg,#cecac0 0 1px,#f5f3ed 1px 3px);background:linear-gradient(90deg,#0000 45%,lab(0% 0 0/.16)),repeating-linear-gradient(90deg,lab(81.504% .178754 5.37088) 0 1px,lab(95.9812% -.0118613 3.05678) 1px 3px);border-radius:0 1px 1px 0;position:absolute;top:0;right:0}.about-books__contact{width:66%;height:calc(var(--ledge-depth) * .5);transform-origin:bottom;filter:blur(1px);pointer-events:none;background:radial-gradient(72% 90% at 50% 10%,#0000004d,#00000017 44%,#0000 72%);background:radial-gradient(72% 90% at 50% 10%,lab(0% 0 0/.3),lab(0% 0 0/.09) 44%,#0000 72%);position:absolute;bottom:2px;left:50%;transform:translate(-50%)rotateX(90deg)translateY(6px)}.about-books__ledge{left:var(--ledge-inset);right:var(--ledge-inset);bottom:var(--shadow-room);height:var(--ledge-lip);transform-style:preserve-3d;pointer-events:none;position:absolute}.about-books__ledge-front{transform:translateZ(var(--ledge-nose));background:linear-gradient(90deg,#3e281b66,#0000 12px),linear-gradient(-90deg,#3e281b66,#0000 12px),repeating-linear-gradient(0deg,#00000021 0 1px,#0000 1px 3px),repeating-linear-gradient(91deg,#0000 0 34px,#0000000f 34px 55px,#0000 55px 89px),linear-gradient(#947357 0%,#7b5c43 52%,#654934 100%);background:linear-gradient(90deg,lab(18.6043% 9.2175 13.1065/.4),#0000 12px),linear-gradient(-90deg,lab(18.6043% 9.2175 13.1065/.4),#0000 12px),repeating-linear-gradient(0deg,lab(0% 0 0/.13) 0 1px,#0000 1px 3px),repeating-linear-gradient(91deg,#0000 0 34px,lab(0% 0 0/.06) 34px 55px,#0000 55px 89px),linear-gradient(lab(51.1358% 10.4031 20.8186) 0%,lab(41.8334% 10.5087 19.5118) 52%,lab(33.7042% 10.0792 17.4465) 100%);border-radius:0 0 3px 3px;position:absolute;inset:0;box-shadow:inset 0 1.5px #e0caaad9,inset 0 3px 2px -1.5px #ffffff4d,inset 0 -1px #2112088c;box-shadow:inset 0 1.5px lab(82.6819% 4.16866 19.2889/.85),inset 0 3px 2px -1.5px lab(100% 0 0/.3),inset 0 -1px lab(7.10168% 6.47362 7.32154/.55)}.about-books__ledge-top{height:var(--ledge-depth);transform-origin:bottom;transform:rotateX(90deg) translateY(var(--ledge-nose));background:linear-gradient(#0000 62%,#ffffff12 80%,#ffffff42),repeating-linear-gradient(2deg,#52362326 0 1px,#0000 1px 4px),repeating-linear-gradient(178deg,#f3dab20d 0 2px,#0000 2px 7px),repeating-linear-gradient(179deg,#0000 0 10px,#6f4c341a 13px 17px,#0000 20px 31px),linear-gradient(#8b6e57 0%,#af8e70 45%,#c6a481 100%);background:linear-gradient(#0000 62%,lab(100% 0 0/.07) 80%,lab(100% 0 0/.26)),repeating-linear-gradient(2deg,lab(25.5322% 11.1594 16.9384/.15) 0 1px,#0000 1px 4px),repeating-linear-gradient(178deg,lab(88.5181% 4.43855 23.4287/.05) 0 2px,#0000 2px 7px),repeating-linear-gradient(179deg,#0000 0 10px,lab(35.9537% 12.8224 20.7576/.1) 13px 17px,#0000 20px 31px),linear-gradient(lab(48.8207% 9.33394 17.4455) 0%,lab(61.5979% 9.94328 20.792) 45%,lab(69.7661% 9.32452 22.9273) 100%);position:absolute;bottom:100%;left:0;right:0;box-shadow:inset 0 -1.5px 1px #f0dbb999,inset 0 1px #432d1f80,inset 0 2px 3px #21120840;box-shadow:inset 0 -1.5px 1px lab(88.5071% 3.54594 19.3722/.6),inset 0 1px lab(20.9513% 8.65968 13.5585/.5),inset 0 2px 3px lab(7.10168% 6.47362 7.32154/.25)}@media (prefers-reduced-motion:no-preference){.about-books__contact{transition:opacity var(--dur-ui) var(--ease-out), transform var(--dur-ui) var(--ease-out), filter var(--dur-ui) var(--ease-out)}}@media (hover:hover) and (pointer:fine){@media (prefers-reduced-motion:no-preference){.about-books__slot:hover .about-books__contact{opacity:.8;transform:translate(-50%)rotateX(90deg)translateY(8px)scale(1.03,.97)}}}.about-books__slot[data-selected]{z-index:4}.about-books__slot[data-selected] .about-books__contact,.about-books__slot[data-selected]:hover .about-books__contact{opacity:.22;filter:blur(3px);transform:translate(-50%)rotateX(90deg)translateY(12px)scale(1.3,1.08)}