.main{justify-content:center;gap:170px;width:100%;padding:20px;display:flex;transform:translate(-80px)}h1{font-size:1.8rem;font-weight:600}.about-section{flex-basis:330px}.about-section h2{text-transform:uppercase;font-size:1rem;font-weight:400}.about-section div{margin-top:20px}.header{flex-direction:column;gap:12px;margin-top:25vh;margin-bottom:50px;display:flex}.header p:first-child{font-size:.9rem;font-weight:400}.header p{max-width:700px;letter-spacing:-2%;font-size:1.15rem;font-weight:400}.header h1{letter-spacing:-5%;margin-bottom:16px;font-size:2.1rem;font-weight:bolder}.projects-section{flex-direction:column;flex-grow:1;gap:70px;min-width:900px;max-width:1100px;margin-bottom:100px;display:flex}.projects-section h1{margin-bottom:5px}.projects-section .subsection{flex-direction:column;gap:26px;display:flex}.projects-section .project{box-sizing:border-box;justify-content:end;gap:80px;height:fit-content;display:flex;position:relative}.projects-section .project.dark .content{color:#fff}.projects-section .project h4{font-size:1rem;font-weight:500}.projects-section .project h3{margin-bottom:2px;font-size:1rem;font-weight:500}.projects-section .project.inverted{text-align:end;flex-direction:row-reverse}.projects-section .project.inverted .metadata{align-items:start}.projects-section .project.inverted .metadata .timeline{transform:scaleX(-100%)}.projects-section .project .metadata{flex-direction:column;flex-shrink:0;flex-basis:110px;align-items:end;gap:3px;display:flex;overflow:hidden;transform:translateY(-3px)}.projects-section .project .metadata .timeline{box-sizing:border-box;border-right:1px solid #353535;flex-grow:1;width:100%;margin-top:30px;margin-bottom:5px}.projects-section .project .metadata p{color:#000;white-space:nowrap;font-size:.8rem;font-weight:400}.projects-section .project .content{-webkit-user-select:none;user-select:none;flex-direction:column;flex-grow:1;justify-content:end;height:100%;padding:22px 26px;transition:padding .2s,transform .1s;display:flex;position:relative}.projects-section .project .content:not(.projects-section .project .content.fx-disabled):hover{cursor:pointer;padding-bottom:25px;transform:translateY(-2px)}.projects-section .project .content:not(.projects-section .project .content.fx-disabled):hover .project-backdrop{transform:scale(1.08)}.projects-section .project .content:not(.projects-section .project .content.fx-disabled):hover .project-backdrop.ghost{opacity:1}.projects-section .project .content:active{padding-bottom:22px;transition:padding .1s}.projects-section .project .project-backdrop-container{z-index:-1;border:1px solid #636363;border-radius:8px;width:100%;height:100%;transition:top .3s,left .3s,width .3s,height .3s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 20px #e8e8e8}.projects-section .project .project-backdrop{pointer-events:none;z-index:-1;width:100%;min-height:100%;transition:transform .9s,translate .3s;position:absolute;bottom:0;left:0;transform:scale(1.05)}.projects-section .project .project-backdrop.ghost{opacity:0;transition:transform .5s,opacity .5s;transform:scale(1.08)}.projects-section .project .description{font-size:.8rem}.big-boy.dark .project-backdrop-container{box-shadow:none}.big-boy.dark .metadata p{color:#fff}.big-boy.dark .metadata .timeline{border-right-color:#171717}@media screen and (max-width:1300px){.main{transform:none}.header{margin-top:80px;margin-bottom:60px}.projects-section{min-width:0}.projects-section .project{aspect-ratio:1.77778}.projects-section .project .height-request,.projects-section .project .metadata{display:none}}@media screen and (max-width:700px){.header{flex-direction:column;align-items:center;gap:3px;margin-top:70px;margin-bottom:40px;display:flex}.header p:first-child{font-size:.6rem;font-weight:400}.header p{max-width:300px;font-size:.8rem;font-weight:400}.header h1{margin-bottom:13px;font-size:1.6rem}.header *{text-align:center}.projects-section .subsection{gap:20px}.projects-section .project .content{padding:15px 17px}.projects-section .project .content:hover{padding-bottom:15px}.projects-section .project h4{font-size:.8rem}.projects-section .project .description{font-size:.6rem}}