.staff-access-page{min-height:100vh}
.staff-access-page .site-header{height:100px;border-bottom:1px solid var(--line)}
.staff-access-page .wordmark img{width:210px}
.access-back{font-size:14px;text-decoration:none;white-space:nowrap}
.access-back:hover{text-decoration:underline}
.staff-access-main{width:min(960px,calc(100% - 48px));margin:32px auto 48px}
.access-photo{display:block;width:100%;height:auto;border-radius:12px;background:#d4c8b4}
.access-selection{padding-top:30px;text-align:center}
.access-selection .eyebrow{margin-bottom:10px;color:var(--muted);font-size:10px}
.access-selection h1{font:clamp(30px,4vw,42px)/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 10px}
.access-intro{color:var(--muted);margin:0 0 24px}
.access-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.access-choice{display:flex;align-items:center;gap:18px;padding:23px 24px;min-height:104px;border:1px solid #b5c4c2;border-radius:10px;background:#fff;text-align:left;text-decoration:none;transition:background .15s,border-color .15s}
.access-choice:hover{background:#edf0df;border-color:var(--ink)}
.access-choice svg{width:30px;height:30px;flex-shrink:0}
.access-choice strong{display:block;font-size:19px;font-weight:650;line-height:1.35}
.access-choice small{display:block;margin-top:5px;color:var(--muted);font-size:13px;line-height:1.4}
.access-arrow{margin-left:auto;font-size:24px}
@media(max-width:640px){
  .staff-access-page .site-header{height:88px;padding:12px 5%;gap:12px}
  .staff-access-page .wordmark img{width:min(43vw,180px)}
  .access-back{font-size:12px}
  .staff-access-main{width:calc(100% - 32px);margin:24px auto 36px}
  .access-photo{border-radius:8px}
  .access-selection{padding-top:27px}
  .access-selection h1{font-size:32px}
  .access-choices{grid-template-columns:1fr;gap:12px}
  .access-choice{padding:20px 18px;gap:14px;min-height:98px}
  .access-choice strong{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.access-choice{transition:none}}