:root .sig--reg-report.sig { min-height: 440px; }
:root .sig--reg-report { container-type: inline-size; display: grid; place-items: center; background: radial-gradient(70% 70% at 50% 40%, rgba(161, 0, 255, .2), transparent 70%), #1c1a20; }
:root .sig--reg-report .rp { --pw: clamp(130px, 42cqi, 250px); position: relative; width: calc(var(--pw) * 2); height: calc(var(--pw) * 1.413); perspective: 1600px; }
:root .sig--reg-report .rp__book { position: absolute; inset: 0; transform-style: preserve-3d; transform: translateX(-25%) rotateX(8deg) rotateZ(-2deg); transition: transform 1.2s var(--ease-out); }
:root .sig--reg-report .open .rp__book { transform: rotateX(4deg); }
:root .sig--reg-report .rp__page, :root .sig--reg-report .rp__cover { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; }
:root .sig--reg-report .rp__page--r { padding: 9% 9% 7%; background: #fbfaf7; border-radius: 0 4px 4px 0; box-shadow: inset 14px 0 18px -14px rgba(0, 0, 0, .35), 0 30px 50px -24px rgba(0, 0, 0, .9); display: flex; flex-direction: column; gap: 9%; }
:root .sig--reg-report .rp__cover { transform-origin: left center; transform-style: preserve-3d; transition: transform 1.3s cubic-bezier(.6, .05, .25, 1); z-index: 2; }
:root .sig--reg-report .open .rp__cover { transform: rotateY(-178deg); }
:root .sig--reg-report .rp__front, :root .sig--reg-report .rp__back { position: absolute; inset: 0; backface-visibility: hidden; border-radius: 0 4px 4px 0; overflow: hidden; }
:root .sig--reg-report .rp__front { box-shadow: 0 30px 50px -22px rgba(0, 0, 0, .9); background: #fff; }
:root .sig--reg-report .rp__front img { width: 100%; height: 100%; object-fit: cover; display: block; }
:root .sig--reg-report .rp__front::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .18), transparent 8%, transparent 70%, rgba(255, 255, 255, .12)); }
:root .sig--reg-report .rp__back { transform: rotateY(180deg); border-radius: 4px 0 0 4px; background: #fbfaf7; box-shadow: inset -14px 0 18px -14px rgba(0, 0, 0, .35); padding: 9% 9% 7%; display: flex; flex-direction: column; gap: 5%; }
:root .sig--reg-report .rp__hl { display: block; height: 7%; width: 80%; border-radius: 2px; background: #233348; transform-origin: left; transform: scaleX(0); transition: transform .7s var(--ease-out); }
:root .sig--reg-report .rp__hl--s { width: 50%; height: 4%; background: #7ab547; transition-delay: .12s; }
:root .sig--reg-report .rp__ph { flex: 1; min-height: 30%; border-radius: 2px; background: #ddd center / cover no-repeat; clip-path: inset(0 100% 0 0); transition: clip-path 1s .2s var(--ease-out); }
:root .sig--reg-report .rp__lines, :root .sig--reg-report .rp__cols > div { display: grid; gap: 5px; align-content: start; }
:root .sig--reg-report .rp__lines i, :root .sig--reg-report .rp__cols i { display: block; height: 4px; border-radius: 2px; background: #c9cfd6; transform-origin: left; transform: scaleX(0); transition: transform .6s var(--ease-out); }
:root .sig--reg-report .rp__lines i.s, :root .sig--reg-report .rp__cols i.s { width: 60%; }
:root .sig--reg-report .rp__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; }
:root .sig--reg-report .rp__cols i:nth-child(2) { transition-delay: .05s; }
:root .sig--reg-report .rp__cols i:nth-child(3) { transition-delay: .1s; }
:root .sig--reg-report .rp__cols i:nth-child(4) { transition-delay: .15s; }
:root .sig--reg-report .rp__cols i:nth-child(5) { transition-delay: .2s; }
:root .sig--reg-report .rp__cols i:nth-child(6) { transition-delay: .25s; }
:root .sig--reg-report .rp__cols i:nth-child(7) { transition-delay: .3s; }
:root .sig--reg-report .built .rp__hl, :root .sig--reg-report .built .rp__lines i, :root .sig--reg-report .built .rp__cols i { transform: none; }
:root .sig--reg-report .built .rp__ph { clip-path: inset(0); }
:root .sig--reg-report .rp__chart { flex: 1; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8%; align-items: end; padding-bottom: 4%; border-bottom: 1px solid #c9cfd6; }
:root .sig--reg-report .rp__chart span { height: 100%; display: flex; align-items: flex-end; }
:root .sig--reg-report .rp__chart b { display: block; width: 100%; height: 100%; border-radius: 2px 2px 0 0; background: #233348; transform-origin: bottom; transform: scaleY(0); transition: transform .9s var(--ease-out); }
:root .sig--reg-report .rp__chart span:last-child b { background: #7ab547; }
:root .sig--reg-report .rp__chart span:nth-child(2) b { transition-delay: .08s; }
:root .sig--reg-report .rp__chart span:nth-child(3) b { transition-delay: .16s; }
:root .sig--reg-report .rp__chart span:nth-child(4) b { transition-delay: .24s; }
:root .sig--reg-report .rp__chart span:nth-child(5) b { transition-delay: .32s; }
:root .sig--reg-report .rp__fol { margin-top: auto; color: #8a93a0; font: 600 9px/1 var(--f-display); letter-spacing: .1em; }
:root .sig--reg-report .rp__page--r .rp__fol { text-align: right; }
:root .sig--reg-report .rp__shadow { position: absolute; left: 10%; right: 10%; bottom: -26px; height: 30px; border-radius: 50%; background: radial-gradient(closest-side, rgba(0, 0, 0, .6), transparent); filter: blur(4px); transform: translateX(-12%) scaleX(.6); transition: transform 1.2s var(--ease-out); }
:root .sig--reg-report .open .rp__shadow { transform: none; }