.credential-twin{--twin-radius:4px;--twin-aspect:1.586;--twin-pad-x:clamp(16px,3.5vw,28px);--twin-pad-y:clamp(14px,3vw,24px);--twin-clip:18px;width:100%;perspective:1200px;font-family:var(--font-sans);color:var(--text-primary)}.credential-twin__pivot{display:grid;grid-template-columns:1fr;grid-template-rows:auto;width:100%;padding:0;background:none;border:0;cursor:pointer;transform-style:preserve-3d;transition:transform .6s var(--ease-expo-out);font:inherit;color:inherit;text-align:left}.credential-twin__pivot:focus-visible{outline:2px solid var(--edge-focus);outline-offset:4px}.credential-twin[data-flipped=true] .credential-twin__pivot{transform:rotateY(180deg)}.credential-twin__face{background-color:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:var(--twin-radius);clip-path:polygon(0 0,calc(100% - var(--twin-clip)) 0,100% var(--twin-clip),100% 100%,0 100%);padding:var(--twin-pad-y) var(--twin-pad-x);display:flex;flex-direction:column;text-align:left;backface-visibility:hidden;-webkit-backface-visibility:hidden}.credential-twin__face--back,.credential-twin__face--front{grid-area:1/1;width:100%}.credential-twin__face--front{aspect-ratio:var(--twin-aspect);transform:rotateY(0deg)}.credential-twin__face--back{transform:rotateY(180deg);background-color:var(--surface-deep)}.credential-twin__punch{position:absolute;top:7px;right:7px;width:4px;height:4px;border-radius:50%;background-color:var(--border-emphasis);pointer-events:none}.credential-twin__eyebrow{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.credential-twin__dot{width:5px;height:5px;border-radius:50%;background-color:var(--brand)}.credential-twin__eyebrow-text{font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary);flex:1}.credential-twin__cert-mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-secondary)}.credential-twin__body{display:grid;grid-template-columns:2fr 3fr;gap:clamp(14px,3vw,24px);align-items:start;flex:1;padding-top:clamp(10px,2vw,16px);min-height:0}.credential-twin__object{position:relative;width:100%;aspect-ratio:1;background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--twin-radius);overflow:hidden;display:flex;align-items:center;justify-content:center;align-self:start}.credential-twin__object-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.credential-twin__object-placeholder{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary)}.credential-twin__attestation{display:flex;flex-direction:column;gap:clamp(6px,1.4vw,10px);min-width:0}.credential-twin__name{font-family:var(--font-display);font-weight:400;font-size:clamp(18px,3.6vw,26px);line-height:1.1;letter-spacing:-.018em;color:var(--text-primary);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.credential-twin__ref{font-family:var(--font-mono);font-size:clamp(10px,1.6vw,12px);letter-spacing:.02em;color:var(--text-secondary);margin:0}.credential-twin__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px}.credential-twin__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--edge-accent);border-radius:var(--twin-radius)}.credential-twin__chip-dot{width:5px;height:5px;border-radius:50%;background-color:var(--brand)}.credential-twin__chip-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)}.credential-twin__verified{display:inline-flex;align-items:center;gap:6px}.credential-twin__pulse{width:8px;height:8px;border-radius:50%;border:1px solid var(--brand);background-color:transparent;position:relative}.credential-twin__pulse:after{content:"";position:absolute;inset:1px;border-radius:50%;background-color:var(--brand);opacity:.6;animation:credential-twin-pulse 2.2s ease-in-out infinite}@keyframes credential-twin-pulse{0%,to{opacity:.35}50%{opacity:1}}.credential-twin__verified-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.credential-twin__sector{display:flex;gap:10px;align-items:baseline;margin:2px 0 0}.credential-twin__sector-label{font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.credential-twin__sector-value{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.credential-twin__footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:14px;margin-top:auto;padding-top:clamp(8px,1.6vw,12px);border-top:1px solid var(--border)}.credential-twin__footer-left{display:flex;flex-direction:column;gap:2px}.credential-twin__footer-label{font-family:var(--font-sans);font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);margin:0}.credential-twin__footer-value{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--text-primary);margin:0}.credential-twin__wordmark{font-family:var(--font-wordmark),system-ui,sans-serif;font-weight:700;font-size:clamp(13px,2.2vw,15px);line-height:1;letter-spacing:.01em;text-transform:uppercase;color:var(--text-primary);margin:0;white-space:nowrap}.credential-twin__wordmark em{font-style:normal;color:var(--gold-wordmark)}.credential-twin__seal{position:relative;display:inline-block;width:clamp(40px,7vw,52px);height:clamp(40px,7vw,52px);border-radius:50%}.credential-twin__seal-ring{position:absolute;inset:0;border-radius:50%;background-color:var(--brand);border:1px solid var(--brand-700);display:flex;align-items:center;justify-content:center;color:var(--text-on-brand);overflow:hidden}.credential-twin__seal-mark{width:50%;height:60%}.credential-twin__back-body{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;-moz-column-gap:clamp(12px,2.4vw,18px);column-gap:clamp(12px,2.4vw,18px);row-gap:clamp(8px,1.6vw,12px);align-items:start;padding-top:clamp(10px,2vw,14px);flex:1}.credential-twin__dl{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr;gap:4px;margin:0}.credential-twin__prov-row{display:grid;grid-template-columns:90px 1fr;align-items:baseline;gap:12px;padding-bottom:4px;border-bottom:1px solid var(--border)}.credential-twin__prov-row:last-child{border-bottom:0}.credential-twin__prov-label{font-family:var(--font-sans);font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);margin:0}.credential-twin__prov-value{font-family:var(--font-sans);font-size:12px;line-height:1.3;color:var(--text-primary);margin:0;text-align:right;word-break:break-word}.credential-twin__prov-value--mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em}.credential-twin__qr-block{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:4px}.credential-twin__qr{width:clamp(72px,12vw,92px);height:clamp(72px,12vw,92px);background-color:var(--surface-elevated);border:1px solid var(--border);padding:4px}.credential-twin__qr-label{font-family:var(--font-sans);font-size:8px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary);margin:0}.credential-twin__custody{grid-column:1/-1;grid-row:2;border-top:1px solid var(--border);padding-top:8px}.credential-twin__custody-label{font-family:var(--font-sans);font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 4px}.credential-twin__custody-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.credential-twin__custody-empty,.credential-twin__custody-row{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:baseline;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.credential-twin__custody-date{letter-spacing:.04em;color:var(--text-tertiary)}.credential-twin__custody-owner{color:var(--text-primary);display:flex;align-items:baseline;gap:8px}.credential-twin__custody-current{font-family:var(--font-sans);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);border-bottom:1px solid var(--edge-accent)}.credential-twin__flip-hint{position:absolute;bottom:6px;right:28px;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--text-tertiary);opacity:.55;transition:opacity .2s var(--ease-expo-out);pointer-events:none}.credential-twin[data-flipped=true] .credential-twin__face--back .credential-twin__flip-hint:hover,.credential-twin__pivot:focus-visible .credential-twin__face--front .credential-twin__flip-hint,.credential-twin__pivot:hover .credential-twin__face--front .credential-twin__flip-hint{opacity:1}.credential-twin[data-flipped=false] .credential-twin__face--back .credential-twin__flip-hint,.credential-twin[data-flipped=true] .credential-twin__face--front .credential-twin__flip-hint{opacity:0}.credential-twin__seal-foil{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,var(--brand-200) 35deg,transparent 90deg,transparent 1turn);opacity:0;mix-blend-mode:screen;pointer-events:none}.credential-twin[data-stage=ready] .credential-twin__attestation,.credential-twin[data-stage=ready] .credential-twin__footer,.credential-twin[data-stage=ready] .credential-twin__object,.credential-twin[data-stage=ready] .credential-twin__seal-ring{opacity:0}.credential-twin[data-stage=ready] .credential-twin__object{transform:translateY(4px)}.credential-twin[data-stage=assembled] .credential-twin__object{opacity:1;transform:translateY(0);transition:opacity .24s var(--ease-expo-out) 80ms,transform .36s var(--ease-expo-out) 80ms}.credential-twin[data-stage=assembled] .credential-twin__attestation{opacity:1;transition:opacity .28s var(--ease-expo-out) .24s}.credential-twin[data-stage=assembled] .credential-twin__footer{opacity:1;transition:opacity .24s var(--ease-expo-out) .46s}.credential-twin[data-stage=assembled] .credential-twin__seal-ring{opacity:1;transition:opacity .22s var(--ease-expo-out) .58s}@keyframes credential-twin-foil-sweep{0%{opacity:0;transform:rotate(0deg)}20%{opacity:.9}60%{opacity:.6}to{opacity:0;transform:rotate(220deg)}}.credential-twin[data-stage=assembled] .credential-twin__seal-foil{animation:credential-twin-foil-sweep .22s var(--ease-expo-out) .7s 1 forwards}.credential-twin[data-stage=ready] .credential-twin__pulse:after{animation:none;opacity:0}@media (prefers-reduced-motion:reduce){.credential-twin__attestation,.credential-twin__face,.credential-twin__flip-hint,.credential-twin__footer,.credential-twin__object,.credential-twin__pivot,.credential-twin__pulse:after,.credential-twin__seal-foil,.credential-twin__seal-ring{transition:none!important;animation:none!important}.credential-twin[data-stage=ready] .credential-twin__attestation,.credential-twin[data-stage=ready] .credential-twin__footer,.credential-twin[data-stage=ready] .credential-twin__object,.credential-twin[data-stage=ready] .credential-twin__seal-ring{opacity:1;transform:none}.credential-twin__seal-foil{opacity:0}.credential-twin__pulse:after{opacity:.7}}@media (max-width:640px){.credential-twin__flip-hint{display:none}.credential-twin__wordmark{font-size:14px}.credential-twin__object{max-width:130px}.credential-twin__body{gap:12px}.credential-twin__pivot{transform:none!important;transition:opacity .2s var(--ease-expo-out)}.credential-twin__face--back,.credential-twin__face--front{transform:none;backface-visibility:visible;-webkit-backface-visibility:visible}.credential-twin[data-flipped=true] .credential-twin__face--front,.credential-twin__face--back{display:none}.credential-twin[data-flipped=true] .credential-twin__face--back{display:flex}}@media print{.credential-twin__pivot{transform:none!important}.credential-twin__face--back{display:none}.credential-twin__face--front{position:static;opacity:1!important}.credential-twin__attestation,.credential-twin__footer,.credential-twin__object,.credential-twin__seal-ring{opacity:1!important;transform:none!important}.credential-twin__seal-foil{opacity:0!important}.credential-twin__flip-hint{display:none}}