*{box-sizing:border-box}body{color:#243a32;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.scene{isolation:isolate;background:#3d5140 url(/yard.jpg) 50%/cover no-repeat;justify-content:space-between;align-items:center;min-height:100svh;padding:130px 7vw 110px;display:flex;position:relative}.scene:before{content:"";z-index:-1;background:linear-gradient(90deg,#0c1d145c,#0000 55%,#0c1d142e),linear-gradient(#0000 45%,#08170ea8);position:absolute;inset:0}.brand{color:#fff;letter-spacing:5px;align-items:center;gap:14px;font-size:25px;display:flex;position:absolute;top:40px;left:5vw}.mark{font-size:42px}.brand small{letter-spacing:3px;margin-top:7px;font-size:9px;display:block}.intro{color:#fff;text-shadow:0 2px 20px #172b2560;align-self:flex-end;padding-bottom:20px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700}.intro h1{letter-spacing:-2px;margin:22px 0;font-family:Georgia,serif;font-size:clamp(44px,4.8vw,76px);font-weight:400;line-height:1.05}.intro p{color:#f4f1e9;font-size:17px}.card{background:#fffdf8;border-radius:5px;flex-shrink:0;width:410px;padding:45px 38px 30px;box-shadow:0 20px 70px #0b1d2840}.green{color:#668071}.card h2{letter-spacing:-1px;margin:15px 0 10px;font-family:Georgia,serif;font-size:38px;font-weight:400}.sub{color:#737b74;margin:0 0 30px;font-size:14px}label{margin:21px 0 9px;font-size:12px;font-weight:600;display:block}input{color:#243a32;background:#fffefb;border:1px solid #d9ddd6;border-radius:3px;outline:none;width:100%;padding:15px 14px;font-size:14px}input:focus{border-color:#526e5d;box-shadow:0 0 0 3px #526e5d20}input::placeholder{color:#858e83}.password{position:relative}.password input{padding-right:60px}.reveal{color:#647669;background:0 0;border:0;height:100%;font-size:11px;position:absolute;top:0;right:12px}.error{color:#a73929;min-height:20px;margin:12px 0;font-size:12px}.submit{color:#fff;background:#294c3d;border:0;border-radius:3px;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;font-size:13px;font-weight:600;display:flex}.submit:hover{background:#1d3c2e}.submit:disabled{opacity:.65}.submit span{font-size:20px}.private{text-align:center;color:#727c70;letter-spacing:.3px;border-top:1px solid #e4e6df;margin-top:30px;padding-top:22px;font-size:10px}footer{color:#ffffffbc;letter-spacing:1px;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:30px;left:5vw;right:5vw}footer span:last-child{letter-spacing:0}@media (max-width:800px){.scene{background-position:35%;justify-content:center;padding:130px 24px 85px}.intro{display:none}.card{width:min(410px,100%);padding:35px 28px}.brand{top:30px;left:28px}footer{left:28px;right:28px}footer span:last-child{display:none}}input{min-height:52px;font-size:16px}.reveal{min-width:48px;min-height:48px;right:6px}.submit{min-height:56px;font-size:15px}label{font-size:14px}.private{font-size:12px}.sub{font-size:16px}.error{font-size:14px}button:focus-visible{outline-offset:4px;outline:3px solid #91b59b}@media (min-width:801px) and (max-width:1180px){.scene{gap:30px;padding:130px 5vw 100px}.card{width:370px;padding:36px 30px 28px}.intro h1{font-size:54px}.intro .eyebrow{max-width:270px;line-height:1.8}}@media (min-width:600px) and (orientation:portrait){.scene{background-position:38%;flex-direction:column;gap:38px;padding:160px 40px 100px}.intro{text-align:center;align-self:center;padding:0;display:block}.intro h1{margin:16px 0;font-size:54px}.intro p{display:none}.card{width:430px;padding:38px}.brand{top:35px;left:40px}footer{left:40px;right:40px}}@media (max-height:650px) and (min-width:801px){.scene{padding-top:100px;padding-bottom:75px}.brand{top:20px}.card{padding-top:26px;padding-bottom:24px}.sub{margin-bottom:20px}.private{margin-top:20px;padding-top:18px}}.logo{border-radius:50%;flex-shrink:0;width:62px;height:62px;display:block;position:relative;overflow:hidden}.logo img{width:137.35%;max-width:none;height:auto;position:absolute;top:-9.64%;left:-18.67%}
