.catalog-wrapper{perspective:3000px;z-index:10;-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;min-height:750px;font-family:Manrope,sans-serif;display:flex;position:relative}.ref-section{z-index:5;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;max-width:none;margin-top:-3rem;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);scroll-margin-top:-28rem;display:flex;position:relative;overflow:visible;padding-top:8rem!important}.references-header{text-align:center;flex-direction:column;align-items:center;gap:2rem;margin-bottom:5rem;display:flex}.references-badge{letter-spacing:.1em;text-transform:uppercase;color:#181818;border:1px solid #e5e5e5;border-radius:999px;padding:.8rem 1.5rem;font-size:12px;font-weight:700}.references-title{color:#181818;letter-spacing:-2px;max-width:800px;font-size:4rem;font-weight:800;line-height:1.1}.references-title span{color:var(--accent-blue);display:block}.ref-section .catalog-wrapper{max-content:100%;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex;position:relative;overflow:visible}.book-stage{--book-width:550px;width:min(1200px,100vw - 40px);height:800px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.ref-section .book{margin:0 auto}.syne{letter-spacing:.02em;text-transform:uppercase;font-family:Outfit,sans-serif;font-weight:800!important}.book{width:550px;height:750px;transform-style:preserve-3d;cursor:pointer;transform-origin:50%;border-radius:4px 12px 12px 4px;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 30px 60px #0d102226,0 10px 20px #007cff0d}.page{transform-origin:0;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform 1.6s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.page-content{backface-visibility:hidden;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background:var(--page-bg);border:1px solid #0d10220d;border-left-color:#0d102226;border-radius:2px 12px 12px 2px;flex-direction:column;justify-content:center;padding:30px;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(0);box-shadow:inset -3px 0 10px #00000005,inset 0 0 30px #00000008,5px 5px 15px #0d102214}.catalog-badge{color:var(--primary-blue);letter-spacing:.12em;text-transform:uppercase;z-index:30;backface-visibility:hidden;background:#007cff14;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;position:absolute;top:18px;left:50%;transform:translate(-50%)translateZ(2px);box-shadow:0 8px 20px #007cff0f}@media (max-width:768px){.catalog-badge{padding:6px 12px;font-size:11px;top:10px}}@media (max-width:480px){.catalog-badge{background:#007cff0f;margin-bottom:6px;position:static;transform:none}}.page-back{background:var(--page-bg);border-left:1px solid #0d10220d;border-right:1px solid #0d102226;border-radius:12px 2px 2px 12px;transform:rotateY(180deg)translateZ(1px);box-shadow:inset -3px 0 10px #00000005,inset 0 0 30px #0000000a}.page.flipped{transform:rotateY(-180deg)}.text-navy{color:var(--dark-navy)}.text-blue{color:var(--accent-blue)}.bg-blue-accent{background-color:var(--accent-blue)}.spine-fold{pointer-events:none;z-index:10;background:linear-gradient(90deg,#0d10221f 0%,#0d102208 15%,#fff9 30%,#fff0 100%);width:80px;position:absolute;top:0;bottom:0;left:0}.page-back .spine-fold{background:linear-gradient(270deg,#0d102226 0%,#0d10220d 15%,#ffffff80 30%,#fff0 100%);left:auto;right:0}.editoryal-layout{text-align:left;flex-direction:column;justify-content:center;height:100%;padding:0 10px;display:flex}.img-container{aspect-ratio:11/6;background:#e0e0e0;border-radius:0;width:100%;margin-bottom:1.5rem;transition:box-shadow .3s;display:block;overflow:hidden;box-shadow:8px 8px 20px #0d10221f}.img-container:hover{box-shadow:12px 12px 28px #0d10222e}.img-container img{object-fit:cover;object-position:center top;filter:contrast(1.02)brightness();transform-origin:top;width:100%;height:100%;transition:transform 1.5s}.img-container img[src*="/p1/"]{filter:contrast(1.02)brightness(1.18)}.img-container:hover img{transform:scale(1.03)}@media (max-width:500px){.book{width:280px;height:420px}.page-content{padding:20px}.editoryal-layout h2{font-size:24px}.img-container{margin-bottom:1rem}}.page-action{letter-spacing:.02em;cursor:pointer;margin-top:10px;font-weight:700;text-decoration:underline;display:inline-block}.page-action:hover{opacity:.9}@media (max-width:380px){.book{width:240px;height:360px}.page-content{padding:15px}}.hint{color:var(--dark-navy);letter-spacing:3px;text-transform:uppercase;z-index:10;background:#ffffffb3;border-radius:20px;margin-top:50px;padding:10px 20px;font-size:13px;font-weight:800;animation:2.5s infinite pulse;position:relative}@media (max-width:768px){.hint{margin-top:100px}}.book-viewport{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.book-nav-container{pointer-events:none;z-index:200;width:100%;height:100%;position:absolute;top:0;left:0}.book-nav-buttons{opacity:0;pointer-events:none;z-index:200;align-items:center;gap:20px;transition:opacity .4s,transform .4s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.book-nav-buttons.visible{opacity:1;pointer-events:auto}.book-nav-buttons.left{left:-70px}.book-nav-buttons.right{right:-70px}.nav-btn{color:#fff;cursor:pointer;background:#1e73ff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 6px 18px #1e73ff2e}.nav-btn:hover{transform:scale(1.06);box-shadow:0 6px 16px #0070f34d}.nav-btn:active{transform:scale(.95)}.nav-btn i{width:20px;height:20px}@media (max-width:1024px){.book-stage{--book-width:450px;width:min(760px,100vw - 80px)}.book-nav-buttons.left{left:-56px}.book-nav-buttons.right{right:-56px}}@media (max-width:768px){.references-title{font-size:2.5rem}.ref-section{scroll-margin-top:-14rem;padding-top:5rem!important}.references-header{margin-bottom:2rem}.book-nav-container{pointer-events:auto;justify-content:center;align-items:center;gap:40px;height:auto;display:flex;top:auto;bottom:-80px}.book-nav-buttons{opacity:0;pointer-events:none;width:auto;display:none;position:static;transform:none}.book-nav-buttons.visible{opacity:1;pointer-events:auto;display:flex}.book-stage{width:340px;height:510px;overflow:visible}.book{width:340px;height:510px}.book-viewport{overflow:visible}}@media (max-width:500px){.book-stage{--book-width:320px;width:320px;height:480px}.book{width:320px;height:480px}.nav-btn{width:44px;height:44px}}@media (max-width:380px){.book-stage{--book-width:280px;width:280px;height:420px}.book{width:280px;height:420px}}