:root{--bg: #ebe5d6;--fg: #1f2623;--accent: #c2552d}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{font-family:Host Grotesk,sans-serif;background-color:#0d1512;color:var(--fg)}img{display:block;width:100%;height:100%;object-fit:cover}[hidden]{display:none!important}.navbar{position:fixed;top:0;left:0;width:100%;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;z-index:2;view-transition-name:navbar}.navbar-items{display:flex;gap:clamp(0rem,2vw,2rem)}.navbar-item{padding:1.5rem}.navbar-item a{text-decoration:none;color:var(--fg);font-weight:500}.navbar-item a[aria-current=page]{color:var(--accent)}.stage{view-transition-name:page;background-color:var(--bg)}.view{width:100%;background-color:var(--bg)}.home{height:100svh;position:relative;overflow:hidden}.home h1{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;text-transform:uppercase;color:var(--fg);font-size:20vw;font-weight:800;line-height:1}.projects-container{width:100%;min-height:100svh;padding:15rem 2rem}.images{width:30%;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.images img{height:auto;aspect-ratio:3 / 4}.info{min-height:100svh;display:flex}.info:not([hidden]){display:flex}.col{flex:1}.col:nth-child(2){padding:2rem;display:flex;justify-content:center;align-items:center}.col p{font-weight:500;font-size:2rem;color:var(--fg)}.char,.line{position:relative;will-change:transform}@media(max-width:1000px){.images{width:calc(100% - 1rem)}.info{flex-direction:column}.info .col:first-child{height:60svh}.col p{font-size:1.25rem}.col:nth-child(2){align-items:flex-start}.navbar-item{padding:.75rem}}::view-transition-group(navbar){animation:none;z-index:100}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(page){animation:1.6s cubic-bezier(.65,0,.35,1) both page-out}::view-transition-new(page){animation:1.5s cubic-bezier(.65,0,.35,1) both page-in;animation-delay:.25s}@keyframes page-out{0%{transform:translate(0) translateY(0) rotate(0) scale(1);opacity:1}40%{transform:translate(0) translateY(0) rotate(0) scale(.8);opacity:.5}to{transform:translate(-50%) translateY(20%) rotate(-10deg) scale(.65);opacity:.25}}@keyframes page-in{0%{transform:translate(100%) translateY(20%);clip-path:polygon(50% 50%,100% 50%,100% 100%,50% 100%)}to{transform:translate(0) translateY(0);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}}@media(prefers-reduced-motion:reduce){::view-transition-old(page),::view-transition-new(page){animation-duration:1ms;animation-delay:0s}}.navbar-logo a{color:#ebe5d6;mix-blend-mode:difference}