:root{--bg-page:#faf9f6;--bg-card:#fff;--border-subtle:#e8e6e1;--border-strong:#d2cfc8;--ink-primary:#191919;--ink-secondary:#575550;--ink-muted:#85827b;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-page);height:100%;color:var(--ink-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}.card-canvas{justify-content:center;align-items:center;height:100vh;padding:24px;display:flex}.portfolio-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;width:100%;max-width:680px;padding:38px 42px;box-shadow:0 4px 20px #00000008}.card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;padding-bottom:22px;display:flex}.person-name{letter-spacing:-.025em;color:var(--ink-primary);font-size:1.625rem;font-weight:600;line-height:1.2}.role-title{color:var(--ink-secondary);margin-top:3px;font-size:.9375rem;font-weight:400}.location-badge{font-family:var(--font-mono);color:var(--ink-muted);background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:4px;align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;display:flex}.time-sep{opacity:.5}.local-time{color:var(--ink-secondary);font-variant-numeric:tabular-nums}.card-body{flex-direction:column;gap:16px;padding-top:24px;padding-bottom:24px;display:flex}.tagline{color:var(--ink-primary);letter-spacing:-.01em;font-size:1.0625rem;font-weight:500}.summary{color:var(--ink-secondary);font-size:.9375rem;line-height:1.6}.note-box{background-color:var(--bg-page);border-left:2px solid var(--ink-primary);border-radius:0 4px 4px 0;margin-top:2px;padding:14px 18px}.note-quote{font-family:var(--font-serif);color:var(--ink-primary);margin-bottom:4px;font-size:1.1875rem;font-style:italic;line-height:1.4}.note-invite{color:var(--ink-muted);font-size:.8125rem;line-height:1.5}.card-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:16px;padding-top:20px;display:flex}.cta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{font-family:var(--font-sans);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;transition:all .12s;display:inline-flex}.btn-cv{background-color:var(--ink-primary);color:#fff;border:1px solid var(--ink-primary)}.btn-cv:hover{background-color:#333}.file-tag{font-family:var(--font-mono);background:#ffffff40;border-radius:2px;padding:1px 4px;font-size:.625rem}.btn-secondary{background-color:var(--bg-card);color:var(--ink-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background-color:var(--bg-page)}.meta-row{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8125rem;display:flex}.meta-link{color:var(--ink-secondary);border-bottom:1px solid #0000;text-decoration:none}.meta-link:hover{color:var(--ink-primary);border-color:var(--ink-primary)}.sep{opacity:.4}.phone-text{font-family:var(--font-mono);font-size:.75rem}.inline-form{background-color:var(--bg-page);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:10px;padding:14px;display:flex}.inline-form[hidden]{display:none}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-input,.field-textarea{width:100%;font-family:var(--font-sans);background-color:var(--bg-card);border:1px solid var(--border-strong);color:var(--ink-primary);border-radius:4px;padding:7px 10px;font-size:.8125rem}.field-input:focus,.field-textarea:focus{border-color:var(--ink-primary);outline:none}.field-textarea{resize:none}.form-submit-row{align-items:center;gap:12px;display:flex}.btn-submit{background-color:var(--ink-primary);color:#fff;border:1px solid var(--ink-primary)}.btn-submit:hover{background-color:#333}.mail-hint{color:var(--ink-muted);font-size:.75rem}.form-feedback{color:#b91c1c;font-size:.75rem}@media (width<=640px){html,body{height:auto;overflow-y:auto}.card-canvas{height:auto;min-height:100vh;padding:16px}.portfolio-card{padding:24px 20px}.card-header{flex-direction:column;gap:12px}.form-grid{grid-template-columns:1fr}.cta-row{flex-direction:column;align-items:stretch}.btn{justify-content:center}.meta-row{flex-direction:column;align-items:flex-start}.sep{display:none}}
