.happiness-catalogue-flipbook-root{--flipbook-room: #dce9eb;--flipbook-ink: #16424b;--flipbook-muted: #52747a;--flipbook-page-color: #ffffff;--flipbook-cover-color: #e8f7f9;--flipbook-back-cover-color: #30adc2;--flipbook-page-texture: radial-gradient(rgba(25,105,118,.055) .45px, transparent .55px);--flipbook-cover-texture: repeating-linear-gradient(88deg, transparent 0 5px, rgba(24,130,147,.035) 6px);--flipbook-back-cover-texture: none;--flipbook-page-ratio: .7353;--flipbook-spread-ratio: 1.4706;--flipbook-max-spread: 1040px}.happiness-catalogue-flipbook-root,.happiness-catalogue-flipbook-root *{box-sizing:border-box}.happiness-catalogue-flipbook-root{min-width:320px;min-height:100%;color:var(--flipbook-ink);font-family:Arial,sans-serif}.happiness-catalogue-flipbook-root button{font:inherit}.flipbook-room{min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;overflow:hidden;padding:24px 32px 20px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.68),transparent 35%),linear-gradient(135deg,#e8f3f4,#c8dde0);isolation:isolate}.flipbook-header{position:relative;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.flipbook-header h1{margin:0;font:500 10px/1 Arial,sans-serif}.flipbook-header span:last-child{justify-self:end;color:var(--flipbook-muted)}.flipbook-stage{position:relative;z-index:2;min-height:0;display:grid;place-items:center;perspective:1900px}.photo-book-rig{position:relative;z-index:4;width:min(82vw,calc((100svh - 150px) * var(--flipbook-spread-ratio)),var(--flipbook-max-spread));display:grid;place-items:center;transform:rotateX(5deg) rotate(-.18deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.1,1)}.is-turning .photo-book-rig{transform:rotateX(6.5deg) rotate(-.08deg) translateY(-.5%)}.photo-book{filter:drop-shadow(0 30px 22px rgba(47,42,32,.22));transition:filter .7s ease}.is-turning .photo-book{filter:drop-shadow(0 36px 28px rgba(47,42,32,.26))}.flipbook-ground-shadow{position:absolute;z-index:1;left:50%;top:57%;width:min(78vw,960px);height:130px;transform:translate(-50%,-50%);border-radius:50%;background:#3e372b2e;filter:blur(30px);transition:width .7s ease,filter .7s ease,opacity .7s ease}.is-turning .flipbook-ground-shadow{width:min(73vw,900px);filter:blur(36px);opacity:.78}.photo-leaf.stf__item{--leaf-color: var(--flipbook-page-color);--leaf-texture: var(--flipbook-page-texture);position:absolute;overflow:hidden;background:linear-gradient(90deg,rgba(70,64,52,.045),transparent 5%,transparent 94%,rgba(70,64,52,.075)),var(--leaf-color);border:1px solid rgba(70,64,52,.12);box-shadow:inset 0 0 22px #4640340a;color:var(--flipbook-ink)}.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:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:var(--leaf-texture)}.photo-leaf img{display:block;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}.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{position:absolute;z-index:2;inset:auto 8% 7%}.photo-leaf__copy p{margin:.4em 0 0}.photo-leaf__caption{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.flipbook-controls{position:relative;z-index:30;display:flex;justify-content:center;align-items:center;gap:16px}.flipbook-controls button{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(41,41,35,.18);border-radius:50%;background:#ffffff40;color:var(--flipbook-ink);cursor:pointer;font:24px/1 Georgia,serif;transition:transform .16s ease,background .16s ease,opacity .16s ease}.flipbook-controls button:hover:not(:disabled){transform:translateY(-2px);background:#ffffff8c}.flipbook-controls button:focus-visible{outline:2px solid #60665b;outline-offset:3px}.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{display:block;font-size:9px;letter-spacing:.12em}.flipbook-status small{display:block;margin-top:5px;font-size:8px;letter-spacing:.09em}@media (max-width: 720px){.flipbook-room{gap:8px;padding:18px 14px 14px}.flipbook-header{grid-template-columns:1fr 1fr}.flipbook-header h1{display:none}.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 (max-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}}