/* Fall & Thanksgiving pack. Every rule is scoped to an element class (aas-el-a … aas-el-h) set on <body>. */

body.aas-fall { --aas-night: #0B1F3A; }
/* A: harvest accent for seasonal pieces only */
body.aas-fall.aas-el-a {
	--aas-season: #D9822B;
	--aas-season-ink: #8F4310;
	--aas-season-soft: #FFF3E3;
	--aas-bar-hi: #F2A65A;
}

/* C: golden-hour hero */
.aas-fall.aas-el-c .aa-hero__poster, .aas-fall.aas-el-c .aa-hero__video { filter: sepia(.45) saturate(1.25) brightness(.95) hue-rotate(-12deg); }
.aas-sun {
	position: absolute; inset: 0; mix-blend-mode: overlay;
	background:
		radial-gradient(ellipse 60% 75% at 88% 15%, rgba(255, 190, 110, .95), rgba(255, 160, 80, .45) 45%, rgba(255, 150, 70, .15) 80%),
		linear-gradient(180deg, rgba(255, 150, 70, .25), rgba(150, 60, 20, .35));
}
.aas-sun-glow {
	position: absolute; inset: 0; mix-blend-mode: screen;
	background: radial-gradient(circle at 86% 16%, rgba(255, 214, 160, .45) 0 3%, rgba(255, 190, 120, .12) 12%, transparent 30%);
}

/* D: falling leaves */
.aas-leaf { position: absolute; top: -40px; width: 22px; height: 22px; opacity: 0; will-change: transform; }
.aas-leaf svg { display: block; width: 100%; height: 100%; animation: aas-sway var(--sway, 3.2s) ease-in-out infinite alternate; }
.aas-leaves.play .aas-leaf { animation: aas-fall var(--dur, 12s) linear var(--delay, 0s) infinite; }
@keyframes aas-fall {
	0% { opacity: 0; transform: translate(0, 0) rotate(0deg); }
	8% { opacity: .95; }
	85% { opacity: .9; }
	100% { opacity: 0; transform: translate(var(--drift, 60px), calc(var(--h, 520px) + 60px)) rotate(var(--spin, 300deg)); }
}
@keyframes aas-sway { from { transform: translateX(-10px) rotate(-18deg); } to { transform: translateX(10px) rotate(18deg); } }

/* E: leaf on the logo */
.aas-fall.aas-el-e .aa-header__brand > a { position: relative; }
.aas-fall.aas-el-e .aa-header__brand > a::after {
	content: ""; position: absolute; left: -6px; top: -8px; width: 16px; height: 16px; pointer-events: none; transform: rotate(-28deg);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23D9822B' d='M12 1.6l1.5 3.4 2.3-1.1-.5 4.1 3.2-2-.9 3.1 3.4.5-2.6 2.6 1.3 1.2-4.5 1 .3 2.2-3.7-1.4.4 6.3h-1.2l.4-6.3-3.7 1.4.3-2.2-4.5-1 1.3-1.2-2.6-2.6 3.4-.5-.9-3.1 3.2 2-.5-4.1 2.3 1.1z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* G: seasonal hero tag */
.aas-fall.aas-el-g .aa-hero--intro .aa-pill { border-color: var(--aas-season); color: #FFE6CC; background: color-mix(in srgb, var(--aas-season) 16%, transparent); }
body.aas-fall.aas-el-g:not(.aas-el-a) .aa-hero--intro .aa-pill { color: #BFD5FF; }

/* H: autumn hills + navy footer (not on cart, checkout or account) */
.aas-hills { position: relative; margin-top: 48px; line-height: 0; }
.aas-hills svg { display: block; width: 100%; height: 130px; }
.aas-hills__thanks {
	position: absolute; left: 0; right: 0; bottom: 6px; margin: 0; padding: 0 16px; text-align: center;
	font: 500 14px/1.4 var(--aa-font); color: #FFE6CC; letter-spacing: .01em;
}
.aas-hills .lf { animation: aas-tumble 7s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.aas-hills .lf:nth-of-type(2n) { animation-duration: 9s; animation-delay: -3s; }
.aas-hills .lf:nth-of-type(3n) { animation-duration: 11s; animation-delay: -6s; }
@keyframes aas-tumble { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(6px) rotate(24deg); } }
.aas-hills + .aa-footer { margin-top: 0; border-top: 0; }
body.aas-fall.aas-el-h:not(.aas-quiet) .aa-footer { background: var(--aas-night); }
body.aas-fall.aas-el-h:not(.aas-quiet) .aa-footer a { color: #E3ECFA; }
body.aas-fall.aas-el-h:not(.aas-quiet) .aa-footer__disclaimer,
body.aas-fall.aas-el-h:not(.aas-quiet) .aa-footer__copy { color: #9FB4D3; }
@media (min-width: 768px) {
	.aas-hills svg { height: 160px; }
	.aas-hills__thanks { bottom: 8px; font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
	.aas-leaves { display: none; }
	.aas-hills .lf { animation: none !important; }
}