/* Talk to us, polished (Gryph, 22 Sep 2026: "this page needs a polish"). This page only, loaded
   after public.css. Less dead space around the title and above the form, a steadier column, the
   founder or investor choice as two clear options, and the send button as the home page's red band. */

body[data-page="access"] .pagehead .field{padding:clamp(52px,8vh,88px) 34px clamp(34px,5vh,50px) 30px}
body[data-page="access"] .pagetitle{font-size:clamp(40px,5.6vw,84px)}

body[data-page="access"] #request > .field{padding-top:clamp(40px,6vh,60px);padding-bottom:clamp(64px,9vh,96px)}
body[data-page="access"] #request .formpanel{margin-top:0;max-width:780px}
body[data-page="access"] #request .formpanel form{margin-top:0}

body[data-page="access"] .roles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
body[data-page="access"] .roles .attest{margin:0 !important;align-items:center;gap:14px;padding:18px 20px;
  border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.4);
  transition:border-color .2s ease,background-color .2s ease}
body[data-page="access"] .roles .attest:hover{border-color:var(--muted)}
body[data-page="access"] .roles .attest:has(input:checked){border-color:var(--red);background:rgba(255,255,255,.75);
  box-shadow:inset 0 0 0 1px var(--red)}
body[data-page="access"] .roles .attest input{width:18px;height:18px;flex:0 0 18px;margin:0}
body[data-page="access"] .roles .attest span{font-size:16px;line-height:1.45;color:var(--ink)}
@media (max-width:640px){body[data-page="access"] .roles{grid-template-columns:1fr}}

body[data-page="access"] #ar button.send.redcaps{display:flex;width:100%;justify-content:center;align-items:center;
  border-radius:0;padding:clamp(20px,2.6vh,24px) 24px;margin-top:22px}
body[data-page="access"] .fnote{margin-top:16px}

/* "What else do you have to say?" (23 Sep 2026): the one multi-line field. */
#request textarea{display:block;width:100%;font:inherit;font-size:18px;line-height:1.5;color:inherit;resize:vertical;min-height:120px}

/* After sending (Gryph, 23 Sep 2026): the whole page goes black and one line comes up, with the site's
   amber rule drawing in under it. Nothing moves under Reduce Motion. */
.sent-ov{position:fixed;inset:0;z-index:200;background:#0B0B0C;display:grid;place-items:center;padding:0 24px;
  opacity:0;transition:opacity .7s ease}
.sent-ov.on{opacity:1}
.sent-in{text-align:center;color:#EFEBE6;opacity:0;transform:translateY(14px);
  transition:opacity .9s ease .45s,transform .9s cubic-bezier(.22,.9,.24,1) .45s}
.sent-ov.on .sent-in{opacity:1;transform:none}
.sent-line{font-family:'Display',serif;font-size:clamp(40px,6vw,96px);line-height:1.04;letter-spacing:-.012em;margin:0}
.sent-rule{width:0;height:2px;background:#FFB547;margin:26px auto 22px;transition:width 1.1s cubic-bezier(.22,.9,.24,1) 1s}
.sent-ov.on .sent-rule{width:72px}
.sent-sub{font-size:18px;color:#9E9894;margin:0}
.sent-back{display:inline-block;margin-top:34px;font-size:15px;color:#EFEBE6;text-decoration:none;
  border-bottom:1px solid rgba(239,235,230,.3);padding-bottom:3px}
.sent-back:hover{border-bottom-color:#FFB547}
@media (prefers-reduced-motion:reduce){.sent-ov,.sent-in,.sent-rule{transition:none}}