.pp-login-page{--login-paper:#f5f1e9;--login-ink:#17243b;--login-muted:#596475;--login-line:#ded9cf;min-height:100svh;display:grid;grid-template-rows:auto 1fr;background:var(--login-paper);padding:28px clamp(22px,6vw,92px) 42px;color:var(--login-ink);font-family:var(--sans)}.pp-login-page ::selection{background:#e8ee60;color:#17243b}.pp-login-page :focus-visible{outline:3px solid #ef4d1a;outline-offset:3px}.pp-login-wordmark{width:max-content;color:#17243b;font-size:22px;font-weight:750;letter-spacing:-.045em;text-decoration:none}.pp-login-wordmark span{color:#ef4d1a}.pp-login-layout{position:relative;display:block;width:min(100%,1100px);height:min(650px,calc(100svh - 135px));min-height:570px;align-self:center;justify-self:center;overflow:hidden;border:1px solid #ded9cf;background:#fffefa}.pp-login-story{position:absolute;z-index:2;top:0;left:0;display:flex;width:52%;height:100%;min-height:0;overflow:hidden;flex-direction:column;background:#17243b;color:#fff;padding:39px 42px 21px;animation:login-story-reveal 1.5s cubic-bezier(.22,1,.36,1) both}.pp-login-story-copy{position:relative;z-index:1;max-width:380px;margin:0}.pp-login-label{display:inline-flex;align-items:center;gap:8px;color:#d5dce5;font:9px var(--mono);letter-spacing:.11em}.pp-login-label:before{width:7px;height:7px;background:#e8ee60;content:""}.pp-login-story h1{max-width:9ch;margin:24px 0 13px;font-size:clamp(39px,4.5vw,58px);line-height:.99;letter-spacing:-.045em}.pp-login-story-copy p{max-width:34ch;margin:0;color:#e0e4ea;font-size:13px;line-height:1.65}.pp-login-art{flex:1 1;min-height:225px;margin:20px -42px 0;background:#ef9451 url(/images/everyday-archive-hero.png) center 56%/cover no-repeat}.pp-login-story-foot{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #45516a;padding-top:14px;color:#e0e4ea;font:8px var(--mono);letter-spacing:.075em}.pp-login-story-foot span:first-child{display:flex;align-items:center;gap:8px}.pp-login-story-foot i{width:7px;height:7px;background:#e8ee60}.pp-login-panel{position:absolute;z-index:1;top:0;right:0;display:flex;width:48%;height:100%;flex-direction:column;justify-content:center;padding:48px clamp(27px,5vw,62px);animation:login-form-reveal 1.5s cubic-bezier(.22,1,.36,1) 0s both}.pp-login-heading{display:flex;align-items:center;gap:14px;margin-bottom:31px}.pp-login-icon{display:grid;width:44px;height:44px;flex:none;place-items:center;border:1px solid var(--login-line);background:#f1eee6}.pp-login-icon svg{width:20px;height:20px;color:#17243b}.pp-login-heading h2{margin:0 0 5px;font-size:25px;letter-spacing:-.035em}.pp-login-heading p{margin:0;color:var(--login-muted);font-size:12px;line-height:1.5}.pp-login-form{display:grid;grid-template-columns:1fr;grid-gap:9px;gap:9px}.pp-login-form label{margin-top:7px;color:#26344a;font-size:11px;font-weight:650}.pp-login-form input{width:100%;height:46px;box-sizing:border-box;border:1px solid #cfcabe;border-radius:0;background:#fffefa;padding:0 13px;color:#17243b;font:inherit;font-size:12px}.pp-login-form input::placeholder{color:#606a77;opacity:1}.pp-login-form input:focus{border-color:#17243b;outline:2px solid #17243b;outline-offset:2px}.pp-login-form button{display:flex;height:48px;align-items:center;justify-content:space-between;margin-top:13px;border:0;border-radius:0;background:#ef4d1a;padding:0 15px;color:white;font:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background .18s,transform .18s}.pp-login-form button:hover:not(:disabled){transform:translateY(-1px);background:#cf3b12}.pp-login-form button:disabled{opacity:.65;cursor:wait}.pp-login-form button svg{width:16px;height:16px}.pp-login-error{margin:3px 0 0;border:1px solid #e5b2a7;background:#fff0eb;padding:10px;color:#8b3027;font-size:11px;line-height:1.45}.pp-login-footnote{display:flex;align-items:flex-start;gap:8px;margin:22px 0 0;color:#596475;font-size:10px;line-height:1.55}.pp-login-footnote svg{width:14px;height:14px;flex:none}.pp-login-back{display:flex;width:max-content;align-items:center;gap:7px;margin-top:25px;color:#27354a;font-size:10px;font-weight:650;text-decoration:underline;text-underline-offset:3px}.pp-login-back svg{width:14px;height:14px;transform:rotate(180deg)}@keyframes login-story-reveal{0%{left:24%}to{left:0}}@keyframes login-form-reveal{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media(max-width:720px){.pp-login-page{min-height:100svh;padding:18px 15px 25px}.pp-login-wordmark{font-size:20px}.pp-login-layout{display:grid;width:min(100%,470px);height:auto;min-height:0;grid-template-columns:1fr}.pp-login-story{position:relative;left:auto;width:100%;height:auto;min-height:0;padding:24px 23px 15px;animation:login-story-mobile .9s cubic-bezier(.22,1,.36,1) both}.pp-login-story h1{max-width:11ch;margin:15px 0 8px;font-size:37px}.pp-login-story-copy p{max-width:42ch;font-size:12px}.pp-login-art{min-height:165px;margin:17px -23px 0;background-position:center 54%}.pp-login-story-foot{margin-top:0;padding-top:11px;font-size:7px}.pp-login-panel{position:relative;top:auto;right:auto;width:auto;height:auto;padding:27px 23px 29px;animation:login-form-mobile .9s cubic-bezier(.22,1,.36,1) 0s both}.pp-login-heading{margin-bottom:20px}.pp-login-heading h2{font-size:22px}}@keyframes login-story-mobile{0%{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes login-form-mobile{0%{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:translateX(0)}}@media(max-width:360px){.pp-login-page{padding-right:10px;padding-left:10px}.pp-login-story{padding-right:18px;padding-left:18px}.pp-login-art{margin-right:-18px;margin-left:-18px;min-height:135px}.pp-login-panel{padding-right:18px;padding-left:18px}.pp-login-heading{gap:10px}}@media(prefers-reduced-motion:reduce){.pp-login-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important;animation-name:none!important}}