:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}a:hover{color:#6c6c6c;transition:color .3s}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.container__slider{position:relative;width:100%;max-width:600px;height:400px;overflow:hidden;border-radius:25px;background:#121212a6;display:flex;object-fit:cover}.slider-wrapper{display:flex;align-items:center;justify-content:center;position:relative}.container__slider>button{background-color:transparent;outline:none;border:0;color:#f5f5f5;font-size:24px}.container__slider>button:active{color:#e31c2d}.slider__btn-prev,.slider__btn-next{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#7d7d7d;position:absolute;top:50%;transform:translateY(calc(-50% + var(--y-offset, 0px)));transition:transform .15s ease,color .15s ease,box-shadow .15s ease}.slider__btn-prev:hover,.slider__btn-next:hover{--y-offset: -3px;color:#f5f5f5}.slider__btn-prev:active,.slider__btn-next:active{--y-offset: 1px}.slider__btn-prev{left:-65px}.slider__btn-next{right:-65px}.container__slider__links{position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.container__slider__links-small{position:relative;width:8px;height:8px;padding:0;border-radius:50%;outline:none;border:0;background-color:#3a3a3a;border:1px solid rgb(0,0,0);transition:background-color 1s ease;margin:0 2px}.container__slider__links-small-active{background-color:#e31c2d}.slider__item{box-sizing:border-box;min-width:100%;overflow:hidden;object-fit:cover;height:auto;transform:translate(0);transition:transform 1s ease}.slider__item-active-1{transform:translate(0)}.slider__item-active-2{transform:translate(-100%)}.slider__item-active-3{transform:translate(-200%)}.slider__item-active-4,.slider__item-active-5,.slider__item-active-6,.slider__item-active-7{transform:translate(-300%)}.slider__item img{width:100%;height:auto}#root{max-width:1280px;margin:0 auto;text-align:center}@font-face{font-family:DaftFont;src:url(/assets/DaftFont-CNc8CqMm.TTF) format("truetype");font-weight:400;font-style:normal}.nav-row{border-radius:25px;width:fit-content;overflow:hidden;height:3.5rem;display:flex;align-items:center;gap:2rem;justify-content:center;background:#121212a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.75rem 2rem;margin:0 auto;box-shadow:#e31c2d 10px 10px 30px -10px}.nav-link{text-decoration:none;position:relative;color:#e31c2d;font-weight:700;padding:5px 10px;display:inline-block}.nav-link:hover{color:#e31c2d;transform:translateY(-2px)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#e31c2d;transform:translate(-50%);transition:width .3s ease;border-radius:25px}.nav-link:hover:after,.nav-link.active:after{width:calc(100% - 20px)}.nav-icons{margin-left:auto;display:flex;gap:15px;align-items:center}.nav-icons .icon{color:#e31c2d;transition:transform .2s,color .2s;font-size:1.5rem}.nav-icons .icon:hover{transform:scale(1.5);transform-origin:bottom center}.home-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:6rem;overflow-x:visible}.home-page>*:not(.crowd-parallax):not(.video){position:relative;z-index:5}.video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.crowd-container{position:absolute;width:100%;z-index:1;pointer-events:none;overflow:hidden}.crowd-image{width:100%;height:auto;display:block;transform:translateY(46%)}.crowd-parallax{position:absolute;width:100%;height:100vh;z-index:1;pointer-events:none;overflow:hidden;perspective:500px}.layer{position:absolute;bottom:0;width:100%}.layer-back{bottom:60px;z-index:1}.layer-middle{bottom:50px;z-index:2}.layer-front{bottom:-380px;z-index:3}.layer-back .crowd-image{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 40%);mask-image:linear-gradient(to bottom,#0000,#000 40%)}.layer-middle .crowd-image{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 35%);mask-image:linear-gradient(to bottom,#0000,#000 35%)}.layer-front .crowd-image{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 10%);mask-image:linear-gradient(to bottom,#0000,#000 10%)}.home-container{box-shadow:#e31c2d 10px 10px 30px -10px;background:#121212a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:25px;padding:2rem 3rem;position:relative;z-index:1;max-width:700px}.intro-text{max-width:600px;display:flex;flex-direction:column;gap:1rem;color:#f5f5f5;font-size:1.2rem}header{position:sticky;top:0;width:100%;z-index:10;background:transparent;padding:1rem;box-sizing:border-box}.header{color:#e31c2d;font-family:DaftFont,sans-serif;font-size:2rem;font-weight:700;margin-bottom:0;padding-bottom:0;line-height:1}.portrait{width:380px;height:380px;border-radius:25px;object-fit:cover}.row-layout{flex-direction:row;display:flex;gap:3rem;align-items:flex-start;z-index:2}.about-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;box-shadow:#e31c2d 10px 10px 30px -10px;background:#121212d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:25px;padding:2rem}.outside-content p{font-size:1.2rem;line-height:1.3;max-width:800px;margin:0 auto}.outside-container{display:flex;flex-direction:column;max-width:1050px;align-items:center;justify-content:center;gap:2rem;width:100%;z-index:2;box-shadow:#e31c2d 10px 10px 30px -10px;background:#121212a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:25px;padding:2rem;margin-bottom:2rem}.about-content{max-width:600px;text-align:left;color:#f5f5f5;font-size:1.2rem}.about-page{display:flex;flex-direction:column;align-items:center;gap:3rem;min-height:100vh;padding-top:6rem}.about-page>*:not(.crowd-parallax):not(.video){position:relative;z-index:5}.projects-page{display:flex;flex-direction:column;align-items:center;gap:3rem;min-height:100vh;padding-top:6rem}.projects-page>*:not(.crowd-parallax):not(.video):not(.modal-overlay){position:relative;z-index:5}.projects-container{box-shadow:#e31c2d 10px 10px 30px -10px;background:#121212a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:25px;padding:2rem 3rem;position:relative;z-index:1;max-width:700px}.pngpal-project-card{margin-top:2rem;box-shadow:#e31c2d 10px 10px 30px -10px;background:#121212a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:25px;padding:2rem 3rem;position:relative;z-index:1;max-width:700px}.project-card{width:450px;height:290px;padding:1.5rem;margin-top:2rem;box-shadow:#e31c2d 10px 10px 30px -10px;background:#121212a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:25px;padding:3rem;position:relative;z-index:1}.project-card p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.project-logo{width:80px;height:80px;object-fit:contain;display:flex;align-items:flex-start}.modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-card{background:#121212a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:#E31C2D 2px solid;padding:2rem;border-radius:20px;max-width:600px;width:90%}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;font-weight:700;cursor:pointer;color:#e31c2d;border-radius:25%;transition:transform .2s ease}.modal-close:hover{background-color:#303030;transform:scale(1.2);color:#e31c2d}.project-logo{border-radius:25px;object-fit:cover}.tags{display:flex;position:absolute;bottom:0;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;justify-content:center}.tag{bottom:1rem;padding:.25rem .6rem;font-size:.75rem;border-radius:999px;background:#0000001a;border:1px solid rgba(255,255,255,.2);box-shadow:#e31c2d 2px 2px 10px -5px;color:#f5f5f5}.link{display:inline-flex;padding:.7rem 1.2rem;font-size:1rem;border-radius:999px;background:#0000001a;border:1px solid rgba(255,255,255,.2);color:#f5f5f5}.link:hover{transform:scale(1.2);color:#e31c2d;box-shadow:#e31c2d 2px 2px 10px -5px}