.lanyard-wrapper{z-index:0;transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;transform:scale(1)}
.radio-container{--main-color:#e100ff;--main-color-opacity:rgba(225,0,255,.125);--total-radio:3;flex-direction:column;padding-left:.5rem;display:flex;position:relative}.radio-container input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.radio-container .glider-container{background:linear-gradient(transparent 0%,#1b1b1b 50%,transparent 100%);width:1px;position:absolute;top:0;bottom:0;left:0}.radio-container .glider-container .glider{height:calc(100%/var(--total-radio));background:linear-gradient(0deg,transparent 0%,var(--main-color)50%,transparent 100%);width:100%;transition:transform .5s cubic-bezier(.37,1.95,.66,.56);position:relative}.radio-container .glider-container .glider:before{content:"";background:var(--main-color);filter:blur(10px);width:300%;height:60%;position:absolute;top:50%;transform:translateY(-50%)}.radio-container .glider-container .glider:after{content:"";background:linear-gradient(90deg,var(--main-color-opacity)0%,transparent 100%);width:150px;height:100%;position:absolute;left:0}.radio-container label{color:gray;padding:1rem;font-family:Nativera;font-size:1.2rem;transition:all .3s ease-in-out;position:relative}.radio-container input:checked+label{color:var(--main-color);font-weight:700}.radio-container input+label{color:#555}.radio-container input:first-of-type:checked~.glider-container .glider{transform:translateY(0)}.radio-container input:nth-of-type(2):checked~.glider-container .glider{transform:translateY(100%)}.radio-container input:nth-of-type(3):checked~.glider-container .glider{transform:translateY(200%)}.radio-container input:nth-of-type(4):checked~.glider-container .glider{transform:translateY(300%)}.radio-container input:nth-of-type(5):checked~.glider-container .glider{transform:translateY(400%)}.radio-container input:nth-of-type(6):checked~.glider-container .glider{transform:translateY(500%)}.radio-container input:nth-of-type(7):checked~.glider-container .glider{transform:translateY(600%)}.radio-container input:nth-of-type(8):checked~.glider-container .glider{transform:translateY(700%)}.radio-container input:nth-of-type(9):checked~.glider-container .glider{transform:translateY(800%)}.radio-container input:nth-of-type(10):checked~.glider-container .glider{transform:translateY(900%)}
.projects body{font-family:DM Sans,sans-serif}.projects img{object-fit:cover;filter:brightness(.3);width:100%;height:100%}.projects h1{text-transform:uppercase;color:#fff}.projects p{text-transform:uppercase;color:#fff}.projects a{text-transform:uppercase;color:#fff}.projects h1{letter-spacing:.2rem;font-family:Anton;font-size:5rem;font-weight:600}.projects p{letter-spacing:-.01rem;font-family:DM Mono,monospace;font-size:.9rem;font-weight:500;text-decoration:none}.projects a{letter-spacing:-.01rem;font-family:DM Mono,monospace;font-size:.9rem;font-weight:500;text-decoration:none}.projects .slider{background-color:#000;width:100vw;height:100svh;position:relative;overflow:hidden}.projects .slide{width:100vw;height:100svh;position:absolute;top:0;left:0}.projects .slide-img{width:100vw;height:100svh;position:absolute;top:0;left:0}.projects .slide{will-change:transform}.projects .slide-header{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:1rem;width:75%;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.projects .slide-description{text-align:center;width:60%;margin-bottom:1rem}.projects .slide-info{justify-content:space-between;align-items:flex-end;width:100vw;padding:0 2rem;display:flex;position:absolute;bottom:2rem;left:0}.projects .slide-tags{flex-direction:column;display:flex}.projects .slide-tags p:first-child{margin-bottom:1rem}.projects .slide-info-wrapper{display:flex}.projects .slide-info-wrapper p{text-align:center;width:2rem}.projects .line{will-change:transform;display:inline-block;position:relative}.projects .word{will-change:transform;display:inline-block;position:relative}@media (max-width:1000px){.projects h1{letter-spacing:0;font-size:2rem}.projects p{font-size:.8rem}.projects .slide-header{top:50%;bottom:unset;transform:translate(-50%,-50%)}.projects .slide-description{width:100%}}
