/* Light moves inside the banner without changing its size or text contrast. */
header,header.scrolled{isolation:isolate;box-shadow:0 2px 0 #c9a94155,0 6px 24px #087d651c}
header:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 15% 60%,#38ccb63b,transparent 36%),radial-gradient(ellipse at 82% 20%,#edc24a26,transparent 37%);background-size:180% 180%;animation:banner-aurora 18s ease-in-out infinite}
header:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(108deg,transparent 30%,#86ead80b 40%,#f9df8726 48%,#8adfcf0d 55%,transparent 66%);background-size:320% 100%;background-position:140% 0;animation:banner-gold-sweep 17s ease-in-out infinite;box-shadow:inset 0 -1px 0 #e3c25b90}
header>.wordmark,header>nav,header>.button,header>.nav-toggle,header>.text-link{z-index:2}
header nav a{color:#fff3cb;text-shadow:0 0 8px #9de6ca35,0 0 17px #d9bf4d20}
header nav a:after{height:2px;bottom:5px;left:12%;right:12%;background:linear-gradient(90deg,transparent,#68dcca,#f4d369,#68dcca,transparent);background-size:220% 100%;box-shadow:0 0 7px #66d7b970;transform:scaleX(.7);transform-origin:center;opacity:.5;animation:banner-word-light 9s ease-in-out infinite}
header nav a:nth-child(2):after{animation-delay:-2s}header nav a:nth-child(3):after{animation-delay:-4s}header nav a:nth-child(4):after{animation-delay:-6s}header nav a:nth-child(5):after{animation-delay:-8s}
header nav a:hover,header nav a:focus-visible,header nav a.active{color:#ffe493;text-shadow:0 0 9px #f9d66a70,0 0 18px #49cbb84d}
header nav a:hover:after,header nav a:focus-visible:after,header nav a.active:after{animation:none;opacity:1;transform:scaleX(1);background-position:50% 0;box-shadow:0 0 8px #f3d06c90}
header>.button.small{box-shadow:inset 0 1px 0 #fff4c4,0 0 16px #edc24a20}
@keyframes banner-aurora{0%,100%{background-position:0% 20%;opacity:.7}50%{background-position:100% 85%;opacity:1}}
@keyframes banner-gold-sweep{0%,45%{background-position:140% 0;opacity:0}55%{opacity:.8}85%{background-position:-40% 0;opacity:.8}100%{background-position:-40% 0;opacity:0}}
@keyframes banner-word-light{0%,100%{opacity:.3;background-position:0% 50%;transform:scaleX(.6)}50%{opacity:.8;background-position:100% 50%;transform:scaleX(.9)}}
@media(max-width:720px){header:before{background:radial-gradient(ellipse at 24% 45%,#32c9ae35,transparent 55%),radial-gradient(ellipse at 88% 15%,#edc24a22,transparent 45%);background-size:160% 150%}header nav.open{box-shadow:0 10px 24px #023e393d,inset 0 1px 0 #d6b04350}header nav.open a:after{left:25%;right:25%;bottom:6px}header>.nav-toggle{box-shadow:0 0 11px #e8c34d12}}
@media(prefers-reduced-motion:reduce){header:before,header:after,header nav a:after{animation:none!important}header:before{opacity:.7;background-position:50% 50%}header:after{display:none}header nav a:after{opacity:.45;transform:scaleX(.8)}}
