.bd-shell{max-width:var(--measure);margin:0 auto;padding:clamp(28px,5vh,56px) var(--gutter) clamp(80px,12vw,160px)}.bd-library,.bd-album,.bd-reading{--paper: #f3efe6;--ink: #2b2a27;--muted: #7a756b;--hair: #d9d3c6;--tekhelet: #2a4a9e;background:var(--paper);color:var(--ink)}.bd-others{margin-top:clamp(96px,14vw,200px);padding-top:clamp(48px,7vw,96px);border-top:1px solid var(--hair);text-align:center}.bd-others-title{margin:0;color:var(--muted);font-size:.95rem;font-weight:300;letter-spacing:.08em;text-transform:uppercase}.bd-others .bd-shelf{--cover: clamp(180px, 18vw, 260px);margin-top:clamp(40px,6vw,72px)}.bd-others-all{margin:clamp(48px,7vw,88px) 0 0;font-style:italic}.bd-album .bd-shell{--gap: clamp(16px, 3vw, 48px);max-width:none;padding:clamp(24px,6vw,96px)}.bd-album-head{max-width:38rem;margin:clamp(16px,4vw,48px) auto clamp(48px,8vw,112px);text-align:center}.bd-album-title{margin:0;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:300;line-height:1.05;letter-spacing:-.01em}.bd-album-author{margin:.8em 0 0;color:var(--muted);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.bd-back{margin-top:clamp(32px,5vw,56px);text-align:start;text-wrap:pretty}.bd-back p{margin:0 0 1em}.bd-back p:last-child{margin:1.6em 0 0;font-style:italic;text-align:center}.bd-album-head--he{max-width:44rem}.bd-album-head--he .bd-album-author{font-size:1.2rem}.bd-album-head--he .bd-back{font-size:1.35rem;line-height:1.7}.bd-album .bd-stories{grid-template-columns:repeat(3,1fr);gap:var(--gap);margin:0}.bd-album .bd-card img{margin-bottom:0}@media(max-width:600px){.bd-album .bd-stories{grid-template-columns:repeat(2,1fr)}}.bd-library .bd-shell{max-width:none;padding:clamp(48px,10vh,120px) var(--gutter) clamp(80px,12vw,160px)}.bd-library-title{margin:0 auto;max-width:20ch;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.1;letter-spacing:-.01em;text-align:center;text-wrap:balance}.bd-library-title:after{content:"";display:block;width:48px;height:1px;margin:.6em auto 0;background:var(--tekhelet)}.bd-shelf{--cover: clamp(240px, 26vw, 380px);display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;--gap: clamp(32px, 5vw, 72px);gap:clamp(48px,6vw,80px) var(--gap);margin:clamp(56px,10vw,128px) 0 0;padding:0;list-style:none}.bd-library .bd-shelf{--cover: calc((100cqw - var(--gaps) * var(--gap) - 1px) / var(--span));container-type:inline-size}.bd-shelf .bd-card{justify-items:center;text-align:center}.bd-shelf .bd-card img{width:auto;height:var(--cover)}.bd-shelf .bd-landscape img{width:var(--cover);height:auto}.bd-cover{--x: 1;position:relative;display:block;margin-bottom:14px;border-radius:1px 3px 3px 1px;box-shadow:0 10px 18px -8px #00000059;transition:transform .2s ease,box-shadow .2s ease}.bd-rtl .bd-cover{--x: -1;border-radius:3px 1px 1px 3px}.bd-card .bd-cover img,.bd-card:hover .bd-cover img{margin:0;border-radius:inherit;box-shadow:none;transform:none}.bd-cover:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(calc(var(--x) * 90deg),rgb(0 0 0 / .28),rgb(255 255 255 / .2) 1.2%,rgb(0 0 0 / .22) 2.8%,rgb(255 255 255 / .14) 3.8%,transparent 7%),linear-gradient(115deg,rgb(255 255 255 / .12),transparent 35%);box-shadow:inset 0 0 0 1px #00000014;pointer-events:none}.bd-card:hover .bd-cover{transform:translateY(-4px);box-shadow:0 18px 28px -12px #0006}@media(max-width:600px){.bd-library .bd-shelf li,.bd-library .bd-shelf .bd-cover{width:100%}.bd-library .bd-shelf .bd-card img{width:100%;height:auto}}.bd-stories{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:clamp(32px,4vw,56px) clamp(20px,3vw,40px);align-items:end;margin:clamp(40px,7vw,88px) 0 0;padding:0;list-style:none}.bd-card{display:grid;gap:4px;text-decoration:none}.bd-card img{width:100%;margin-bottom:14px;box-shadow:0 1px 2px #00000014,0 8px 24px -12px #00000040;transition:transform .2s ease,box-shadow .2s ease}.bd-card:hover img{transform:translateY(-4px);box-shadow:0 2px 4px #00000014,0 16px 32px -14px #00000059}.bd-card-meta{color:var(--muted);font-size:.9rem}.bd-reading{height:100svh;overflow:hidden;overscroll-behavior:none}.is-reading .turn,.is-reading .toc{opacity:0}.is-reading{cursor:none}.stage{position:relative;max-width:none;height:100svh;margin:0;padding:clamp(8px,2vmin,24px);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.fit{display:grid;place-items:center;height:100%;container-type:size}.book{--pw: min(100cqh * var(--ratio), 100cqw);position:relative;display:grid;grid-template-columns:var(--pw);height:calc(var(--pw) / var(--ratio));perspective:calc(var(--pw) * 4)}.is-double .book{--pw: min(100cqh * var(--ratio), 50cqw);grid-template-columns:var(--pw) var(--pw)}.slot,.face{position:relative;height:100%;background:#fff}.slot img,.face img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.slot.is-empty,.face.is-empty{background:none}.slot.is-empty img,.face.is-empty img{visibility:hidden}.slot:not(.is-empty){box-shadow:0 1px 3px #0000001f,0 18px 40px -18px #00000073}.stage:not(.is-double) .slot--left{display:none}.is-double .slot:not(.is-empty):after,.face:not(.is-empty):after{content:"";position:absolute;inset:0;pointer-events:none}.is-double .slot--left:not(.is-empty):after,.leaf--left .face--front:after,.leaf--right .face--back:after{background:linear-gradient(to left,#00000029,#0000 7%)}.is-double .slot--right:not(.is-empty):after,.leaf--right .face--front:after,.leaf--left .face--back:after{background:linear-gradient(to right,#00000029,#0000 7%)}.leaf{position:absolute;top:0;width:var(--pw);height:100%;transform-style:preserve-3d;z-index:1}.leaf[hidden]{display:none}.leaf--right{left:var(--pw);transform-origin:left center}.leaf--left{left:0;transform-origin:right center}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1px 3px #0000001f,0 18px 40px -18px #00000073}.face--back{transform:rotateY(180deg)}.turn{position:absolute;top:50%;z-index:1;display:grid;place-items:center;width:clamp(44px,5vw,72px);height:clamp(120px,30vh,260px);padding:0;translate:0 -50%;border:0;background:none;color:var(--ink);opacity:.75;cursor:pointer;transition:opacity .3s ease,translate .2s ease}.turn svg{width:clamp(12px,1.3vw,18px);height:auto;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgb(255 255 255 / .9))}.turn path{vector-effect:non-scaling-stroke}.turn:hover{opacity:1}.turn--left{left:0}.turn--left:hover{translate:-3px -50%}.turn--right{right:0}.turn--right:hover{translate:3px -50%}.turn:disabled,.is-reading .turn:disabled{opacity:0;pointer-events:none}.toc{position:absolute;top:clamp(8px,2vmin,20px);left:clamp(8px,2vmin,20px);z-index:2;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#00000073;color:#fff;opacity:.75;transition:opacity .3s ease}.toc svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.toc:hover{color:#fff;opacity:1}