html,body{width:100vw;height:100vh;background:#141414;font-family:Geist Mono}img{width:100%;height:100%;object-fit:cover}.hero{position:relative;width:100%;height:100%;z-index:2}nav{position:fixed;width:100%;padding:2.5em;display:flex;justify-content:center;align-items:center;gap:3em}.nav-item{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.nav-item a{font-size:.8vw;position:relative;top:20px;text-decoration:none;color:#fff;opacity:.35}.nav-item a#active{opacity:1}.hero-content{position:absolute;width:95%;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;color:#fff}.title{position:relative;width:100%;text-align:center;overflow:hidden}.title span{font-size:24vw;font-family:Narnia;opacity:0}footer{position:absolute;bottom:0;width:100%}.slide-num{margin:3em 0;text-align:center;color:#fff;position:relative;overflow:hidden}.slide-num p{font-size:clamp(14px,.8vw,20px);position:relative;top:40px;z-index:1}.slide-num:after{content:"";position:absolute;inset:0;pointer-events:none}.container{position:fixed;width:100%;min-width:100vw;height:100%;display:flex;gap:1em}.container .col{position:relative;flex:1;width:100%;display:flex;flex-direction:column;gap:1em}.col .item{position:relative;flex:1;width:100%;overflow:hidden}.c-1 .item,.c-3 .item,.c-5 .item{top:100%}.c-2 .item,.c-4 .item{top:-100%}@media(max-width:900px){.slide-num p,.nav-item a{font-size:3vw}.title{font-size:30px}.icon,.icon-2{padding:0 1em;font-size:16px}}