/* Email signup (Desiree's mockups). Own variables so it works on home.css and pages.css pages. */
:root{--su-ink:#141414;--su-50:#F5F5F5;--su-100:#ECECEC;--su-150:#E3E3E3;--su-200:#D6D6D6;--su-400:#8F8F8F;--su-500:#656565;--su-ok:#126632;--su-okbg:#DDF3E4;--su-err:#B0183F;--su-page:#FFFFFF;--su-card:#FFFFFF}
html.dark{--su-ink:#F5F5F5;--su-50:#1C1C1C;--su-100:#2E2E2E;--su-150:#2E2E2E;--su-200:#383838;--su-400:#8F8F8F;--su-500:#B3B3B3;--su-ok:#4FBF7A;--su-okbg:#2E2E2E;--su-err:#FF8FA6;--su-page:#141414;--su-card:#232323}
.es{font-family:'Public Sans',sans-serif;width:100%;max-width:500px;margin:0 auto;text-align:left;scroll-margin-top:120px}
.es .es-row{display:flex;gap:8px;align-items:stretch}
.es input[type=email]{flex:1;min-width:0;height:52px;box-sizing:border-box;padding:0 16px;border-radius:12px;border:1px solid var(--su-200);background:var(--su-page);color:var(--su-ink);font:500 16px 'Public Sans',sans-serif;outline:none}
.es input[type=email]:focus{border-color:#FD7400;box-shadow:0 0 0 3px rgba(253,116,0,.2)}
html.dark .es input[type=email]{background:var(--su-card)}
.es input::placeholder{color:var(--su-400)}
.es.err input[type=email]{border-color:var(--su-err);box-shadow:0 0 0 3px color-mix(in srgb,var(--su-err) 18%,transparent)}
.es .btn{height:52px;border:0!important;box-shadow:none;white-space:nowrap;flex:none;margin:0;cursor:pointer;font:600 16px 'Public Sans',sans-serif;padding:0 20px;border-radius:12px}
.es .btn[disabled]{opacity:.6;cursor:progress}
.es .msg{display:flex;gap:6px;align-items:center;margin:8px 2px 0;font:500 14px 'Public Sans',sans-serif;color:var(--su-err)}
.es .msg[hidden]{display:none}
.es .note{margin:10px 2px 0;font:400 13px/1.45 'Public Sans',sans-serif;color:var(--su-500)}
.es .note a{color:var(--su-ink);text-decoration:underline;text-underline-offset:2px}
.es.c .note,.es.c .msg{text-align:center;justify-content:center}
.es .es-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.es .cf-turnstile:empty{display:none} .es .cf-turnstile{margin-top:8px}
.es .ok{display:flex;gap:14px;align-items:center;padding:14px 18px;border:1px solid var(--su-150);border-radius:14px;background:var(--su-card)}
.es .ok[hidden]{display:none}
.es .ok .ic{flex:none;width:36px;height:36px;border-radius:50%;background:var(--su-okbg);color:var(--su-ok);display:grid;place-items:center}
.es .ok b{display:block;font:600 16px 'Public Sans',sans-serif;color:var(--su-ink)} .es .ok span.okt{font:400 14px 'Public Sans',sans-serif;color:var(--su-500)} .es .ok em{font-style:normal;color:var(--su-ink)}
.esh{font-family:Outfit,'Public Sans',sans-serif!important;font-weight:500!important;font-size:34px!important;line-height:1.15!important;letter-spacing:-.01em;color:var(--su-ink)!important;margin:0 0 10px!important}
.esband{background:var(--su-50);border-top:1px solid var(--su-100);padding:72px 24px}
.esband .in{max-width:1080px;margin:0 auto;display:flex;gap:48px;align-items:center;justify-content:space-between}
.esband p.sub,.esend p.sub,.esup p.sub{font:400 17px/1.5 'Public Sans',sans-serif;color:var(--su-500);margin:0}
.esband .es{margin:0;flex:0 0 460px}
.esend{padding:88px 24px 104px;text-align:center;background:var(--su-50)}
.esend .es{margin-top:28px}
.esup{min-height:calc(100vh - 260px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 24px 96px;max-width:640px;margin:0 auto}
.esup .sub a{color:var(--su-ink);text-decoration:underline} .esup .es-unsub,.esup .es-back{margin-top:28px} .esup .btn{cursor:pointer;border:0;font:600 16px 'Public Sans',sans-serif}
.esup [hidden]{display:none}
.hero .es{margin-top:28px}
@media(max-width:600px){.hero .es{padding:0 20px;box-sizing:border-box}.es .btn{padding:0 14px;font-size:15px}.es .note{font-size:12.5px}.esband .in{flex-direction:column;align-items:stretch;gap:24px}.esband .es{flex:none}.esh{font-size:28px!important}.es input[type=email]{padding:0 12px}}