:root{--color-dark:#363128;--color-red:#f12b09;--color-red-alt:#f12b09;--color-orange:#f12b09;--color-cream:#f7f3eb;--color-cream-alt:#faf9f5;--color-blush:#f9ddd6;--color-footer:#141413;--color-white:#fff;--btn-padding:14px 22px;--gap:12px;--sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--color-cream);color:var(--color-dark);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased;align-items:flex-start;justify-content:center;line-height:1.55;min-height:100vh}.card,body{display:flex}.card{background:var(--color-cream-alt);border-radius:0;flex-direction:column;max-width:480px;overflow:hidden;width:100%}.card__header{background:var(--color-red);padding:30px 24px 0;text-align:center}.card__logo{display:block;height:auto;margin:0 auto;width:169px}.card__photo-wrap{height:120px;margin:26px auto -60px;width:120px}.card__photo,.card__photo--placeholder{background:var(--color-blush);border-radius:0;height:120px;object-fit:cover;width:120px}.card__body{align-items:center;display:flex;flex-direction:column;padding:78px 26px 34px;text-align:center}.card__photo--placeholder{align-items:center;background:var(--color-dark);color:var(--color-cream);display:flex;font-size:40px;font-weight:700;justify-content:center;letter-spacing:.02em;text-transform:uppercase}.card__name{font-size:32px;font-weight:700;line-height:1.15;margin:0}.card__name,.card__title{color:var(--color-dark);font-family:var(--sans)}.card__title{font-size:18px;font-weight:400;margin:8px 0 0;opacity:.7}.card__bio{color:var(--color-dark);font-family:var(--sans);font-size:16px;font-weight:400;margin:14px 0 0;max-width:36ch;opacity:.6}.card__links{display:flex;flex-direction:column;gap:var(--gap);margin-top:28px;width:100%}.btn{align-items:center;background:transparent;border:2px solid var(--color-dark);border-radius:0;color:var(--color-dark);cursor:pointer;display:inline-flex;font-family:var(--sans);font-size:18px;font-weight:600;gap:10px;justify-content:center;line-height:1.3;padding:var(--btn-padding);text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease;width:100%}.btn:focus,.btn:hover{background:var(--color-orange);border-color:var(--color-orange);color:var(--color-white)}.btn__icon{flex:0 0 auto;height:18px;width:18px}.card__actions{gap:var(--gap);margin-top:28px;width:100%}.card__actions,.card__qr{display:flex;flex-direction:column}.card__qr{align-items:center;gap:8px;margin-top:22px}.card__qr[hidden]{display:none}.card__qr #qrcode{background:var(--color-white);border:2px solid var(--color-dark);border-radius:0;line-height:0;padding:14px}.card__qr-caption{color:var(--color-dark);font-family:var(--mono);font-size:11px;letter-spacing:.12em;margin:0;opacity:.6;text-transform:uppercase}.card__footer{display:block;height:48px;margin:0;object-fit:cover;object-position:center;width:100%}.card--notfound{align-items:center;background:var(--color-cream-alt);justify-content:center;min-height:100vh;padding:40px 28px;text-align:center}.card--notfound .card__logo{margin-bottom:28px}.card--notfound h1{color:var(--color-dark);font-family:var(--sans);font-size:24px;font-weight:700;margin:0 0 8px}.card--notfound p{color:var(--color-dark);margin:0;opacity:.6}@media (min-width:520px){body{align-items:center;padding:40px 16px}.card{box-shadow:0 12px 40px rgba(54,49,40,.12)}}