.badge-art[data-cyber]{--b-paper:#12212c;--b-ink:#e5f1ef;--b-muted:#a7bfc9;--b-accent:#f2d54f;--b-line:#43636e;--cy-cyan:#75d9db;--cy-panel:#223946;--cy-metal:#c5a66b;--cy-etch:#483d2b;--barcode-bg:#1c303a;--barcode-ink:#e6ca65}.badge-art[data-cyber] .badge-face{border:2px solid var(--cy-cyan);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:var(--b-paper);border-left-width:5px;grid-template:"top top"20px"photo module"minmax(0,1fr)"person person""data data"22px"bottom bottom"76px/minmax(0,1fr) 84px;gap:8px;padding:16px}.badge-art[data-cyber] .badge-top{border-bottom:1px solid var(--b-line);letter-spacing:.03em;color:var(--cy-cyan);margin-top:3px;padding:0 0 5px;font-size:8px;line-height:1.2}.badge-art[data-cyber] .badge-photo{border:2px solid var(--b-accent);background:var(--cy-panel);width:104px;padding:4px}.badge-art[data-cyber] .badge-photo:after{content:none}.badge-art[data-cyber] .badge-person{align-self:center}.badge-art[data-cyber] .badge-name{font:36px/1.1 var(--font);letter-spacing:0;color:var(--b-accent)}.badge-art[data-cyber] .badge-role{margin-top:5px;font:13px/1.3 ui-monospace,Consolas,monospace}.badge-art[data-cyber] .badge-data{border-color:var(--b-line);gap:4px;padding:4px 0 0;font-size:10px;line-height:1.3}.badge-art[data-cyber] .badge-data small{display:none}.badge-art[data-cyber] .badge-bottom{background:var(--barcode-bg);position:relative}.badge-art[data-cyber] .badge-barcode{gap:2px}.badge-art[data-cyber] .badge-barcode-image{background:var(--barcode-bg)}.badge-art[data-cyber] .badge-barcode figcaption{color:var(--barcode-ink);letter-spacing:.08em;font-size:8px;line-height:10px}.badge-art[data-cyber] .badge-strap{width:56px;color:var(--b-accent);border-inline:5px solid var(--b-accent);background:repeating-linear-gradient(0deg,#253d48 0 6px,#11212d 6px 9px)}.badge-art[data-cyber] .badge-strap span{letter-spacing:.12em}.badge-art[data-cyber] .badge-connector{border:3px solid var(--cy-cyan);background:#203c49;width:48px;left:calc(50% - 24px);box-shadow:inset 0 0 0 3px #14232e}.badge-art[data-cyber] .badge-connector i{background:var(--b-accent)}.badge-art[data-cyber][data-glitch][data-lanyard=original-glitch] .badge-strap{background:repeating-linear-gradient(0deg,#382846 0 5px,#9e699c 5px 7px);border-inline:5px solid #b890c3;width:40px;margin-left:58px;margin-right:auto}.badge-art[data-cyber][data-glitch][data-lanyard=original-glitch] .badge-strap:before{content:none}.badge-art[data-cyber][data-glitch][data-lanyard=original-glitch] .badge-connector{background:#49334f;border:3px solid #bc99c4;width:60px;height:38px;left:48px;box-shadow:inset 0 0 0 3px #14232e}.badge-art[data-cyber][data-glitch][data-lanyard=original-glitch] .badge-hole{left:60px}@container (width<=300px){.badge-art[data-cyber][data-orientation=vertical] .badge-photo{max-width:94px}.badge-art[data-cyber][data-orientation=vertical] .badge-name{font-size:32px}.badge-art[data-cyber][data-orientation=vertical] .badge-role{font-size:12px}}