:root{--night:#0b1a33;--night2:#132a4a;--moss:#4f7a3a;--gold:#f2c35b;--cream:#fbf3dc;--wood:#7a4a24;--wood2:#5a3418}
*{box-sizing:border-box}
html{font-size:112.5%}
body{margin:0;background:radial-gradient(ellipse at top,#1c3a63 0%,var(--night) 60%) fixed,var(--night);color:var(--cream);font-family:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;line-height:1.6}
main,footer{max-width:1080px;margin:0 auto;padding:1rem}
.sign{display:block;width:fit-content;max-width:100%;margin:1rem auto 1.5rem;padding:.6em 1.1em;text-align:center;font-size:clamp(1.7rem,6vw,3.2rem);line-height:1.15;color:var(--gold);text-shadow:0 2px 0 #3a200c;
 background:repeating-linear-gradient(178deg,var(--wood) 0 9px,#86542b 9px 13px,var(--wood2) 13px 16px);border:6px solid #3a200c;border-radius:14px 22px 12px 26px;box-shadow:0 8px 0 #2a1708,0 12px 24px rgba(0,0,0,.5);transform:rotate(-1.5deg)}
.sign-small{display:block;font-size:.5em;letter-spacing:.2em;text-transform:uppercase}
.art{display:block;width:100%;height:auto;border-radius:12px;border:3px solid var(--gold);box-shadow:0 0 28px rgba(242,195,91,.35)}
.card{background:var(--night2);border:2px solid var(--moss);border-radius:18px;padding:1.25rem;margin:1.5rem 0}
h2{color:var(--gold);font-size:clamp(1.5rem,4.5vw,2.2rem);line-height:1.2;margin:.2em 0 .6em}
.teaser{font-size:1.25rem;font-style:italic}
.closing{text-align:center;font-size:1.3rem;color:var(--gold);margin-top:1.2rem}
footer{text-align:center;color:#d9e6c8;border-top:2px solid var(--moss);margin-top:2rem}
@media (prefers-reduced-motion:no-preference){.art{transition:box-shadow .6s}.art:hover{box-shadow:0 0 40px rgba(242,195,91,.6)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.hero{margin:0;padding:0;max-width:none}
.art.bleed{border:0;border-radius:0;box-shadow:none;width:100%}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}