/* Phantom Tint temporary Thanksgiving theme. Everything is scoped to html.tg, which the head snippet adds only until Dec 1, 2026 (Arizona time). Safe to delete afterwards. */
html.tg{--a1:#f2a23a;--a2:#d9541f;--grad:linear-gradient(90deg,#f6b24a,#e0701f)}
html.tg body .hero h1,html.tg body .phero h1{text-shadow:0 0 34px rgba(242,162,58,.26)}
html.tg body .btn.fill{box-shadow:0 0 0 0 rgba(242,162,58,0);transition:box-shadow .3s,transform .2s}
html.tg body .btn.fill:hover{box-shadow:0 8px 28px -8px rgba(242,162,58,.6)}
html.tg body .sc:hover,html.tg body .sc.lit,html.tg body .sc:focus-visible{box-shadow:0 16px 44px -16px rgba(242,162,58,.5)}
html.tg body .sc-body li::before{background-color:rgba(242,162,58,.16);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2a23a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E")}
html.tg body .hrate .stars,html.tg body .gw-stars,html.tg body .gwc-st{color:#ffb020}

/* announcement bar: reuses the site's .abar styles */
.tg-bar{display:none}
html.tg .tg-bar{display:flex;background:linear-gradient(90deg,#f6b24a 0%,#ea8a2a 55%,#d9541f 130%)!important}
.tg-bar svg{width:17px;height:17px;vertical-align:-3px;margin-right:6px}

/* falling autumn leaves inside the hero */
.tg-fx{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.tg-fx .lf{position:absolute;top:-40px;left:var(--x,10%);width:var(--w,22px);height:var(--w,22px);opacity:.55;animation:tgfall var(--d,16s) linear infinite;animation-delay:var(--s,0s)}
.tg-fx .lf svg{width:100%;height:100%;fill:var(--c,#e8871e);animation:tgspin var(--r,5s) ease-in-out infinite alternate}
@keyframes tgfall{0%{transform:translate(0,-40px)}25%{transform:translate(24px,25vh)}50%{transform:translate(-18px,50vh)}75%{transform:translate(20px,75vh)}100%{transform:translate(-8px,108vh)}}
@keyframes tgspin{from{transform:rotate(-35deg)}to{transform:rotate(45deg)}}
.tg-fx .lf:nth-child(1){--x:6%;--w:24px;--d:15s;--s:-2s;--c:#e8871e}
.tg-fx .lf:nth-child(2){--x:19%;--w:16px;--d:19s;--s:-9s;--c:#c8501f;--r:4s}
.tg-fx .lf:nth-child(3){--x:33%;--w:26px;--d:17s;--s:-5s;--c:#d9a21b;--r:6s}
.tg-fx .lf:nth-child(4){--x:48%;--w:18px;--d:21s;--s:-13s;--c:#e8871e;--r:4.5s}
.tg-fx .lf:nth-child(5){--x:62%;--w:22px;--d:16s;--s:-7s;--c:#b4421a;--r:5.5s}
.tg-fx .lf:nth-child(6){--x:76%;--w:28px;--d:20s;--s:-11s;--c:#d9a21b;--r:6.5s}
.tg-fx .lf:nth-child(7){--x:89%;--w:17px;--d:18s;--s:-3s;--c:#c8501f;--r:4s}
.tg-fx .lf:nth-child(8){--x:41%;--w:14px;--d:23s;--s:-16s;--c:#e8871e;--r:5s}

@media(max-width:700px){.tg-fx .lf:nth-child(n+5){display:none}}
@media(prefers-reduced-motion:reduce){.tg-fx{display:none}}
