.login{--login-burgundy:#4f0a1e;--login-cream:#f8f4ef;--login-ink:#161213;--login-border:#a9a39e;--login-muted:#6f6a66;background:var(--login-cream);min-height:100dvh;color:var(--login-ink);flex:1;grid-template-columns:minmax(0,58.4fr) minmax(24rem,41.6fr);display:grid}.login-panel{background:#fff;flex-direction:column;gap:3px;display:flex}.login-hero{isolation:isolate;color:#fff;flex:1;align-items:center;min-height:30rem;padding:2rem clamp(1.5rem,5.5vw,5.25rem);display:flex;position:relative}.login-hero img{z-index:-1;object-fit:cover;object-position:50% 0%}.login-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#0f080880,#0f080800 65%);position:absolute;inset:0}.login-eyebrow{letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(currentColor,currentColor) 0 100%/4.5rem 1px no-repeat;padding-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.login-eyebrow span,.login-hero-title span{display:block}.login-hero-title{font-family:var(--font-serif);letter-spacing:-.01em;margin-top:clamp(1.5rem,7vh,5rem);font-size:clamp(2.5rem,min(5vw,9.5vh),5.25rem);font-style:italic;line-height:1.02}.login-hero-intro{max-width:25rem;margin-top:1rem;font-size:1.125rem;line-height:1.6}.login-strip{grid-template-columns:302fr 301fr 283fr;gap:3px;height:23%;min-height:9rem;display:grid}.login-strip>div{position:relative;overflow:hidden}.login-strip img{object-fit:cover}.login-content{flex-direction:column;justify-content:center;width:100%;max-width:33rem;margin-inline:auto;padding:2.5rem clamp(1.5rem,4vw,4rem);display:flex}.login-brand{flex-direction:column;align-self:center;align-items:center;display:flex}.login-logo{width:10.5rem;height:auto}.login-title{font-family:var(--font-serif);text-align:center;margin-top:1.75rem;font-size:3rem;font-style:italic;font-weight:400;line-height:1.15}.login-subtitle{text-align:center;margin-top:.5rem;font-size:1.0625rem}.login-form{margin-top:2rem}.login-field{border:1px solid var(--login-border);cursor:text;border-radius:.875rem;align-items:center;gap:1rem;height:3.25rem;padding-inline:1.25rem;display:flex}.login-field:focus-within{border-color:var(--login-burgundy);outline:1px solid var(--login-burgundy)}.login-field svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex:none;width:1.5rem;height:1.5rem}.login-field input{background:0 0;outline:none;flex:1;min-width:0}.login-field input::placeholder{color:var(--login-muted);opacity:1}.login-options{justify-content:space-between;align-items:center;margin-top:1.25rem;font-size:.9375rem;display:flex}.login-remember{cursor:pointer;align-items:center;gap:.75rem;display:flex}.login-remember input{width:1.25rem;height:1.25rem;accent-color:var(--login-burgundy);cursor:pointer}.login-help,.login-switch a{color:var(--login-burgundy);text-underline-offset:4px;text-decoration:underline}.login-submit{background:var(--login-burgundy);color:#fff;width:100%;height:3.5rem;font-family:var(--font-serif);cursor:pointer;border-radius:.875rem;margin-top:1.5rem;font-size:1.375rem;transition:background-color .15s}.login-submit:hover{background:#6a1229}.login-message{text-align:center;min-height:1.25rem;color:var(--login-burgundy);margin-top:.625rem;font-size:.875rem}.login-divider{align-items:center;gap:1.5rem;margin-block:.625rem 1.25rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--login-border);flex:1;height:1px}.login-provider{border:1px solid var(--login-border);cursor:pointer;border-radius:.875rem;justify-content:center;align-items:center;gap:1.125rem;width:100%;height:3.25rem;margin-bottom:.875rem;font-weight:500;transition:background-color .15s;display:flex}.login-provider:hover{background:#efe9e2}.login-provider svg{width:1.5rem;height:1.5rem}.login-switch{text-align:center;margin-top:1.25rem}.login-switch a{margin-left:.5rem;font-weight:600}@media (max-width:767px){.login{flex-direction:column;display:flex}.login-panel{flex:none}.login-hero{flex:none;height:12rem;min-height:0;padding:0}.login-hero img{object-position:60% 12%}.login-hero:after,.login-hero-text,.login-strip{display:none}.login-content{flex:1;justify-content:flex-start;max-width:30rem;padding:1.75rem 1.5rem 2rem}.login-logo{width:8rem}.login-title{margin-top:1rem;font-size:2.5rem}.login-form{margin-top:1.5rem}}
