html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}canvas{display:block}:root{--clr-text: black;--clr-fill: #ff480d;--clr-selection: var(--clr-fill);--clr-background: }::selection{background-color:var(--clr-fill)}::-webkit-selection{background-color:var(--clr-fill);color:var(--clr-text)}.bg-fill{background-color:var(--clr-fill)}@font-face{font-family:Timeless;src:url(/fonts/Timeless.woff2) format("woff2"),url(/fonts/Timeless.woff) format("woff"),url(/fonts/Timeless.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ShareTechMono-Regular;src:url(/fonts/ShareTechMono-Regular.woff2) format("woff2"),url(/fonts/ShareTechMono-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Relationship-of-melodrame;src:url(/fonts/Relationship-of-melodrame.woff2) format("woff2"),url(/fonts/Relationship-of-melodrame.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:talldark;src:url(/fonts/talldark.woff2) format("woff2"),url(/fonts/talldark.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body{background:var(--clr-background);scroll-behavior:smooth}canvas#webgl-canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none!important;z-index:0!important}:root{--edge: 20px;--btn-py: 6px;--btn-px: 12px}#play-btn,#about-btn{position:fixed;z-index:9999;padding:var(--btn-py) var(--btn-px);margin:0;font:15px Timeless,sans-serif;background:#fff;color:#000;border:0;cursor:pointer;pointer-events:auto;mix-blend-mode:difference;line-height:1}#play-btn{top:var(--edge);left:var(--edge)}#about-btn{bottom:var(--edge);right:var(--edge)}.close-btn{position:absolute;top:10px;right:12px;font-size:24px;background:transparent;border:0;cursor:pointer;color:inherit}.popup-content{font-family:Timeless,Noto Sans Mono;font-size:15px;background:white;color:#111;width:min(680px,92vw);max-height:60vh;overflow-y:auto;margin:8vh auto 0;padding:24px 20px;border-radius:14px;position:relative;line-height:1.5;z-index:9999;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.popup-body{overflow-y:auto;max-height:calc(80vh - 60px);z-index:9999}.popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:999;overscroll-behavior:contain}.popup.is-open{display:flex;justify-content:center;align-items:center}.close-btn{position:absolute;top:10px;right:12px;font-size:24px;line-height:1;background:transparent;border:0;cursor:pointer;pointer-events:auto}.popup-inner{transform:translateY(-10px);transition:transform .25s ease}.popup.is-open .popup-inner{transform:translateY(0)}.popup,.popup-content{overscroll-behavior:contain}.container{position:static;width:100%;overflow:visible;touch-action:none}.section__heading{position:relative;width:100%;min-height:100vh;min-height:100svh;min-height:100lvh;min-height:100dvh}.vertical-box{width:clamp(100px,96vw,300px);aspect-ratio:2 / 5;max-height:calc(100dvh - 80px);position:fixed;top:50dvh;left:50%;transform:translate(-50%,-50%);margin:0;overflow:hidden;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;text-align:center;box-sizing:border-box;mix-blend-mode:difference;color:#fff;background:transparent}.vertical-box h1{position:sticky;top:0;margin:0 0 12px;text-align:center;z-index:1;z-index:20;font-family:Timeless;font-size:14px}.word-scroll{z-index:20;height:500px;overflow-y:auto;padding-right:8px;display:block;white-space:normal;scroll-behavior:smooth}.dot-anim:after{content:"...";animation:dots 1.2s steps(4,end) infinite}.scroll-lock{position:fixed;width:100%;left:0;right:0}.section__heading h1,.section__heading p,.section__heading .dot-anim span,.section__heading .word-scroll p{color:inherit;mix-blend-mode:normal;background:transparent}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media (max-width: 768px){#canvas-wrapper{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:0!important}:root{--edge: 16px;--btn-py: 5px;--btn-px: 10px}}