@media (prefers-reduced-motion:no-preference){
html:not([data-network-motion="off"]) .night-stars i.mpf-tw{animation:mpf-twinkle var(--d,3s) ease-in-out var(--dl,0s) infinite!important;will-change:opacity,transform}
@keyframes mpf-twinkle{0%,100%{opacity:.12;transform:scale(.6)}45%{opacity:1;transform:scale(1.45)}55%{opacity:.85;transform:scale(1.2)}}
}
.natural-lake{overflow:hidden}
.natural-lake .mpf-water{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 38%);mask-image:linear-gradient(to bottom,transparent 0,#000 38%)}
.natural-lake .mpf-water.on{opacity:.62}
html[data-network-motion="off"] .natural-lake .mpf-water{display:none}
.hero.mpf-has-water::before,.hero.mpf-has-water::after{opacity:.35}

@media (min-width:900px){.mpf-one-line{white-space:nowrap;max-width:none!important;font-size:clamp(22px,2.15vw,30px)}}

/* realistic northern lights */
.mpf-aurora{position:absolute;inset:0 0 30% 0;pointer-events:none;z-index:0;overflow:hidden}
.mpf-aurora i{position:absolute;display:block;top:-4%;height:92%;mix-blend-mode:screen;filter:blur(5px) saturate(1.25);opacity:.9;
background:linear-gradient(to top,rgba(95,255,160,1) 0%,rgba(70,255,170,.9) 14%,rgba(60,230,180,.55) 34%,rgba(80,190,220,.28) 55%,rgba(170,80,255,.22) 74%,rgba(0,0,0,0) 92%),repeating-linear-gradient(90deg,#000 0 3px,#fff 5px,#777 9px,#000 11px),repeating-linear-gradient(90deg,#fff 0 13px,#555 19px,#fff 27px,#999 33px,#fff 41px);
background-blend-mode:multiply;
-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 28%,#000 66%,#000 72%,transparent 84%),linear-gradient(to right,transparent 0%,#000 22%,#000 78%,transparent 100%);-webkit-mask-composite:source-in;
mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 28%,#000 66%,#000 72%,transparent 84%),linear-gradient(to right,transparent 0%,#000 22%,#000 78%,transparent 100%);mask-composite:intersect}
.mpf-aurora i:nth-child(1){left:-14%;width:66%;transform:rotate(-11deg) skewX(-18deg)}
.mpf-aurora i:nth-child(2){left:22%;width:60%;top:-14%;opacity:.6;transform:rotate(6deg) skewX(12deg)}
.mpf-aurora i:nth-child(3){left:56%;width:58%;opacity:.75;transform:rotate(-5deg) skewX(-10deg)}
.mpf-aurora i:nth-child(4){left:0;width:100%;top:10%;height:50%;opacity:.3;filter:blur(22px);background:radial-gradient(ellipse at 40% 70%,rgba(70,255,160,.55),rgba(0,0,0,0) 60%),radial-gradient(ellipse at 80% 60%,rgba(120,120,255,.3),rgba(0,0,0,0) 55%);-webkit-mask-image:none;mask-image:none}
.hero .aurora{opacity:.35}
@media (prefers-reduced-motion:no-preference){
html:not([data-network-motion="off"]) .mpf-aurora i:nth-child(1){animation:mpf-sway1 38s ease-in-out infinite alternate}
html:not([data-network-motion="off"]) .mpf-aurora i:nth-child(2){animation:mpf-sway2 46s ease-in-out infinite alternate}
html:not([data-network-motion="off"]) .mpf-aurora i:nth-child(3){animation:mpf-sway3 42s ease-in-out infinite alternate}
html:not([data-network-motion="off"]) .mpf-aurora i:nth-child(4){animation:mpf-glow 30s ease-in-out infinite alternate}
html:not([data-network-motion="off"]) .mpf-aurora i{background-size:100% 100%,240px 100%}
@keyframes mpf-sway1{0%{transform:rotate(-9deg) skewX(-14deg) translateX(0) scaleY(1);opacity:.55;background-position:0 0,0 0}50%{opacity:.85}100%{transform:rotate(-6deg) skewX(-4deg) translateX(6%) scaleY(1.08);opacity:.6;background-position:0 0,240px 0}}
@keyframes mpf-sway2{0%{transform:rotate(5deg) skewX(10deg) translateX(0);opacity:.35;background-position:0 0,0 0}50%{opacity:.7}100%{transform:rotate(2deg) skewX(2deg) translateX(-7%) scaleY(1.1);opacity:.45;background-position:0 0,-240px 0}}
@keyframes mpf-sway3{0%{transform:rotate(-4deg) skewX(-8deg) translateX(0);opacity:.45;background-position:0 0,0 0}50%{opacity:.8}100%{transform:rotate(-1deg) skewX(6deg) translateX(-5%) scaleY(1.06);opacity:.5;background-position:0 0,240px 0}}
@keyframes mpf-glow{0%{opacity:.18}100%{opacity:.38}}
}

.hero .hero-inner{position:relative;z-index:2}

/* sky only, photographic */
.hero{background:#02060f}
.hero .mpf-sky{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero .natural-lake,.hero .mpf-water{display:none!important}
.hero::before,.hero::after{display:none!important}
.hero .aurora{opacity:.25}
.hero .mpf-aurora{z-index:0;inset:0 0 22% 0}

/* epic aurora boost */
.hero .mpf-aurora i{opacity:1;filter:blur(4px) saturate(1.4) brightness(1.15)}
.hero .mpf-aurora i:nth-child(2){opacity:.75;background:linear-gradient(to top,rgba(90,255,160,1) 0%,rgba(70,255,170,.85) 16%,rgba(90,200,220,.35) 42%,rgba(200,70,220,.45) 66%,rgba(230,60,170,.25) 80%,rgba(0,0,0,0) 94%),repeating-linear-gradient(90deg,#000 0 3px,#fff 5px,#777 9px,#000 11px),repeating-linear-gradient(90deg,#fff 0 13px,#555 19px,#fff 27px,#999 33px,#fff 41px);background-blend-mode:multiply}

/* milky way look: soften aurora curtains so the galaxy leads */
.hero .mpf-aurora{opacity:.42}
.hero .aurora{opacity:.15}

/* real night-sky photo */
.hero{background:#02050b url("img/hero-sky-2000.webp") center 30%/cover no-repeat!important}
@media (max-width:900px){.hero{background-image:url("img/hero-sky-1000.webp")!important}}
.hero .mpf-sky,.hero .mpf-aurora,.hero .aurora{display:none!important}
.hero .night-stars i{opacity:.55}


/* darker sky for logo contrast */
.hero{background:linear-gradient(180deg,rgba(1,3,9,.62) 0%,rgba(1,3,9,.48) 45%,rgba(1,3,9,.7) 100%),#02050b url("img/hero-sky-2000.webp") center 30%/cover no-repeat!important}
@media (max-width:900px){.hero{background:linear-gradient(180deg,rgba(1,3,9,.62) 0%,rgba(1,3,9,.48) 45%,rgba(1,3,9,.7) 100%),#02050b url("img/hero-sky-1000.webp") center 30%/cover no-repeat!important}}
/* random shooting stars */
.mpf-shoot{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.mpf-shoot i{position:absolute;height:2px;width:var(--len,160px);border-radius:2px;transform-origin:right center;
background:linear-gradient(90deg,rgba(255,255,255,0),rgba(200,225,255,.35) 60%,#fff);filter:drop-shadow(0 0 4px rgba(190,220,255,.9));
opacity:0;animation:mpf-shoot var(--dur,1s) cubic-bezier(.2,.6,.4,1) forwards}
@keyframes mpf-shoot{0%{opacity:0;transform:rotate(var(--ang)) translateX(0) scaleX(.2)}12%{opacity:1}70%{opacity:.9}100%{opacity:0;transform:rotate(var(--ang)) translateX(var(--dist,-420px)) scaleX(1)}}
@media (prefers-reduced-motion:reduce){.mpf-shoot{display:none}}
html[data-network-motion="off"] .mpf-shoot{display:none}

/* swimming walleye cursor (S.F. Denton 1896 watercolor, public domain) */
@keyframes mpf-swim{0%{cursor:url("img/walleye-swim-0-64.png") 0 14,auto;cursor:-webkit-image-set(url("img/walleye-swim-0-64.png") 1x,url("img/walleye-swim-0-128.png") 2x) 0 14,auto}12.5%{cursor:url("img/walleye-swim-1-64.png") 0 14,auto;cursor:-webkit-image-set(url("img/walleye-swim-1-64.png") 1x,url("img/walleye-swim-1-128.png") 2x) 0 14,auto}25%{cursor:url("img/walleye-swim-2-64.png") 0 14,auto;cursor:-webkit-image-set(url("img/walleye-swim-2-64.png") 1x,url("img/walleye-swim-2-128.png") 2x) 0 14,auto}37.5%{cursor:url("img/walleye-swim-3-64.png") 0 14,auto;cursor:-webkit-image-set(url("img/walleye-swim-3-64.png") 1x,url("img/walleye-swim-3-128.png") 2x) 0 14,auto}50%{cursor:url("img/walleye-swim-4-64.png") 0 14,auto;cursor:-webkit-image-set(url("img/walleye-swim-4-64.png") 1x,url("img/walleye-swim-4-128.png") 2x) 0 14,auto}62.5%{cursor:url("img/walleye-swim-5-64.png") 0 14,auto;cursor:-webkit-image-set(url("img/walleye-swim-5-64.png") 1x,url("img/walleye-swim-5-128.png") 2x) 0 14,auto}75%{cursor:url("img/walleye-swim-6-64.png") 0 14,auto;cursor:-webkit-image-set(url("img/walleye-swim-6-64.png") 1x,url("img/walleye-swim-6-128.png") 2x) 0 14,auto}87.5%{cursor:url("img/walleye-swim-7-64.png") 0 14,auto;cursor:-webkit-image-set(url("img/walleye-swim-7-64.png") 1x,url("img/walleye-swim-7-128.png") 2x) 0 14,auto}}
@media (hover:hover) and (pointer:fine){body{cursor:url("img/walleye-swim-0-64.png") 0 14,auto;cursor:-webkit-image-set(url("img/walleye-swim-0-64.png") 1x,url("img/walleye-swim-0-128.png") 2x) 0 14,auto;animation:mpf-swim 1.1s steps(1,end) infinite!important}}
@media (prefers-reduced-motion:reduce){body{animation:none!important}}
html[data-network-motion="off"] body{animation:none!important}

/* sky runs to the top: header floats over the hero */
body>header{position:absolute!important;top:0;left:0;right:0;z-index:30;background:linear-gradient(180deg,rgba(1,3,9,.55),rgba(1,3,9,0))!important;border-bottom:0!important;box-shadow:none!important}
.hero{border-top:var(--mpf-hdr,76px) solid transparent!important;background-origin:border-box!important;background-clip:border-box!important}

/* tree silhouette contrast: black pines against a soft horizon glow */
.hero .restored-pines{color:#000!important;opacity:1!important;height:clamp(78px,9vw,130px)!important;filter:drop-shadow(0 -1px 1px rgba(170,205,240,.28))}
.hero{background:radial-gradient(130% 34% at 50% 100%,rgba(120,160,205,.42) 0%,rgba(70,105,150,.18) 45%,rgba(0,0,0,0) 75%),linear-gradient(180deg,rgba(1,3,9,.62) 0%,rgba(1,3,9,.48) 45%,rgba(1,3,9,.55) 100%),#02050b url("img/hero-sky-2000.webp") center 30%/cover no-repeat!important;background-origin:border-box!important}
@media (max-width:900px){.hero{background:radial-gradient(160% 30% at 50% 100%,rgba(120,160,205,.42) 0%,rgba(70,105,150,.18) 45%,rgba(0,0,0,0) 75%),linear-gradient(180deg,rgba(1,3,9,.62) 0%,rgba(1,3,9,.48) 45%,rgba(1,3,9,.55) 100%),#02050b url("img/hero-sky-1000.webp") center 30%/cover no-repeat!important;background-origin:border-box!important}}

/* rotating hero (night sky + videos/photos) */
.hero .mpf-slides{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero .mpf-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease;background:#02050b center/cover no-repeat}
.hero .mpf-slide.on{opacity:1}
.hero .mpf-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .mpf-slide::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 45%,rgba(0,0,0,.28),rgba(0,0,0,0) 75%),linear-gradient(180deg,rgba(1,3,9,.55) 0%,rgba(1,3,9,.42) 45%,rgba(1,3,9,.62) 100%)}
.hero .night-stars,.hero .big-dipper,.hero .shooting-star,.hero .mpf-shoot,.hero .restored-pines{transition:opacity 1.8s ease}
.hero.mpf-day .night-stars,.hero.mpf-day .big-dipper,.hero.mpf-day .shooting-star,.hero.mpf-day .mpf-shoot,.hero.mpf-day .restored-pines{opacity:0!important}

.hero .mpf-slides{top:calc(-1 * var(--mpf-hdr,76px))}

/* smoother crossfades */
.hero .mpf-slide{transition:opacity 2.6s cubic-bezier(.45,0,.55,1)}
.hero .night-stars,.hero .big-dipper,.hero .shooting-star,.hero .mpf-shoot,.hero .restored-pines{transition:opacity 2.6s cubic-bezier(.45,0,.55,1)}

.hero.mpf-pt{border-top-width:0!important;padding-top:var(--mpf-pt)!important}
.hero.mpf-pt .mpf-slides{top:0}

/* hero text gently fades on: logo, title, subtitle, button */
html.mpf-seq .hero-inner>*{opacity:0;transform:translateY(12px);transition:opacity 1.6s ease,transform 1.6s cubic-bezier(.2,.7,.2,1)}
html.mpf-seq.mpf-go .hero-inner>*{opacity:1;transform:none}
html.mpf-seq.mpf-go .hero-inner>:nth-child(2){transition-delay:.8s}
html.mpf-seq.mpf-go .hero-inner>:nth-child(3){transition-delay:1.6s}
html.mpf-seq.mpf-go .hero-inner>:nth-child(4){transition-delay:2.4s}

/* videos first, night sky last */
html.mpf-vfirst .hero{background:linear-gradient(180deg,rgba(1,3,9,.55) 0%,rgba(1,3,9,.42) 45%,rgba(1,3,9,.62) 100%),#02050b url("hero/hero-mist-poster.webp") center/cover no-repeat!important;background-origin:border-box!important}
html.mpf-vfirst .hero:not(.mpf-night) .night-stars,html.mpf-vfirst .hero:not(.mpf-night) .big-dipper,html.mpf-vfirst .hero:not(.mpf-night) .shooting-star,html.mpf-vfirst .hero:not(.mpf-night) .mpf-shoot,html.mpf-vfirst .hero:not(.mpf-night) .restored-pines{opacity:0!important}
.hero .mpf-slide.night{background-position:center 30%}
.hero .mpf-slide.night::after{background:radial-gradient(130% 34% at 50% 100%,rgba(120,160,205,.42) 0%,rgba(70,105,150,.18) 45%,rgba(0,0,0,0) 75%),linear-gradient(180deg,rgba(1,3,9,.62) 0%,rgba(1,3,9,.48) 45%,rgba(1,3,9,.55) 100%)}
/* slower, readable text entrance */
html.mpf-seq .hero-inner>*{transition:opacity 2.2s ease,transform 2.2s cubic-bezier(.2,.7,.2,1)}
html.mpf-seq.mpf-go .hero-inner>:nth-child(2){transition-delay:2.6s}
html.mpf-seq.mpf-go .hero-inner>:nth-child(3){transition-delay:5.2s}
html.mpf-seq.mpf-go .hero-inner>:nth-child(4){transition-delay:7.6s}

/* crisp original logo; darker backdrop behind it instead of brightening */
.hero .state-logo{filter:none!important;mix-blend-mode:normal!important;image-rendering:auto}
.hero .mpf-slide::after{background:radial-gradient(62% 42% at 50% 30%,rgba(0,0,0,.5),rgba(0,0,0,.18) 60%,rgba(0,0,0,0) 85%),linear-gradient(180deg,rgba(1,3,9,.58) 0%,rgba(1,3,9,.45) 45%,rgba(1,3,9,.62) 100%)}
.hero .mpf-slide.night::after{background:radial-gradient(62% 42% at 50% 30%,rgba(0,0,0,.42),rgba(0,0,0,0) 80%),radial-gradient(130% 34% at 50% 100%,rgba(120,160,205,.42) 0%,rgba(70,105,150,.18) 45%,rgba(0,0,0,0) 75%),linear-gradient(180deg,rgba(1,3,9,.62) 0%,rgba(1,3,9,.48) 45%,rgba(1,3,9,.55) 100%)}
html.mpf-vfirst .hero{background:radial-gradient(62% 42% at 50% 30%,rgba(0,0,0,.5),rgba(0,0,0,.18) 60%,rgba(0,0,0,0) 85%),linear-gradient(180deg,rgba(1,3,9,.58) 0%,rgba(1,3,9,.45) 45%,rgba(1,3,9,.62) 100%),#02050b url("hero/hero-mist-poster.webp") center/cover no-repeat!important;background-origin:border-box!important}

/* motion toggle button removed (OS reduce-motion setting still respected) */
.hero .network-motion,#networkMotion{display:none!important}