@font-face{font-family:"Archivo";src:url(../fonts/archivo-latin.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Source Serif";src:url(../fonts/source-serif-latin.woff2) format("woff2");font-weight:200 900;font-display:swap}

:root{
  --black:#0B0B0B;--raised:#161616;--hairline:#3A3A38;--on-black:#F2F2EE;--on-black-dim:#A9A9A4;
  --paper:#F2F2EE;--paper-shade:#E6E6E0;--ink:#121212;--ink-dim:#4D4D48;--line-soft:#C9C9C2;
  --red:#E3392C;--red-ink:#B8261B;
  --display:"Archivo",ui-sans-serif,system-ui,sans-serif;--read:"Source Serif",Georgia,serif;
  --ease:cubic-bezier(.16,1,.3,1)
}

body.login{margin:0;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);background:var(--black);color:var(--ink);font-family:var(--display);color-scheme:light}
body.login::selection,.login ::selection{background:var(--red);color:#fff}

.fp-login-sleeve{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:clamp(32px,5vh,56px) clamp(24px,5vw,72px);background:var(--black);color:var(--on-black);min-width:0}
.login .fp-login-sleeve__home{display:inline-flex;align-items:center;gap:14px;color:var(--on-black);text-decoration:none;width:max-content}
.fp-login-sleeve__mark{display:block;width:34px;height:auto}
.fp-login-sleeve__word{font-stretch:125%;font-weight:600;font-size:15px;letter-spacing:.32em;text-transform:uppercase;line-height:1}
.fp-login-sleeve__home:focus-visible{outline:2px solid var(--red);outline-offset:6px}
.fp-login-sleeve__line{margin:auto 0 0;font-stretch:118%;font-weight:400;font-size:clamp(2.75rem,1.4rem + 4vw,6rem);line-height:.94;letter-spacing:-.03em;max-width:9ch;text-wrap:balance}
.fp-login-sleeve__sub{margin:0;font-family:var(--read);font-size:19px;line-height:1.45;color:var(--on-black-dim);max-width:30ch}
.fp-login-sleeve .fp-strip{display:inline-flex;gap:3px}
.fp-login-sleeve .fp-strip__block{display:block;width:34px;height:14px;background:var(--c)}

#login{grid-column:2;grid-row:1;width:auto!important;margin:0!important;padding:clamp(40px,9vh,112px) clamp(24px,4.5vw,64px) 48px!important;background:var(--paper);display:flex;flex-direction:column;justify-content:center;min-width:0}
#login>*{width:100%;max-width:400px;margin-left:0;margin-right:0;box-sizing:border-box}
#login>h1,.login h1.wp-login-logo{position:absolute!important;width:1px!important;max-width:1px!important;height:1px;margin:0!important;padding:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.language-switcher{display:none}

.login form{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;display:flex;flex-direction:column;overflow:visible!important}
.login form>p,.login form>div{margin:0 0 20px!important}
.login form .fp-gh{order:-1}

.login label{display:block;margin:0 0 8px;color:var(--ink)!important;font-stretch:118%;font-size:12px!important;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.3}
.login input[type=text],.login input[type=email],.login input[type=password]{width:100%;min-height:48px;margin:0!important;padding:10px 14px!important;background:#fff!important;color:var(--ink)!important;border:1px solid var(--ink)!important;border-radius:0!important;box-shadow:none!important;font-family:var(--display);font-size:17px!important;line-height:1.3;caret-color:var(--red)}
.login input[type=text]:focus,.login input[type=email]:focus,.login input[type=password]:focus{outline:2px solid var(--ink)!important;outline-offset:2px;box-shadow:none!important}
.login .user-pass-wrap{margin-bottom:20px}
.login .wp-pwd{position:relative}
.login .wp-pwd input[type=password],.login .wp-pwd input[type=text]{padding-right:52px!important}
.login .button.wp-hide-pw{position:absolute;right:1px;top:1px;width:46px;height:46px;min-height:0;border:0;background:transparent;border-radius:0;color:var(--ink)}
.login .button.wp-hide-pw .dashicons{color:var(--ink);width:20px;height:20px;font-size:20px;top:0}
.login .button.wp-hide-pw:focus-visible{outline:2px solid var(--red);outline-offset:-4px;box-shadow:none}

.login .forgetmenot{display:flex;align-items:center;gap:10px;float:none!important;margin:0 0 24px!important}
.login .forgetmenot label{margin:0;font-size:12px!important}
.login input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:20px!important;height:20px!important;min-width:20px;margin:0!important;border:1px solid var(--ink)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;display:inline-grid;place-content:center;cursor:pointer}
.login input[type=checkbox]::before{content:""!important;width:10px;height:10px;margin:0!important;background:var(--red);transform:scale(0);transition:transform .18s var(--ease)}
.login input[type=checkbox]:checked::before{transform:scale(1)}
.login input[type=checkbox]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.login .forgetmenot .dashicons,.login .forgetmenot button{color:var(--ink-dim)}

.login .submit{margin:0!important;padding:0!important;float:none!important}
.wp-core-ui .button-primary,.login .button-primary{float:none!important;width:100%;min-height:52px!important;margin:0!important;padding:0 64px 0 20px!important;background:var(--ink)!important;color:var(--paper)!important;border:0!important;border-radius:0!important;box-shadow:inset -40px 0 0 var(--red)!important;text-shadow:none!important;font-family:var(--display);font-stretch:118%;font-size:13px!important;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-align:left;cursor:pointer;transition:box-shadow .3s var(--ease)}
.wp-core-ui .button-primary:hover,.login .button-primary:hover{box-shadow:inset -56px 0 0 var(--red)!important}
.wp-core-ui .button-primary:focus-visible{outline:2px solid var(--ink)!important;outline-offset:3px;box-shadow:inset -40px 0 0 var(--red)!important}

.fp-gh{display:flex;flex-direction:column;gap:20px;margin:0 0 24px!important}
.fp-gh__btn{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 20px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);text-decoration:none;font-family:var(--display);font-stretch:118%;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:background-color .2s var(--ease),color .2s var(--ease)}
.fp-gh__btn:hover{background:var(--ink);color:var(--paper)}
.fp-gh__btn:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.fp-gh__mark{flex:none}
.fp-gh__or{display:flex;align-items:center;gap:14px;color:var(--ink-dim);font-family:var(--read);font-size:15px}
.fp-gh__or::before,.fp-gh__or::after{content:"";flex:1;height:1px;background:var(--line-soft)}

.fp-register-terms label{display:grid!important;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;margin:0;font-family:var(--read);font-stretch:100%;font-size:15px!important;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.45;color:var(--ink)!important}
.fp-register-terms input[type=checkbox]{margin-top:2px!important}
.login a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}
.fp-register-terms a{text-decoration:underline;text-decoration-color:var(--red)}
.login #reg_passmail{margin:0 0 24px!important;font-family:var(--read);font-size:15px;color:var(--ink-dim)}
.login form p:not([class]):not([id]){font-family:var(--read);font-size:16px;line-height:1.5}

