:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0}#root{min-height:100svh}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}@keyframes gallery-cascade{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.gallery-cascade{animation:.68s cubic-bezier(.22,1,.36,1) backwards gallery-cascade;animation-delay:calc(var(--cascade,0) * 62ms)}@media (prefers-reduced-motion:reduce){.gallery-cascade{animation:none}}.sketchbook-page{--paper:#f1e4cc;--paper-edge:#e2d2b4;--ink:#2a2218;--leather:#3b2418;--leather-hi:#6a432c;--gutter:#3c281447;background:radial-gradient(at 50% 0,#5a3c1e2e,#0000 55%);flex-direction:column;align-items:center;min-height:calc(100svh - 88px);padding:24px 16px 48px;display:flex}.sketchbook-intro{text-align:center;max-width:36rem;margin:0 0 28px}.sketchbook-intro h1{letter-spacing:.02em;margin:0 0 8px;font-family:Caveat,cursive;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:600;line-height:1}.sketchbook-intro p{opacity:.72;margin:0;font-family:Caveat,cursive;font-size:1.35rem;line-height:1.35}.book-stage{perspective:2800px;width:min(1100px,100%)}.book-shell{z-index:2;background:linear-gradient(90deg, #2a1810 0%, var(--leather) 7%, var(--leather-hi) 18%, var(--leather) 50%, var(--leather-hi) 82%, var(--leather) 93%, #2a1810 100%);border-radius:8px;align-items:stretch;padding:14px 16px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000073,inset 0 2px #ffffff14,inset 0 -8px 20px #00000040}.page-stack{flex:0 0 var(--stack-size,0px);width:var(--stack-size,0px);pointer-events:none;z-index:1;transition:flex-basis .45s,width .45s;position:relative}.page-stack.left{margin-left:8px}.page-stack.right{margin-right:8px}.page-stack-sheet{background:linear-gradient(180deg, #f7edda 0%, var(--paper) 45%, #e4d3b4 100%);width:14px;transition:left .45s,right .45s,top .45s,bottom .45s,opacity .35s;position:absolute;box-shadow:inset 0 0 0 1px #ffffff47,1px 0 #50321429}.page-stack.left .page-stack-sheet{border-radius:2px 0 0 2px;box-shadow:inset 0 0 0 1px #ffffff47,-1px 0 #50321429}.page-stack.right .page-stack-sheet{border-radius:0 2px 2px 0}.book-spread{z-index:2;aspect-ratio:1.72;min-width:0;transform-style:preserve-3d;background:var(--paper-edge);border-radius:2px;flex:auto;grid-template-columns:1fr 1fr;margin:0 -5px;display:grid;position:relative;overflow:hidden}.book-spread.single{aspect-ratio:.78;grid-template-columns:1fr;margin:0 -4px}.leaf{background:linear-gradient(180deg, #f7edda 0%, var(--paper) 40%, #ead9b8 100%);flex-direction:column;min-width:0;height:100%;display:flex;position:relative}.leaf.left{box-shadow:inset -18px 0 28px -18px var(--gutter)}.leaf.right{box-shadow:inset 18px 0 28px -18px var(--gutter)}.leaf-image{flex:1;min-height:0;padding:7% 8% 2%;position:relative}.leaf-image img{object-fit:contain;object-position:center;filter:contrast(.96)saturate(.92);width:100%;height:100%;position:absolute;inset:0}.leaf-note{color:var(--ink);opacity:.78;flex:0 0 2.7em;margin:0;padding:0 10% 6%;font-family:Caveat,cursive;font-size:clamp(.95rem,1.6vw,1.25rem);line-height:1.25;overflow:hidden}.leaf.right .leaf-note{text-align:right}.leaf-blank{opacity:.28;color:var(--ink);flex:1;justify-content:center;align-items:center;font-family:Caveat,cursive;font-size:1.4rem;display:flex}.book-gutter{pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000,#28180a2e 46%,#28180a52 50%,#28180a2e 54%,#0000);width:28px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.book-spread.single .book-gutter{display:none}.flip-sheet{width:50%;height:100%;transform-style:preserve-3d;z-index:6;pointer-events:none;position:absolute;top:0}.book-spread.single .flip-sheet{width:100%}.flip-sheet.next{transform-origin:0;animation:.85s cubic-bezier(.37,.02,.27,1) forwards sketch-flip-next;right:0}.flip-sheet.prev{transform-origin:100%;animation:.85s cubic-bezier(.37,.02,.27,1) forwards sketch-flip-prev;left:0}.flip-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.flip-face .leaf{height:100%}.flip-face.back{transform:rotateY(180deg)}@keyframes sketch-flip-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes sketch-flip-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.book-hit{z-index:4;cursor:pointer;background:0 0;border:0;width:50%;padding:0;position:absolute;top:0;bottom:0}.book-hit.left{left:0}.book-hit.right{right:0}.book-hit:disabled{cursor:default}.book-controls{justify-content:center;align-items:center;gap:18px;margin-top:22px;display:flex}.book-controls button{appearance:none;color:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;opacity:.7;background:0 0;border:1px solid;border-radius:999px;padding:8px 16px;font-family:Figtree,system-ui,sans-serif;font-size:.72rem}.book-controls button:hover:not(:disabled){opacity:1}.book-controls button:disabled{opacity:.28;cursor:default}.book-folio{opacity:.65;text-align:center;min-width:5.5rem;font-family:Caveat,cursive;font-size:1.15rem}@media (prefers-reduced-motion:reduce){.flip-sheet.next,.flip-sheet.prev{animation-duration:.01ms}}