:root{--p-bg:#191c1a;--p-text:#b0b0b0;--p-project:#b0b0b0;--p-project-text:#191c1a}.portfolio-root,.portfolio-root *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.portfolio-root{text-transform:uppercase;color:var(--p-text);font-family:Neue Montreal,Inter,sans-serif}.portfolio-root .bg{opacity:.15;visibility:visible;pointer-events:none;z-index:2;background:url(https://assets.iceable.com/img/noise-transparent.png);width:200%;height:200vh;animation:.2s infinite p-bg-animation;position:fixed;inset:-50%}@keyframes p-bg-animation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.portfolio-root h1,.portfolio-root h2,.portfolio-root h3{font-weight:400}.portfolio-root h1{letter-spacing:-5px;font-size:6.5rem;line-height:.85}.portfolio-root h2{letter-spacing:-3px;font-size:3.375rem;line-height:.85}.portfolio-root h3,.portfolio-root p{font-size:.75rem;font-weight:500}.portfolio-root a{font-size:.75rem;font-weight:500;text-decoration:none}.portfolio-root h1,.portfolio-root h2,.portfolio-root h3,.portfolio-root p,.portfolio-root a{color:var(--p-text);position:relative}@media (width<=900px){.portfolio-root h1{letter-spacing:-2.5px;font-size:4rem;line-height:.85}.portfolio-root h2{letter-spacing:-1.5px;font-size:2rem}}.Home{background:var(--p-bg);width:100%;height:100vh;padding:2em;position:fixed;top:0;left:0;overflow:hidden scroll}.Home .hero{flex-direction:column;justify-content:space-between;width:100%;height:80vh;margin-top:5em;display:flex}.Home .hero .headers{justify-content:space-between;width:100%;display:flex}.Home h1,.Home h1 .h1,.Home .h1-revealer{position:relative}.Home .h1-revealer:after{content:"";z-index:0;background:#191c1a;width:120%;height:7rem;display:block;position:absolute;top:0;left:0}.Home .hero .headers .header-2{margin-top:4rem}.portfolio-root .footer{opacity:.5;width:100%}.portfolio-root .footer .divider{background:var(--p-text);width:100%;height:.65px;margin:.75em 0}.portfolio-root .footer .footer-content{justify-content:space-between;width:100%;padding:.75em 0;display:flex}.portfolio-root .footer .footer-content .footer-col:first-child{display:flex}.portfolio-root .footer .footer-content .footer-col .arrow{background:var(--p-text);border-radius:100%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-right:.25rem;display:flex}.portfolio-root .footer .footer-content .footer-col .arrow p{opacity:1;color:var(--p-bg)}@media (width<=900px){.Home .hero .headers{flex-direction:column;gap:3rem}.portfolio-root .footer .footer-content{flex-wrap:wrap}.portfolio-root .footer .footer-content .footer-col{width:50%;margin:.5rem 0}.portfolio-root .footer .footer-content .footer-col:nth-child(2),.portfolio-root .footer .footer-content .footer-col:nth-child(4){text-align:right}}.Home section.about{width:100%;margin:4rem 0;padding:10rem 0}.Home .about-container{gap:10rem;width:75%;margin-left:auto;display:flex}.Home .about-col:first-child{flex:3}.Home .about-col:nth-child(2){flex:2}.Home .about-col p:first-child{opacity:.5}.Home .socials{flex-direction:column;display:flex}.Home .projects-nav{width:100%;margin:8rem 0 2em}.Home .projects-nav-container{width:75%;margin-left:auto}@media (width<=900px){.Home .about-container{flex-direction:column;gap:4em;width:100%}.Home .projects-nav-container{width:100%}}.Home .project-link{border-top:2px solid var(--p-text);justify-content:space-between;width:100%;height:110px;padding:1em 0;display:flex}.Home .project-l{flex:4;display:flex}.Home .project-date{flex:2}.Home .project-dir{text-align:right;flex:.5}.Home .project-link .project-link-img{width:0;height:100%;margin-right:1em;transition:all 1s cubic-bezier(.075,.82,.165,1);overflow:hidden}.Home .project-link:hover .project-link-img{width:120px;height:100%}.Home .project-link img{object-fit:cover;width:100%;height:100%;transition:all 1s cubic-bezier(.075,.82,.165,1)}@media (width<=900px){.Home .project-l{width:300px}.Home .project-date{display:none}}.project-container{background:var(--p-project);flex-direction:column;justify-content:space-between;gap:5em;width:100vw;height:100vh;padding:2em;display:flex}.project-container *{color:var(--p-bg)}.project-container .footer .divider{background:var(--p-bg)}.project-img{width:400px;height:400px}.project-img img{object-fit:cover;width:100%;height:100%;mix-blend-mode:normal!important}.project-info{flex-direction:row-reverse;align-items:flex-end;gap:10em;width:100%;height:100%;display:flex}.project-info .project-img{clip-path:polygon(0 0,0 0,0 100%,0% 100%);flex:5;height:100%}.project-info .project-description{flex:2}.project-container .footer{opacity:1}.project-container .footer .footer-content .footer-col .arrow{background:var(--p-bg)}.project-container .footer .footer-content .footer-col .arrow p{color:var(--p-text)}.backButton{background:var(--p-bg);z-index:3;border-radius:100%;justify-content:center;align-items:center;width:24px;height:24px;margin:2em;display:flex;position:fixed}.backButton p{color:var(--p-text)}@media (width<=900px){.project-container{gap:0;padding-top:7.5em}.project-info{flex-direction:column;gap:2em}.project-img{flex:1;width:100%}.project-description{flex:1}}