@property --register-sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.register{--med:46px;--gap:24px;max-width:1000px;margin:0 auto;position:relative}.register-caption{font:300 11px/1 var(--face-caption);letter-spacing:.16em;text-transform:uppercase;color:var(--graphite);align-items:center;gap:16px;margin:0 0 6px;display:flex}.register-caption-rule{background:color-mix(in srgb, var(--graphite) 40%, transparent);transform-origin:0;height:1px;transition:transform 1.2s var(--ease-out-expo);flex:1;position:relative}.register-caption-rule:before,.register-caption-rule:after{content:"";background:color-mix(in srgb, var(--graphite) 70%, transparent);width:1px;height:9px;position:absolute;top:-4px}.register-caption-rule:before{left:0}.register-caption-rule:after{right:0}.register-body{position:relative}.register-rows{margin:0;padding:0;list-style:none}.register-rail{top:0;bottom:0;left:calc(var(--med) / 2);background:color-mix(in srgb, var(--graphite) 32%, transparent);transform-origin:top;width:1px;transition:transform 1.4s var(--ease-out-expo);pointer-events:none;position:absolute}.register-rail:before,.register-rail:after{content:"";background:color-mix(in srgb, var(--graphite) 60%, transparent);width:11px;height:1px;position:absolute;left:-5px}.register-rail:before{top:0}.register-rail:after{bottom:0}.register-lit{background:var(--gold);width:2px;box-shadow:0 0 6px color-mix(in srgb, var(--gold-lit) 70%, transparent);transform-origin:top;position:absolute;top:0;bottom:0;left:-.5px}.register-travel{opacity:0;position:absolute;inset:0}.register-travel i{background:var(--porcelain);width:11px;height:11px;box-shadow:0 0 0 1px var(--gold), 0 0 10px color-mix(in srgb, var(--gold-lit) 80%, transparent);position:absolute;top:-5px;left:-5px;transform:rotate(45deg)}.register-travel i:after{content:"";background:var(--signal);border-radius:50%;position:absolute;inset:3px}.motion-ready:not(.motion-fallback) .register-lit{transform:scaleY(var(--progress,0))}.motion-ready:not(.motion-fallback) .register-travel{opacity:1;transform:translateY(calc(var(--progress,0) * 100%));transition:opacity .6s var(--ease-out-expo)}.register-row{transition:opacity .8s var(--ease-out-expo) calc(min(var(--i), 10) * 90ms), transform 1s var(--ease-out-expo) calc(min(var(--i), 10) * 90ms);position:relative}.register-row:after{content:"";left:calc(var(--med) + var(--gap));background:var(--hairline);height:1px;position:absolute;bottom:0;right:0}.register-row:before{content:"";left:calc(var(--med) + var(--gap));background:var(--gold);width:1px;height:7px;position:absolute;bottom:-3px}.register-line{grid-template-columns:var(--med) minmax(0, max-content) minmax(36px, 1fr) auto 30px;align-items:center;column-gap:var(--gap);color:var(--ink);outline-offset:6px;padding:22px 0;text-decoration:none;display:grid;position:relative}.register-line:after{content:"";left:calc(var(--med) + var(--gap));z-index:1;background:linear-gradient(to right, var(--gold), var(--gold-lit) 70%, color-mix(in srgb, var(--gold) 0%, transparent));clip-path:inset(0 100% 0 0);height:1px;transition:clip-path .8s var(--ease-out-expo);position:absolute;bottom:0;right:0}.register-medallion{z-index:1;width:var(--med);height:var(--med);background:radial-gradient(circle at 34% 28%, var(--glaze), var(--porcelain) 72%);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 80%, transparent), 0 0 0 4px var(--porcelain), 0 8px 18px -12px color-mix(in srgb, var(--ink) 50%, transparent);--draw-delay:calc(.1s + min(var(--i), 10) * 90ms);transition:transform .18s var(--ease-out-expo), scale 1s var(--ease-out-expo) var(--draw-delay), rotate 1s var(--ease-out-expo) var(--draw-delay), opacity .8s var(--ease-out-expo) var(--draw-delay);border-radius:50%;place-items:center;display:grid;position:relative}.register-medallion:after{content:"";border:1px solid var(--gold);-webkit-mask:conic-gradient(from -90deg, #000 var(--register-sweep), transparent var(--register-sweep));-webkit-mask:conic-gradient(from -90deg, #000 var(--register-sweep), transparent var(--register-sweep));mask:conic-gradient(from -90deg, #000 var(--register-sweep), transparent var(--register-sweep));transition:--register-sweep .9s var(--ease-out-expo);border-radius:50%;position:absolute;inset:-8px}.register-medallion .numeral{font-size:13px}.register-medallion .numeral.is-figure{letter-spacing:.06em;font-size:12px}.register-title{min-width:0;transition:transform .7s var(--ease-out-expo)}.register[data-face=display] .register-title{font:400 clamp(16px, 1.45vw, 20px)/1.3 var(--face-display);letter-spacing:.07em;text-transform:uppercase}.register[data-face=body] .register-title{font:500 clamp(17px, 1.4vw, 20px)/1.4 var(--face-body)}.register-leader{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--graphite) 60%, transparent) .9px, transparent 1.3px) 0 0 / 7px 2px repeat-x;clip-path:inset(0);height:2px;transition:clip-path 1.1s var(--ease-out-expo) calc(.25s + min(var(--i), 10) * 90ms);position:relative;transform:translateY(1px)}.register-leader:after{content:"";background:radial-gradient(circle at 1px 1px, var(--gold) 1.1px, transparent 1.5px) 0 0 / 7px 2px repeat-x;clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--ease-out-expo);position:absolute;inset:0}.register-meta{font:400 11.5px/1.3 var(--face-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);white-space:nowrap;transition:color .5s var(--ease-out-expo)}.register-text{max-width:64ch;color:var(--graphite);font:400 15.5px/1.6 var(--face-body);letter-spacing:0;text-transform:none;grid-area:2/2/auto/-1;margin-top:8px}.register-pointer{width:30px;height:12px;display:block}.register-pointer svg{fill:none;width:100%;height:100%;display:block;overflow:visible}.register-pointer-tick{stroke:color-mix(in srgb, var(--graphite) 60%, transparent);stroke-width:1px}.register-pointer-arm{opacity:0;transition:opacity .5s var(--ease-out-expo), transform .7s var(--ease-out-expo);transform:translate(-12px)}.register-pointer-arm path{stroke:var(--gold);stroke-width:1.2px}.register-pointer-arm circle{fill:var(--signal)}@media (hover:hover){a.register-line:hover .register-leader:after,a.register-line:hover:after{clip-path:inset(0)}a.register-line:hover .register-medallion:after{--register-sweep:360deg}a.register-line:hover .register-pointer-arm{opacity:1;transform:none}a.register-line:hover .register-meta{color:var(--ink)}a.register-line:hover .register-title{transform:translate(6px)}.register-line.is-still:hover:after{clip-path:inset(0);background:linear-gradient(to right, color-mix(in srgb, var(--graphite) 70%, transparent), color-mix(in srgb, var(--graphite) 0%, transparent))}.register-line.is-still:hover .register-medallion:after{--register-sweep:360deg;border-color:color-mix(in srgb, var(--graphite) 55%, transparent)}}a.register-line:focus-visible .register-leader:after,a.register-line:focus-visible:after{clip-path:inset(0)}a.register-line:focus-visible .register-medallion:after{--register-sweep:360deg}a.register-line:focus-visible .register-pointer-arm{opacity:1;transform:none}a.register-line:active .register-medallion{transform:scale(.94)}.register[data-columns="2"] .register-rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,72px);display:grid}.register[data-columns="2"] .register-rail{display:none}.register[data-columns="2"] .register-line:before{content:"";left:calc(var(--med) / 2);background:color-mix(in srgb, var(--graphite) 32%, transparent);width:1px;position:absolute;top:0;bottom:0}.motion-ready:not(.motion-fallback) .register:not(.is-drawn) .register-rail{transform:scaleY(0)}.motion-ready:not(.motion-fallback) .register:not(.is-drawn) .register-caption-rule{transform:scaleX(0)}.motion-ready:not(.motion-fallback) .register:not(.is-drawn) .register-row{opacity:0;transform:translateY(14px)}.motion-ready:not(.motion-fallback) .register:not(.is-drawn) .register-medallion{opacity:0;rotate:-90deg;scale:.6}.motion-ready:not(.motion-fallback) .register:not(.is-drawn) .register-leader{clip-path:inset(0 100% 0 0)}@media (width<=899px){.register{--med:38px;--gap:16px}.register-line{grid-template-columns:var(--med) minmax(0, 1fr) 26px;grid-template-rows:auto auto;row-gap:6px;padding:18px 0}.register-medallion{grid-row:1/span 2}.register-title{grid-area:1/2}.register-meta{white-space:normal;grid-area:2/2}.register-leader{display:none}.register-pointer{grid-area:1/3/span 2;width:26px}.register-text{grid-area:3/2/auto/-1;margin-top:2px;font-size:15px}.register[data-columns="2"] .register-rows{grid-template-columns:minmax(0,1fr)}.register-medallion:after{inset:-6px}}@media (width<=899px) and (hover:none){.register-pointer-arm{opacity:.85;transform:none}}@media (prefers-reduced-motion:reduce){.register-row,.register-rail,.register-caption-rule,.register-medallion,.register-medallion:after,.register-title,.register-leader,.register-leader:after,.register-line:after,.register-pointer-arm,.register-travel{transition:none}}