:root{--sky-high:#304036;--sky-mid:#17251d;--sky-low:#08100c;--ink:#f2f4ed}*{box-sizing:border-box}html{background:var(--sky-mid);color:var(--ink);scroll-behavior:auto}body{background:var(--sky-mid);min-width:320px;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}canvas{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-scroll{background:radial-gradient(circle at 18% 5%, #dee2cd33 0 5%, transparent 38%), radial-gradient(circle at 76% 18%, #5c6f6138 0 12%, transparent 48%), linear-gradient(180deg, var(--sky-high) 0%, var(--sky-mid) 46%, var(--sky-low) 100%);height:650vh;min-height:4200px;position:relative}.hero-stage{isolation:isolate;background:radial-gradient(circle at 15% 7%,#efebd038,#0000 34%),radial-gradient(circle at 75% 28%,#5065572e,#0000 44%),linear-gradient(#34463a 0%,#17251d 58%,#09110d 100%);width:100%;height:100vh;position:relative;overflow:hidden}.hero-canvas{filter:brightness(1.045)saturate(1.06)contrast(1.04);outline:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.atmosphere{z-index:2;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at 17% 10%,#f6ebc81f,#0000 38%),radial-gradient(circle at 50% 34%,#0000 34%,#030d082e 100%),linear-gradient(#f1f0df0b,#0000 38%,#020c0714);position:absolute;top:0;bottom:0;left:0;right:0}.film-grain{z-index:3;pointer-events:none;opacity:.04;background-image:radial-gradient(circle at 17% 31%,#07130c 0,#07130c .6px,#0000 .8px),radial-gradient(circle at 71% 58%,#f2f3e9 0,#f2f3e9 .55px,#0000 .8px),radial-gradient(circle at 42% 83%,#13271b 0,#13271b .45px,#0000 .75px);background-size:7px 7px,9px 9px,11px 11px;animation:.28s steps(2,end) infinite grain-shift;position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%}.scroll-signal{z-index:4;pointer-events:none;background:#f0f4eb2e;width:1px;height:58px;position:absolute;bottom:28px;left:50%;overflow:hidden;transform:translate(-50%)}.scroll-signal:after{content:"";background:linear-gradient(#0000,#f5f7f0d1,#0000);animation:2.2s cubic-bezier(.65,0,.35,1) infinite scroll-pulse;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(-100%)}@keyframes scroll-pulse{0%{transform:translateY(-100%)}65%,to{transform:translateY(100%)}}@keyframes grain-shift{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}to{transform:translate(-2%,-1%)}}@media (max-width:760px){.hero-scroll{height:560vh;min-height:3400px}.film-grain{display:none}.scroll-signal{height:44px;bottom:20px}}@media (prefers-reduced-motion:reduce){.film-grain,.scroll-signal:after{animation:none}}