html,body{padding:0;margin:0}html::-webkit-scrollbar{display:none}:root{--bg-black: #000000;--text-main: #ffffff;--text-dim: #a1a1aa}.hero-track,.project-track{background-color:var(--bg-black);width:100%}.hero-track{background-color:#000;position:relative;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.sticky-container{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.hero-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-name{color:#fff;font-size:11.5vw;font-weight:550;line-height:.8;letter-spacing:-.05em;will-change:transform;margin:0;cursor:pointer}.hero-name>a{text-decoration:none;color:#fff}.hero-subtext{color:#71717a;font-size:1.5rem;font-weight:300;margin-top:1rem}.last-sec{margin-top:50px;display:flex;width:100%;gap:10px;flex-direction:column;justify-content:center;align-items:center;font-size:34px;color:#fff}.last-sec>.last-sec-list{width:80%;margin-top:40px;margin-bottom:40px;height:100%;font-size:24px;display:grid;grid-template-columns:repeat(6,1fr);gap:8%;grid-template-rows:1fr;align-items:center}.last-sec-list.mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.last-sec-item{position:relative;padding:5px;border-radius:10px;text-align:center;cursor:pointer;z-index:999;transition:all .2s;display:flex;align-items:center;gap:5px;justify-content:center}.last-sec-item:hover{scale:1.1}.last-sec-item>a{text-decoration:none;color:#fff}.video-hero{border-radius:10px}.text-top-left>h5,.text-bottom-right>h5,.text-top-left>h2,.text-bottom-right>h2{margin:0%}.text-top-left.mobile,.text-bottom-right.mobile{font-size:20px}.phone-svg-div{position:relative;z-index:1}.phone-video{right:11px;top:12px;position:absolute;border-radius:40px}.track-content-section.caliber{width:80%;height:100vh;display:flex;gap:10%;align-items:center;justify-content:center}.track-content-section.caliber.mobile{width:100%;height:100vh;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.track-content.caliber{width:100%;display:flex;align-items:center;flex-direction:column;gap:100px;background:radial-gradient(circle at bottom,#8d8d8d 20%,#000 95%)}.last-sec-item.caliber:hover{background-color:#9e9e9e}.track-content.blogpost{width:100%;display:flex;align-items:center;flex-direction:column;gap:50px;background:radial-gradient(circle at bottom,#409ace 20%,#000 95%)}.text-top-left,.text-bottom-right{color:#fff;font-size:40px}.text-top-left>h5,.text-bottom-right>h5{font-weight:500;text-align:center;opacity:60%}.desktop-video{border-radius:15px}.text-top-left>h5,.text-bottom-right>h5,.text-top-left>h3,.text-bottom-right>h3{margin:0%}.track-content-section-desktop{width:80%;height:100vh;display:flex;gap:2%;flex-direction:column;align-items:center;justify-content:center}.last-sec-item.blogPost:hover{background-color:#1f94d8}.video-div{position:relative}.video-div.mobile>video{top:17px}.track-content.tictactoe{width:100%;display:flex;align-items:center;gap:100px;flex-direction:column;background:radial-gradient(circle at bottom,#46994d 20%,#000 95%)}.track-content-section.tictactoe{width:80%;display:flex;gap:10%;align-items:center;justify-content:center}.track-content-section.tictactoe.mobile{flex-direction:column;width:100%;gap:10px;justify-content:flex-start}.phone-video.tictactoe{right:11px;top:12px;position:absolute;border-radius:40px}.last-sec-item.tictactoe:hover{background-color:#167a16a1}.text-top-left.tictactoe>h5,.text-bottom-right.tictactoe>h5,.text-top-left.tictactoe>h2,.text-bottom-right.tictactoe>h2{text-align:center}.track-content.extra-projects{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at bottom,#397274 40%,#000 70%)}.extra-projects-list{width:80%;height:80%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:20px}.extra-projects-list.mobile{width:90%;height:90%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.extra-projects-list>a{position:relative;text-decoration:none;color:#e9e9e9;font-size:60px;border-radius:20px;display:flex;align-items:center;justify-content:flex-start;transition:all .2s;z-index:999;gap:10px}.extra-projects-list-item:hover{scale:1.05}.extra-projects-list>a:last-child{grid-area:3/1/4/3;background-color:#808080d3;justify-content:center}.extra-projects-list>a:nth-child(1){background-color:#ff1d0d8c}.extra-projects-list>a:nth-child(2){background-color:#37c51b8c}.extra-projects-list>a:nth-child(3){background-color:#0de3ff8c}.extra-projects-list>a:nth-child(4){background-color:#c9c625ea}.scroll-hint{position:sticky;display:flex;align-items:center;justify-content:end;right:0;bottom:0;font-size:24px;padding:5px;color:#f0f8ff;margin-right:5px}.hero-subtext>a{text-decoration:none;color:#fff}.track-content.hero{width:100%;height:100vh;display:flex;align-items:center;flex-direction:column;background:radial-gradient(circle at bottom,#3a8dc5 20%,#000)}.hero-content-top,.hero-content-bottom{height:50vh;width:100%;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-content-top>p{margin:0}.hero-content-top>p:first-child{font-size:70px;font-weight:600}.hero-content-top.mobile>p:first-child{font-size:40px;font-weight:600}.hero-content-top>p:last-child{font-size:20px;width:50%}.hero-content-top.mobile>p:last-child{font-size:20px;width:90%}.hero-content-bottom{justify-content:flex-start;gap:30px}.hero-content-bottom-item{display:grid;grid-template-columns:1fr 8fr;align-items:center;gap:15px;font-size:30px}.hero-content-bottom.mobile>.hero-content-bottom-item{font-size:20px}.hero-content-bottom-item>div{display:flex;align-items:center;justify-content:flex-start;gap:20px}.hero-content-bottom-item>svg{display:flex;align-items:center;justify-content:center}