*{margin:0;padding:0;box-sizing:border-box;cursor:url(/cursors/cursor-small.png) 4 2,auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}a,button,[role=button],input[type=submit]{cursor:url(/cursors/cursor-small.png) 4 2,pointer}html,body,#root{width:100%;overflow-x:hidden;background:transparent}body{background:#000000}.scroll-container{width:100%;height:400vh}.section{width:100%;height:100vh}.section-1,.section-2,.section-3{background:transparent;position:relative;z-index:1}.section-4{background:transparent;position:relative;z-index:1;pointer-events:none}.cursor-hidden,.cursor-hidden *{cursor:none!important}.circle-cursor{position:fixed;width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 15px #64b4ff66,inset 0 0 15px #64b4ff1a;pointer-events:none;transform:translate(-50%,-50%);z-index:1000;transition:width .05s,height .05s,opacity .2s}.landing-header{position:fixed;top:5vh;left:6vw;z-index:10;pointer-events:none;display:flex;flex-direction:column;gap:4px;animation:landingFadeIn 1.5s ease-out}.landing-header-main{font-family:Georgia,serif;font-size:clamp(36px,5vw,72px);font-weight:700;letter-spacing:.25em;color:#b4d2ffe6;text-shadow:0 0 20px rgba(80,140,255,.6),0 0 60px rgba(80,140,255,.3),0 2px 4px rgba(0,0,0,.8)}.landing-header-sub{font-family:Georgia,serif;font-size:clamp(24px,3.5vw,48px);font-weight:400;letter-spacing:.3em;color:#8cb4e6b3;text-shadow:0 0 15px rgba(80,140,255,.4),0 0 40px rgba(80,140,255,.2),0 2px 4px rgba(0,0,0,.8)}.section-text{position:fixed;z-index:10;pointer-events:none}.section-text-title{font-family:Georgia,serif;font-size:clamp(28px,4vw,56px);font-weight:700;letter-spacing:.12em;color:#b4d2ffd9;text-shadow:0 0 15px rgba(80,140,255,.5),0 0 40px rgba(80,140,255,.25),0 2px 4px rgba(0,0,0,.8);margin:0 0 14px;line-height:1}.section-text-desc{font-family:Georgia,serif;font-size:clamp(13px,1.6vw,20px);font-weight:400;font-style:italic;line-height:1.8;letter-spacing:.05em;color:#96beffa6;text-shadow:0 0 8px rgba(80,140,255,.3),0 1px 3px rgba(0,0,0,.8);margin:0}.s2-text{bottom:10vh;left:50%;transform:translate(-50%);text-align:center;animation:fadeUp 1s ease-out both}.s3-text{top:8vh;left:50%;transform:translate(-50%);text-align:center;animation:fadeDown 1s ease-out both}.s4-text{top:6vh;left:50%;transform:translate(-50%);text-align:center;animation:fadeDown 1.2s ease-out both;opacity:.7}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translate(-50%) translateY(-30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.landing-text{position:fixed;z-index:10;pointer-events:none}.landing-text.phase-1{bottom:10vh;left:6vw;text-align:left;transition:opacity .8s ease}.landing-text.phase-1.visible{opacity:1;animation:landingFadeIn 1.5s ease-out}.landing-text.phase-1.hidden{opacity:0}.landing-text.phase-2{top:50%;right:6vw;transform:translateY(-50%);text-align:right;transition:opacity 1s ease,right 1s cubic-bezier(.25,.1,.25,1)}.landing-text.phase-2.visible{opacity:1;right:6vw;animation:slideFromRight 1.2s cubic-bezier(.25,.1,.25,1) both}.landing-text.phase-2.hidden{opacity:0;right:-10vw}.landing-title{font-family:Georgia,serif;font-size:clamp(48px,8vw,120px);font-weight:700;letter-spacing:.15em;color:#b4d2ffe6;text-shadow:0 0 20px rgba(80,140,255,.6),0 0 60px rgba(80,140,255,.3),0 2px 4px rgba(0,0,0,.8);margin:0 0 12px;line-height:1}.landing-quote{font-family:Georgia,serif;font-size:clamp(14px,2vw,24px);font-weight:400;font-style:italic;letter-spacing:.1em;color:#8cb4ffb3;text-shadow:0 0 10px rgba(80,140,255,.4),0 1px 3px rgba(0,0,0,.8);margin:0}.landing-subtitle{font-family:Georgia,serif;font-size:clamp(28px,4vw,56px);font-weight:700;letter-spacing:.12em;color:#b4d2ffd9;text-shadow:0 0 15px rgba(80,140,255,.5),0 0 40px rgba(80,140,255,.25),0 2px 4px rgba(0,0,0,.8);margin:0 0 16px;line-height:1}.landing-desc{font-family:Georgia,serif;font-size:clamp(13px,1.6vw,20px);font-weight:400;line-height:1.8;letter-spacing:.05em;color:#96beffb3;text-shadow:0 0 8px rgba(80,140,255,.3),0 1px 3px rgba(0,0,0,.8);margin:0}@keyframes landingFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translateY(-50%) translate(80px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.section-indicator{position:fixed;top:20px;left:20px;color:#fff;font-family:monospace;font-size:14px;z-index:100;background:rgba(0,0,0,.7);padding:10px 15px;border-radius:5px}.sound-controls{position:fixed;top:20px;right:20px;display:flex;gap:8px;z-index:100}.sound-btn{font-family:monospace;font-size:11px;letter-spacing:.5px;padding:6px 12px;border:1px solid rgba(100,160,255,.4);border-radius:4px;background:rgba(0,0,0,.6);color:#64b4ffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.sound-btn:hover{background:rgba(30,60,100,.6);border-color:#64b4ffb3}.sound-btn.off{color:#96969699;border-color:#9696964d}.start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .5s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.start-overlay-content{display:flex;flex-direction:column;align-items:center;gap:20px}.start-overlay-title{font-family:monospace;font-size:clamp(36px,6vw,72px);letter-spacing:12px;color:#64b4ffe6;text-shadow:0 0 30px rgba(60,140,255,.4)}.start-overlay-sub{font-family:monospace;font-size:clamp(16px,3vw,32px);letter-spacing:8px;color:#64b4ff80;margin-top:-10px}.start-overlay-zealot{font-family:monospace;font-size:clamp(24px,4vw,48px);letter-spacing:16px;color:#b4dcffcc;margin-top:8px;text-shadow:0 0 20px rgba(80,160,255,.3)}.start-overlay-options{display:flex;gap:24px;margin-top:16px}.start-overlay-toggle{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:14px;color:#64b4ffb3}.start-overlay-toggle input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid rgba(100,180,255,.5);border-radius:3px;background:transparent;position:relative}.start-overlay-toggle input[type=checkbox]:checked{background:rgba(60,130,255,.4);border-color:#64b4ffcc}.start-overlay-toggle input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid rgba(200,230,255,.9);border-width:0 2px 2px 0;transform:rotate(45deg)}.start-overlay-btn{margin-top:24px;font-family:monospace;font-size:18px;letter-spacing:4px;padding:14px 40px;border:1.5px solid rgba(100,180,255,.5);border-radius:6px;background:transparent;color:#64b4ffe6;transition:all .3s;animation:btnPulse 2s ease-in-out infinite}.start-overlay-btn:hover{background:rgba(60,130,255,.2);border-color:#64b4ffe6;text-shadow:0 0 12px rgba(100,180,255,.6)}@keyframes btnPulse{0%,to{box-shadow:0 0 #3c8cff00}50%{box-shadow:0 0 20px #3c8cff4d}}.scroll-hint{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:50;animation:scrollHintFade 2s ease-in-out infinite}.scroll-hint-text{font-family:monospace;font-size:18px;letter-spacing:6px;color:#64b4ff80}.scroll-hint-arrows{display:flex;flex-direction:column;align-items:center}.scroll-hint-arrow{display:block;width:28px;height:28px;border-right:2px solid rgba(100,180,255,.5);border-bottom:2px solid rgba(100,180,255,.5);transform:rotate(45deg);animation:scrollArrowBounce 2s ease-in-out infinite}.scroll-hint-arrow:nth-child(2){margin-top:-14px;opacity:.5;animation-delay:.2s}@keyframes scrollHintFade{0%,to{opacity:.4}50%{opacity:1}}@keyframes scrollArrowBounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(4px)}}