.opnzps-flipbook{width:min(1120px,calc(100vw - 30px));margin:55px 50% 65px;transform:translateX(-50%);padding:clamp(18px,4vw,42px);border:1px solid #c3a85f;border-radius:14px;color:#f4f0e6;background:radial-gradient(circle at 85% 15%,rgba(205,174,92,.2),transparent 29%),linear-gradient(145deg,#292d32,#181a1d 67%,#383122);box-shadow:0 35px 85px rgba(24,26,29,.28)}.flipbook-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:25px}.flipbook-head span{color:#d8bb71;font:800 10px/1 Bitter,serif;letter-spacing:.16em}.flipbook-head h2{max-width:700px;margin:10px 0 0;color:#fff;font-size:clamp(25px,4vw,46px)}.flipbook-head strong{color:#b7b2a8;font:500 15px Bitter,serif}.flipbook-head strong b{color:#efd58f;font-size:38px}.flipbook-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:14px;align-items:center}.flipbook-stage figure{position:relative;margin:0;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#111;perspective:1600px;box-shadow:0 25px 55px rgba(0,0,0,.42)}.flipbook-stage img{width:100%;height:100%;object-fit:cover;transform-origin:left center;backface-visibility:hidden}.flipbook-stage img.turn-next{animation:pageNext .42s cubic-bezier(.2,.7,.2,1)}.flipbook-stage img.turn-prev{transform-origin:right center;animation:pagePrev .42s cubic-bezier(.2,.7,.2,1)}.page-shadow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 13%,transparent 84%,rgba(0,0,0,.18))}.flip-arrow{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(225,195,119,.64);border-radius:50%;background:rgba(255,255,255,.04);cursor:pointer;transition:.2s}.flip-arrow:hover{background:#dec57e;transform:scale(1.08)}.flip-arrow i{width:10px;height:10px;border-top:2px solid #f1d99a;border-right:2px solid #f1d99a;transform:rotate(45deg)}.flip-arrow.prev i{transform:rotate(225deg)}.flip-arrow:hover i{border-color:#25282c}.flipbook-foot{display:grid;grid-template-columns:1fr auto;gap:10px 25px;align-items:center;margin-top:20px}.flipbook-progress{height:2px;background:rgba(255,255,255,.14)}.flipbook-progress i{display:block;width:9.09%;height:100%;background:#dfc476;transition:width .35s}.flipbook-foot p{grid-row:2;margin:0;color:#aaa;font-size:11px}.flipbook-foot a{grid-column:2;grid-row:1/3;padding:12px 17px;border:1px solid #d8bb71;border-radius:7px;color:#f0d997;text-decoration:none;font:800 11px Bitter,serif;letter-spacing:.06em}.flipbook-foot a:hover{color:#26292d;background:#e5cf91}@keyframes pageNext{0%{transform:rotateY(0);filter:brightness(1)}48%{transform:rotateY(-86deg);filter:brightness(.45)}49%{opacity:0}50%{transform:rotateY(72deg);opacity:0}100%{transform:rotateY(0);opacity:1;filter:brightness(1)}}@keyframes pagePrev{0%{transform:rotateY(0)}48%{transform:rotateY(86deg);filter:brightness(.45)}49%{opacity:0}50%{transform:rotateY(-72deg);opacity:0}100%{transform:rotateY(0);opacity:1}}@media(max-width:650px){.opnzps-flipbook{padding:16px 10px 20px}.flipbook-head{align-items:start}.flipbook-head strong{display:none}.flipbook-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px}.flip-arrow{width:34px;height:34px}.flipbook-foot{display:grid}.flipbook-foot a{grid-column:1/-1;grid-row:auto;text-align:center}.flipbook-foot p{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.flipbook-stage img.turn-next,.flipbook-stage img.turn-prev{animation:none}}