@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Montserrat:wght@400;600;700&display=swap");:root{--fbwc-purple:#a6226f;--fbwc-teal:#00a19a;--fbwc-dark:#2d2d2d;--fbwc-gray:#6c6c6c;--fbwc-light-gray:#f5f5f5;--paper:#fff;--accent:#a6226f;--accent-secondary:#00a19a;--tile-gap:4px;--tile-gap-color:#e8e8e8;--shadow:0 10px 30px rgba(166,34,111,.15)}*{box-sizing:border-box}.flipbook-module-container{background:var(--fbwc-light-gray);color:var(--fbwc-dark);font-family:Open Sans,sans-serif;margin:0;min-height:100vh;padding:0;position:relative}.stage{padding:32px 24px 48px;position:relative;z-index:1}.stage-header{display:block;margin:0 auto 20px;text-align:center}.stage-body{align-items:flex-start;display:flex;justify-content:center;width:100%}.book-panel{align-items:center;display:flex;flex:1;flex-direction:column;gap:16px;min-width:0;--panel-width:min(1200px,100%);margin:0 auto;max-width:100%;width:var(--panel-width)}.thumbs-header{color:var(--fbwc-purple);font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.thumbs-bar{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.08);max-width:100%;padding:14px 16px 16px;width:var(--panel-width)}.thumbs{display:flex;gap:12px;justify-content:center;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scroll-snap-type:x mandatory}.thumbs::-webkit-scrollbar{height:6px}.thumbs::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2)}.thumb{background:#fff;border:2px solid #e0e0e0;border-radius:4px;color:var(--fbwc-dark);cursor:pointer;display:grid;font-family:Open Sans,sans-serif;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.02em;padding:8px;scroll-snap-align:start;text-align:left;text-transform:none;transition:all .2s ease;width:220px}.thumb:hover{border-color:var(--fbwc-teal);box-shadow:0 2px 8px rgba(0,161,154,.2)}.thumb.loading{opacity:.7}.thumb-preview{display:grid;gap:2px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.thumb.single .thumb-preview{grid-template-columns:1fr}.thumb-preview-page,.thumb-preview-placeholder{aspect-ratio:5/3;border:1px solid #e0e0e0;border-radius:2px;display:block;width:100%}.thumb-preview-page{object-fit:cover}.thumb-preview-placeholder{background:#f3f5f6}.thumb.single{width:120px}.thumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb.active{background:rgba(166,34,111,.05);border-color:var(--fbwc-purple);box-shadow:0 0 0 2px var(--fbwc-purple)}.toolbar{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;letter-spacing:.02em;opacity:0;padding:16px 20px;pointer-events:none;text-transform:none;transition:opacity .25s ease;width:var(--panel-width)}.book-panel:focus-within .toolbar,.book-panel:hover .toolbar,.toolbar:focus-within{opacity:1;pointer-events:auto}@media (hover:none){.toolbar{opacity:1;pointer-events:auto}}.toolbar-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.toolbar button{background:var(--fbwc-purple);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:10px 16px;text-transform:none;transition:all .2s ease}.toolbar button:hover:not(:disabled){background:var(--fbwc-teal);box-shadow:0 2px 8px rgba(0,161,154,.3);transform:translateY(-1px)}.toolbar button:disabled{background:#ccc;cursor:not-allowed;opacity:.4}.page-indicator,.zoom-indicator{color:var(--fbwc-gray);font-family:Open Sans,sans-serif;font-size:.85rem;font-weight:600}.brand{color:var(--fbwc-purple);font-family:Montserrat,sans-serif;font-size:clamp(1.8rem,1.4rem + 1.6vw,2.8rem);font-weight:700;letter-spacing:.02em}.stage-hint{color:var(--fbwc-gray);font-size:.95rem;font-weight:400}.flipbook{box-shadow:var(--shadow);margin:0 auto;touch-action:pan-y}.book-shell{align-items:center;display:flex;justify-content:center;max-width:1240px;min-height:400px;overflow:hidden;position:relative;width:100%}.edge-nav{background:#fff;border:2px solid var(--fbwc-purple);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);color:var(--fbwc-purple);cursor:pointer;font-family:Open Sans,sans-serif;font-size:1.2rem;font-weight:700;height:44px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:44px;z-index:5}.edge-nav:hover:not(:disabled){background:var(--fbwc-purple);color:#fff;transform:translateY(-50%) scale(1.1)}.edge-nav.prev{left:0}.edge-nav.next{right:0}.edge-nav:disabled{cursor:not-allowed;opacity:.4}.flipbook-wrap{display:block;margin:0 auto;position:relative;transform:scale(var(--book-scale,1));transform-origin:center center;transition:transform .3s ease}.mobile-scroll-mode .edge-nav,.mobile-scroll-mode .thumbs-bar,.mobile-scroll-mode .toolbar{display:none}.mobile-scroll-mode .book-shell{max-width:520px;min-height:0;overflow:visible}.mobile-scroll-mode .flipbook-wrap{height:86vh;max-height:86vh;max-width:520px;overflow-x:hidden;overflow-y:auto;scroll-padding-bottom:0;scroll-padding-top:0;scroll-snap-type:y mandatory;width:100%;-webkit-overflow-scrolling:touch;transform:none;transition:none}.mobile-scroll-mode .flipbook{box-shadow:none;display:flex;flex-direction:column;gap:0;height:auto!important;padding:0;width:100%!important}.mobile-scroll-mode .flipbook .page{height:63vh!important;min-height:63vh;scroll-snap-align:start;width:100%!important}.mobile-scroll-mode .cover-media img,.mobile-scroll-mode .page-full img{background:transparent;object-fit:contain}.page{background:var(--paper);border:1px solid #cdd6dd;overflow:hidden;position:relative}.page:after{box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);content:"";inset:0;pointer-events:none;position:absolute}.cover-page{background:var(--fbwc-purple);color:#fff}.cover-media,.page-full{inset:0;position:absolute}.cover-media img,.page-full img{cursor:pointer;display:block;height:100%;object-fit:cover;width:100%}.page-cta{bottom:18px;display:flex;justify-content:center;left:0;padding:0 12px;pointer-events:none;position:absolute;right:0;z-index:4}.page-cta a{background:rgba(0,0,0,.65);border-radius:999px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.08em;line-height:1.2;padding:8px 16px;pointer-events:auto;text-decoration:none;text-transform:uppercase;transition:background .2s ease,transform .2s ease}.page-cta a:focus-visible,.page-cta a:hover{background:rgba(0,0,0,.8);transform:translateY(-1px)}.back-cover-hotspots,.image-hotspots,.page-hotspots{inset:0;pointer-events:none;position:absolute;z-index:6}.back-cover-hotspot,.image-hotspot,.page-hotspot{background:hsla(0,0%,100%,0);border-radius:4px;display:block;pointer-events:auto;position:absolute;transition:background .2s ease,box-shadow .2s ease}.back-cover-hotspot:focus-visible,.back-cover-hotspot:hover,.image-hotspot:focus-visible,.image-hotspot:hover,.page-hotspot:focus-visible,.page-hotspot:hover{background:hsla(0,0%,100%,.08);box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.65),0 0 0 2px rgba(0,0,0,.35)}.cover-title{bottom:80px;font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,2rem + 2vw,3.6rem);font-weight:700}.cover-subtitle,.cover-title{left:28px;letter-spacing:.02em;position:absolute;text-transform:none;z-index:1}.cover-subtitle{bottom:46px;color:hsla(0,0%,100%,.95);font-size:1.1rem;font-weight:400}.cover-subtitle,.cover-title{pointer-events:none}.lightbox{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);background:rgba(0,0,0,.6);cursor:pointer;display:none;inset:0;justify-content:center;overflow-y:auto;position:fixed;z-index:10000}.lightbox.active{display:flex}.lightbox-content{align-items:center;cursor:default;display:flex;justify-content:center;max-height:90vh;max-width:90vw;position:relative}.lightbox-content img{animation:zoomIn .3s ease;box-shadow:0 20px 60px rgba(0,0,0,.8);cursor:default;max-height:90vh;max-width:100%;object-fit:contain}.lightbox-nav{align-items:center;background:rgba(0,0,0,.3);border:2px solid hsla(0,0%,100%,.4);border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:2rem;height:52px;justify-content:center;line-height:1;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease,transform .2s ease,opacity .2s ease;width:52px;z-index:10001}.lightbox-nav.prev{left:24px}.lightbox-nav.next{right:24px}.lightbox-nav:hover:not(:disabled){background:rgba(166,34,111,.9);transform:translateY(-50%) scale(1.06)}.lightbox-nav:disabled{cursor:not-allowed;opacity:.35}.lightbox-nav[hidden]{display:none!important}@media (min-width:961px){.lightbox{align-items:flex-start;justify-content:center;padding:3vh 5vw}.lightbox-content{max-height:none;max-width:90vw;width:min(90vw,1800px)}.lightbox-content img{height:auto;max-height:none;max-width:90vw;object-fit:contain;width:100%}.lightbox-nav{display:flex}}.lightbox-close{align-items:center;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:32px;height:48px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:all .2s ease;width:48px;z-index:10001}.lightbox-close:hover{background:var(--fbwc-purple);border-color:var(--fbwc-purple);transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:960px){.stage-header{align-items:flex-start;flex-direction:column}.stage-hint{font-size:.85rem}.thumbs{justify-content:flex-start}.edge-nav.prev{left:-10px}.edge-nav.next{right:-10px}}@media (max-width:720px){.stage{padding:20px 12px 32px}.lightbox-close{font-size:28px;height:40px;right:10px;top:10px;width:40px}}