.movement_wrap {--ink: #eef0f3; --mute: rgba(226, 231, 239, 0.62); --faint: rgba(226, 231, 239, 0.2);
  --display: 'RO Display', 'Iowan Old Style', Georgia, serif; --text: 'RO Text', 'Helvetica Neue', Arial, sans-serif;
  --gut: clamp(16px, 3.2vw, 48px);
  position: relative; margin-top: -100vh; height: calc(100vh + var(--mv-total, 880) * 1vh); background: none; color: var(--ink); font-family: var(--text); -webkit-font-smoothing: antialiased; }
.movement_wrap .movement_contain {position: relative; height: 100%; }
.movement_wrap .movement_stage {position: sticky; top: 0; height: 100vh; overflow: clip; visibility: hidden; transform: translateY(var(--hold, 0px)); }
.movement_wrap .movement_host {position: absolute; inset: 0; background: #04060a; }
.movement_wrap .movement_host canvas {position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.movement_wrap .movement_marks {position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.movement_wrap .movement_layer {position: absolute; inset: 0; padding: calc(var(--gut) + 64px) var(--gut) calc(var(--gut) + 44px); display: flex; flex-direction: column; justify-content: center; opacity: 0; visibility: hidden; pointer-events: none; }
.movement_wrap .movement_layer::before {content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(4, 6, 10, 0.8) 0%, rgba(4, 6, 10, 0.5) 30%, rgba(4, 6, 10, 0) 56%); }
.movement_wrap .movement_layer {isolation: isolate; }
.movement_wrap .movement_layer > * {max-width: min(500px, 36vw); }
.movement_wrap .movement_no {margin: 0 0 22px; font-size: 13px; color: var(--mute); display: flex; gap: 12px; }
.movement_wrap .movement_no b {color: var(--ink); font-weight: 500; font-variant-numeric: tabular-nums; }
.movement_wrap .movement_h2 {margin: 0 0 clamp(12px, 2.4vh, 24px); font: 300 clamp(38px, min(5.2vw, 8.4vh), 94px) / 0.94 var(--display); font-variation-settings: 'opsz' 72; letter-spacing: -0.04em; }
.movement_wrap .movement_body {margin: 0; font-size: clamp(14.5px, min(1.1vw, 2vh), 16px); line-height: 1.55; color: var(--mute); max-width: 40ch; }
.movement_wrap .movement_specs {margin: clamp(14px, 3vh, 30px) 0 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 clamp(10px, 1.2vw, 18px); max-width: min(440px, 34vw); }
.movement_wrap .movement_specs div {display: flex; flex-direction: column; gap: 6px; }
.movement_wrap .movement_specs dt {font-size: 12px; color: var(--mute); }
.movement_wrap .movement_specs dd {margin: 0; white-space: nowrap; font: 300 clamp(22px, 2.1vw, 34px) / 1 var(--display); font-variant-numeric: lining-nums tabular-nums; letter-spacing: -0.03em; }
.movement_wrap .movement_specs small {font: 400 12px var(--text); color: var(--mute); margin-left: 3px; letter-spacing: 0; }
.movement_wrap .movement_hold {margin: 30px 0 0; display: flex; align-items: center; gap: 18px; pointer-events: auto; }
.movement_wrap .movement_hold span {font: 300 30px var(--display); font-variant-numeric: lining-nums tabular-nums; }
.movement_wrap .movement_btn {appearance: none; border: 1px solid var(--faint); background: rgba(4, 6, 10, 0.5); color: var(--ink); font: 500 14px var(--text); padding: 14px 20px; border-radius: 999px; cursor: pointer; touch-action: none; user-select: none; -webkit-user-select: none; transition: background 0.25s, color 0.25s, border-color 0.25s; }
.movement_wrap .movement_btn:hover {border-color: var(--ink); }
.movement_wrap .movement_btn.is-down, .movement_wrap .movement_btn.is-on {background: var(--ink); color: #04060a; border-color: var(--ink); }
.movement_wrap .movement_jewels {margin: clamp(12px, 2.6vh, 28px) 0 0; font: 300 clamp(48px, min(6vw, 10vh), 108px) / 0.9 var(--display); font-variant-numeric: lining-nums tabular-nums; letter-spacing: -0.04em; color: #ff5a7e; }
.movement_wrap .movement_jewels small {font: 400 15px var(--text); color: var(--mute); margin-left: 10px; letter-spacing: 0; }
.movement_wrap .movement_table {margin: 8px 0 0; border-collapse: collapse; font-variant-numeric: lining-nums tabular-nums; width: min(420px, 100%); }
.movement_wrap .movement_table th, .movement_wrap .movement_table td {text-align: left; padding: clamp(5px, 1vh, 9px) 18px clamp(5px, 1vh, 9px) 0; border-bottom: 1px solid var(--faint); font-size: 14px; font-weight: 400; }
.movement_wrap .movement_table thead th {font: 300 30px / 1 var(--display); letter-spacing: -0.02em; border-bottom-color: var(--mute); vertical-align: bottom; }
.movement_wrap .movement_table thead th small {display: block; font: 400 12px var(--text); color: var(--mute); margin-top: 6px; letter-spacing: 0; }
.movement_wrap .movement_table tbody th {color: var(--mute); font-size: 13px; }
.movement_wrap .movement_pick {margin: 24px 0 0; display: flex; gap: 10px; flex-wrap: wrap; pointer-events: auto; }
.movement_wrap .movement_src {margin: 16px 0 0; font-size: 11.5px; color: var(--mute); }
.movement_wrap .movement_call, .movement_wrap .movement_bp, .movement_wrap .movement_dim, .movement_wrap .movement_twin {opacity: 0; transition: opacity 0.2s steps(2); }
.movement_wrap .movement_call.is-on, .movement_wrap .movement_bp.is-on, .movement_wrap .movement_dim.is-on, .movement_wrap .movement_twin.is-on {opacity: 1; }
.movement_wrap .movement_call circle {fill: none; stroke: var(--ink); stroke-width: 1.2; }
.movement_wrap .movement_call line {stroke: rgba(238, 240, 243, 0.6); stroke-width: 1; }
.movement_wrap .movement_call_t {fill: var(--ink); font: 500 13px var(--text); paint-order: stroke fill; stroke: rgba(4, 6, 10, 0.9); stroke-width: 5px; stroke-linejoin: round; }
.movement_wrap .movement_call_s {fill: rgba(232, 236, 244, 0.85); font: 400 12px var(--text); paint-order: stroke fill; stroke: rgba(4, 6, 10, 0.9); stroke-width: 5px; stroke-linejoin: round; }
.movement_wrap .movement_bp_ring {fill: none; stroke: rgba(196, 214, 255, 0.95); stroke-width: 1.3; stroke-dasharray: 1; }
.movement_wrap .movement_bp_lead {stroke: rgba(214, 226, 255, 0.7); stroke-width: 1; }
.movement_wrap .movement_bp text {fill: #f2f5ff; font: 500 13px var(--text); paint-order: stroke fill; stroke: rgba(4, 6, 10, 0.92); stroke-width: 5px; stroke-linejoin: round; }
.movement_wrap .movement_dim line {stroke: #aac4ff; stroke-width: 1; stroke-dasharray: 1; }
.movement_wrap .movement_dim text {fill: #f2f5ff; font: 500 13px var(--text); text-anchor: middle; paint-order: stroke fill; stroke: rgba(4, 6, 10, 0.92); stroke-width: 5px; }
.movement_wrap .movement_twin {fill: var(--ink); font: 400 13px var(--text); text-anchor: middle; }
@media (max-width: 767px), (max-aspect-ratio: 9/10) {.movement_wrap .movement_layer::before {background: linear-gradient(0deg, rgba(4, 6, 10, 0.92) 0%, rgba(4, 6, 10, 0.8) 40%, rgba(4, 6, 10, 0) 66%); }
.movement_wrap .movement_layer {padding: 72px 16px 64px; justify-content: flex-end; }
.movement_wrap .movement_layer > * {max-width: 100%; }
.movement_wrap .movement_h2 {font-size: clamp(38px, 11vw, 54px); margin-bottom: 14px; }
.movement_wrap .movement_body {font-size: 14.5px; }
.movement_wrap .movement_specs {grid-template-columns: repeat(3, auto); gap: 12px 18px; margin-top: 18px; }
.movement_wrap .movement_specs dd {font-size: 24px; }
.movement_wrap .movement_jewels {font-size: 54px; margin-top: 14px; }
.movement_wrap .movement_table th, .movement_wrap .movement_table td {padding: 6px 12px 6px 0; font-size: 12.5px; }
.movement_wrap .movement_table thead th {font-size: 22px; }
.movement_wrap .movement_layer.is-then .movement_h2 {display: none; }
.movement_wrap .movement_bp text {font-size: 11px; }
}

@media (max-height: 760px) and (min-aspect-ratio: 9/10) {.movement_wrap .movement_layer.is-then .movement_h2 {font-size: clamp(34px, 6.4vh, 56px); } .movement_wrap .movement_pick {margin-top: 14px; } .movement_wrap .movement_table thead th {font-size: 24px; } }
.movement_wrap :focus-visible {outline: 2px solid currentColor; outline-offset: 4px; border-radius: 3px; }
@media (prefers-reduced-motion: reduce) {.movement_wrap *, .movement_wrap *::before, .movement_wrap *::after {transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}
/* pulled up over the history's last page: only the buttons take taps */
.movement_wrap {pointer-events: none; }
.movement_wrap .movement_btn {pointer-events: auto; }