.urw-card-flipbook { --ink:#143f35; --accent:#ff5652; font-family:inherit; margin:0 auto; max-width:1100px; }
.urw-card-stage { background:transparent; cursor:grab; margin:0 auto; max-width:100%; overflow:hidden; perspective:1800px; position:relative; touch-action:none; width:min(100%, 58vh); }
.urw-card-stage.is-cover { aspect-ratio:1190 / 842; width:min(100%, 1100px); }
.urw-card-stage:not(.is-cover) { aspect-ratio:1190 / 1684; }
.urw-card-stage.is-dragging { cursor:grabbing; }
.urw-card-stage:focus-visible, .urw-card-button:focus-visible, .urw-card-icon:focus-visible { outline:3px solid #8abb1e; outline-offset:4px; }
.urw-card-cover, .urw-card-spread { height:100%; inset:0; position:absolute; width:100%; }
.urw-card-cover { align-items:center; display:flex; justify-content:center; }
.urw-card-cover img { display:block; height:100%; max-height:86vh; max-width:100%; object-fit:contain; width:auto; }
.urw-card-spread { display:none; transform-origin:center center; }
.urw-card-stage:not(.is-cover) .urw-card-spread { display:block; }
.urw-card-stage:not(.is-cover) .urw-card-cover { display:none; }
.urw-card-half { align-items:center; background:#fff; display:flex; height:50%; justify-content:center; left:0; overflow:hidden; position:absolute; width:100%; }
.urw-card-top { top:0; }
.urw-card-bottom { bottom:0; }
.urw-card-half img { display:block; height:100%; object-fit:contain; width:100%; }
.urw-card-leaf { height:50%; left:0; position:absolute; top:50%; transform-origin:center top; transform-style:preserve-3d; width:100%; z-index:3; }
.urw-card-face { backface-visibility:hidden; height:100%; inset:0; position:absolute; width:100%; }
.urw-card-face img { background:#fff; display:block; height:100%; object-fit:contain; width:100%; }
.urw-card-back { transform:rotateX(180deg); }
.urw-card-leaf.is-turning { animation:urw-card-turn 850ms cubic-bezier(.2,.72,.18,1) forwards; }
@keyframes urw-card-turn { 0% { transform:rotateX(0deg); } 44% { transform:rotateX(-72deg); } 100% { transform:rotateX(-180deg); } }
.urw-card-stage.is-opening .urw-card-cover { animation:urw-card-open 560ms ease-in forwards; }
@keyframes urw-card-open { to { opacity:0; transform:translateY(-105%); } }
.urw-card-controls { align-items:center; display:flex; gap:12px; justify-content:flex-start; margin-top:22px; }
.urw-card-button, .urw-card-icon { background:#fff; border:2px solid var(--ink); border-radius:0; color:var(--ink); cursor:pointer; font:inherit; font-weight:700; }
.urw-card-button { padding:11px 18px; }
.urw-card-button:hover:not(:disabled), .urw-card-icon:hover { background:var(--ink); color:#fff; }
.urw-card-button:disabled { cursor:not-allowed; opacity:.4; }
.urw-card-zoom { display:flex; gap:0; margin-left:auto; }
.urw-card-icon { min-height:44px; min-width:44px; padding:0 10px; }
.urw-card-icon + .urw-card-icon { border-left:0; }
.urw-card-download { background:var(--accent); color:#fff !important; display:inline-block; font:inherit; font-size:1.25rem; font-weight:700; margin-top:28px; padding:16px 34px; text-decoration:none; text-transform:uppercase; }
.urw-card-download:hover { background:#df413e; }
@media (max-width:600px) { .urw-card-stage:not(.is-cover) { width:100%; } .urw-card-controls { flex-wrap:wrap; } .urw-card-zoom { margin-left:0; } .urw-card-download { font-size:1rem; padding:14px 18px; } }
@media (prefers-reduced-motion:reduce) { .urw-card-leaf.is-turning, .urw-card-stage.is-opening .urw-card-cover { animation-duration:1ms; } }