/* Autumn (Canadian fall) seasonal layer.
   Everything is scoped under html.autumn, which autumn.js adds only during the
   season (Sep 15 – Nov 30). To switch it off for good, remove the two lines
   that load autumn.css / autumn.js from the pages. Brand navy + maple red stay. */
html.autumn{
  --amber:#d9822b; --gold:#e8b04a; --rust:#9c3d12;
  --off:#f8f4ec;          /* warm cream instead of cool grey-blue */
  --border:#e8dfce;
}
/* top strip: maple leaf + slightly warmer red */
html.autumn .top-strip{background:linear-gradient(90deg,var(--red-dk),var(--red) 45%,#b8341c)}
html.autumn .top-strip::before{
  content:'';display:inline-block;width:14px;height:14px;margin-right:9px;vertical-align:-2px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='white' d='M50 2 58 20 70 14 66 38 88 30 82 46 98 52 78 66 84 76 56 72 56 98 44 98 44 72 16 76 22 66 2 52 18 46 12 30 34 38 30 14 42 20Z'/></svg>") center/contain no-repeat;
}
/* thin red→amber→gold line under the sticky nav and on top of the footer */
html.autumn nav{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--red),var(--amber),var(--gold)) 1}
html.autumn footer{border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--gold),var(--amber),var(--red)) 1}
/* hero: soft warm glow top-right, keeps the existing red glow */
html.autumn .hero::before{
  background:
    radial-gradient(ellipse at 15% 60%,rgba(200,16,46,.12) 0%,transparent 60%),
    radial-gradient(ellipse at 88% 12%,rgba(232,176,74,.16) 0%,transparent 55%);
}
html.autumn .eyebrow{color:#ffb089;border-color:rgba(217,130,43,.45);background:rgba(217,130,43,.14)}
html.autumn .eyebrow-dot{background:var(--amber)}
/* cards: amber accent on hover instead of plain shadow only */
html.autumn .pc:hover,html.autumn .lp-card:hover{box-shadow:0 20px 50px rgba(156,61,18,.14);}
html.autumn .pc{border-top:3px solid transparent;transition:transform .3s,box-shadow .3s,border-color .3s}
html.autumn .pc:hover{border-top-color:var(--amber)}
/* falling-leaves canvas (created by autumn.js) */
#autumn-leaves{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:150}
@media (prefers-reduced-motion:reduce){#autumn-leaves{display:none}}