.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-album .bd-shell{--gap: clamp(16px, 3vw, 48px);max-width:none;padding:clamp(24px,6vw,96px);padding-top:clamp(16px,2.5vw,32px)}.bd-album-head{max-width:38rem;margin:0 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-album .bd-shell{position:relative}.bd-corner{position:absolute;top:clamp(12px,2vw,24px);right:clamp(16px,3vw,32px);display:flex;align-items:center;gap:14px;direction:ltr}.bd-corner a{display:flex;color:var(--muted);font-size:.95rem;line-height:1;text-decoration:none}.bd-corner a:hover{color:var(--ink)}.bd-all svg{fill:none;stroke:currentColor;stroke-width:1.4}.bd-back{margin-top:clamp(32px,5vw,56px);text-align:start;text-wrap:pretty}.bd-back p{margin:0 0 1em;text-align:justify}.bd-back p:last-child{margin:1.6em 0 0;text-align:center}.bd-album-head--he{max-width:44rem}.bd-album-head--he .bd-album-author,.bd-others--he .bd-others-title{font-size:1.35rem}.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-album .bd-shell{padding-top:40px}}.bd-library .bd-shell{max-width:none;padding:clamp(16px,2.5vw,32px) 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-hidden-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bd-hidden-title+.bd-shelf{margin-top:clamp(24px,4vw,48px)}.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) calc(var(--gap) * var(--spread, 1));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-shell{padding-top:48px}.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}.bd-flip-book{--flip: 0;position:relative;display:grid;height:calc(var(--cover) * var(--hscale, 1));aspect-ratio:var(--ratio);min-height:0;margin-bottom:14px;container-type:inline-size}.bd-flip-book>*{grid-area:1 / 1;--depth: calc(100cqw * var(--thick))}.bd-card.bd-flip .bd-cover{margin:0}.bd-shelf .bd-flip :is(.bd-flip-front,.bd-flip-back) img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.bd-flip-back{--x: -1;border-radius:3px 1px 1px 3px}.bd-rtl .bd-flip-back{--x: 1;border-radius:1px 3px 3px 1px}.bd-flip.bd-landscape .bd-flip-book{width:var(--cover);height:auto}.bd-flip-back,.bd-flip-spine{display:none}@media(hover:hover){.bd-flip:not(.bd-still):is(:hover,:focus-visible) .bd-flip-book{--flip: 1}.bd-card.bd-flip :is(.bd-flip-front,.bd-flip-back,.bd-flip-spine){backface-visibility:hidden;transition:transform 1s cubic-bezier(.45,.05,.25,1)}.bd-card.bd-flip .bd-flip-front{transform:perspective(900px) translateZ(calc(var(--depth) / -2)) rotateY(calc(var(--flip) * 180deg)) translateZ(calc(var(--depth) / 2))}.bd-card.bd-flip .bd-flip-back{display:block;transform:perspective(900px) translateZ(calc(var(--depth) / -2)) rotateY(calc(var(--flip) * 180deg - 180deg)) translateZ(calc(var(--depth) / 2))}.bd-card.bd-flip .bd-flip-spine{display:flex;justify-content:center;transform:perspective(900px) translateZ(calc(var(--depth) / -2)) rotateY(calc(var(--flip) * 180deg)) translate(-50%) rotateY(-90deg)}.bd-shelf .bd-flip .bd-flip-spine img{width:var(--depth);max-width:none;height:100%;margin:0;box-shadow:none}@media(prefers-reduced-motion:reduce){.bd-card.bd-flip :is(.bd-flip-front,.bd-flip-back,.bd-flip-spine){transition:none}}}.bd-shelf--rows>li{display:flex;justify-content:center;width:calc((100% - (var(--per-row) - 1) * var(--gap)) / var(--per-row))}.bd-shelf--rows+.bd-shelf--rows{margin-top:clamp(48px,6vw,80px)}.bd-library .bd-shelf--rows{--cover: calc((100cqw - (var(--per-row) - 1) * var(--gap)) / var(--per-row) * .8)}.bd-library .bd-fit{--gap: clamp(32px, 5vw, 72px);--top: clamp(16px, 2.5vw, 32px);--first: clamp(24px, 4vw, 48px);--between: clamp(48px, 6vw, 80px);--fit: calc( (100svh - 2 * var(--top) - var(--first) - (var(--rows) - 1) * var(--between) - var(--rows) * 14px) / var(--rows-height) );padding-block:var(--top)}@media(max-width:600px){.bd-library .bd-fit{padding-block:48px 80px}}.bd-fit .bd-hidden-title+.bd-shelf{margin-top:var(--first)}.bd-fit .bd-shelf--rows+.bd-shelf--rows{margin-top:var(--between)}.bd-fit .bd-shelf--rows{--cover: min(var(--fit-width), var(--fit))}@media(min-width:601px){.bd-fit .bd-shelf--rows>li{width:auto}}@media(max-width:600px){.bd-shelf--rows>li,.bd-shelf .bd-flip{width:100%}.bd-shelf .bd-flip .bd-flip-book{width:calc(100% * var(--wscale, 1));height:auto;margin-inline:auto}}