:root{--flipbook-room:#d7d9d3;--flipbook-ink:#2d241c;--flipbook-muted:#6e6c62;--flipbook-page-color:#f7f0df;--flipbook-cover-color:#d8c49e;--flipbook-back-cover-color:#345366;--flipbook-page-texture:repeating-linear-gradient(3deg, transparent 0 3px, #71573409 4px);--flipbook-cover-texture:repeating-linear-gradient(88deg, transparent 0 5px, #5d3f220d 6px);--flipbook-back-cover-texture:none;--flipbook-page-ratio:.7353;--flipbook-spread-ratio:1.4706;--flipbook-max-spread:1040px}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:var(--flipbook-room);color:var(--flipbook-ink);font-family:Arial,sans-serif}button{font:inherit}.flipbook-room{isolation:isolate;background:radial-gradient(circle at 50% 42%,#ffffffad,#0000 35%),linear-gradient(135deg,#dedacf,#cbc7bb);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:100svh;padding:24px 32px 20px;display:grid;overflow:hidden}.flipbook-header{z-index:30;letter-spacing:.13em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;font-size:10px;display:grid;position:relative}.flipbook-header h1{margin:0;font:500 10px/1 Arial,sans-serif}.flipbook-header__tools{color:var(--flipbook-muted);justify-self:end;align-items:center;gap:12px;display:flex}.music-toggle{color:var(--flipbook-ink);cursor:pointer;letter-spacing:.06em;background:#ffffff40;border:1px solid #2929232e;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;transition:background .16s,transform .16s;display:inline-flex}.music-toggle:hover{background:#ffffff8c;transform:translateY(-1px)}.music-toggle:focus-visible{outline-offset:3px;outline:2px solid #60665b}.flipbook-stage{z-index:2;perspective:1900px;place-items:center;min-height:0;display:grid;position:relative}.photo-book-rig{z-index:4;width:min(82vw, calc((100svh - 150px) * var(--flipbook-spread-ratio)), var(--flipbook-max-spread));transform-style:preserve-3d;place-items:center;transition:transform .7s cubic-bezier(.2,.7,.1,1);display:grid;position:relative;transform:rotateX(5deg)rotate(-.18deg)}.is-turning .photo-book-rig{transform:rotateX(6.5deg)rotate(-.08deg)translateY(-.5%)}.photo-book{filter:drop-shadow(0 30px 22px #2f2a2038);transition:filter .7s}.is-turning .photo-book{filter:drop-shadow(0 36px 28px #2f2a2042)}.flipbook-ground-shadow{z-index:1;filter:blur(30px);background:#3e372b2e;border-radius:50%;width:min(78vw,960px);height:130px;transition:width .7s,filter .7s,opacity .7s;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)}.is-turning .flipbook-ground-shadow{filter:blur(36px);opacity:.78;width:min(73vw,900px)}.photo-leaf.stf__item{--leaf-color:var(--flipbook-page-color);--leaf-texture:var(--flipbook-page-texture);background:linear-gradient(90deg, #4640340b, transparent 5%, transparent 94%, #46403413), var(--leaf-color);color:var(--flipbook-ink);border:1px solid #4640341f;position:absolute;overflow:hidden;box-shadow:inset 0 0 22px #4640340a}.photo-leaf.stf__item.photo-leaf--cover{--leaf-color:var(--flipbook-cover-color);--leaf-texture:var(--flipbook-cover-texture)}.photo-leaf.stf__item.photo-leaf--back-cover{--leaf-color:var(--flipbook-back-cover-color);--leaf-texture:var(--flipbook-back-cover-texture);background:var(--flipbook-back-cover-color)}.photo-leaf:after{content:"";pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:var(--leaf-texture);position:absolute;inset:0}.photo-leaf img{width:calc(100% - var(--photo-inset,0px));height:calc(100% - var(--photo-inset,0px));margin:var(--photo-padding,0px);object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.photo-leaf--fit-fill img{object-fit:fill}.photo-leaf--fit-cover img{object-fit:cover}.photo-leaf--fit-contain img{object-fit:contain}.photo-leaf__copy{z-index:2;position:absolute;inset:auto 8% 7%}.photo-leaf__copy p{margin:.4em 0 0}.photo-leaf__caption{letter-spacing:.12em;text-transform:uppercase;font-size:9px}.flipbook-controls{z-index:30;justify-content:center;align-items:center;gap:16px;display:flex;position:relative}.flipbook-controls button{width:38px;height:38px;color:var(--flipbook-ink);cursor:pointer;background:#ffffff40;border:1px solid #2929232e;border-radius:50%;place-items:center;font:24px/1 Georgia,serif;transition:transform .16s,background .16s,opacity .16s;display:grid}.flipbook-controls button:hover:not(:disabled){background:#ffffff8c;transform:translateY(-2px)}.flipbook-controls button:focus-visible{outline-offset:3px;outline:2px solid #60665b}.flipbook-controls button:disabled{opacity:.25;cursor:default}.flipbook-status{min-width:170px;color:var(--flipbook-muted);text-align:center;text-transform:uppercase}.flipbook-status span{letter-spacing:.12em;font-size:9px;display:block}.flipbook-status small{letter-spacing:.09em;margin-top:5px;font-size:8px;display:block}@media (width<=720px){.flipbook-room{gap:8px;padding:18px 14px 14px}.flipbook-header{grid-template-columns:1fr 1fr}.flipbook-header h1{display:none}.flipbook-header__tools{gap:7px}.flipbook-header__tools>span{display:none}.music-toggle{padding:6px 9px}.photo-book-rig{width:min(92vw, calc((100svh - 135px) * var(--flipbook-page-ratio)));transform:rotateX(3deg)}.is-turning .photo-book-rig{transform:rotateX(4.5deg)translateY(-.5%)}.flipbook-ground-shadow{width:68vw;height:92px}}@media (height<=650px){.flipbook-room{padding-block:14px 10px}.flipbook-status small{display:none}.flipbook-controls button{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.photo-book-rig,.photo-book,.flipbook-ground-shadow,.flipbook-controls button{transition-duration:.01ms}}