.masthead{position:relative;isolation:isolate}.masthead>:not(.scene){position:relative;z-index:1}.scene{--px: 0;--py: 0;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.scene__water,.scene__sky{position:absolute;inset:0}.scene__water{background:linear-gradient(var(--w1),var(--w2))}.scene__sky{background:var(--sky)}.scene__layer{position:absolute;inset:0;transform:translate3d(calc(var(--px) * var(--d) * -1px),calc(var(--py) * var(--d) * -.6px),0);transition:transform 1s cubic-bezier(.2,.7,.2,1)}.scene__layer--ground{left:-28px;right:-28px}.scene__lane{position:absolute;left:0;top:var(--y);width:100%;height:0;animation:scene-travel var(--dur) linear var(--delay) infinite}.scene__lane[data-flip]{animation-direction:reverse}@keyframes scene-travel{0%{transform:translate(0)}to{transform:translate(calc(100% + 150px))}}.scene__swimmer{position:absolute;right:100%;top:0;width:var(--size);margin-top:calc(var(--size) * -.3);animation:scene-bob 3.2s ease-in-out var(--bob, 0s) infinite alternate}.scene__swimmer>svg{display:block;width:100%;height:auto}.scene__lane[data-flip] .scene__swimmer>svg{transform:scaleX(-1)}@keyframes scene-bob{0%{transform:translateY(-4px) rotate(-2deg)}to{transform:translateY(4px) rotate(2deg)}}.scene__lane--drift .scene__swimmer{animation:none}.scene__birds>svg{animation:scene-flap .8s ease-in-out infinite alternate;transform-origin:50% 60%}@keyframes scene-flap{0%{transform:scaleY(1)}to{transform:scaleY(.55)}}.scene--aquarium{--bed: clamp(16px, 11%, 80px)}.scene__ray{position:absolute;top:-12%;left:var(--x);width:var(--w);height:80%;background:linear-gradient(rgba(255,255,255,var(--a)),#fff0);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);transform:skew(-16deg);transform-origin:top;animation:scene-ray 8s ease-in-out var(--delay) infinite alternate}@keyframes scene-ray{0%{opacity:.35;transform:skew(-18deg) translate(-6px)}to{opacity:1;transform:skew(-13deg) translate(6px)}}.scene__surface{position:absolute;left:0;right:0;top:0;height:12px;background:radial-gradient(12px 6px at 50% 0,#ffffff8c 55%,#fff0 62%) 0 0 / 24px 8px repeat-x,linear-gradient(#fff9,#fff0 75%);animation:scene-ripple 5s linear infinite}@keyframes scene-ripple{to{background-position:24px 0,0 0}}.scene__bed{position:absolute;left:-6%;right:-6%;bottom:-1px;height:var(--bed);border-radius:50% 50% 0 0/18px 18px 0 0;background:radial-gradient(circle,var(--grain-a) 0 1.3px,transparent 1.8px) 0 0 / 19px 11px,radial-gradient(circle,var(--grain-b) 0 1.1px,transparent 1.6px) 7px 5px / 13px 9px,linear-gradient(var(--bed1),var(--bed2))}.scene__plant{position:absolute;left:var(--x);bottom:calc(var(--bed) * .5);height:var(--h);color:var(--c);translate:-50% 0;transform-origin:50% 100%}.scene__plant>svg{display:block;height:100%;width:auto}.scene__plant[data-sway]{animation:scene-sway var(--dur) ease-in-out var(--delay) infinite alternate}@keyframes scene-sway{0%{transform:skew(-6deg)}to{transform:skew(6deg)}}.scene__bubble{position:absolute;left:var(--x);top:0;width:0;height:100%;animation:scene-rise var(--dur) linear var(--delay) infinite}.scene__bubble:before{content:"";position:absolute;left:0;top:0;width:var(--s);height:var(--s);border-radius:50%;border:1.2px solid rgba(255,255,255,.75);background:radial-gradient(circle at 35% 30%,#ffffffd9 0 18%,#ffffff1f 40%,#fff0 70%);animation:scene-wobble 1.8s ease-in-out infinite alternate}@keyframes scene-rise{0%{transform:translateY(100%);opacity:0}8%{opacity:1}85%{opacity:1}to{transform:translateY(-6%);opacity:0}}@keyframes scene-wobble{0%{transform:translate(-3px)}to{transform:translate(3px)}}.scene__jelly{position:absolute;left:var(--x);top:var(--y);width:var(--w);filter:drop-shadow(0 0 8px rgba(255,140,215,.6));animation:scene-jelly 6s ease-in-out var(--delay) infinite}.scene__jelly>svg{display:block;width:100%;height:auto;transform-origin:50% 20%;animation:scene-pulse 1.5s ease-in-out infinite alternate}@keyframes scene-jelly{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes scene-pulse{0%{transform:scale(1)}to{transform:scale(1.06,.92)}}.scene__glass{position:absolute;inset:0;background:linear-gradient(115deg,#fff0 0 12%,#ffffff17 12% 17%,#fff0 17% 20%,#ffffff0d 20% 22%,#fff0 22%);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -60px 80px -60px #00000038}.scene__dot{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c);animation:scene-twinkle var(--dur) ease-in-out var(--delay) infinite alternate}@keyframes scene-twinkle{0%{opacity:.25}to{opacity:1}}.scene--desert{--mid: clamp(34px, 30%, 280px);--near: clamp(22px, 17%, 160px);--mesa: clamp(22px, 18%, 170px)}.scene__sun{position:absolute;left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1;border-radius:50%;background:var(--core);box-shadow:0 0 24px 8px var(--glow),0 0 90px 30px var(--haze);transform:translate(-50%,-50%)}.scene__moon{position:absolute;left:var(--x);top:var(--y);width:34px;height:34px;border-radius:50%;box-shadow:inset 10px -3px #f5edd0;filter:drop-shadow(0 0 10px rgba(245,237,208,.55));transform:translate(-50%,-50%) rotate(-20deg)}.scene__meteor{position:absolute;left:10%;top:12%;width:70px;height:1.5px;border-radius:1px;background:linear-gradient(90deg,#fff0,#fff);opacity:0;transform:rotate(20deg);animation:scene-meteor 9s ease-in 4s infinite}@keyframes scene-meteor{0%,90%{opacity:0;transform:rotate(20deg) translate(0)}92%{opacity:1}to{opacity:0;transform:rotate(20deg) translate(180px)}}.scene__mesa,.scene__dune{position:absolute;left:0;bottom:0;display:block;width:100%}.scene__mesa{bottom:calc(var(--mid) * .55);height:var(--mesa)}.scene__mesa-base{position:absolute;left:0;right:0;bottom:0;height:calc(var(--mid) * .56)}.scene__dune--mid{height:var(--mid)}.scene__dune--near{height:var(--near)}.scene--desert .scene__plant{bottom:calc(var(--near) * .42)}.scene__lane--ground{top:calc(100% - var(--near) * .62)}.scene__tumble{margin-top:calc(var(--size) * -.9);animation:scene-roll 1.4s linear infinite}@keyframes scene-roll{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(90deg)}50%{transform:translateY(0) rotate(180deg)}75%{transform:translateY(-3px) rotate(270deg)}to{transform:translateY(0) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.scene,.scene *,.scene *:before{animation:none!important;transition:none!important}.scene__lane{transform:translate(calc(var(--rest) + 40px))}.scene__bubbles,.scene__meteor{display:none}}