@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700&display=swap";body{margin:0;font-family:Inter,sans-serif;background-color:#040b16;color:#fff;overflow:hidden}.scroll-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative}.section{height:100vh;scroll-snap-align:start;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px;box-sizing:border-box}.ball{position:absolute;width:60px;z-index:5}.top-left{top:30px;left:20px}.bottom-right{bottom:30px;right:20px}.navbar{position:absolute;top:20px;width:100%;display:flex;justify-content:center}.navbar ul{display:flex;gap:40px;list-style:none;font-weight:200;font-size:14px;padding:0;margin:0}.hero-content{text-align:center;z-index:2}.hero-image{width:500px;height:auto;background:gray;margin-bottom:20px}.hero h1{font-size:64px;font-weight:800}.section-horizontal{flex-direction:row;gap:60px}.section-horizontal.reverse{flex-direction:row-reverse}.section-horizontal img{width:400px;height:400px;background:gray}.section-horizontal h2{font-size:64px;font-weight:200;line-height:1.1}.center-text h2{font-size:64px;font-weight:200}.media h2{font-size:64px;font-weight:200;margin-bottom:30px}.media-boxes{display:flex;gap:40px}.media-boxes .box{width:120px;height:250px;background-color:gray}.side-scrollbar{position:fixed;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:24px;z-index:10}.dot-container{display:flex;flex-direction:column;align-items:center;cursor:pointer;opacity:.4;transition:opacity .2s ease}.dot-container.active{opacity:1}.dot{width:8px;height:8px;background-color:#fff;border-radius:50%;margin-bottom:4px}.dot-container span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;font-weight:200}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#040b16;color:#fff}