.login{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;background:#f6f4ed}.login-photo{position:relative;min-height:760px;background:#132b24;overflow:hidden;color:#fff}.login-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.login-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,24,21,.5),transparent 30%,rgba(7,22,18,.92))}.login-brand,.login-story{position:relative;z-index:1}.login-brand{padding:42px;font-size:24px;letter-spacing:5px}.login-brand span{display:block;font-size:11px;letter-spacing:6px;margin-top:8px;color:#d6bd83}.login-story{position:absolute;bottom:55px;left:42px;right:42px}.login-story small{font-size:10px;letter-spacing:2px;color:#ddc78f}.login-story h1{font:normal clamp(42px,4.6vw,70px)/1.05 Georgia,serif;color:#fff;margin:22px 0}.login-story p{max-width:420px;color:#e5e7e0;line-height:1.7}.login-story>span{display:block;margin-top:30px;font-size:11px;letter-spacing:2px;text-transform:uppercase}.login-panel{padding:60px 10%;display:flex;flex-direction:column;justify-content:center}.login-form{max-width:410px;width:100%;margin:auto}.login-form h2{font:normal 47px/1.1 Georgia,serif;margin:20px 0 10px;color:#193b30}.login-form>p{color:#64716a}.login-tabs{display:flex;border-bottom:1px solid #d8ddd6;margin:30px 0}.login-tabs button{flex:1;border:0;background:none;padding:14px 8px;color:#68756c;border-bottom:2px solid transparent}.login-tabs button.active{color:#193b30;border-color:#a88e56;font-weight:700}.login-form label{display:block;font-size:12px;font-weight:600;margin:18px 0 9px}.login-form input{width:100%;box-sizing:border-box;border:1px solid #cdd4cb;background:#fff;padding:15px;border-radius:3px;font:inherit}.login-form input:focus{outline:2px solid #a88e56;outline-offset:2px}#demopin{letter-spacing:10px}.login-submit{width:100%;background:#193b30;color:white;border:0;padding:17px;text-align:left;margin-top:8px;border-radius:3px;font-weight:600}.login-submit span{float:right}.login-test{margin-top:26px;padding:18px 20px;background:#ecefe7;border:1px solid #d8dfd3;font-size:12px}.login-test p{line-height:1.7}.login-test button{background:none;border:0;border-bottom:1px solid #a88e56;padding:4px 0;color:#193b30}.login-disclaimer{font-size:11px;line-height:1.7;margin-top:20px;color:#6d766f}.login-error{color:#a4372b;font-size:12px;min-height:17px}.login-panel footer{text-align:center;font-size:11px;color:#708074;margin-top:35px}.logout{background:none;border:1px solid #d6ddcf;padding:8px;color:#254634}@media(max-width:760px){.login{grid-template-columns:1fr}.login-photo{min-height:330px}.login-brand{padding:25px;font-size:20px}.login-story{left:25px;right:25px;bottom:25px}.login-story h1{font-size:35px;margin:14px 0}.login-story p,.login-story>span{display:none}.login-panel{padding:35px 25px}.login-form h2{font-size:37px}}