.sbpb{--ink:#2b2119;--paper:#f7efd9;--gold:#e8ae2c;max-width:1240px;margin:0 auto;padding:clamp(30px,5vw,70px) 18px;color:var(--ink)}
.sbpb-kicker{font:800 12px/1.2 ui-monospace,monospace;letter-spacing:.18em;color:#ad721a;margin-bottom:10px}.sbpb-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.sbpb-heading h1{font:800 clamp(38px,6vw,76px)/.95 Georgia,serif;margin:0}.sbpb-heading p{font-size:18px;margin:12px 0 0}.sbpb-count{font:800 11px/1 ui-monospace,monospace;letter-spacing:.12em;padding:10px 13px;border:1px solid #947c62;border-radius:99px;white-space:nowrap}
.sbpb-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px}.sbpb-book{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:clamp(340px,54vw,650px);perspective:1800px;filter:drop-shadow(0 24px 28px rgba(35,21,10,.3));transition:transform .25s}.sbpb-cover-edge{position:absolute;inset:-10px -12px -13px;z-index:-1;border-radius:10px 14px 16px 10px;background:#56351f;border:4px solid #352014}.sbpb-page{position:relative;overflow:hidden;background:linear-gradient(90deg,#eadfc5,var(--paper) 10%,#fffaf0 88%,#ded0b2);padding:clamp(14px,2.4vw,30px);border:1px solid #d4c39e}.sbpb-left{border-radius:7px 0 0 7px;transform-origin:right center}.sbpb-right{border-radius:0 7px 7px 0;transform-origin:left center}.sbpb-spine{position:absolute;z-index:4;left:50%;top:0;bottom:0;width:30px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,rgba(52,31,17,.18),transparent 45%,rgba(52,31,17,.18));mix-blend-mode:multiply}.sbpb-book.turn-next .sbpb-right{animation:sbpbTurnNext .52s ease}.sbpb-book.turn-prev .sbpb-left{animation:sbpbTurnPrev .52s ease}@keyframes sbpbTurnNext{50%{transform:rotateY(-88deg)}}@keyframes sbpbTurnPrev{50%{transform:rotateY(88deg)}}
.sbpb-media{width:100%;height:100%;padding:0;border:0;background:none;display:flex;flex-direction:column;cursor:zoom-in;text-align:left}.sbpb-media img,.sbpb-media video{width:100%;height:calc(100% - 42px);object-fit:contain;background:#17130f;border:9px solid #fff;box-shadow:0 3px 14px rgba(0,0,0,.2)}.sbpb-media span{display:block;margin-top:14px;font:italic 16px/1.2 Georgia,serif;color:#5e4d3d}.sbpb-end{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#876b48}.sbpb-end span{font:900 64px/1 sans-serif;color:#ba8126}.sbpb-end strong{font:italic 22px Georgia,serif}
.sbpb-arrow{width:46px;height:46px;border-radius:50%;border:1px solid #74583e;background:#332217;color:#fff;font:35px/1 Georgia;cursor:pointer;box-shadow:0 5px 12px rgba(0,0,0,.2)}.sbpb-arrow:disabled{opacity:.25;cursor:default}.sbpb-footer{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:24px}.sbpb-page-number{font:800 11px ui-monospace,monospace;letter-spacing:.14em}.sbpb-open{border:0;border-bottom:1px solid currentColor;background:none;font-weight:800;color:#684627;cursor:pointer}
.sbpb-lightbox[hidden]{display:none}.sbpb-lightbox{position:fixed;z-index:999999;inset:0;background:rgba(10,8,6,.94);display:grid;place-items:center;padding:50px}.sbpb-lightbox-media{width:100%;height:100%;display:grid;place-items:center}.sbpb-lightbox img,.sbpb-lightbox video{max-width:100%;max-height:100%;object-fit:contain}.sbpb-close{position:absolute;right:20px;top:14px;border:0;background:none;color:#fff;font:42px/1 sans-serif;cursor:pointer}.sbpb-modal-open{overflow:hidden}.sbpb-empty{padding:50px;text-align:center;background:#f7efd9;border-radius:16px}
@media(max-width:700px){.sbpb-heading{align-items:start;flex-direction:column}.sbpb-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px}.sbpb-book{grid-template-columns:1fr;min-height:520px}.sbpb-left{display:block;border-radius:7px}.sbpb-right{display:none}.sbpb-spine{display:none}.sbpb-arrow{width:34px;height:34px;font-size:28px}.sbpb-media img,.sbpb-media video{height:calc(100% - 38px);border-width:6px}.sbpb-lightbox{padding:42px 12px 12px}}

.content-area:has(.sbpb)>.gallery-grid{display:none}
.sbpb{--ink:#2b2119;--paper:#f7efd9;--gold:#e8ae2c;max-width:1240px;margin:0 auto;padding:clamp(30px,5vw,70px) 18px;color:var(--ink)}
.sbpb-kicker{font:800 12px/1.2 ui-monospace,monospace;letter-spacing:.18em;color:#ad721a;margin-bottom:10px}.sbpb-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.sbpb-heading h1{font:800 clamp(38px,6vw,76px)/.95 Georgia,serif;margin:0}.sbpb-heading p{font-size:18px;margin:12px 0 0}.sbpb-count{font:800 11px/1 ui-monospace,monospace;letter-spacing:.12em;padding:10px 13px;border:1px solid #947c62;border-radius:99px;white-space:nowrap}
.sbpb-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px}.sbpb-book{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:clamp(340px,54vw,650px);perspective:1800px;filter:drop-shadow(0 24px 28px rgba(35,21,10,.3));transition:transform .25s}.sbpb-cover-edge{position:absolute;inset:-10px -12px -13px;z-index:-1;border-radius:10px 14px 16px 10px;background:#56351f;border:4px solid #352014}.sbpb-page{position:relative;overflow:hidden;background:linear-gradient(90deg,#eadfc5,var(--paper) 10%,#fffaf0 88%,#ded0b2);padding:clamp(14px,2.4vw,30px);border:1px solid #d4c39e}.sbpb-left{border-radius:7px 0 0 7px;transform-origin:right center}.sbpb-right{border-radius:0 7px 7px 0;transform-origin:left center}.sbpb-spine{position:absolute;z-index:4;left:50%;top:0;bottom:0;width:30px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,rgba(52,31,17,.18),transparent 45%,rgba(52,31,17,.18));mix-blend-mode:multiply}.sbpb-book.turn-next .sbpb-right{animation:sbpbTurnNext .52s ease}.sbpb-book.turn-prev .sbpb-left{animation:sbpbTurnPrev .52s ease}@keyframes sbpbTurnNext{50%{transform:rotateY(-88deg)}}@keyframes sbpbTurnPrev{50%{transform:rotateY(88deg)}}
.sbpb-media{width:100%;height:100%;padding:0;border:0;background:none;display:flex;flex-direction:column;cursor:zoom-in;text-align:left}.sbpb-media img,.sbpb-media video{width:100%;height:calc(100% - 42px);object-fit:contain;background:#17130f;border:9px solid #fff;box-shadow:0 3px 14px rgba(0,0,0,.2)}.sbpb-media span{display:block;margin-top:14px;font:italic 16px/1.2 Georgia,serif;color:#5e4d3d}.sbpb-end{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#876b48}.sbpb-end span{font:900 64px/1 sans-serif;color:#ba8126}.sbpb-end strong{font:italic 22px Georgia,serif}
.sbpb-arrow{width:46px;height:46px;border-radius:50%;border:1px solid #74583e;background:#332217;color:#fff;font:35px/1 Georgia;cursor:pointer;box-shadow:0 5px 12px rgba(0,0,0,.2)}.sbpb-arrow:disabled{opacity:.25;cursor:default}.sbpb-footer{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:24px}.sbpb-page-number{font:800 11px ui-monospace,monospace;letter-spacing:.14em}.sbpb-open{border:0;border-bottom:1px solid currentColor;background:none;font-weight:800;color:#684627;cursor:pointer}
.sbpb-lightbox[hidden]{display:none}.sbpb-lightbox{position:fixed;z-index:999999;inset:0;background:rgba(10,8,6,.94);display:grid;place-items:center;padding:50px}.sbpb-lightbox-media{width:100%;height:100%;display:grid;place-items:center}.sbpb-lightbox img,.sbpb-lightbox video{max-width:100%;max-height:100%;object-fit:contain}.sbpb-close{position:absolute;right:20px;top:14px;border:0;background:none;color:#fff;font:42px/1 sans-serif;cursor:pointer}.sbpb-modal-open{overflow:hidden}.sbpb-empty{padding:50px;text-align:center;background:#f7efd9;border-radius:16px}
@media(max-width:700px){.sbpb-heading{align-items:start;flex-direction:column}.sbpb-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px}.sbpb-book{grid-template-columns:1fr;min-height:520px}.sbpb-left{display:block;border-radius:7px}.sbpb-right{display:none}.sbpb-spine{display:none}.sbpb-arrow{width:34px;height:34px;font-size:28px}.sbpb-media img,.sbpb-media video{height:calc(100% - 38px);border-width:6px}.sbpb-lightbox{padding:42px 12px 12px}}

.content-area:has(.sbpb) .gallery-grid{display:none!important}

/* Landscape 16:9 photo book */
.sbpb-book{min-height:0;aspect-ratio:16/5}
.sbpb-page{aspect-ratio:16/10}
.sbpb-media img,.sbpb-media video{height:auto;aspect-ratio:16/9;object-fit:cover;flex:0 0 auto}
@media(max-width:700px){.sbpb-book{min-height:0;aspect-ratio:8/5}.sbpb-page{aspect-ratio:16/10}}

.prose:has(.sbpb){max-width:1440px;width:100%}
.sbpb-book{aspect-ratio:16/5.7}

@media(max-width:700px){.sbpb-book{aspect-ratio:8/5}}