.login .message,.login .notice,.login .success,.login #login_error{position:relative;margin:0 0 28px!important;padding:14px 16px 14px 46px!important;background:var(--paper-shade)!important;color:var(--ink)!important;border:1px solid var(--ink)!important;border-left-width:1px!important;border-radius:0!important;box-shadow:none!important;font-family:var(--read);font-size:15px;line-height:1.45}
.login .message::before,.login .notice::before,.login .success::before,.login #login_error::before{content:"";position:absolute;left:16px;top:20px;width:16px;height:8px;background:var(--ink)}
.login #login_error,.login .notice-error{border-color:var(--red-ink)!important;background:#F6D9D5!important}
.login #login_error::before,.login .notice-error::before{background:var(--red)}
.login .message p,.login .notice p,.login #login_error p{margin:0}
.login .message strong,.login #login_error strong{font-family:var(--display);font-weight:600}

.login #nav,.login #backtoblog{margin:28px 0 0!important;padding:0!important;font-size:12px;font-stretch:118%;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--line-soft)}
.login #backtoblog{margin-top:12px!important}
.login #nav a,.login #backtoblog a{color:var(--ink-dim)!important;text-decoration:none}
.login #nav a:hover,.login #backtoblog a:hover{color:var(--ink)!important;text-decoration:underline}
.login .privacy-policy-page-link{margin:24px 0 0!important;text-align:left!important}
.login .privacy-policy-page-link a{color:var(--ink-dim)!important;font-size:13px}

.fp-login-intro{margin:0 0 28px!important;font-family:var(--read);font-size:19px;line-height:1.45;color:var(--ink)}
.fp-gh__pw{align-self:flex-start;color:var(--ink-dim)!important;font-family:var(--display);font-stretch:118%;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.fp-gh__pw:hover{color:var(--ink)!important;text-decoration:underline;text-underline-offset:4px}
.fp-gh__pw:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.fp-join-note{margin:4px 0 0!important;font-family:var(--read);font-size:15px;line-height:1.5;color:var(--ink-dim)}
.fp-join-note a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red)}
body.fp-gh-only #loginform>:not(.fp-gh){display:none!important}
body.fp-gh-only #loginform .fp-gh{margin:0!important;gap:24px}
body.fp-gh-only #login>#nav{display:none}
body.fp-gh-only.login-action-register #login>#nav{display:block}
.fp-trap{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

@media (max-width:860px){
  body.login{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .fp-login-sleeve{grid-column:1;grid-row:1;gap:14px;padding:20px 20px 24px}
  .fp-login-sleeve__line{margin:8px 0 0;font-size:clamp(2rem,9vw,2.75rem);max-width:none}
  .fp-login-sleeve__sub{display:none}
  #login{grid-column:1;grid-row:2;justify-content:flex-start;padding:32px 20px 48px!important}
  #login>*{max-width:none}
}

@media (prefers-reduced-motion:reduce){
  .login *{transition:none!important}
}