*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f5f2e9;color:#25372e;font-family:Arial,sans-serif;line-height:1.7}a{color:inherit}header,footer{padding:26px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}header{border-bottom:1px solid #cbd0c3}.brand{font:24px Georgia,serif;text-decoration:none}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin-top:8px}.pill{border:1px solid #526457;border-radius:30px;padding:11px 20px;text-decoration:none;font-size:13px;white-space:nowrap}.hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:650px}.intro{padding:90px 12%;align-self:center}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:3px;font-weight:bold;color:#526b50}h1{font:clamp(52px,6vw,88px)/1.05 Georgia,serif;letter-spacing:-2px;margin:24px 0}h1 em{color:#72836b;font-weight:normal}.intro p{max-width:360px;color:#617063}.button{display:inline-block;background:#283e30;color:white;padding:14px 24px;border:0;border-radius:3px;text-decoration:none;font:14px Arial,sans-serif;cursor:pointer;margin-top:20px}.button:hover{background:#405b43}.illustration{min-height:500px;position:relative;background:#abb5a1}.illustration img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.caption{position:absolute;bottom:20px;left:24px;background:#263d31cc;color:white;padding:8px 12px;font-size:10px;letter-spacing:2px}footer{border-top:1px solid #cbd0c3;font-size:12px;color:#617063}.login-wrap{max-width:480px;padding:56px 24px 80px;margin:auto;min-height:70vh}.login-wrap h1{font-size:48px}.login-wrap p{color:#617063}.login-wrap label{display:block;font-size:14px;margin:24px 0 8px}.login-wrap input{width:100%;padding:15px;border:1px solid #8a9a80;border-radius:4px;background:#fff;font-size:17px}.login-wrap .button{width:100%}.error{padding:12px;background:#efe1d8;border-left:3px solid #8d513a}.note{font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c39156;outline-offset:4px}@media(max-width:700px){header,footer{padding:24px 7%}.brand{font-size:21px}.brand small{font-size:8px;letter-spacing:2px}.pill{font-size:12px;padding:9px 14px}.hero{grid-template-columns:1fr;min-height:0}.intro{padding:54px 7%}.illustration{min-height:0;aspect-ratio:1/1}h1{font-size:64px}.login-wrap{padding-top:36px}}