:root{font-family:Arial,Helvetica,sans-serif;color:#f8eddc;background:#17393d;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 10%,#315454 0,transparent 35%),#17393d}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f4ca73;outline-offset:3px}.topbar{height:83px;max-width:900px;margin:auto;display:flex;align-items:center;gap:12px;padding:12px 22px}.topbar{justify-content:space-between}.topbar span{font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;color:#f5c776;font-weight:700}.topbar .edition{color:#e3d3b9;font-size:.7rem}main{max-width:900px;margin:auto;padding:0 22px 100px}.view{display:none;animation:appear .3s ease}.view.active{display:block}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(3rem,9vw,5.7rem);line-height:1.03;margin:18px 0}h2{font-size:clamp(2.2rem,7vw,3.5rem);line-height:1.08;margin:10px 0 24px}.kicker{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:#f3c672;font-weight:700}.hero{min-height:calc(100svh - 160px);display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:radial-gradient(ellipse at 50% 70%,#7b4b31 0,transparent 58%)}.hero.active{display:flex}.hero>p:not(.kicker){font-size:1.2rem;color:#f0dfc7}.main-button{border:0;border-radius:100px;background:#f2bc6d;color:#1b3538;padding:16px 24px;font-weight:700;margin-top:20px;min-height:52px}.main-button:hover,.bottom-nav button:hover{filter:brightness(1.07)}.hero{position:relative;isolation:isolate}.hero>*:not(.seasonal){position:relative;z-index:1}.seasonal{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.seasonal span{position:absolute;display:block;filter:drop-shadow(0 8px 10px #071b1b40)}.fly-bat{font-size:1.55rem;top:17%;left:12%;animation:bat-pass 3.3s ease-out both}.bat-two{top:25%;left:68%;font-size:1.1rem;animation-delay:.7s}.hover-ghost{top:38%;right:6%;font-size:1.7rem;opacity:.82;animation:ghost-drift 4.4s ease-in-out infinite alternate}.quiet-pumpkin{bottom:17%;left:8%;font-size:1.55rem;opacity:.8;animation:pumpkin-pop 1.1s ease-out both}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category{min-height:145px;text-align:left;background:#29494b;border:1px solid #537174;border-radius:18px;padding:19px;color:#fff2df;display:flex;flex-direction:column;justify-content:space-between;font-weight:700;font-size:1.08rem;transition:transform .2s,background .2s}.category:hover{transform:translateY(-3px);background:#35575a}.category .emoji{font-size:2rem}.back{background:none;border:0;color:#f6cb7b;padding:14px 0;margin:0 0 10px}.result-count{color:#dbcbb7;margin:-8px 0 24px}.event-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,315px),1fr))}.event{background:#fbf1e2;color:#193b3e;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #071d1d30}.photo{height:180px;background:linear-gradient(135deg,#765039,#a9683f 40%,#3f5350 41%,#233d40);display:flex;align-items:end;padding:15px;color:#fff;font-size:.9rem}.event-body{padding:19px}.event h3{font-size:1.65rem;margin:0 0 9px;line-height:1.15}.metadata{font-size:.91rem;line-height:1.55;color:#435b59}.take{line-height:1.48;margin:12px 0}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.tag{border-radius:20px;background:#e9d7b7;padding:5px 10px;font-size:.78rem}.actions{display:flex;gap:8px;align-items:center}.actions a,.actions button{border:1px solid #8d9e99;background:transparent;color:#193b3e;border-radius:25px;padding:10px 12px;text-decoration:none;font-size:.88rem;text-align:center}.actions a{flex:1}.actions .save{min-width:45px;font-size:1.2rem;line-height:1}.actions .save[aria-pressed=true]{background:#f2bc6d}.featured{display:block;margin-bottom:8px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#875a22}.empty{background:#29494b;padding:23px;border-radius:16px;line-height:1.5}.storage-note{font-size:.84rem;color:#d8c7b0;margin-top:25px}.bottom-nav{display:flex;justify-content:center;gap:12px;margin:0 0 22px;padding:10px 0}.bottom-nav button{border:1px solid #e6bc72;background:#f2c776;color:#14383b;border-radius:100px;min-height:49px;padding:12px 22px;font-weight:700}.bottom-nav button:first-child{background:#29494b;color:#f6e7cf}footer{max-width:900px;margin:30px auto 35px;padding:0 22px;font-size:.83rem;color:#d4c6b4;display:flex;justify-content:space-between;gap:12px}footer a{color:#f3c672}@keyframes appear{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bat-pass{0%{opacity:0;transform:translate(-70px,35px) rotate(-18deg)}65%{opacity:.85}100%{opacity:.75;transform:translate(30px,-8px) rotate(5deg)}}@keyframes ghost-drift{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-12px) rotate(4deg)}}@keyframes pumpkin-pop{from{opacity:0;transform:scale(.7) translateY(10px)}to{opacity:.8;transform:scale(1) translateY(0)}}@media(max-width:430px){.category{min-height:125px;padding:15px}.topbar{height:75px}.hero{min-height:calc(100svh - 152px)}.bottom-nav button{flex:1}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.photo img{width:100%;height:100%;object-fit:cover}.metadata{white-space:pre-line}

@media(max-width:430px){.topbar{gap:12px}.topbar .edition{text-align:right}.hover-ghost{top:29%;right:6%}.quiet-pumpkin{left:7%;bottom:16%}}


/* Decorative fall stays in narrow side lanes, leaving the reading column clear. */
.edge-fall{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:2;user-select:none}
.fall{position:absolute;top:-10vh;font-size:1.12rem;opacity:0;animation:edge-fall var(--speed) linear infinite;animation-delay:var(--delay);filter:drop-shadow(0 2px 2px #0b28283a)}
.f1{left:2%;--speed:15s;--delay:-1s}.f2{left:10%;--speed:18s;--delay:-11s}.f3{left:4%;--speed:19s;--delay:-8s}.f4{left:12%;--speed:16s;--delay:-5s}.f5{left:7%;--speed:21s;--delay:-17s}
.f6{right:3%;--speed:17s;--delay:-8s}.f7{right:11%;--speed:20s;--delay:-15s}.f8{right:5%;--speed:16s;--delay:-3s}.f9{right:13%;--speed:22s;--delay:-18s}.f10{right:8%;--speed:18s;--delay:-12s}
@keyframes edge-fall{0%{opacity:0;transform:translate3d(0,-30px,0) rotate(-12deg)}8%{opacity:var(--peak,.25)}85%{opacity:var(--peak,.25)}100%{opacity:0;transform:translate3d(10px,calc(110vh + 30px),0) rotate(18deg)}}
.date-shortcut{width:100%;margin:0 0 16px;padding:16px 19px;border:1px solid #f2bc6d;border-radius:16px;background:#6a4b37;color:#fff2df;text-align:left;font-weight:700;display:flex;justify-content:space-between;gap:12px;min-height:56px}
.date-shortcut:hover{background:#80583c}
@media(max-width:500px){.fall{font-size:.96rem}.f2,.f4,.f7,.f9{display:none}.f1{left:2%}.f3{left:5%}.f5{left:1%}.f6{right:2%}.f8{right:5%}.f10{right:1%}}
@media(prefers-reduced-motion:reduce){.edge-fall{display:none}}

/* A denser, softer spread; the centre remains free for reading. */
.f1{left:2%}.f2{left:12%}.f3{left:23%}.f4{left:31%}.f5{left:7%}.f6{right:2%}.f7{right:12%}.f8{right:23%}.f9{right:31%}.f10{right:7%}
.f11{left:17%;--speed:17s;--delay:-12s}.f12{left:27%;--speed:20s;--delay:-3s}.f13{left:4%;--speed:22s;--delay:-19s}.f14{left:20%;--speed:16s;--delay:-8s}
.f15{right:17%;--speed:19s;--delay:-4s}.f16{right:27%;--speed:21s;--delay:-13s}.f17{right:4%;--speed:16s;--delay:-14s}.f18{right:20%;--speed:18s;--delay:-7s}
@media(max-width:500px){.f2,.f4,.f7,.f9{display:block}.f1,.f5,.f13{left:2%}.f2,.f11{left:12%}.f3,.f12{left:22%}.f4,.f14{left:29%}.f6,.f10,.f17{right:2%}.f7,.f15{right:12%}.f8,.f16{right:22%}.f9,.f18{right:29%}.fall{font-size:.88rem}}

.offer{border-radius:12px;background:#eadab9;color:#163a3d;padding:11px 13px;font-size:.9rem;font-weight:700;line-height:1.45;margin:12px 0}.metadata{white-space:pre-line;line-height:1.65}

main{position:relative;z-index:3}.f19{left:38%;--speed:18s;--delay:-15s;--peak:.144}.f20{left:45%;--speed:21s;--delay:-6s;--peak:.144}.f21{left:51%;--speed:17s;--delay:-12s;--peak:.144}.f22{right:38%;--speed:22s;--delay:-3s;--peak:.144}.f23{right:44%;--speed:19s;--delay:-17s;--peak:.144}.f24{right:50%;--speed:20s;--delay:-9s;--peak:.144}

.photo img{width:100%;height:100%;object-fit:cover;display:block}
.photo:has(img){padding:0}
.photo img[src$="crypt-crow.png"]{object-fit:contain;background:#120e13}
.photo img[src$="conjuring.png"]{object-position:center 30%}