:root{--green:#173d30;--green2:#285c47;--gold:#d6b475;--cream:#f6f3ec;--ink:#1d2923;--muted:#798078;--line:#e5e1d8;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:#fff}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #eee}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:14px;letter-spacing:.02em}.brand i{color:#a98543;font-style:normal}.brand-mark{color:#b48b4a;font-size:28px}.topbar nav{display:flex;align-items:center;gap:34px;font-size:12px;color:#505851}.topbar nav a:hover,.admin-link:hover,footer button:hover{color:#a98543}.admin-link{background:none;border:0;color:inherit;cursor:pointer;font-size:12px}.menu-toggle{display:none;border:0;background:none;font-size:23px}.hero{min-height:640px;height:min(760px,calc(100vh - 76px));position:relative;display:flex;align-items:center;background:#183e30;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 37%;background-image:url('https://images.unsplash.com/photo-1511632765486-a01980e01a18?auto=format&fit=crop&w=1900&q=85');background-position:center 42%;background-size:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#173d30 0%,#173d30 32%,rgba(23,61,48,.94) 43%,rgba(23,61,48,.52) 67%,rgba(23,61,48,.18) 100%),linear-gradient(0deg,rgba(12,36,27,.34),transparent 60%)}.hero-content{position:relative;z-index:1;margin-left:12%;max-width:565px;padding:60px 20px}.eyebrow,.mini-label,.section-kicker{font-size:10px;font-weight:700;letter-spacing:.17em}.eyebrow{color:#e5cc9d}.eyebrow span{display:inline-block;width:23px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.hero h1{font:600 clamp(56px,7vw,91px)/.99 var(--serif);letter-spacing:-.045em;margin:26px 0 9px}.hero h1 em,.intro h2 em{font-weight:500;color:#ddc28d}.hero-sub{font:500 22px var(--serif);margin:0;color:#f2eee2}.hero-sub b{color:var(--gold);font-weight:500;padding:0 7px}.hero-copy{font-size:14px;line-height:1.8;color:#e2e7e1;max-width:410px;margin:25px 0}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;color:#e9e5db;font-size:11px;margin-bottom:30px}.button{border:0;padding:15px 19px;display:inline-flex;align-items:center;justify-content:center;gap:25px;cursor:pointer;font-size:11px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.05)}.button-gold{background:#d6b475;color:#20382d}.button-green{background:var(--green);color:white;width:100%}.button-outline{background:white;color:var(--green);border:1px solid var(--line)}.hero-seal{position:absolute;right:8%;bottom:8%;width:103px;height:103px;border:1px solid #f6ebcf88;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f3dfb5;font-size:8px;letter-spacing:.16em;transform:rotate(-12deg)}.hero-seal strong{font-size:25px;line-height:1.2}.ticker{height:49px;background:#d7bb83;color:#244032;display:flex;justify-content:center;align-items:center;gap:22px;font-size:9px;font-weight:700;letter-spacing:.24em}.ticker span{font-size:16px}.ticker b{font-size:17px;font-weight:400}.section{padding:105px 12%}.section-kicker{color:#a17e42}.intro{background:var(--cream);position:relative;min-height:400px}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:start;margin-top:24px}.intro h2,.section h2{font:600 clamp(34px,4vw,49px)/1.16 var(--serif);letter-spacing:-.035em;margin:0}.intro h2 em{color:#ad8950}.intro-grid>div p{font-size:13px;line-height:1.9;color:#667068;margin:0 0 13px}.stat-card{position:absolute;right:12%;bottom:66px;background:var(--green);color:#fff;padding:19px 25px;display:grid;grid-template-columns:auto 1fr;gap:12px 15px;align-items:center;min-width:250px;box-shadow:0 12px 30px #203b2c26}.stat-icon{grid-row:span 2;color:var(--gold);font-size:27px}.stat-card div{display:flex;flex-direction:column;gap:3px}.stat-card strong{font:600 30px var(--serif)}.stat-card div span{font-size:10px;color:#e0e5dd}.stat-card small{grid-column:2;font-size:9px;color:#b9c7bc}.attendance{padding-top:100px;padding-bottom:115px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 38px}.section-heading p{font-size:13px;color:var(--muted);margin:11px 0 0}.round-icon{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#a58042;font-size:20px}.attendance-card{display:grid;grid-template-columns:.86fr 1.14fr;background:#f5f3ed}.card-copy{padding:43px 13% 37px 14%;background:#e9e6dc}.mini-label{color:#9a7944;font-size:9px}.card-copy h3,.food-panel h3{font:600 30px/1.2 var(--serif);margin:17px 0}.card-copy p{font-size:12px;line-height:1.85;color:#697169}.privacy-note{border-top:1px solid #d5d1c7;margin-top:28px;padding-top:18px;color:#617064;font-size:10px}.form{padding:40px 12% 40px 10%;display:flex;flex-direction:column;gap:19px}.form label,.food-name{font-size:10px;font-weight:700;color:#4f5b51;display:flex;flex-direction:column;gap:8px}.form input,.food-name input{height:42px;border:1px solid #dfddd5;background:white;padding:0 12px;font-size:12px;outline:none;color:var(--ink)}.form input:focus,.food-name input:focus{border-color:#9f8655}.stepper{display:flex;height:40px;width:137px;border:1px solid #dfddd5;background:#fff}.stepper button{width:40px;border:0;background:none;color:#5c675e;cursor:pointer;font-size:20px}.stepper input{height:38px;width:55px;text-align:center;padding:0;border:0!important}.form .button{margin-top:2px}.form-message{font-size:11px;line-height:1.5;min-height:14px;color:#a44936}.form-message.success{color:#28754b}.contributions{background:var(--cream)}.contributions .section-heading{margin-bottom:34px}.food-layout{display:grid;grid-template-columns:220px 1fr;gap:18px}.food-categories{display:flex;flex-direction:column;gap:5px}.food-categories button{background:transparent;border:0;text-align:left;padding:16px 17px;color:#58635a;font-size:11px;cursor:pointer}.food-categories button.active{background:var(--green);color:white}.food-panel{background:#fff;padding:29px 34px}.food-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:19px}.food-panel h3{font-size:26px;margin:6px 0 0}.needed-count{font-size:10px;color:#788177}.food-name{max-width:390px;margin-bottom:18px}.food-items{display:grid;grid-template-columns:1fr 1fr;gap:9px}.food-item{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;background:#f7f6f2;padding:12px;font-size:11px}.food-item input{accent-color:var(--green);width:15px;height:15px}.food-item span small{display:block;color:#889087;font-size:9px;margin-top:4px}.food-item input[type=number]{width:54px;height:30px;border:1px solid var(--line);background:white;text-align:center;font-size:11px}.food-footer{border-top:1px solid var(--line);margin-top:23px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.food-footer>span{font-size:10px;color:#788177}.food-footer .button{width:auto}.food-note{font-size:10px;color:#778078;margin:17px 0 0 238px}.closing{text-align:center;background:var(--green);color:#fff;padding:75px 20px 83px}.closing-ornament{color:var(--gold);font-size:28px;margin-bottom:16px}.closing h2{font:600 48px var(--serif);margin:17px 0}.closing p{font-size:11px;color:#d4ddd5}footer{padding:23px 7%;display:flex;justify-content:space-between;font-size:10px;color:#778078}footer button{border:0;background:none;color:inherit;font-size:10px;cursor:pointer}.modal{border:0;padding:0;width:min(510px,calc(100% - 28px));max-height:90vh;box-shadow:0 20px 80px #0a201866}.modal::backdrop{background:#13251fcc;backdrop-filter:blur(3px)}.modal-actions{height:48px;display:flex;justify-content:flex-end;align-items:center;padding:0 17px}.icon-button{border:0;background:transparent;font-size:25px;color:#69746b;cursor:pointer}.receipt{padding:0 39px 26px;text-align:center}.receipt-flower{display:block;color:#a98243;font-size:24px;margin:3px}.receipt h2,.admin-modal h2{font:600 30px var(--serif);margin:13px 0}.receipt>p{font-size:12px;color:#758076}.receipt-divider{border-top:1px solid var(--line);margin:20px 0}.receipt-line{display:flex;justify-content:space-between;gap:15px;padding:5px 0;text-align:left;font-size:12px}.receipt-event{font-size:11px;letter-spacing:.1em;color:var(--green)}.receipt .receipt-blessing{color:#a98243}.receipt-buttons{display:flex;gap:10px;padding:0 30px 27px}.receipt-buttons .button{flex:1}.admin-modal{padding:0 30px 28px;width:min(620px,calc(100% - 28px))}.admin-modal .modal-actions{margin:0 -12px}.admin-modal>div>p{font-size:12px;color:#778078}.admin-modal .form{padding:8px 0}.admin-stats{display:flex;gap:12px;margin:20px 0}.admin-stats div{flex:1;background:#f5f3ed;padding:17px;display:flex;flex-direction:column;gap:5px}.admin-stats strong{font:600 26px var(--serif)}.admin-stats span{font-size:10px;color:#778078}.admin-tabs{display:flex;border-bottom:1px solid var(--line);gap:20px}.admin-tabs button{border:0;background:none;padding:12px 2px;font-size:11px;color:#68736a;cursor:pointer}.admin-tabs button.active{color:var(--green);border-bottom:2px solid var(--gold)}#admin-content{max-height:300px;overflow:auto;padding:12px 0}.admin-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eee;font-size:11px}.admin-row small{display:block;color:#899087;margin-top:3px}.admin-row strong{color:var(--green)}.admin-modal #logout-button{margin-top:8px;width:100%}[hidden]{display:none!important}@media(max-width:800px){.topbar{height:64px;padding:0 5%}.topbar nav{display:none;position:absolute;top:64px;left:0;right:0;background:white;padding:18px 6%;box-shadow:0 12px 20px #0001;flex-direction:column;align-items:flex-start;gap:18px}.topbar nav.open{display:flex}.menu-toggle{display:block}.hero{height:auto;min-height:650px}.hero-photo{inset:0;background-position:center}.hero-shade{background:linear-gradient(90deg,#173d30ed,#173d30a6 60%,#173d3052),linear-gradient(0deg,#173d30a6,transparent)}.hero-content{margin-left:5%;padding:80px 15px;max-width:550px}.hero h1{font-size:clamp(57px,12vw,80px)}.hero-seal{right:6%;bottom:6%;width:83px;height:83px}.section{padding:75px 7%}.intro-grid{grid-template-columns:1fr;gap:20px}.intro{padding-bottom:195px}.stat-card{right:7%;left:7%;bottom:40px}.attendance-card{grid-template-columns:1fr}.card-copy{padding:30px 8%}.form{padding:32px 8%}.food-layout{grid-template-columns:1fr}.food-categories{flex-direction:row;overflow:auto}.food-categories button{white-space:nowrap;padding:12px}.food-note{margin-left:0}.closing h2{font-size:40px}}@media(max-width:500px){.ticker{gap:9px;font-size:7px;letter-spacing:.12em}.ticker span{font-size:12px}.hero-meta{flex-direction:column;gap:10px}.hero-copy{max-width:320px}.section-heading h2{font-size:35px}.round-icon{width:39px;height:39px;flex:none;margin-left:10px}.food-panel{padding:23px 17px}.food-items{grid-template-columns:1fr}.food-footer{align-items:stretch;flex-direction:column}.food-footer .button{width:100%}.receipt{padding:0 23px 24px}.receipt-buttons{padding:0 16px 20px;flex-direction:column}.admin-modal{padding-left:20px;padding-right:20px}footer{gap:14px;align-items:center;line-height:1.5}}
:root{--qr-size:220px}footer div{display:flex;gap:22px}.qr-body{text-align:center;padding:0 30px 28px}.qr-body h2{font:600 29px var(--serif);margin:5px}.qr-body p{font-size:12px;color:#788177}.qr-body #event-qr{width:248px;height:248px;padding:14px;background:#fff;border:1px solid var(--line);margin:18px auto;display:grid;place-items:center}.qr-body #event-qr img,.qr-body #event-qr canvas{max-width:220px}.qr-body small{display:block;max-width:100%;overflow-wrap:anywhere;color:#778078;font-size:9px;margin:0 0 14px}.qr-body>.button{width:100%}
:root{--qr-size:220px}footer div{display:flex;gap:22px}.qr-body{text-align:center;padding:0 30px 28px}.qr-body h2{font:600 29px var(--serif);margin:5px}.qr-body p{font-size:12px;color:#788177}.qr-body #event-qr{width:248px;height:248px;padding:14px;background:#fff;border:1px solid var(--line);margin:18px auto;display:grid;place-items:center}.qr-body #event-qr img,.qr-body #event-qr canvas{max-width:220px}.qr-body small{display:block;max-width:100%;overflow-wrap:anywhere;color:#778078;font-size:9px;margin:0 0 14px}.qr-body>.button{width:100%}.admin-add{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.admin-add input,.admin-add select{min-width:0;height:36px;border:1px solid var(--line);padding:0 8px;font-size:10px;background:#fff}.admin-add .button{grid-column:1/-1;padding:10px}.admin-row button{border:0;background:transparent;color:#66756a;cursor:pointer;font-size:14px}footer div{flex-wrap:wrap}