: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}@media(max-width:768px){.container__slider{object-fit:cover;max-width:80%;height:10%}}.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}@media(max-width:499px){.slider__btn-prev{left:-9px}}@media(max-width:499px){.slider__btn-next{right:-9px}}@media(min-width:500px)and (max-width:768px){.slider__btn-prev{left:6px}}@media(min-width:500px)and (max-width:768px){.slider__btn-next{right:6px}}@media(min-width:769px)and (max-width:1024px){.slider__btn-prev{left:-46px}}@media(min-width:769px)and (max-width:1024px){.slider__btn-next{right:-46px}}.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{transform:translate(-300%)}.slider__item-active-5{transform:translate(-400%)}.slider__item-active-6{transform:translate(-500%)}.slider__item-active-7{transform:translate(-600%)}.slider__item-active-8{transform:translate(-700%)}.slider__item img{width:100%;height:auto}#root{width:100%;margin:0;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}@media(max-width:1024px){.nav-row{max-width:auto;padding:.75rem 1rem}}.nav-link{text-decoration:none;position:relative;color:#e31c2d;font-weight:700;padding:5px 10px;display:inline-block}@media(max-width:1024px){.nav-link{padding:5px;font-size:.8rem}}.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{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:hidden}.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;pointer-events:none}@media(max-width:1024px){.video{height:90%}}.crowd-container{position:absolute;width:100%;z-index:1;pointer-events:none;overflow:hidden}.crowd-image{width:100%;height:auto;display:block;justify-content:center;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:190px;z-index:1}.layer-middle{bottom:175px;z-index:2}.layer-front{bottom:-200px;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%)}@media(max-width:1024px){.crowd-parallax{height:100vh}.crowd-image{transform:translateY(25%);object-fit:cover;width:100%;height:40vh;transform:scale(2.8)}.layer-front{bottom:-300px}.layer-middle{bottom:60px}.layer-back{bottom:80px}.layer-back .crowd-image{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%);mask-image:linear-gradient(to bottom,#0000,#000 30%)}.layer-middle .crowd-image{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 25%);mask-image:linear-gradient(to bottom,#0000,#000 25%)}.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%)}}@media(min-width:1024px)and (max-width:1680px){.crowd-image{transform:translateY(25%);object-fit:cover;width:100%;transform:scale(1.1)}.layer-front{bottom:-230px}.layer-middle{bottom:60px}.layer-back{bottom:80px}}.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}@media(max-width:1024px){.home-container{width:55%;flex-direction:column}}.intro-text{max-width:600px;display:flex;flex-direction:column;gap:1rem;color:#f5f5f5;font-size:1.2rem}@media(max-width:1024px){.intro-text{gap:.5rem;font-size:1rem}}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;margin-top:0}@media(max-width:1024px){.header{font-size:1rem}}.portrait-container{max-width:280px;width:100%;margin:1rem}.portrait{width:100%;height:auto;object-fit:cover;border-radius:25px}@media(min-width:1024px)and (max-width:1680px){.portrait{width:90%;height:100%}}@media(max-width:1024px){.portrait{max-width:90%;height:50%;margin:0;padding:0}}.row-layout-item{justify-content:center;display:flex;gap:2rem;align-items:center;box-sizing:border-box;max-width:70%}@media(max-width:1024px){.row-layout-item{flex-direction:column;align-items:center;gap:1rem}}.row-layout-text{padding:1rem;flex-direction:row;display:flex;gap:1.5rem;justify-content:center;align-items:center;z-index:2;background:#00000059;border-radius:25px;height:7rem}@media(max-width:1024px){.row-layout-text{flex-direction:column;align-items:center;gap:0rem}}.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:1rem 2rem}@media(max-width:1024px){.about-container{width:100%;max-width:100%;height:100%;padding:1rem 3rem;margin:.5rem}}@media(min-width:1025px)and (max-width:1680px){.about-container{width:50%;max-width:100%}}.outside-content p{font-size:1.3rem;line-height:1.3;max-width:800px;margin:0 auto}@media(max-width:1024px){.outside-content p{font-size:1rem}}.outside-container{display:flex;flex-direction:column;max-width:1000px;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}@media(max-width:1024px){.outside-container{width:90%;max-width:90%;padding:1rem;margin:0 auto;margin-bottom:1rem}}@media(min-width:1024px)and (max-width:1680px){.outside-container{max-width:70%;padding:1rem;margin:0 auto;margin-bottom:1rem}}.about-content{height:382px;max-width:600px;text-align:left;color:#f5f5f5;font-size:1.2rem}@media(max-width:1024px){.about-content{font-size:1rem;height:50%}}@media(min-width:1024px)and (max-width:1680px){.about-content{font-size:1.3rem;height:50%;width:100%;max-width:900px}}.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;width:auto}@media(max-width:1024px){.projects-container{width:50%;max-width:90%;padding:1rem;margin:0 auto}}.project-card-wrapper{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.project-card{position:relative;height:400px;flex:1;display:flex;flex-direction:column;padding:2.75rem;box-shadow:#e31c2d 10px 10px 30px -10px;background:#121212a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:25px;z-index:1;box-sizing:border-box}@media(max-width:1024px){.project-card{max-width:100%;padding:1.5rem;margin-top:1.5rem;margin-bottom:1.5rem}}.project-card p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}@media(max-width:1024px){.project-card p{font-size:1rem}}.row-layout-projects{display:flex;gap:2rem;align-items:center;box-sizing:border-box;width:100%;max-width:80%;justify-content:center}@media(max-width:1024px){.row-layout-projects{flex-direction:column;align-items:center}}@media(min-width:1024px)and (max-width:1680px){.row-layout-projects{max-width:60%;flex-direction:column;align-items:center}}.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{position:relative;background:#121212a6;outline:#E31C2D 2px solid;padding:2rem;border-radius:20px;max-width:25%;width:25%;max-height:80%;height:auto;width:90%;overflow-y:auto}@media(max-width:1024px){.modal-card{max-width:60%}}@media(min-width:1024px)and (max-width:1680px){.modal-card{max-width:50%}}.modal-card h4,h2{font:bold;font-size:2rem;color:#e31c2d}.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:relative;bottom:0;flex-wrap:wrap;gap:.5rem;justify-content:start;margin-top:auto}.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}