.hero-referral{margin:19px auto 0;color:var(--muted);font-size:12px;line-height:1.6}
.hero-referral a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;white-space:nowrap}
.hero-referral a:hover{color:var(--ink)}
.founder-referral{max-width:1080px;padding-top:48px;padding-bottom:10px}
.referral-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:44px;padding:44px 58px 30px;border:1px solid var(--line);border-radius:12px;background:#f3eee5}
.referral-photo{padding-top:8px;margin:0}
.referral-photo-frame{display:block;position:relative;width:150px;height:180px;border-radius:7px;overflow:hidden;flex-shrink:0}
.referral-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% 50%}
.referral-photo figcaption{font:12px/1.5 var(--sans);color:var(--muted);margin-top:12px}
.referral-note .eyebrow{margin-bottom:14px;font-size:10px}
.referral-note h2{font-size:40px;line-height:1.06;margin-bottom:22px}
.referral-note>p:not(.eyebrow):not(.referral-signature):not(.referral-status){font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:13px;max-width:650px}
.referral-note>p.referral-signature{font:300 32px/1.15 var(--serif);color:var(--accent);margin:18px 0 24px}
.referral-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.referral-actions .button{font-size:14px;min-height:46px;padding:12px 19px;gap:20px}
.referral-actions svg{width:19px;height:19px;flex-shrink:0}
.referral-copy{padding:9px 0;border:0;border-bottom:1px solid var(--line);background:none;font-size:13px;color:var(--muted)}
.referral-copy:hover{border-color:var(--accent);color:var(--accent)}
.referral-actions button:disabled,.referral-actions button[aria-busy=true]{opacity:.6;cursor:wait}
.referral-status{min-height:20px;margin:12px 0 0;font:12px/1.6 var(--sans);color:var(--accent)}
.referral-dialog{width:min(530px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 20px 90px #29262230}
.referral-dialog::backdrop{background:#29262280;backdrop-filter:blur(5px)}
.referral-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.referral-dialog-header .eyebrow{font-size:9px;margin:0}
.referral-dialog-close{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:var(--white);font:24px/1 var(--sans)}
.referral-dialog h2{font-size:35px;margin-bottom:17px}
.referral-dialog>p:not(.referral-status){color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:24px}
.referral-dialog label{display:block;font:500 12px/1.5 var(--sans);margin-bottom:8px}
.referral-dialog textarea{display:block;width:100%;resize:vertical;min-height:170px;max-height:40vh;padding:16px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);font:15px/1.6 var(--sans);margin-bottom:22px}
.referral-dialog textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:780px){.referral-card{grid-template-columns:110px minmax(0,1fr);gap:28px;padding:32px}.referral-photo-frame{width:110px;height:140px}.referral-note h2{font-size:35px}.founder-referral{padding-top:35px}}
@media(max-width:520px){.hero-referral{max-width:280px;font-size:11px;margin-top:17px}.referral-card{display:block;padding:27px 25px 20px}.referral-photo{display:flex;align-items:center;gap:16px;padding:0;margin-bottom:25px}.referral-photo-frame{width:72px;height:82px;border-radius:6px}.referral-photo figcaption{margin:0;font-size:11px;line-height:1.65}.referral-note h2{font-size:35px;margin-bottom:20px}.referral-note>p:not(.eyebrow):not(.referral-signature):not(.referral-status){font-size:15px}.referral-note>p.referral-signature{margin:17px 0 23px}.referral-actions{gap:17px}.referral-actions .button{font-size:13px;gap:13px;padding-inline:15px}.referral-dialog{padding:23px}.referral-dialog h2{font-size:31px}.referral-dialog textarea{font-size:16px;min-height:205px}.referral-dialog-header{margin-bottom:16px}.referral-dialog .referral-actions{gap:20px}.referral-status{font-size:11px}}
@media(max-width:365px){.referral-card{padding-inline:21px}.referral-actions{gap:12px}.referral-actions .button{font-size:12px;padding-inline:13px}.referral-note h2{font-size:32px}}