*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#183c31;background:#f7f6f0;font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b4873e;outline-offset:4px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.top{border-bottom:1px solid #dfe3d8;background:#f7f6f0}.top-inner{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.mark{width:46px;height:46px;border:1px solid #577363;border-radius:50%;display:grid;place-items:center;font:18px Georgia,serif;letter-spacing:1px}.brand strong{font-size:17px;font-weight:600;letter-spacing:-.4px}.brand small{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#64786a}.nav{display:flex;align-items:center;gap:28px}.nav>a{font-size:13px;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border:1px solid #214f3c;border-radius:5px;background:#214f3c;color:white;font-size:13px;font-weight:600;letter-spacing:.1px;text-decoration:none;cursor:pointer}.btn.ghost{background:transparent;color:#214f3c}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:#607463}.hero{display:grid;grid-template-columns:1.07fr 1fr;gap:80px;align-items:center;padding:76px 0 68px}.hero h1{font:clamp(43px,5.7vw,71px)/1.08 Georgia,serif;letter-spacing:-2.7px;font-weight:400;margin:18px 0 24px}.hero h1 em{font-weight:400;color:#63826a}.lead{font-size:16px;color:#617166;max-width:470px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.quiet-link{font-size:12px;text-underline-offset:5px}.hero-caption{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#6f7b68;margin:16px 0 0}.landscape{position:relative;aspect-ratio:1/1.08;background:#e0e7d7;border-radius:120px 120px 4px 4px;overflow:hidden}.landscape svg{width:100%;height:100%;display:block}.art-label{position:absolute;left:28px;bottom:25px;font:italic 18px Georgia,serif;color:#f9f9eb;letter-spacing:.2px}.ribbon{border-top:1px solid #d2dbce;border-bottom:1px solid #d2dbce;display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:30px}.ribbon div+div{border-left:1px solid #d2dbce;padding-left:30px}.ribbon strong{display:block;font:22px Georgia,serif}.ribbon span{font-size:12px;color:#6b7769}.section{padding:76px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}.section-heading h2,.invitation h2{font:38px/1.15 Georgia,serif;letter-spacing:-1px;font-weight:400;margin:8px 0 0}.section-heading>p{max-width:380px;color:#687767;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:30px;border:1px solid #d9dfd2;border-radius:5px;background:#fbfaf6}.card .number{font:italic 14px Georgia,serif;color:#929f8a}.card h3{font:25px Georgia,serif;font-weight:400;margin:30px 0 12px}.card p{font-size:13px;line-height:1.75;color:#6d796b;margin:0}.invitation{background:#e9eddf;border:1px solid #dbe1d1;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:42px;padding:42px;margin-bottom:75px}.invitation p{max-width:630px;font-size:14px;color:#647460;margin:14px 0 0}.footer{border-top:1px solid #d8dfd2;padding:24px 0 30px}.footer .wrap{display:flex;justify-content:space-between;gap:24px;font-size:11px;color:#77816e}.footer a{text-decoration:none}.login-main{min-height:calc(100vh - 184px);display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center;padding:70px 0}.login-copy h1{font:55px/1.1 Georgia,serif;letter-spacing:-2px;font-weight:400;margin:15px 0 25px}.login-copy p{font-size:15px;color:#697867;max-width:430px}.login-note{border-left:2px solid #becbb3;padding-left:20px;margin-top:35px;font-size:12px;color:#71806a;max-width:390px}.login-card{background:#fffefa;border:1px solid #dce2d4;border-radius:8px;padding:38px;box-shadow:0 14px 50px #183c3108}.login-card h2{font:27px Georgia,serif;font-weight:400;margin:0 0 7px}.login-card>p{font-size:13px;color:#73806c;margin:0 0 28px}.field{display:block;margin:19px 0;color:#4f6253;font-size:12px}.field input{display:block;margin-top:7px;width:100%;padding:13px;border:1px solid #cdd8c6;background:#fffefa;border-radius:4px;color:#183c31;font-size:15px}.field small{display:block;color:#86907e;font-size:10px;margin-top:5px}.login-card .btn{width:100%;margin-top:9px}.help{font-size:11px!important;line-height:1.6;margin:20px 0 0!important;color:#7a8573!important}.error{background:#fff0e6;color:#8b4b32;border:1px solid #f1d7c5;padding:12px 14px;font-size:12px;border-radius:4px}.preview-note{background:#e8eef8;color:#365078;text-align:center;padding:7px;font-size:11px}.admin-box{padding:24px;border:1px solid #d5decd;border-radius:5px;margin:22px 0}.admin-box table{width:100%;border-collapse:collapse;font-size:13px}.admin-box th,.admin-box td{text-align:left;padding:12px;border-bottom:1px solid #dfe5d8}.admin-box input[type=text],.admin-box textarea{width:100%;padding:10px;border:1px solid #cad4c3;background:white}.small{font-size:12px;color:#6a7865}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.top-inner{height:80px}.nav{gap:12px}.nav>a:not(.btn){display:none}.brand strong{font-size:14px}.brand small{font-size:9px}.mark{width:38px;height:38px}.hero{gap:35px;padding:40px 0;grid-template-columns:1fr}.hero h1{font-size:52px;max-width:570px}.hero .landscape{max-height:380px;aspect-ratio:1.3/1;border-radius:70px 70px 4px 4px}.ribbon{gap:15px}.ribbon div+div{padding-left:15px}.ribbon strong{font-size:18px}.ribbon span{font-size:10px}.section{padding:45px 0}.section-heading{display:block}.section-heading h2,.invitation h2{font-size:32px}.cards{grid-template-columns:1fr}.card h3{margin-top:12px}.invitation{padding:25px;display:block;margin-bottom:45px}.invitation .btn{margin-top:25px}.login-main{grid-template-columns:1fr;gap:24px;padding:40px 0}.login-copy h1{font-size:43px}.login-note{margin-top:20px}.login-card{padding:25px}.footer .wrap{flex-wrap:wrap}}
@media(max-width:480px){.top-inner{gap:12px}.brand{gap:9px;min-width:0}.brand strong{font-size:13px}.brand small{font-size:8px}.mark{width:32px;height:32px;flex:none}.nav .btn{font-size:11px;padding:11px 12px}.top-inner>.quiet-link{max-width:110px;text-align:right;font-size:11px;line-height:1.4}}
/* Keep sign-in as the first task on phones and tablets. */
.login-main>*{min-width:0}.login-card,.login-copy{overflow-wrap:anywhere}
@media(max-width:800px){.login-card{grid-row:1}.login-copy{grid-row:2}.login-main{align-items:start;padding-block:28px 42px}.login-copy h1{font-size:34px;letter-spacing:-1px}.login-card .field input{font-size:16px}.login-card .btn{min-height:46px}.login-note{margin-top:22px}}
/* Resident welcome: same visual language as the private portal. */
.login-copy h1{color:#214c3f;font-size:clamp(40px,5vw,60px)}.login-card{border-radius:20px;padding:38px;box-shadow:0 15px 50px #183c3107}.login-card .field{font-size:14px}.login-card .field input{border-radius:10px;min-height:50px}.login-card .btn{border-radius:10px;min-height:50px;font-size:14px}.login-features{display:flex;flex-wrap:wrap;gap:9px;max-width:450px;margin:26px 0}.login-features span{background:#e8eee1;color:#45644f;font-size:12px;padding:9px 12px;border-radius:20px}.login-note{font-size:13px;line-height:1.7}.login-card>p,.login-card .help{font-size:13px!important}.login-copy .eyebrow{font-size:11px}@media(max-width:800px){.login-card{padding:26px}.login-copy h1{font-size:38px}.login-copy{padding-top:12px}.login-note{font-size:12px}}