/* Thanksgiving theme (seasonal add-on). Remove the two theme-thanksgiving
   lines from each page to switch it off; nothing else depends on this file. */
:root{
  --tg-pumpkin:#b4602f;
  --tg-rust:#8d4326;
  --tg-cranberry:#7c2f2f;
  --tg-gold:#d4a651;
  --tg-wheat:#f4eadb;
  --tg-cream:#fbf6ee;
  --stone:#f4eadb;          /* hero + CTA backgrounds turn warm wheat */
  --bg:#fbf6ee;
}

/* Banner above the header */
.tg-banner{position:relative;z-index:60;background:linear-gradient(90deg,var(--tg-cranberry),var(--tg-rust) 45%,var(--tg-pumpkin));color:#fff8ec;text-align:center;font:500 .82rem/1.5 var(--sans);letter-spacing:.04em;padding:11px 48px 11px 16px}
.tg-banner strong{font-family:var(--display);font-style:italic;font-weight:500;font-size:1.15rem;letter-spacing:.01em;color:#fff;margin-right:8px}
.tg-banner .tg-sep{opacity:.55;margin:0 10px}
.tg-banner a{color:#ffe9bf;text-decoration:underline;text-underline-offset:3px}
.tg-banner .tg-leaf{display:inline-block;width:18px;height:18px;vertical-align:-3px;margin:0 8px;fill:var(--tg-gold)}
.tg-banner button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff8ec;font-size:22px;line-height:1;cursor:pointer;padding:4px 8px;opacity:.8}
.tg-banner button:hover{opacity:1}
@media (max-width:640px){.tg-banner .tg-sep,.tg-banner .tg-extra{display:none}.tg-banner{font-size:.78rem}}

/* Warm accents on the existing design */
.eyebrow{color:var(--tg-rust)}
.eyebrow::after{background:var(--tg-gold);height:2px}
.btn{background:var(--tg-rust);border-color:var(--tg-rust)}
.btn:hover{background:var(--tg-cranberry);border-color:var(--tg-cranberry)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.rule{background:var(--tg-gold)!important}
.hero .photo::before{background:linear-gradient(90deg,var(--tg-wheat),transparent)}

/* Falling leaves and floating turkeys over the whole screen (decorative, click-through) */
.tg-sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:40}
.tg-sky .tg-fall{position:absolute;top:-80px;animation:tg-fall linear infinite;will-change:transform}
.tg-sky .tg-fall svg{display:block;width:100%;height:100%;animation:tg-sway ease-in-out infinite alternate;filter:drop-shadow(0 2px 3px rgba(80,40,20,.18))}
@keyframes tg-fall{0%{transform:translateY(-80px)}100%{transform:translateY(calc(100vh + 120px))}}
@keyframes tg-sway{0%{transform:translateX(-30px) rotate(-35deg)}100%{transform:translateX(30px) rotate(35deg)}}
.tg-sky .tg-turkey{position:absolute;left:-140px;animation:tg-drift linear infinite;will-change:transform}
.tg-sky .tg-turkey svg{display:block;width:100%;height:auto;animation:tg-bob 2.6s ease-in-out infinite alternate;filter:drop-shadow(0 6px 8px rgba(80,40,20,.22))}
@keyframes tg-drift{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 300px))}}
@keyframes tg-bob{0%{transform:translateY(-14px) rotate(-6deg)}100%{transform:translateY(14px) rotate(6deg)}}
@media (prefers-reduced-motion:reduce){.tg-sky{display:none}}
@media print{.tg-sky,.tg-banner{display:none}}

/* Gratitude note on the home page */
.tg-note{background:var(--tg-cream);border:1px solid #ead9bf;border-left:4px solid var(--tg-pumpkin);padding:16px 20px;max-width:520px;font:400 .95rem/1.6 var(--sans);color:var(--ink)}
.tg-note b{font-family:var(--display);font-style:italic;font-weight:500;font-size:1.2rem;color:var(--tg-rust);display:block;margin-bottom:2px}

/* Closing call-to-action band and footer garland */
.cta{background:radial-gradient(ellipse at top,#f7e5c9,var(--tg-wheat) 70%)}
.cta h2{color:var(--tg-rust)}
footer.site{border-top:0!important;position:relative}
footer.site::before{content:"";display:block;height:10px;margin-top:-64px;margin-bottom:54px;background:repeating-linear-gradient(90deg,var(--tg-cranberry) 0 40px,var(--tg-pumpkin) 40px 80px,var(--tg-gold) 80px 120px,var(--sage) 120px 160px)}
