.hero-art{z-index:4;perspective:none;width:45%;height:500px;top:0;right:0}.badge-scene{perspective:1200px;isolation:isolate;place-items:center;width:100%;height:100%;display:grid;position:relative}.badge-orbit{border:1px solid #c2f74f18;border-radius:50%;width:400px;height:400px;position:absolute;transform:rotateX(53deg)rotate(-28deg);box-shadow:0 0 0 45px #c2f74f04,0 0 0 46px #c2f74f10}.badge-coordinate{writing-mode:vertical-rl;font:8px var(--display);letter-spacing:2px;color:var(--muted);position:absolute;top:100px;right:0}.badge-crosshair{color:#69744f;font-size:20px;font-weight:300;position:absolute}.crosshair-top{top:15%;left:10%}.crosshair-bottom{bottom:17%;right:7%}.badge-rig{width:286px;height:380px;transform-style:preserve-3d;will-change:transform;margin-top:35px;position:relative;transform:rotate(-7deg)}.badge-lanyard{transform-origin:bottom;background:repeating-linear-gradient(90deg,#1d2218 0 1px,#292f20 1px 3px);border:1px solid #596241;width:35px;height:190px;position:absolute;bottom:calc(100% + 17px);left:calc(50% - 17px);overflow:hidden;transform:rotate(8deg);box-shadow:inset 2px 0 3px #9dad7140,5px 0 10px #0006}.badge-lanyard span{writing-mode:vertical-rl;color:var(--lime);font:8px var(--display);letter-spacing:3px;white-space:nowrap;margin-top:5px;margin-left:11px}.badge-clip{z-index:2;background:linear-gradient(100deg,#242720,#d5d9cc 45%,#4a5140);border:7px solid #959d88;border-radius:9px;width:38px;height:52px;position:absolute;top:-37px;left:calc(50% - 19px);box-shadow:inset 0 1px 4px #000,2px 2px 5px #0008}.badge-flipper{width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,.7,.22,1);position:relative}.badge-flipper.is-flipped{transform:rotateY(180deg)}.badge-face{backface-visibility:hidden;transform-style:preserve-3d;border:1px solid #aab29a;border-radius:15px;position:absolute;inset:0;overflow:hidden;box-shadow:1px 1px #d5dcc9,3px 3px #545d45,5px 5px #282c23,18px 24px 40px #0009}.badge-front{color:#1a2117;background:#e9ece0;padding:22px 17px 12px;transform:translateZ(1px)}.badge-topline{font:6px var(--display);letter-spacing:.7px;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.badge-chip{align-items:center;gap:4px;font-size:5px;display:flex}.badge-chip i{background:#537c25;border-radius:50%;width:4px;height:4px}.badge-portrait{height:173px;color:var(--lime);background:#20281b;border:1px solid #414c31;position:relative;overflow:hidden}.portrait-grid{background-image:linear-gradient(#b1c87d12 1px,#0000 1px),linear-gradient(90deg,#b1c87d12 1px,#0000 1px);background-size:15px 15px;position:absolute;inset:0}.portrait-index{font:6px var(--display);letter-spacing:1px;position:absolute;top:10px;left:10px}.portrait-monogram{font:700 96px var(--display);letter-spacing:-13px;position:absolute;top:18px;left:35px;transform:rotate(-8deg)}.portrait-monogram>span{color:#0000;-webkit-text-stroke:1px var(--lime)}.portrait-monogram>b{font-size:33px;font-weight:400;position:absolute;top:12px;right:-30px}.portrait-caption{font:6px/1.5 var(--display);letter-spacing:1px;position:absolute;bottom:12px;left:12px}.portrait-fingerprint{color:#b9cd94;position:absolute;bottom:13px;right:12px}.badge-identity{padding-top:13px}.badge-identity h2{font:600 32px/1 var(--display);letter-spacing:-1.6px;justify-content:space-between;align-items:center;display:flex}.badge-identity h2>span{font-size:24px;font-weight:400}.badge-identity p{font:7px var(--display);letter-spacing:2px;margin-top:8px}.badge-specialties{gap:5px;margin:15px 0 12px;display:flex}.badge-specialties span{font:5px var(--display);letter-spacing:.4px;border:1px solid #9ca58f;border-radius:3px;padding:5px 7px}.badge-bottom{border-top:1px solid #aab29a;align-items:center;gap:11px;padding-top:8px;display:flex}.badge-barcode{opacity:.8;background:repeating-linear-gradient(90deg,#26311c 0 1px,#0000 1px 3px,#26311c 3px 6px,#0000 6px 8px,#26311c 8px 10px,#0000 10px 11px);width:55px;height:18px}.badge-bottom>span{font:5px var(--display);letter-spacing:.8px}.badge-bottom button,.badge-back-footer button{color:#1a2117;z-index:5;background:#d5dbc8;border:1px solid #afb99d;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:auto;display:grid;position:relative}.badge-bottom button:hover{background:var(--lime)}.badge-gloss{background:radial-gradient(ellipse at var(--shine-x,30%) var(--shine-y,20%),#fff5,transparent 65%),linear-gradient(115deg,transparent 30%,#fff2 47%,transparent 58%);pointer-events:none;mix-blend-mode:soft-light;z-index:4;position:absolute;inset:0}.badge-back{background:var(--lime);color:#202815;flex-direction:column;padding:25px;display:flex;transform:rotateY(180deg)translateZ(1px)}.badge-back .eyebrow{letter-spacing:1px;font-size:7px}.badge-back-star{margin:12px 0;font-size:53px;line-height:1}.badge-back h2{font:500 36px/1.03 var(--display);letter-spacing:-1.7px}.badge-back h2 em{color:#526b2d;font-style:normal}.badge-back p{margin-top:14px;font-size:10px;line-height:1.6}.badge-back>a{border-top:1px solid #667d3c;justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;font-size:11px;font-weight:600;display:flex}.badge-back-footer{font:9px var(--display);align-items:center;margin-top:auto;display:flex}.badge-back-footer button{background:0 0;border-color:#637c35}.badge-interaction-hint{font:7px var(--display);letter-spacing:1.1px;color:var(--muted);align-items:center;gap:10px;display:flex;position:absolute;bottom:-7px}.badge-interaction-hint svg{color:var(--lime)}.touch-hint{display:none}.badge-face :focus-visible{outline-offset:3px;outline-color:#385518}.badge-photo{object-fit:cover;object-position:center 35%}:is(.badge-portrait:has(.badge-photo) .portrait-caption,.badge-portrait:has(.badge-photo) .portrait-fingerprint,.badge-portrait:has(.badge-photo) .portrait-index){z-index:1;filter:drop-shadow(0 1px 3px #000)}@media (max-width:1050px){.hero-art{width:43%;height:440px;right:0}.badge-rig{width:260px;height:355px;margin-top:10px;transform:rotate(-7deg)scale(.95)}.badge-portrait{height:150px}.badge-identity h2{font-size:29px}.badge-orbit{width:300px;height:300px}.badge-coordinate{right:-8px}.badge-interaction-hint{letter-spacing:.7px;font-size:6px;bottom:0}.badge-lanyard{height:155px}.hero-bottom{margin-top:65px}}@media (max-width:700px){.hero-main{min-height:750px}.hero-art{width:100%;height:445px;top:290px;right:0}.badge-rig{width:270px;height:369px;margin-top:0;transform:rotate(-7deg)scale(.95)}.badge-lanyard{height:95px}.badge-portrait{height:165px}.badge-coordinate{font-size:6px;top:120px;right:0}.badge-crosshair{font-size:16px}.crosshair-top{top:12%;left:0}.crosshair-bottom{bottom:20%;right:0}.badge-interaction-hint{bottom:-4px}.pointer-hint{display:none}.touch-hint{display:inline}.hero-bottom{margin-top:20px}.badge-back h2{font-size:34px}.badge-orbit{width:290px;height:290px}.badge-bottom button,.badge-back-footer button{width:38px;min-width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.badge-flipper{transition:none}.badge-rig{will-change:auto}.badge-interaction-hint .pointer-hint{display:none}.badge-interaction-hint .touch-hint{display:inline}}.badge-rig{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transform:rotate(-7deg)}.badge-rig[data-dragging=true]{cursor:grabbing}.badge-rig .badge-lanyard{display:none}.badge-cord{pointer-events:none;filter:drop-shadow(3px 4px 3px #0005);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.badge-rig button,.badge-rig a{cursor:pointer}.badge-rig:focus-visible{outline:2px solid var(--lime);outline-offset:10px;border-radius:16px}.badge-back,.badge-back .eyebrow{color:#202815}.badge-builder{align-items:center;gap:2px;display:inline-flex}.portrait-monogram>svg{stroke-width:1.5px;width:33px;height:33px;position:absolute;top:12px;right:-30px}.badge-identity h2>svg{stroke-width:1.5px;width:24px;height:24px}.badge-back-star{stroke-width:1.2px;width:53px;height:53px;margin:12px 0}