/* Login in the website design: photo left, "Welcome back." right. Reuses the existing auth controls. */
#p44LoginScreen[hidden],#p44LoginScreen [hidden]{display:none!important}
body.p44LoginOpen{overflow:hidden}
#p44LoginScreen{--cream:#FAF5EF;--ink:#3B2A22;--muted:#6B5D53;--orange:#C63A0E;--orange2:#F2592A;--line:#D9C8BB;--esp:#3B2A22;--espMuted:#D8C6B9;position:fixed;inset:0;z-index:10000;overflow:auto;overscroll-behavior:contain;background:var(--cream);color:var(--ink);font-family:'Hanken Grotesk',system-ui,-apple-system,sans-serif;box-sizing:border-box}
#p44LoginScreen *{box-sizing:border-box}
.lgWrap{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}
.lgPhoto{margin:20px;border-radius:32px;background:linear-gradient(180deg,rgba(59,42,34,.1) 35%,rgba(59,42,34,.88) 100%),url('/welcome/img/hero.webp') center right/cover;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#FAF5EF;position:sticky;top:20px;height:calc(100dvh - 40px)}
.lgBrand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:#FAF5EF;text-decoration:none}
.lgMark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#FFFFFF;display:grid;place-items:center;font-size:17px;font-weight:800}
.lgEyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--orange);margin-bottom:12px}.lgEyebrow.light{color:var(--orange2)}
.lgQuote b{display:block;font-size:34px;line-height:1.15;letter-spacing:-.02em;font-weight:800;max-width:440px}
.lgQuote span{display:block;margin-top:12px;color:var(--espMuted);font-size:14px}
.lgForm{padding:40px 64px;display:flex;flex-direction:column}
.lgBack{font-size:14px;color:var(--muted);text-decoration:none}
.lgInner{margin:auto 0;width:100%;max-width:440px;padding:32px 0}
#p44LoginScreen h2{margin:0 0 12px;font-size:64px;line-height:1;letter-spacing:-.035em;font-weight:800;color:#E8481A;outline:none}
#p44LoginScreen h2 span{color:var(--orange2)}
.lgSub{font-size:17px;line-height:1.5;color:var(--muted);margin:0 0 24px}
#p44LoginControls>.card{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important}
#p44LoginScreen .btnRow{display:block;margin:0}
#p44LoginScreen .btn{display:flex;align-items:center;justify-content:center;width:100%;height:56px;border-radius:999px!important;margin:0 0 12px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;background:#FFFFFF!important;color:var(--ink)!important;border:1.5px solid var(--line)!important;box-shadow:none!important}
#p44LoginScreen .btn[hidden]{display:none!important}
#p44LoginScreen #p44SSO_apple{background:var(--esp)!important;color:#FAF5EF!important;border:0!important}
#p44LoginScreen #p44SSO_apple:before{content:"";width:18px;height:20px;margin-right:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.4 12.6c0-2.4 2-3.5 2.1-3.6-1.1-1.7-2.9-1.9-3.5-1.9-1.5-.2-2.9.9-3.7.9-.8 0-1.9-.9-3.2-.8-1.6 0-3.1 1-4 2.4-1.7 3-.4 7.4 1.2 9.8.8 1.2 1.8 2.5 3 2.4 1.2 0 1.7-.8 3.1-.8 1.5 0 1.9.8 3.2.8 1.3 0 2.1-1.2 2.9-2.4.9-1.4 1.3-2.7 1.3-2.8 0 0-2.4-.9-2.4-4ZM14 5.5c.7-.8 1.1-1.9 1-3-1 0-2.1.7-2.8 1.5-.6.7-1.2 1.8-1 2.9 1.1.1 2.1-.6 2.8-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.4 12.6c0-2.4 2-3.5 2.1-3.6-1.1-1.7-2.9-1.9-3.5-1.9-1.5-.2-2.9.9-3.7.9-.8 0-1.9-.9-3.2-.8-1.6 0-3.1 1-4 2.4-1.7 3-.4 7.4 1.2 9.8.8 1.2 1.8 2.5 3 2.4 1.2 0 1.7-.8 3.1-.8 1.5 0 1.9.8 3.2.8 1.3 0 2.1-1.2 2.9-2.4.9-1.4 1.3-2.7 1.3-2.8 0 0-2.4-.9-2.4-4ZM14 5.5c.7-.8 1.1-1.9 1-3-1 0-2.1.7-2.8 1.5-.6.7-1.2 1.8-1 2.9 1.1.1 2.1-.6 2.8-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat}
#p44LoginScreen #p44SSO_google:before{content:"G";margin-right:10px;font-weight:800;font-size:18px;color:var(--orange)}
#p44LoginScreen #p44SSONote{display:none}
#p44LoginScreen #p44SSO:not([hidden])+#p44LoggedOut:before{content:"or with an email code";display:flex;justify-content:center;color:var(--muted);font-size:13px;margin:6px 0 4px;background:linear-gradient(var(--line),var(--line)) left center/calc(50% - 90px) 1px no-repeat,linear-gradient(var(--line),var(--line)) right center/calc(50% - 90px) 1px no-repeat}
#p44LoginScreen .formRow{display:block;margin:12px 0}
#p44LoginScreen label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:var(--ink)}
#p44LoginScreen .field{width:100%;height:54px;border-radius:16px!important;border:1.5px solid var(--line)!important;background:#FFFFFF!important;padding:0 16px;font:inherit;font-size:16px;font-weight:500;color:var(--ink)}
#p44LoginScreen .field::placeholder{color:#A8978A}
#p44LoginScreen #p44OtpCode{letter-spacing:.25em}
#p44LoginScreen .btn.primary,#p44LoginScreen #p44UseOtpCode{background:var(--esp)!important;color:#FAF5EF!important;border:0!important}
#p44LoginScreen .note{font-size:13px;line-height:1.5;color:var(--muted);margin:14px 0 0}
#p44LoginScreen #p44AuthStatus{margin-top:10px;min-height:18px;font-size:13px;color:var(--muted)}
#p44LoginScreen #p44SSOStatus:empty{display:none}
.lgFine{margin:16px 0 0;font-size:14px;color:var(--muted);text-align:center}.lgFine a{color:var(--orange);font-weight:700;text-decoration:none}
#p44LoginScreen #p44LoginLocal{display:block;background:none;border:0;color:var(--muted);width:100%;padding:14px 0 0;font:inherit;font-size:13px;cursor:pointer;text-align:center}
#p44LoginScreen :is(button,input,a):focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:860px){
  .lgWrap{grid-template-columns:1fr}
  .lgPhoto{position:relative;top:0;margin:12px;min-height:280px;height:300px;padding:20px;padding-top:max(20px,env(safe-area-inset-top))}
  .lgQuote b{font-size:24px}
  .lgForm{padding:16px 20px max(32px,env(safe-area-inset-bottom))}
  .lgInner{margin:0;padding:20px 0 0}
  #p44LoginScreen h2{font-size:46px}
}