*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#111210;color:#f1f0e9;font-family:Arial,Helvetica,sans-serif;min-height:100svh;display:grid;place-items:center;padding:50px 5%}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #d0d7c3;outline-offset:6px}.business-card{max-width:1120px;width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.portrait{grid-column:2;grid-row:1;margin:0;overflow:hidden;aspect-ratio:4/5;background:#252723;animation:reveal 1.1s cubic-bezier(.16,1,.3,1) both}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 43%}.info{grid-column:1;grid-row:1;padding:25px 0;animation:enter 1s cubic-bezier(.16,1,.3,1) both}.organization{font-size:11px;line-height:1.6;letter-spacing:2px;text-transform:uppercase;color:#b0b7a7}h1{font-size:clamp(60px,7vw,92px);font-weight:400;line-height:.97;letter-spacing:-4.5px;margin:40px 0 18px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-4px;color:#cdd3c4}.role{font-size:14px;color:#aab29f;margin:0 0 42px}.contact{border-top:1px solid #33392d}.contact a{display:grid;grid-template-columns:70px 1fr 15px;gap:14px;align-items:center;min-height:60px;border-bottom:1px solid #33392d;transition:color .2s}.label{font-size:10px;color:#8d977f}.value{font-size:12px;overflow-wrap:anywhere}.arrow{font-size:17px;color:#a6b296;transition:transform .25s}.contact a:hover{color:#d2dfc1}.contact a:hover .arrow{transform:translate(2px,-2px)}.actions{display:flex;gap:20px;align-items:center;margin-top:28px;justify-content:space-between;font-size:11px}.actions a,.actions button{display:flex;align-items:center;gap:25px;min-height:44px}.save{background:#ccd3bf;color:#1b2016;border:1px solid #ccd3bf;padding:0 18px;border-radius:2px;transition:background .2s}.save:hover{background:#e1e6d8}.actions button{background:transparent;color:#abb59e;border:0;padding:0;cursor:pointer}.actions button:hover{color:#f1f0e9}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;background:#ccd3bf;color:#1b2016;padding:14px 22px;font-size:12px;border-radius:3px;z-index:2}#status:empty{display:none}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;clip-path:inset(8% 0 8% 0)}to{opacity:1;clip-path:inset(0)}}@media(max-width:750px){body{padding:26px 7% 35px;display:block}.business-card{display:flex;flex-direction:column;gap:0;max-width:480px;margin:auto}.portrait{order:0;width:100%;aspect-ratio:1.17}.portrait img{object-position:50% 37%}.info{order:1;width:100%;padding:28px 0 0}.organization{font-size:9px;line-height:1.5;letter-spacing:1.6px}h1{font-size:64px;letter-spacing:-3.5px;margin:27px 0 16px}h1 em{letter-spacing:-3px}.role{font-size:12px;margin-bottom:28px}.contact a{grid-template-columns:58px 1fr 14px;gap:10px;min-height:55px}.value{font-size:11px}.label{font-size:9px}.actions{font-size:10px;gap:12px;margin-top:22px}.actions a,.actions button{gap:16px}.save{padding:0 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}