.portal{max-width:1100px;margin:auto;padding:70px 30px}.portal h1{font-size:clamp(44px,6vw,78px)}.portal h2{font-size:42px}.portal form{max-width:850px}.portal label{display:block;margin:16px 0;font-size:13px}.portal input:not([type=checkbox]),.portal select,.portal textarea{width:100%;padding:14px;border:1px solid #d7d3cb;background:#fff;color:#191a18;font:16px Arial;border-radius:0}.portal button{min-height:44px}.portal #access{max-width:440px}.portal-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:40px 0;border:1px solid #d7d3cb}.metrics article{padding:24px}.metrics small{display:block;letter-spacing:2px;font-size:10px;color:#91713a}.metrics strong{font:32px Georgia}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.portal .check{display:flex;gap:12px;align-items:center}.check input{width:20px;height:20px;flex-shrink:0}.order-summary{padding:28px;background:#191a18;color:#f6f3ed;margin:28px 0}.order-summary p{font-size:13px}.order-summary .total{font-size:20px;border-top:1px solid #686861;padding-top:18px;display:flex;justify-content:space-between}.summary-line{display:flex;justify-content:space-between;gap:15px}.request-card{padding:22px;border:1px solid #d7d3cb;background:white;margin:12px 0;overflow-wrap:anywhere}.request-card p{margin:5px 0;font-size:13px}#confirmation{padding:50px 0;max-width:700px}#message{margin:20px 0;color:#765624}#request-section,.requests,#admin{margin-top:55px}#logout,#export,#load-more{background:transparent;border:1px solid #d7d3cb;padding:12px}.portal [hidden]{display:none!important}@media(max-width:650px){.portal{padding:38px 20px}.portal-heading{display:block}.portal-heading .button{width:100%}.form-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metrics article{padding:18px;border-bottom:1px solid #d7d3cb}.order-summary{padding:20px}.portal header{gap:10px}header{padding:0 20px}header>a:not(.wordmark){font-size:11px}.portal .button{width:100%}}

.portal-brand{font:18px Georgia,serif;letter-spacing:3px;white-space:nowrap;color:#191a18}
body{background:#f8f6f2}.portal{max-width:1080px;padding-top:35px}.portal-heading h1{font-size:32px;margin-bottom:10px}.portal-heading .eyebrow{margin-bottom:10px}.portal-heading p{font-size:13px}.metrics{margin:25px 0;background:#fffaf5}.metrics strong{font-size:23px}.metrics article{padding:18px 24px}#request-section{margin-top:25px}.form-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;align-items:center;margin-bottom:20px;overflow:hidden}.form-intro h2{font-size:clamp(34px,4.8vw,56px);letter-spacing:-.035em;margin:20px 0 10px;white-space:nowrap}.form-intro p{max-width:430px;font-size:14px;line-height:1.4;color:#555}.form-intro img{width:130%;max-width:none;margin-left:-8%;mix-blend-mode:multiply;object-fit:contain}.form-wordmark{font:35px Georgia,serif;letter-spacing:-1px;display:inline-block;text-align:center}.form-wordmark span{color:#b39457}.form-wordmark small{display:block;font:10px Arial;letter-spacing:1px;margin-top:3px}.portal #resident{max-width:none}.form-panel{border:1px solid #e6e0d9;border-radius:12px;padding:16px 20px;margin:14px 0;background:rgba(255,255,255,.55);min-width:0}.form-panel legend{float:left;width:100%;font:600 10px Arial;letter-spacing:2.3px;margin-bottom:10px}.form-panel legend+*{clear:both}.form-panel label{margin:8px 0;font-size:12px;line-height:1.5}.form-panel input:not([type=checkbox]):not([type=radio]),.form-panel textarea,.form-panel select{margin-top:5px;padding:10px 12px;border:1px solid #ddd6ce;border-radius:6px;background:#faf9f7;font:14px Arial;min-height:42px}.form-panel input[readonly]{color:#746a5c}.resident-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form-panel .choice-card{position:relative;margin:0;cursor:pointer}.choice-card input{position:absolute;opacity:0;width:1px;height:1px}.choice-card span{min-height:82px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid #e0dad2;border-radius:6px;text-align:center;padding:9px;font-size:12px;background:#faf9f7}.choice-card svg{width:24px;height:24px}.choice-card input:checked+span{border-color:#191a18;box-shadow:inset 0 0 0 1px #191a18;background:#f0ece4}.choice-card input:focus-visible+span{outline:2px solid #91713a;outline-offset:3px}.form-panel .occasion-grid{grid-template-columns:repeat(6,1fr);gap:10px}.message-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-panel .message-card{display:flex;gap:10px;align-items:center;border:1px solid #e0dad2;border-radius:6px;padding:12px;cursor:pointer;margin:0;background:#faf9f7}.message-card:has(input:checked){border-color:#191a18}.message-card input{accent-color:#191a18;min-width:18px;height:18px}.message-card span{font-size:12px}.form-panel>p{font-size:12px;margin-bottom:10px}.order-summary{background:transparent;color:#191a18;padding:12px 0;margin:12px 0}.order-summary .total{border-color:#ddd6ce;font-size:18px}.summary-line{font-size:13px}.form-panel .button{border-radius:6px;width:100%;justify-content:center}.requests h2{font-size:32px}.portal button:disabled{opacity:.5;cursor:wait}.portal input[type=checkbox]{accent-color:#191a18}@media(max-width:650px){.portal{padding:24px 16px}.form-intro{grid-template-columns:1.3fr .7fr;gap:0}.form-intro h2{font-size:30px;white-space:normal}.form-intro p{font-size:12px}.form-wordmark{font-size:27px}.form-intro img{width:185%;margin-left:-28%}.form-panel{padding:14px 12px}.resident-grid{grid-template-columns:1fr 1fr;gap:8px 12px}.choice-grid{gap:7px}.choice-card span{font-size:11px;padding:6px;min-height:76px}.form-panel .occasion-grid{grid-template-columns:repeat(3,1fr)}.message-choices{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}.metrics article{padding:12px 8px}.metrics strong{font-size:16px}.metrics small{font-size:8px;letter-spacing:.8px}.portal-heading .button{margin-top:10px}.portal .form-panel input:not([type=checkbox]):not([type=radio]),.portal .form-panel select,.portal .form-panel textarea{font-size:16px}.portal header>a{font-size:11px}}
