.desk-console{border:1px solid #293440;border-radius:12px;overflow:hidden;background:#0d1015;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.desk-bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#151c25;padding:16px 22px;border-bottom:1px solid #293440;color:#a3adba}.desk-bar [data-desk-status]{white-space:nowrap;color:#a3adba}.desk-bar [data-online=true]{color:#9dbfe5}.desk-body{padding:28px}.desk-command{color:#9dbfe5;margin-bottom:26px}.desk-readout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.desk-readout>div>span{color:#a3adba;letter-spacing:.06em}.desk-readout strong{display:block;font-size:36px;line-height:1.3;font-weight:400;margin:8px 0;font-variant-numeric:tabular-nums}.desk-readout small{display:block;color:#a3adba;font-size:13px}.desk-log{border-top:1px solid #293440;margin-top:28px;padding-top:18px;color:#a3adba;font-size:13px}.desk-log p{margin:3px 0}.desk-note{display:inline-block;border:1px solid #293440;border-radius:7px;padding:10px 15px;background:#151c25;font:14px/1.6 ui-monospace,monospace;margin:0 0 24px}.desk-note:hover{border-color:#9dbfe5}@media(max-width:480px){.desk-body{padding:20px}.desk-bar{padding:14px 20px;font-size:13px}.desk-readout{grid-template-columns:1fr;gap:24px}}

/* Quiet metadata treatment, aligned with the header clock. */
.desk-console{background:transparent;border-color:#24282a;border-radius:8px;font-size:12px;color:var(--muted)}.desk-bar{background:transparent;padding:12px 18px;font-size:12px}.desk-body{padding:18px}.desk-readout{display:flex;flex-wrap:wrap;gap:16px 36px}.desk-readout>div{display:flex;align-items:center;gap:12px}.desk-readout>div>span{font-size:11px;letter-spacing:.035em}.desk-readout strong{display:inline;font-size:14px;line-height:1.6;margin:0;color:#bdc9d9}.desk-bar [data-online=true]{animation:desk-breathe 3s ease-in-out infinite}@keyframes desk-breathe{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.desk-bar [data-online=true]{animation:none}}

.desk-readout .token-processing{display:inline-flex;align-items:center;gap:3px;height:14px;width:17px;letter-spacing:0}.token-processing i{width:3px;height:3px;border-radius:2px;background:#86acd7;opacity:.3}.token-processing.is-processing i{animation:token-process 1.2s ease-in-out infinite}.token-processing.is-processing i:nth-child(2){animation-delay:.15s}.token-processing.is-processing i:nth-child(3){animation-delay:.3s}@keyframes token-process{0%,100%{height:3px;opacity:.35}50%{height:12px;opacity:.85}}@media(prefers-reduced-motion:reduce){.token-processing.is-processing i{animation:none;opacity:.65}}

.desk-mini{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:10px 0 24px;color:var(--muted);font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.desk-mini b{font:inherit;color:#b0bdce;font-variant-numeric:tabular-nums}.desk-mini [data-online=true]{color:#90b2dc}.desk-mini>span{white-space:nowrap}.desk-mini .token-processing{display:inline-flex;vertical-align:middle;align-items:center;gap:3px;width:17px;height:14px;margin-left:4px}.desk-prompt{color:#90b2dc}@media(max-width:480px){.desk-mini{gap:7px 13px;font-size:11px}}

.intro-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;margin-bottom:24px}.intro-meta .desk-mini{margin:0;gap:8px 12px}.intro-meta .location{font-size:11px;gap:6px}

.intro-meta .desk-mini{order:0}.intro-meta .location{order:1;margin-left:auto}

/* Stack metadata on phones while preserving the original text treatment. */
@media(max-width:640px){
 .studio-home .intro-meta {flex-direction:column;align-items:flex-start;gap:10px}
 .studio-home .intro-meta .location {order:1;margin-left:0;max-width:100%;flex-wrap:wrap}
 .studio-home .intro-meta .desk-mini {order:0;max-width:100%}
 .studio-home #clock {white-space:normal}
 .studio-home .portfolio-header nav > a {display:block}
}
@media(max-width:380px){
 .studio-home .portfolio-header {flex-wrap:wrap}
 .studio-home .portfolio-header nav {width:100%;justify-content:space-between;font-size:14px;gap:8px}
}

/* Availability sits beside the role and wraps on narrow screens. */
.identity-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;margin-bottom:7px}.identity-meta .eyebrow{margin:0}.identity-meta .contract-availability{margin:0;padding:0;font-size:11px;flex-wrap:nowrap}

.identity-meta .contract-availability>.availability-separator{width:auto;height:auto;background:none;border-radius:0;color:var(--muted)}

/* On phones, availability starts its own aligned line without a separator. */
@media(max-width:640px){
 .identity-meta .contract-availability{display:block;flex-basis:100%}
 .identity-meta .contract-availability>.availability-separator{display:none}
}