.workspace-sign-in .sign-in { padding: 24px; }
.workspace-sign-in .sign-in > section { width: min(480px, calc(100vw - 48px)); padding: clamp(22px, 6vw, 36px); }
.workspace-sign-in .wordmark { grid-template-columns: 42px minmax(0, 1fr); grid-template-rows: auto auto; max-width: 480px; }
.workspace-sign-in .wordmark strong,
.workspace-sign-in .wordmark small { overflow-wrap: anywhere; }
.workspace-sign-in .wordmark small { margin-top: 3px; }
.workspace-sign-in h1 { font-size: clamp(1.8rem, 6vw, 2.35rem); overflow-wrap: anywhere; }
.workspace-sign-in section > p { line-height: 1.6; color: #526574; }
.workspace-sign-in section .button { display: inline-flex; align-items: center; min-height: 48px; line-height: 1.4; text-align: center; }
.admin-sign-in .sign-in { background: #f7f5f0; }
.admin-sign-in .wordmark.dark,
.admin-sign-in h1 { color: #252525; }
.admin-sign-in .wordmark > span { background: #e85b1b; color: #252525; }
.admin-sign-in section .button { background: #252525; color: #fff; border-color: #252525; }