/* The Corbin login: a night game behind glass. */
@font-face{font-family:"Corbin Display";src:var(--corbin-display) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Corbin Display";src:var(--corbin-display-b) format("woff2");font-weight:700;font-display:swap}

body.login{min-height:100vh;margin:0;background:#0e1013;color:#fff;overflow-x:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}
@media (min-width:1100px){body.login{align-items:flex-end;padding-right:8vw}body.login #login{width:360px}}
body.login #login{position:relative;z-index:2;width:340px;max-width:92vw;padding:0 0 40px}

/* the photograph */
.corbin-login-bg{position:fixed;inset:0;z-index:0;background:var(--corbin-shot) center/cover no-repeat;filter:saturate(1.05) contrast(1.06);animation:corbin-pan 34s ease-in-out infinite alternate;transform-origin:60% 50%}
.corbin-login-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(130% 100% at 22% 78%,rgba(14,16,19,.2) 0%,rgba(14,16,19,.62) 42%,rgba(14,16,19,.92) 100%)}
.corbin-login-grain{position:absolute;inset:0;opacity:.16;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
@keyframes corbin-pan{from{transform:scale(1.08) translate3d(0,0,0)}to{transform:scale(1.16) translate3d(-2%,-1.5%,0)}}
@media (prefers-reduced-motion:reduce){.corbin-login-bg{animation:none}}

/* the C, ghosted big */
body.login:before{content:"";position:fixed;right:-14%;bottom:-22%;width:70vw;height:70vw;background:var(--corbin-mark-white) center/contain no-repeat;opacity:.05;pointer-events:none;z-index:1}

/* wordmark */
.login h1{margin:0 0 20px;text-align:center}
.login h1 a{background-image:var(--corbin-mark)!important;background-size:contain!important;background-position:center center!important;width:210px!important;height:210px!important;max-width:none;margin:0 auto;filter:drop-shadow(0 16px 44px rgba(0,0,0,.85))}
@media (max-width:1099px){.login h1 a{width:150px!important;height:150px!important}}

/* the card */
.login form{position:relative;background:rgba(255,255,255,.97);border:0;border-top:6px solid #CE1A27;border-radius:0;box-shadow:0 40px 80px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.08);padding:26px 24px 24px;backdrop-filter:blur(6px)}
.login form:before{content:"Sign in";position:absolute;top:-30px;left:0;font-family:"Corbin Display",Oswald,Impact,sans-serif;font-weight:900;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.login label{font-family:"Corbin Display",Oswald,Impact,sans-serif;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#6f757c}
.login input[type=text],.login input[type=password]{border:2px solid #c6cad0;border-radius:0;padding:10px 12px;font-size:16px;background:#fff;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.login input[type=text]:focus,.login input[type=password]:focus{border-color:#CE1A27;box-shadow:0 0 0 3px rgba(206,26,39,.18);outline:0}
.login .wp-pwd .button.wp-hide-pw{color:#6f757c}
.wp-core-ui .button-primary{width:100%;justify-content:center;background:#CE1A27;border:0;border-radius:0;padding:12px 18px;height:auto;font-family:"Corbin Display",Oswald,Impact,sans-serif;font-weight:900;font-size:15px;letter-spacing:.14em;text-transform:uppercase;text-shadow:none;box-shadow:none;transition:background .15s,transform .15s}
.wp-core-ui .button-primary:hover{background:#AC141D;transform:translateY(-1px)}
.wp-core-ui .button-primary:active{transform:none}
.login .forgetmenot label{font-family:inherit;font-size:13px;letter-spacing:0;text-transform:none;color:#4a5058}

/* links under the card */
.login #nav,.login #backtoblog{text-align:center;padding:0;margin:14px 0 0}
.login #nav a,.login #backtoblog a{font-family:"Corbin Display",Oswald,Impact,sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);text-decoration:none}
.login #nav a:hover,.login #backtoblog a:hover{color:#fff}
.login .privacy-policy-page-link,.login .language-switcher{display:none}

/* messages */
.login .message,.login #login_error,.login .notice{border:0;border-left:5px solid #CE1A27;border-radius:0;background:#fff;color:#1d2126;box-shadow:0 20px 40px -20px rgba(0,0,0,.6);font-size:14px}
.login .message{border-left-color:#2b3036}

/* one true fact from the archive, top left */
.corbin-login-fact{position:fixed;left:7vw;top:50%;transform:translateY(-50%);z-index:2;max-width:34vw;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.75);padding-left:22px;border-left:5px solid #CE1A27}
.clf__k{display:block;font-family:"Corbin Display",Oswald,Impact,sans-serif;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#CE1A27}
.clf__v{display:block;font-family:"Corbin Display",Oswald,Impact,sans-serif;font-weight:900;font-size:clamp(56px,9vw,140px);line-height:.85;letter-spacing:-.025em;margin:4px 0 6px;text-transform:uppercase}
.clf__c{display:block;font-size:15px;letter-spacing:.04em;color:rgba(255,255,255,.78)}

.corbin-login-foot{position:fixed;left:0;right:0;bottom:18px;z-index:2;margin:0;text-align:center;font-family:"Corbin Display",Oswald,Impact,sans-serif;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.corbin-login-foot a{color:rgba(255,255,255,.7);text-decoration:none}
.corbin-login-foot a:hover{color:#fff}

@media (max-width:1099px){.corbin-login-fact{position:static;transform:none;max-width:none;text-align:center;margin:0 0 20px;padding:0 16px;border-left:0}.clf__v{font-size:clamp(40px,13vw,68px)}.clf__k:before,.clf__k:after{content:"";display:inline-block;width:18px;height:2px;background:#CE1A27;vertical-align:middle;margin:0 8px}body.login{justify-content:center;padding:6vh 0 0}body.login #login{padding-top:0}}
@media (max-width:480px){body.login #login{padding-bottom:70px}.login h1 a{width:200px!important;height:94px!important}}