@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap");@font-face{font-family:wild_worldbold;src:url(https://assets.codepen.io/756881/wild_world-webfont.woff2) format("woff2"),url(https://assets.codepen.io/756881/wild_world-webfont.woff) format("woff");font-weight:400;font-style:normal}:root{--fluid-min-width:320;--fluid-max-width:1140;--fluid-screen:100vw;--fluid-bp:calc((var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)));--bg-color:#111;--text-color:#fff;--font-display:"wild_worldbold",sans-serif;--font-body:"Open Sans",sans-serif;--f-0-min:18;--f-0-max:20;--step-0:calc(((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) * var(--fluid-bp));--f-1-min:20;--f-1-max:24;--step-1:calc(((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) * var(--fluid-bp))}@media screen and (min-width:1140px){:root{--fluid-screen:calc(var(--fluid-max-width) * 1px)}}*{box-sizing:border-box}body{background-color:var(--bg-color);font-family:var(--font-body);color:var(--text-color);overscroll-behavior:none;margin:0;padding:0;font-weight:300;overflow-x:hidden;font-size:var(--step-0)}section{min-height:auto;position:relative;padding:8rem 0}p{line-height:1.5}h1,h2,h3,h4,p{margin:0}#content{padding:0 .75rem;overflow:visible;width:100%}.container{max-width:1100px;margin:0 auto;padding:0 .5rem}.flow--lg>*+*{margin-top:2em}.flow>*+*{margin-top:1em}.v-center{display:flex;align-items:center}.spacer{height:10vh;min-height:50px}.heading{position:absolute;top:40vh;left:50%;transform:translateX(-50%);opacity:0;pointer-events:none;width:100%}.heading p{font-family:var(--font-display);font-size:clamp(40px,15.5vw,250px);text-align:center;line-height:.67;color:#111;-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:white;z-index:-10}.text-container{position:relative}.text-container p{position:absolute;top:0;left:0;right:0;z-index:999;color:transparent}.text-container p:first-child{color:white}.image-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;width:80vw;margin:0 auto;padding-top:15vh;z-index:-1;min-height:50vh}.image_cont{position:relative;width:100%;height:100%;overflow:hidden}.image-grid .image_cont:first-child{grid-column:1;grid-row:1;height:300px}.image-grid .image_cont:nth-child(2){grid-column:3;grid-row:2;height:300px;margin-top:-100px}.image-grid .image_cont:nth-child(3){grid-column:2;grid-row:3;height:300px}.title{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:auto;margin-top:8rem;margin-bottom:4rem}.title,h1{text-align:center}h1{font-size:clamp(32px,8vw,100px);line-height:.8;font-family:var(--font-display);margin-bottom:1.5rem}h1 .eyebrow{font-family:var(--font-body);font-size:clamp(12px,3vw,24px);font-weight:400;display:block;margin-bottom:.5rem;letter-spacing:2px;text-transform:uppercase}.title>p{max-width:800px;margin:0 auto;font-size:1.1rem;color:#ccc;text-align:center}.cv-container{display:flex;justify-content:center;margin-top:3rem;margin-bottom:4rem;width:100%}.btn-brutalist{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2.5rem;background:transparent;color:var(--text-color);border:2px solid var(--text-color);font-family:var(--font-display);font-size:14px;text-transform:uppercase;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);cursor:pointer}.btn-brutalist:hover{background:var(--text-color);color:var(--bg-color);transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,255,255,.1)}.bars{width:100%;margin-top:2rem}.bars,.bars-wrap{display:flex;justify-content:center}.bars-wrap{flex-wrap:wrap;gap:4rem;text-align:left}.bars-item{flex:0 1 auto}.bars h2{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#fff;font-family:var(--font-display);letter-spacing:.5px}.bars p{color:#888;font-size:.9rem}.parallax-slab{position:relative;height:400px;width:100%;overflow:hidden;margin:8rem 0}.parallax-slab img{height:160%!important;top:-30%!important;object-fit:cover!important}.staggered{margin-bottom:6rem;text-align:center}.staggered h2{font-family:var(--font-display);font-size:clamp(24px,5vw,60px)}.projects-container{display:flex;flex-direction:column;gap:12rem;padding-bottom:8rem}.project-item{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:6rem;gap:6rem;align-items:center}.project-image-wrapper{position:relative;width:100%;height:60vh;display:block;overflow:hidden}.project-info h2{font-family:var(--font-display);font-size:clamp(20px,4vw,40px);margin-bottom:1rem;line-height:1.1}.btn-link{display:inline-block;margin-top:2rem;color:#aaa;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:2px;transition:all .3s}.btn-link:hover{color:#fff;border-color:#fff}@media (max-width:768px){.page{padding:0}section{padding:5rem 0}.container{padding:0 1.5rem}.heading{top:25vh!important;width:100%}.heading p{font-size:13vw!important;opacity:.4}.image-grid{display:flex;flex-direction:column;width:100%;padding-top:35vh;gap:1rem;margin:0}.image-grid .image_cont{width:100%;height:50vh!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;border-radius:4px}.title{margin-top:2rem;text-align:center}h1{margin-bottom:1.5rem;line-height:1.1}.title>p{text-align:center;padding:0 10px}.cv-container{justify-content:center}.bars-wrap{flex-direction:column;align-items:center;gap:2.5rem;text-align:center}.bars h2{font-size:1.1rem}.parallax-slab{height:30vh;margin:4rem 0}.parallax-slab img{height:120%!important;top:-10%!important}.projects-container{gap:6rem}.project-item{display:flex;flex-direction:column-reverse;gap:1.5rem;text-align:center}.project-image-wrapper{height:45vh;border-radius:4px}.project-info{padding:0 1rem}.project-info h2{font-size:1.8rem}}