:root{color-scheme:light;--ink:#292d25;--paper:#f5f1e5;--line:#929487;--green:#3a4937;--link:#385a28}*{box-sizing:border-box}html{scroll-padding-top:15px}body{margin:0;background:#293328;background-image:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px);font:14px/1.5 Verdana,Arial,sans-serif;color:var(--ink)}a{color:var(--link);text-decoration:underline;text-underline-offset:2px}a:hover{color:#8a3c15}a:focus-visible,button:focus-visible{outline:2px solid #a64c1c;outline-offset:3px}button{cursor:pointer;font:inherit}img{max-width:100%;height:auto;display:block}p{margin:0 0 14px}p:last-child{margin-bottom:0}h1,h2,h3,figure{margin:0}.site-shell{max-width:1000px;margin:25px auto;background:var(--paper);border:1px solid #111a10;box-shadow:3px 4px 0 #1117;padding:0 18px}header{padding:20px 7px 15px;border-bottom:1px solid #c0bead}header h1{font:bold 42px/1.1 Georgia,'Times New Roman',serif;color:#343d2a;letter-spacing:-1px}header p{margin:7px 0 0;font-size:12px;color:#555b4a}nav{display:flex;gap:5px;padding:12px 0 0;border-bottom:3px solid #7b8269}nav a{background:#dedfd1;border:1px solid #9b9f89;border-bottom:0;box-shadow:inset 1px 1px 0 #fff8;padding:7px 22px;text-align:center;color:#2b4322;font-size:13px}nav a:hover{background:#ebddbd}nav a:first-child{background:#c3c9b3;font-weight:bold}main{padding:15px 0 0}.notice{border:1px solid #baa77d;background:#efe2c2;padding:9px 12px;font-size:12px;margin-bottom:16px}.notice strong{color:#703e20}.notice a{margin-left:6px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.panel{border:1px solid #a4a597;margin-bottom:18px;background:#faf8ef;box-shadow:1px 1px 0 #fff}.panel-title{font:bold 13px/1.4 Verdana,Arial,sans-serif;padding:6px 10px;background:#d4d8c8;border-bottom:1px solid #a4a597;box-shadow:inset 0 1px #faffef;color:#2f3a29}.title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.title-row h2{font:inherit}.title-row a{font-size:11px;font-weight:normal}.panel-body{padding:14px}.main-photo{margin:18px 5px 17px;padding:6px 6px 2px;border:1px solid #b7b3a5;background:#fffdf3;box-shadow:2px 3px 0 #b3ae9c55;transform:rotate(-.6deg)}.main-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.main-photo figcaption{text-align:center;font:12px/1.4 Georgia,serif;padding:6px;color:#595d50}.event .panel-title{background:#c9b38d;border-color:#aa9370}.event h3{font:bold 29px/1.2 Georgia,serif;color:#6c391f;margin:0 0 12px}.event-date{line-height:1.7;font-size:14px}.event-date strong{font-size:16px}.event-date span{font-weight:bold;color:#3e522e}.button,button{display:inline-block;color:#252e21;background:#e3e3d7;border:1px solid #8d9180;box-shadow:inset 1px 1px 0 white,inset -1px -1px 0 #b1b4a2;padding:5px 10px;font-size:12px;text-decoration:none;border-radius:2px}.button:hover,button:hover{background:#ecdfc2;color:#282e20}.button:active,button:active{box-shadow:inset 1px 1px 0 #929780}.flyer{margin-top:19px}.flyer img{border:4px solid #fffdf0;outline:1px solid #a9a48e;width:100%;transform:rotate(.6deg)}.flyer figcaption{font-size:11px;line-height:1.5;color:#595446;padding-top:12px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.filters button[aria-pressed=true]{background:#c5cdb6;box-shadow:inset 1px 1px 0 #8b957b;font-weight:bold}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 12px}.gallery figure{background:#fffdf3;border:1px solid #c0bbaa;padding:5px 5px 2px;box-shadow:1px 2px 0 #b3ae9c44}.gallery figure:nth-child(4n+1){transform:rotate(-1deg)}.gallery figure:nth-child(4n+3){transform:rotate(.8deg)}.gallery a{display:block}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery figcaption{font:11px/1.4 Georgia,serif;color:#5a5d51;padding:5px 2px;text-align:center}.gallery [hidden]{display:none}address{font-style:normal;font-size:13px;margin-bottom:12px}.small{font-size:11px;color:#656656}#event-status{border:1px solid #aeaa90;padding:6px;background:#eee6cb;font-size:12px}footer{border-top:1px solid #bdbdad;padding:12px 0 15px;display:flex;justify-content:space-between;font-size:10px;color:#666a5d}.skip{position:absolute;top:-100px;left:10px;padding:10px;background:#fff;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{background:var(--paper);color:var(--ink);padding:12px;border:2px outset #b8bfaa;width:min(960px,94vw);max-height:94dvh}dialog::backdrop{background:#10170fee}.lightbox-toolbar,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.lightbox-toolbar{padding-bottom:12px}.lightbox-bottom{padding-top:12px}.lightbox-bottom p{margin:0}#large-photo{max-height:73dvh;max-width:100%;width:auto;margin:auto;object-fit:contain}
@media(max-width:760px){.site-shell{margin:10px; padding:0 12px}.columns{grid-template-columns:minmax(0,1fr) 240px;gap:12px}.panel-body{padding:11px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}nav a{padding:7px 15px}header h1{font-size:36px}}
@media(max-width:560px){body{font-size:13px}.site-shell{margin:0;border:0;padding:0 12px}.columns{display:flex;flex-direction:column;gap:0}.main-column,aside{width:100%}aside{order:-1;display:grid;grid-template-columns:1fr;gap:0}nav{gap:4px}nav a{padding:7px 5px;flex:1;font-size:11px}.notice{font-size:11px}.event .panel-body{display:grid;grid-template-columns:1fr 45%;column-gap:15px;align-items:start}.event h3{font-size:27px}.event .event-date{font-size:12px}.event .event-date strong{font-size:14px}.event .button{justify-self:start}.event .flyer{grid-column:2;grid-row:1/6;margin:2px 0 0}.event .flyer figcaption{font-size:10px}.event h3,.event-date,.event .button,#event-status{grid-column:1}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 7px}.filters button{font-size:11px;padding:5px 8px}header{padding:18px 0 13px}header p{font-size:11px}footer{font-size:9px}.main-photo{margin-left:0;margin-right:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Small Halloween decorations, kept separate from the original panel layout. */
header{position:relative;min-height:115px;padding-right:195px}.header-haunt{position:absolute;right:8px;top:5px;opacity:.9;pointer-events:none}.panel-title small{font-size:10px;font-weight:normal}.panel{position:relative}.panel:after{content:'';position:absolute;right:0;top:0;width:28px;height:28px;pointer-events:none;opacity:.3;background:repeating-radial-gradient(circle at 100% 0,transparent 0 7px,#667153 7px 8px,transparent 8px 12px);clip-path:polygon(0 0,100% 0,100% 100%)}.gallery figure:nth-child(5n+1):before{content:'';position:absolute;top:-5px;left:35%;width:32px;height:11px;background:#c4b17f8c;transform:rotate(-7deg);pointer-events:none}.gallery figure{position:relative}.panel-title{border-left:3px solid #758061}.event .panel-title{border-left-color:#a46834}.countdown-panel{padding:12px 8px;margin-bottom:18px;text-align:center;border:1px dashed #aa8251;background:#f0e2bf;box-shadow:inset 0 0 0 4px #faf4df}.pumpkin{display:block;font-size:30px;line-height:1.3}.countdown-panel strong{display:block;font: bold 14px Georgia,serif;color:#65421f;margin:5px 0 10px}.grandma-controls{display:flex;gap:6px;justify-content:center}.grandma-controls button{font-size:10px}.countdown-grandma{height:75px;width:58px;object-fit:contain;display:block;margin:0 auto -4px}.grandma-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:30}.grandma-scene{position:absolute;bottom:0;right:22px;width:350px;height:365px;visibility:hidden}.grandma-scene.casting{visibility:visible;animation:grandma-visit 11s linear forwards}.grandma-character{position:absolute;width:240px;height:310px;object-fit:contain;right:0;bottom:-10px;transform-origin:45% 100%;filter:drop-shadow(2px 4px 5px #0006)}.casting .grandma-character{animation:grandma-rise 11s ease-in-out both}.spell-message{position:absolute;left:0;top:16px;width:245px;text-align:center;border:2px solid #735137;background:#e9d4a5;color:#402e21;padding:18px 12px;font:bold 18px/1.3 Georgia,serif;box-shadow:3px 4px 0 #271e1466;transform:rotate(-3deg);opacity:0;z-index:3}.spell-message:after{content:'';position:absolute;bottom:-14px;right:35px;border-top:14px solid #735137;border-left:14px solid transparent}.casting .spell-message{animation:spell-reveal 11s ease both}.spell-smoke{position:absolute;top:12px;left:0;width:260px;height:130px;z-index:4}.spell-smoke i{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#e4dfc9,#aaa78c 55%,#686b5288 70%,transparent 73%);opacity:0;--dx:-55px;--dy:-45px;left:60px;top:25px}.spell-smoke i:nth-child(2){left:120px;top:8px;--dx:55px;--dy:-40px}.spell-smoke i:nth-child(3){left:20px;top:35px;--dx:-65px;--dy:10px}.spell-smoke i:nth-child(4){left:160px;top:38px;--dx:70px;--dy:15px}.spell-smoke i:nth-child(5){left:85px;top:0;--dx:0px;--dy:-65px}.casting .spell-smoke i{animation:staff-poof 11s ease-out both}.staff-spark{position:absolute;left:135px;top:76px;width:35px;height:35px;background:#ebc579;clip-path:polygon(50% 0,61% 36%,100% 50%,62% 61%,50% 100%,37% 63%,0 50%,36% 36%);z-index:5;opacity:0}.casting .staff-spark{animation:staff-spark 11s ease both}@keyframes grandma-visit{0%,99.9%{visibility:visible}100%{visibility:hidden}}@keyframes grandma-rise{0%{transform:translateY(110%)}9%,15%{transform:translateY(0)}19%{transform:translateY(-18px) rotate(3deg)}22%{transform:translateY(7px) rotate(-2deg)}26%,85%{transform:translateY(0)}100%{transform:translateY(110%)}}@keyframes spell-reveal{0%,24%{opacity:0;transform:scale(.7) rotate(-3deg)}32%,82%{opacity:1;transform:scale(1) rotate(-3deg)}92%,100%{opacity:0;transform:translateY(-15px) rotate(-3deg)}}@keyframes staff-poof{0%,21%{opacity:0;transform:scale(.1)}24%{opacity:.95;transform:scale(1)}38%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.6)}100%{opacity:0}}@keyframes staff-spark{0%,20%{opacity:0;transform:scale(.1)}22%{opacity:1;transform:scale(1.3)}27%,100%{opacity:0;transform:scale(.2)}}
@media(max-width:560px){header{padding-right:95px;min-height:105px}header h1{font-size:32px}.header-haunt{width:105px;height:70px;right:-4px;top:17px}header p{max-width:230px}.countdown-panel{padding:8px;display:grid;grid-template-columns:55px 1fr;column-gap:8px;align-items:center;order:-1}.countdown-panel strong{margin:0;font-size:14px}.grandma-controls{grid-column:2;justify-content:center;margin-top:6px}.countdown-grandma{grid-row:1/3;height:65px;width:50px}.grandma-scene{right:4px;width:290px;height:310px}.grandma-character{width:195px;height:255px}.spell-message{width:220px;font-size:16px;top:7px;padding:14px 10px}.spell-smoke{top:0;transform:scale(.85);transform-origin:top left}.staff-spark{left:108px;top:64px}}
@media(prefers-reduced-motion:reduce){.grandma-scene,.grandma-scene.casting{display:none;animation:none}.grandma-scene *{animation:none!important}}
/* Soft, staggered smoke blooming outward from the skull, then clearing. */
.spell-smoke{isolation:isolate;top:28px;left:35px;width:245px;height:150px;filter:blur(4px);opacity:.95}.spell-smoke i{left:85px;top:55px;width:95px;height:78px;background:radial-gradient(ellipse at 44% 44%,#e0decdde 0%,#c5c6a7bb 26%,#858e7299 46%,#67735344 59%,transparent 73%);border-radius:47% 53% 58% 42%;transform-origin:center;--dx:-70px;--dy:-40px;--turn:-24deg;--lag:0s}.spell-smoke i:nth-child(2){left:90px;top:45px;--dx:48px;--dy:-70px;--turn:35deg;--lag:.09s}.spell-smoke i:nth-child(3){left:68px;top:55px;--dx:-95px;--dy:4px;--lag:.16s}.spell-smoke i:nth-child(4){left:90px;top:59px;--dx:92px;--dy:8px;--turn:50deg;--lag:.05s}.spell-smoke i:nth-child(5){left:82px;top:45px;--dx:-10px;--dy:-95px;--turn:15deg;--lag:.22s}.spell-smoke i:nth-child(6){left:74px;top:48px;--dx:-62px;--dy:-78px;--lag:.12s}.spell-smoke i:nth-child(7){left:88px;top:60px;--dx:46px;--dy:43px;--turn:-50deg;--lag:.18s}.spell-smoke i:nth-child(8){left:70px;top:62px;--dx:-38px;--dy:30px;--turn:40deg;--lag:.27s}.spell-smoke i:nth-child(9){left:90px;top:50px;width:115px;height:95px;--dx:75px;--dy:-35px;--lag:.3s}.spell-smoke i:nth-child(10){left:70px;top:50px;width:110px;height:85px;--dx:-50px;--dy:-15px;--lag:.08s}.casting .spell-smoke i{animation:staff-poof-soft 11s ease-out both;animation-delay:var(--lag)}@keyframes staff-poof-soft{0%,20%{opacity:0;transform:translate(0,0) scale(.08) rotate(0)}23%{opacity:.55;transform:translate(0,-5px) scale(.8) rotate(0)}27%{opacity:.88;transform:translate(calc(var(--dx)*.35),calc(var(--dy)*.35)) scale(1.35) rotate(calc(var(--turn)*.4))}36%{opacity:.36;transform:translate(var(--dx),var(--dy)) scale(1.9) rotate(var(--turn))}46%,100%{opacity:0;transform:translate(calc(var(--dx)*1.3),calc(var(--dy)*1.3 - 20px)) scale(2.25) rotate(var(--turn))}}.casting .spell-message{animation:spell-reveal-soft 11s ease both}@keyframes spell-reveal-soft{0%,26%{opacity:0;transform:translateY(10px) scale(.93) rotate(-3deg);filter:blur(5px)}38%,82%{opacity:1;transform:translateY(0) scale(1) rotate(-3deg);filter:blur(0)}92%,100%{opacity:0;transform:translateY(-15px) rotate(-3deg);filter:blur(2px)}}.staff-spark{width:24px;height:24px;filter:drop-shadow(0 0 7px #e5b567);background:#e9cf96}.video-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.video-gallery figure{margin:0;min-width:0}.video-gallery video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#151912;border:1px solid #a4a597}.video-gallery figcaption{font-size:11px;color:#595d50;margin:6px 0}.video-error{font-size:12px;color:#8a3c15}.video-error[hidden]{display:none}
@media(max-width:560px){nav a{padding:7px 3px;font-size:10px}.video-gallery{grid-template-columns:1fr}.video-gallery video{aspect-ratio:16/10}.spell-smoke{left:22px;top:12px;filter:blur(3px)}}