:root{color-scheme:light;--page:#191a19;--card:#e9e8e4;--ink:#252525;--muted:#696966;--line:#c4c2bc;--white:#f8f8f6;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{min-height:100%;background:var(--page)}
body{min-height:100vh;margin:0;padding:18px;display:grid;place-items:center;background:var(--page);font-family:var(--sans);color:var(--ink)}
.business-card{width:min(100%,1080px);padding:24px;background:var(--card);border-radius:20px}
.identity{display:flex;align-items:center;gap:19px;min-height:228px}
.portrait-frame{width:160px;height:215px;flex:0 0 160px;overflow:hidden;border-radius:22px;background:#c8c7c3}
.portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1)}
.identity-copy{padding:4px 0}
.eyebrow{margin:0 0 14px;color:var(--muted);font-size:16px;font-weight:400;letter-spacing:.015em;text-transform:uppercase}
h1{margin:0 0 8px;font-size:clamp(30px,4vw,42px);line-height:1.05;font-weight:700;letter-spacing:.005em}
.role{margin:0;color:#525250;font-size:19px;line-height:1.4}
.divider{height:1px;background:#b8b6b0;margin:24px 0 30px}
.button{min-height:54px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;font:400 17px var(--sans);cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.button:hover{border-color:#999791;transform:translateY(-1px)}
.button-primary{width:100%;min-height:70px;gap:8px;background:#292929;border-color:#292929;color:var(--white);font-weight:700;font-size:20px}
.button-primary:hover{background:#3a3a39;border-color:#3a3a39}
.button-primary[aria-disabled=true]{opacity:.5;pointer-events:none}
.external{font-size:19px}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.button-secondary{width:100%;background:transparent}
.button-secondary:hover{background:#e1e0db}
.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;margin-top:21px}
.social-links a{color:#555552;font-size:17px;text-decoration:none}
.social-links a:hover,.direct-contacts a:hover{color:#111;text-decoration:underline;text-underline-offset:4px}
.direct-contacts{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;color:#65645f;font-size:14px}
.direct-contacts a{color:inherit;text-decoration:none}
.contact-separator{color:#aaa8a2}
@media(max-width:580px){body{min-height:100svh;padding:12px;display:flex;justify-content:center;align-items:flex-start}.business-card{width:100%;padding:20px 18px 22px;border-radius:18px}.identity{min-height:0;flex-direction:column;align-items:center;gap:15px;text-align:center}.portrait-frame{width:142px;height:184px;flex:none;border-radius:19px}.identity-copy{padding:0}.eyebrow{font-size:11px;margin-bottom:9px}h1{font-size:clamp(27px,7vw,34px);margin-bottom:6px}.role{font-size:16px}.divider{margin:22px 0 22px}.button-primary{min-height:60px;font-size:17px;border-radius:14px}.actions{gap:9px;margin-top:12px}.button-secondary{min-height:52px;border-radius:13px;font-size:14px}.social-links{gap:18px;margin-top:19px}.social-links a{font-size:14px}.direct-contacts{gap:8px;font-size:12px;margin-top:12px}}
@media(max-width:360px){.business-card{padding:14px}.portrait{width:96px;height:130px;flex-basis:96px}.eyebrow{font-size:10px}h1{font-size:23px}.role{font-size:13px}.button-secondary{font-size:12px}.direct-contacts{font-size:11px}}