@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
body.portal-body{--orange:#f4511e;--orange-light:#ff812c;--navy:#0d2344;--muted:#53627a;--cream:#fff9f0;--line:#edf0ee;background:var(--cream);color:var(--navy);font:16px/1.5 'DM Sans',Arial,sans-serif}
.portal-body h1,.portal-body h2,.portal-body h3,.portal-body .brand{font-family:Nunito,Arial,sans-serif}
.portal-body .wrap{width:min(1436px,calc(100% - 100px))}
.portal-body a{color:inherit}.portal-body .site-header{background:#fff;box-shadow:0 2px 20px #1b2f4712;position:relative;z-index:20}.portal-body .site-header .nav{height:80px;min-height:80px;gap:22px}.portal-body .brand{gap:12px;font-size:25px;font-weight:900;white-space:nowrap;line-height:1.02;color:var(--navy)}.portal-body .brand img{height:58px;width:68px;object-fit:contain}.portal-body .brand small{display:block;font:500 18px 'DM Sans',sans-serif;color:#293c59;margin-top:4px}
.portal-body .nav nav{gap:3px;flex-wrap:nowrap;margin-left:auto}.portal-body .nav nav a{padding:10px 16px;border-radius:999px;color:var(--navy);font-size:14px;font-weight:800;white-space:nowrap}.portal-body .nav nav a:hover,.portal-body .nav nav a:first-child{background:var(--orange);color:#fff;box-shadow:0 5px 15px #f4511e40}.portal-body .resident-login{background:var(--orange);color:#fff;padding:11px 19px;border-radius:999px;font-weight:800;white-space:nowrap;box-shadow:0 5px 16px #f4511e2e;font-size:14px;margin-left:auto}.portal-body .resident-login:hover{background:#db3d12}.portal-body .resident-login span{font-size:18px;vertical-align:-1px;margin-right:5px}.portal-body .menu-toggle{display:none;background:#fff0e9;border:0;color:var(--orange);font-size:25px;border-radius:9px;padding:2px 10px}
.portal-body .portal-hero{height:400px;background-size:cover;background-position:center center;position:relative;color:#fff;overflow:hidden}.portal-body .portal-hero .hero-content{position:relative;z-index:2;padding-top:62px}.portal-body .hero-kicker{display:block;font-size:14px;font-weight:800;letter-spacing:.43em;margin-bottom:4px}.portal-body .portal-hero h1{font-family:Nunito,sans-serif;font-size:clamp(55px,5vw,75px);font-weight:900;line-height:.95;letter-spacing:-.025em;margin:0 0 12px;text-shadow:0 2px 8px #0004}.portal-body .portal-hero h1 em{font-style:normal;color:#ff812c}.portal-body .portal-hero p{font-size:20px;max-width:460px;line-height:1.35;color:#fff;margin-bottom:17px;text-shadow:0 1px 4px #0008}.portal-body .portal-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;background:var(--orange);border:0;border-radius:999px;padding:12px 23px;color:#fff;font:800 15px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 6px 14px #e8491b24}.portal-body .portal-button:hover{background:#d93e11;color:#fff}.portal-body .portal-button span{font-size:23px;font-weight:400;line-height:1}.portal-body .hero-wave{position:absolute;bottom:-27px;left:-3%;width:70%;height:85px;border-radius:52% 65% 0 0;background:linear-gradient(145deg,#07683e 0 44%,#ff9e14 45% 57%,#f4511e 58%);transform:rotate(-4deg);z-index:1}
.portal-body .home-overlap{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(340px,1fr);gap:15px;align-items:end;position:relative;z-index:4;margin-top:-118px}.portal-body .quick-menu-card,.portal-body .home-list-card,.portal-body .about-text-card{background:#fff;border-radius:18px;box-shadow:0 9px 22px #26304416}.portal-body .quick-menu-card{height:176px;padding:22px 18px}.portal-body .quick-menu-grid{height:100%;display:grid;grid-template-columns:repeat(7,1fr);align-items:stretch}.portal-body .quick-menu-grid a{text-align:center;padding:0 10px;border-right:1px solid #edf0ef;display:flex;flex-direction:column;align-items:center;transition:transform .2s}.portal-body .quick-menu-grid a:hover{transform:translateY(-4px)}.portal-body .quick-menu-grid a:last-child{border-right:0}.portal-body .quick-icon{width:86px;height:70px;display:grid;place-items:center;margin-bottom:6px}.portal-body .quick-icon img{width:100%;height:100%;object-fit:contain}.portal-body .quick-icon b{display:grid;place-items:center;background:#fff0e4;border-radius:15px;color:var(--orange);height:68px;width:80px;font-size:32px}.portal-body .quick-menu-grid strong{font:900 14px Nunito,sans-serif;line-height:1.15;color:var(--navy);white-space:nowrap}.portal-body .quick-menu-grid small{font-size:13px;color:#53627a;line-height:1.25;margin-top:4px;max-width:115px}
.portal-body .home-list-card{padding:19px 25px 13px}.portal-body .announcement-card{height:260px}.portal-body .home-card-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ecee;padding-bottom:9px;gap:10px}.portal-body .home-card-head>div{display:flex;align-items:center;gap:11px}.portal-body .home-card-head img{height:36px;width:38px;object-fit:contain}.portal-body .home-card-head h2{font-size:18px;line-height:1.15;margin:0;font-weight:900;white-space:nowrap}.portal-body .home-card-head>a{font-size:11px;color:var(--orange);white-space:nowrap;font-weight:700}.portal-body .home-list-items>a{display:flex;align-items:center;gap:13px;border-bottom:1px solid #eef0ef;padding:8px 0;color:var(--navy)}.portal-body .home-list-items>a:last-child{border-bottom:0}.portal-body .home-list-items>a:hover strong{color:var(--orange)}.portal-body .date-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:49px;min-width:49px;height:46px;border-radius:8px;background:#fff3ec;color:#e84b18}.portal-body .date-tile b{font:900 20px/1 Nunito,sans-serif}.portal-body .date-tile small{font-size:12px;font-weight:800}.portal-body .home-list-items>a>span:last-child{min-width:0}.portal-body .home-list-items strong{display:block;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-body .home-list-items small{display:block;font-size:12px;color:#53627a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-body .home-empty{padding:22px 5px;color:#66758a;font-size:13px;line-height:1.45}
.portal-body .home-content-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.98fr) minmax(0,1.01fr);gap:17px;margin-top:18px;align-items:stretch}.portal-body .about-photo-card{height:282px;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 5px 17px #15233d12}.portal-body .about-text-card{height:282px;padding:17px 24px}.portal-body .about-text-card h2{font-size:22px;line-height:1.04;margin-bottom:10px;font-weight:900;color:var(--orange)}.portal-body .about-text-card p{font-size:14px;line-height:1.45;color:#4a5a70;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.portal-body .value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.portal-body .value-grid>div{border-right:1px solid #edf0ef;padding-right:5px}.portal-body .value-grid>div:last-child{border:0}.portal-body .value-grid img{height:39px;width:51px;object-fit:contain;object-position:left center;display:block}.portal-body .value-grid strong{display:block;font-size:13px;font-weight:900;line-height:1.2}.portal-body .value-grid small{font-size:11px;line-height:1.15;color:#53627a;display:block}.portal-body .agenda-card{height:282px}.portal-body .agenda-card .home-list-items>a{padding:10px 0}.portal-body .agenda-card .date-tile{height:49px}.portal-body .home-bottom-slogan{height:99px;margin-top:17px;background:url('mockup/footer-wave.png') center bottom/100% 100% no-repeat;display:flex;align-items:center;justify-content:center}.portal-body .home-bottom-slogan span{font:italic 31px cursive;color:#111;transform:rotate(-2deg);margin-top:-8px;background:#fff7e880;padding:0 8px}.portal-body .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.portal-body .portal-footer{background:#fff9f0;color:var(--navy);border-top:1px solid #f1e7d9;padding-top:25px}.portal-body .footer-landscape{display:none}.portal-body .footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:26px 0}.portal-body .footer-content strong{display:block;font:900 17px Nunito,sans-serif;margin-bottom:8px}.portal-body .footer-content p{color:#59677b;font-size:14px}.portal-body .footer-content a{display:block;color:#ea4b18;font-size:13px;margin:5px 0}.portal-body .footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #eadfce;padding:15px 0;font-size:12px;color:#66758a}.portal-body .footer-bottom a{color:var(--orange)}.portal-body .wa-float{background:#20c966;color:#fff;box-shadow:0 8px 22px #068b4050}
.portal-body .portal-page-hero,.portal-body .page-title{background:linear-gradient(110deg,#fff,#fff5e9);padding:60px 0;border-bottom:1px solid #f0e6da}.portal-body .portal-page-hero h1,.portal-body .page-title h1{font:900 clamp(35px,4vw,56px) Nunito,sans-serif;color:var(--navy);margin:4px 0}.portal-body .portal-page-hero p,.portal-body .page-title p{color:#617087;font-size:16px}.portal-body .portal-eyebrow{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.16em}.portal-body .page-title a{color:var(--orange)}.portal-body .article{color:#354663}.portal-body .card,.portal-body .official-card,.portal-body .finance-summary>div,.portal-body .panel{background:#fff;border:1px solid #eee8e0;box-shadow:0 7px 18px #2630440b;color:var(--navy)}.portal-body .card h3,.portal-body .official-card h3{color:var(--navy)}.portal-body .card p,.portal-body .official-card p{color:#52617a}.portal-body .card span,.portal-body .finance-summary strong,.portal-body .stats strong{color:var(--orange)}.portal-body .official-card small{color:#66758a}.portal-body .avatar{background:#fff0e4;color:var(--orange)}.portal-body table th{background:#fff5eb;color:#203653}.portal-body table th,.portal-body table td{border-color:#f0e8df}.portal-body table td a{color:var(--orange)}.portal-body .period-form input,.portal-body .search-page input{background:#fff;color:var(--navy);border-color:#e5ded7}.portal-body .button{background:var(--orange);color:#fff;border-radius:999px}.portal-body .button:hover{background:#d94316}.portal-body .button.secondary{background:#fff0e8;color:var(--orange)}.portal-body .positive{color:#208c52!important}.portal-body .negative{color:#cd4c47!important}
.portal-body .profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:65px 0}.portal-body .profile-photo{height:330px;border-radius:18px;background-position:center;background-size:cover}.portal-body .profile-copy h2{font:900 32px Nunito,sans-serif}.portal-body .profile-copy p{color:#53627a;font-size:17px}.portal-body .profile-stats{display:flex;gap:38px;margin:26px 0}.portal-body .profile-stats strong{display:block;font:900 27px Nunito,sans-serif;color:var(--orange)}.portal-body .profile-stats span{font-size:13px;color:#607088}.portal-body .info-directory,.portal-body .contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:55px;padding-bottom:75px}.portal-body .info-directory a,.portal-body .contact-grid>div{background:#fff;border-radius:16px;box-shadow:0 7px 18px #2630440b;padding:28px}.portal-body .info-directory span,.portal-body .contact-grid span{color:var(--orange);font-size:32px}.portal-body .info-directory h2,.portal-body .contact-grid h2{font:900 20px Nunito,sans-serif;margin:8px 0}.portal-body .info-directory p,.portal-body .contact-grid p{color:#617087;font-size:14px}.portal-body .map-link{padding-bottom:60px}
.portal-body .citizen-shell{min-height:650px;display:grid;place-items:center;padding:55px 20px;background:linear-gradient(135deg,#fff8ed,#f1f8ed)}.portal-body .citizen-login-card{width:min(460px,100%);background:#fff;border:1px solid #eee9e0;border-radius:20px;padding:38px;box-shadow:0 20px 45px #26304417}.portal-body .citizen-login-card h1{font:900 36px Nunito,sans-serif;margin:8px 0}.portal-body .citizen-login-card p{color:#607088;font-size:14px}.portal-body .citizen-login-card label,.portal-body .portal-form label{display:block;font-weight:800;margin:18px 0;color:var(--navy)}.portal-body .citizen-login-card input,.portal-body .portal-form input,.portal-body .portal-form textarea,.portal-body .portal-form select{display:block;width:100%;background:#fff;color:var(--navy);border:1px solid #d8dfdf;border-radius:10px;padding:12px;margin-top:7px;font:inherit}.portal-body .citizen-login-card .portal-button{width:100%;margin-top:8px}.portal-body .portal-error{background:#ffebea;color:#a62d24;padding:12px;border-radius:9px;margin:14px 0}.portal-body .portal-success{background:#e8f7ea;color:#1b7141;padding:12px;border-radius:9px;margin:14px 0}
.portal-body .portal-page{padding:60px 0 90px;min-height:600px}.portal-body .portal-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.portal-body .portal-page-head h1{font:900 39px Nunito,sans-serif;margin:4px 0}.portal-body .portal-page-head p{color:#607088}.portal-body .portal-page-head>a:not(.portal-button){color:var(--orange);font-weight:800}.portal-body .portal-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px}.portal-body .portal-action-grid a,.portal-body .portal-panel{background:#fff;border:1px solid #eee8e0;border-radius:17px;padding:25px;box-shadow:0 7px 18px #2630440b}.portal-body .portal-action-grid a span{display:block;font-size:30px;color:var(--orange)}.portal-body .portal-action-grid a strong{display:block;font:900 19px Nunito,sans-serif;margin:7px 0}.portal-body .portal-action-grid a small{color:#607088}.portal-body .portal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:17px}.portal-body .portal-panel h2{font:900 21px Nunito,sans-serif}.portal-body .portal-panel>a{color:var(--orange);font-weight:800;font-size:13px}.portal-body .portal-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #eee;padding:10px 0;font-size:13px}.portal-body .portal-row span{color:var(--orange)}.portal-body .portal-form{max-width:700px}
@media(max-width:1300px){.portal-body .nav nav a{padding:9px 10px;font-size:13px}.portal-body .brand{font-size:22px}.portal-body .quick-menu-grid strong{font-size:12px}.portal-body .quick-menu-grid small{font-size:11px}.portal-body .quick-menu-grid a{padding:0 4px}.portal-body .home-card-head h2{font-size:16px}}
@media(max-width:1080px){.portal-body .wrap{width:calc(100% - 48px)}.portal-body .site-header .nav{height:72px;min-height:72px;position:relative}.portal-body .brand img{width:55px;height:48px}.portal-body .brand{font-size:21px}.portal-body .brand small{font-size:14px}.portal-body .menu-toggle{display:block;margin-left:auto}.portal-body .site-header .nav nav{display:none;position:absolute;top:72px;left:-24px;right:-24px;background:#fff;box-shadow:0 16px 22px #1b2f4725;padding:16px 24px;flex-direction:column;align-items:stretch;z-index:30;max-height:70vh;overflow:auto}.portal-body .site-header .nav nav.open{display:flex}.portal-body .site-header .nav nav a{padding:9px 14px}.portal-body .resident-login{margin-left:0}.portal-body .home-overlap{grid-template-columns:1fr 1fr}.portal-body .quick-menu-card{height:auto;min-height:250px}.portal-body .quick-menu-grid{grid-template-columns:repeat(4,1fr);row-gap:12px}.portal-body .quick-menu-grid a:nth-child(4){border-right:0}.portal-body .home-content-grid{grid-template-columns:1fr 1fr}.portal-body .agenda-card{grid-column:1 / -1;height:auto;min-height:220px}.portal-body .about-photo-card,.portal-body .about-text-card{height:300px}}
@media(max-width:760px){.portal-body .wrap{width:calc(100% - 30px)}.portal-body .portal-hero{height:440px;background-position:62% center}.portal-body .portal-hero .hero-content{padding-top:55px}.portal-body .portal-hero h1{font-size:clamp(45px,9vw,62px)}.portal-body .portal-hero p{font-size:17px;max-width:330px}.portal-body .hero-kicker{font-size:10px;letter-spacing:.27em}.portal-body .home-overlap{grid-template-columns:1fr;margin-top:-50px}.portal-body .quick-menu-card{order:2;min-height:0;height:auto}.portal-body .announcement-card{order:1;height:auto;min-height:210px}.portal-body .quick-menu-grid{grid-template-columns:repeat(4,1fr)}.portal-body .quick-menu-grid a{border-right:0}.portal-body .quick-icon{width:70px;height:58px}.portal-body .home-content-grid{grid-template-columns:1fr;margin-top:16px}.portal-body .about-photo-card,.portal-body .about-text-card{height:auto;min-height:270px}.portal-body .about-photo-card{background-size:cover}.portal-body .agenda-card{grid-column:auto}.portal-body .home-bottom-slogan{background-size:cover}.portal-body .footer-content{grid-template-columns:1fr 1fr}.portal-body .profile-layout,.portal-body .portal-two-col{grid-template-columns:1fr}.portal-body .info-directory,.portal-body .contact-grid{grid-template-columns:repeat(2,1fr)}.portal-body .portal-action-grid{grid-template-columns:1fr}}
@media(max-width:480px){.portal-body .brand{font-size:17px}.portal-body .brand img{width:45px;height:42px}.portal-body .brand small{font-size:12px}.portal-body .resident-login{font-size:0;padding:9px 13px}.portal-body .resident-login span{font-size:21px;margin:0}.portal-body .portal-hero h1{font-size:45px}.portal-body .quick-menu-grid{grid-template-columns:repeat(3,1fr)}.portal-body .quick-menu-grid strong{white-space:normal}.portal-body .footer-content,.portal-body .info-directory,.portal-body .contact-grid{grid-template-columns:1fr}.portal-body .home-bottom-slogan span{font-size:24px}.portal-body .portal-page-head{align-items:start;flex-direction:column}}
@media print{.portal-body .site-header,.portal-body .portal-footer,.portal-body .wa-float{display:none!important}.portal-body .page-title{background:#fff}.portal-body .panel,.portal-body .finance-summary>div{box-shadow:none}}
.portal-body .empty-state{background:#fff;border-radius:15px;padding:30px;color:#627187;box-shadow:0 7px 18px #2630440b}.portal-body .event-location{color:#ed511d!important;font-weight:800;font-size:13px!important;margin-bottom:7px}.portal-body .home-bottom-slogan span{background:#fff8e9;box-shadow:0 0 12px 16px #fff8e9;min-width:420px;text-align:center}