@media (min-width: 1281px){:root{--autumn: #f59e0b;--autumn-soft: #fbbf24;--autumn-deep: #b45309;} .autumn-layer{position: fixed;inset: 0;z-index: 2147483000;pointer-events: none;overflow: hidden;} .autumn-layer .leaf{position: absolute;top: -6%;display: block;background: var(--autumn);border-radius: 0 100% 0 100%;opacity: .5;animation-name: autumn-fall;animation-timing-function: linear;animation-iteration-count: infinite;will-change: top,transform;} @keyframes autumn-fall{0%{top: -6%;transform: translateX(0) rotate(0deg);} 25%{top: 24%;transform: translateX(var(--drift)) rotate(95deg);} 50%{top: 52%;transform: translateX(calc(var(--drift) * -.6)) rotate(190deg);} 75%{top: 76%;transform: translateX(var(--drift)) rotate(280deg);} 100%{top: 106%;transform: translateX(calc(var(--drift) * -.4)) rotate(380deg);}} .autumn-layer .leaf:nth-child(1){left: 4%;width: 15px;height: 15px;background-color: #d97706;opacity: .50;--drift: 12px;animation-duration: 15s;animation-delay: -0s;} .autumn-layer .leaf:nth-child(2){left: 9%;width: 11px;height: 11px;background-color: #fbbf24;opacity: .42;--drift: 11px;animation-duration: 19s;animation-delay: -6s;} .autumn-layer .leaf:nth-child(3){left: 15%;width: 17px;height: 17px;background-color: #b45309;opacity: .45;--drift: 5px;animation-duration: 13s;animation-delay: -11s;} .autumn-layer .leaf:nth-child(4){left: 22%;width: 10px;height: 10px;background-color: #dc2626;opacity: .40;--drift: 14px;animation-duration: 21s;animation-delay: -3s;} .autumn-layer .leaf:nth-child(5){left: 29%;width: 13px;height: 13px;background-color: #ea580c;opacity: .48;--drift: 7px;animation-duration: 16s;animation-delay: -14s;} .autumn-layer .leaf:nth-child(6){left: 37%;width: 9px;height: 9px;background-color: #f59e0b;opacity: .55;--drift: 17px;animation-duration: 23s;animation-delay: -8s;} .autumn-layer .leaf:nth-child(7){left: 44%;width: 16px;height: 16px;background-color: #92400e;opacity: .38;--drift: 3px;animation-duration: 14s;animation-delay: -18s;} .autumn-layer .leaf:nth-child(8){left: 52%;width: 12px;height: 12px;background-color: #d97706;opacity: .50;--drift: 12px;animation-duration: 20s;animation-delay: -5s;} .autumn-layer .leaf:nth-child(9){left: 59%;width: 14px;height: 14px;background-color: #dc2626;opacity: .42;--drift: 8px;animation-duration: 17s;animation-delay: -12s;} .autumn-layer .leaf:nth-child(10){left: 66%;width: 8px;height: 8px;background-color: #fbbf24;opacity: .55;--drift: 15px;animation-duration: 24s;animation-delay: -2s;} .autumn-layer .leaf:nth-child(11){left: 73%;width: 15px;height: 15px;background-color: #b45309;opacity: .45;--drift: 6px;animation-duration: 15s;animation-delay: -16s;} .autumn-layer .leaf:nth-child(12){left: 80%;width: 11px;height: 11px;background-color: #ea580c;opacity: .48;--drift: 13px;animation-duration: 18s;animation-delay: -9s;} .autumn-layer .leaf:nth-child(13){left: 88%;width: 13px;height: 13px;background-color: #d97706;opacity: .44;--drift: 9px;animation-duration: 22s;animation-delay: -4s;} .autumn-layer .leaf:nth-child(14){left: 94%;width: 10px;height: 10px;background-color: #f59e0b;opacity: .50;--drift: 4px;animation-duration: 16s;animation-delay: -13s;} .caret{color: var(--autumn);} .hero-hello .tag,.hero-text .tag{color: color-mix(in srgb,var(--autumn) 72%,var(--muted));} .accent{text-shadow: 0 0 24px color-mix(in srgb,var(--autumn) 22%,transparent);} .nav-menu a:hover{color: var(--autumn);} .badge-team{color: var(--autumn-soft);} .shell::after{content: "";position: absolute;inset: 0;pointer-events: none;z-index: 0;background: radial-gradient(55% 38% at 80% 10%,color-mix(in srgb,var(--autumn) 9%,transparent),transparent 70%),radial-gradient(45% 32% at 10% 92%,color-mix(in srgb,var(--autumn-deep) 8%,transparent),transparent 72%);}} @media (min-width: 1281px) and (prefers-reduced-motion: reduce){.autumn-layer .leaf{animation: none !important;} .autumn-layer .leaf:nth-child(1){top: 8%;} .autumn-layer .leaf:nth-child(2){top: 26%;} .autumn-layer .leaf:nth-child(3){top: 47%;} .autumn-layer .leaf:nth-child(4){top: 17%;} .autumn-layer .leaf:nth-child(5){top: 63%;} .autumn-layer .leaf:nth-child(6){top: 34%;} .autumn-layer .leaf:nth-child(7){top: 78%;} .autumn-layer .leaf:nth-child(8){top: 54%;} .autumn-layer .leaf:nth-child(9){top: 89%;} .autumn-layer .leaf:nth-child(10){top: 12%;} .autumn-layer .leaf:nth-child(11){top: 41%;} .autumn-layer .leaf:nth-child(12){top: 68%;} .autumn-layer .leaf:nth-child(13){top: 29%;} .autumn-layer .leaf:nth-child(14){top: 58%;}}