body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#dbe0cf;background-color:var(--accent-tan);color:#fff;font-display:block;font-family:neue-haas-grotesk-display,Helvetica Neue,Helvetica,sans-serif!important;font-size:16px;font-style:normal;font-weight:600;letter-spacing:-.75px;margin:0;overflow-x:hidden;scroll-behavior:smooth;text-transform:lowercase;text-underline-offset:4px}*,:after,:before{box-sizing:border-box}:root{--accent-red:#b90207;--accent-blue:#019ac5;--accent-light-blue:#00c5f8;--accent-white:#f1f3ee;--accent-pink:#e3006d;--accent-tan:#dbe0cf;--accent-yellow:#fd0;--accent-purple:#652ec7;--accent-green:#7fff00}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.header{background-color:var(--accent-tan);border-bottom:4px solid #000;display:flex;justify-content:flex-end;left:0;opacity:0;padding:16px 0;position:fixed;top:0;width:0;z-index:5}.header-menu-container{align-items:center;display:flex;height:100%}.nav-link{background-color:none;color:#000;cursor:pointer;font-size:24px;margin-left:16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{letter-spacing:1.5px}.nav-link--active,.nav-link:hover{text-decoration:underline}@media screen and (max-width:768px){.header-menu-container{display:flex;width:100%}.nav-link{font-size:16px;margin-left:8px}.nav-link:hover{letter-spacing:-.75px;text-decoration:none}}.landing-container{height:100dvh;overflow:hidden;padding-top:var(--header-height);position:relative;width:100vw}.landing-content{height:120%;opacity:0;pointer-events:none;position:relative;top:-325px;width:100vw}.landing-title{color:var(--accent-red);font-size:135px;font-weight:600;height:102px;line-height:.8;margin:0}.names{display:block;height:120px;overflow:hidden;position:relative;width:150%}.name{display:block;mix-blend-mode:multiply;top:0}.name,.nameBlue{left:15vw;position:absolute;text-align:center}.nameBlue{color:var(--accent-blue);top:8px}.landing-intro{bottom:32px;display:flex;flex-direction:column;gap:16px;left:16px;max-width:520px;mix-blend-mode:difference;opacity:0;position:absolute;right:16px;z-index:2}.landing-role{color:var(--accent-white);font-size:40px;letter-spacing:-.5px;line-height:1.2;margin:0;text-transform:lowercase}.landing-ctas{display:flex;flex-wrap:wrap;gap:12px}.landing-cta{align-items:center;background-color:var(--accent-white);border:2.5px solid var(--accent-white);color:#000;display:inline-flex;font-size:24px;justify-content:center;line-height:1;padding:10px 18px;text-decoration:none;transition:letter-spacing .3s ease,background-color .3s ease,color .3s ease}.landing-cta:hover{letter-spacing:1px}.landing-cta--secondary{background-color:#0000;color:var(--accent-white)}.landing-cta--secondary:hover{background-color:var(--accent-white);color:#000}@media screen and (max-width:768px){.landing-content{height:135%;top:-120px;width:150%}.landing-title{font-size:85px;height:70px}.names{display:block;height:80px;overflow:hidden;position:relative;width:150%}.name{left:5vw}.nameBlue{left:5vw;top:5px}.landing-intro{bottom:24px}.landing-role{font-size:24px;max-width:280px}.landing-cta{font-size:16px;padding:9px 14px}}@media(prefers-reduced-motion:reduce){.landing-content,.landing-intro{opacity:1}}.about-container{background-color:var(--accent-tan);height:auto;min-height:100svh;overflow-x:hidden;overflow-y:auto;padding-top:var(--header-height)}.about-animation,.about-animation svg{height:calc(100svh - var(--header-height));width:100vw}.about-animation svg{position:absolute;right:0;top:var(--header-height)}.circles circle{fill:var(--accent-red);mix-blend-mode:multiply}.about-text-container{height:100%;left:0;mix-blend-mode:difference;opacity:0;overflow-y:scroll;padding:16px;position:fixed;top:var(--header-height);width:100%}.about-text-container-inner{color:var(--accent-white);font-size:24px;padding-bottom:var(--header-height);text-align:left;width:600px}.about-title{bottom:0;color:var(--accent-white);font-size:96px;margin:0;mix-blend-mode:difference;overflow:hidden;position:absolute;right:16px}.connect-link{color:#000;cursor:pointer;filter:invert(1);text-decoration:underline;transition:all .3s ease}.connect-link:hover{letter-spacing:1.5px}@media(prefers-reduced-motion:reduce){.about-text-container{opacity:1}}@media screen and (max-width:768px){.about-container{height:auto;min-height:100svh;overflow-y:auto}.about-animation{height:calc(100svh - var(--header-height));width:100vw}.about-title{display:none}.about-text-container-inner{font-size:24px;width:100%}.about-text-container-inner p{margin:0 0 16px}.connect-link:hover{letter-spacing:-.75px}}.projects-container{height:100svh;overflow:hidden;padding-top:var(--header-height);position:relative;width:100vw}.projects{height:auto;width:auto}.bar,.projects{overflow-x:hidden}.bar{left:0;position:relative;z-index:2}.bar--1{height:6.125em}.bar--2{height:7.5em}.bar--3{height:9.125em}.bar--4{height:10.9375em}.word{align-items:flex-start;color:var(--accent-tan);display:flex;flex-direction:column;font-weight:600;line-height:1;margin:0;position:absolute}.word .highlight{font-size:.4em;opacity:.9;text-transform:lowercase}.cuboid{backface-visibility:hidden;position:absolute;will-change:transform}.cuboid--1{height:6.625em;position:relative;transform-style:preserve-3d;width:30vw}.cuboid--1 .face{background-color:#000;left:0;position:absolute;top:0}.cuboid--1 .face--front{height:6.625em;transform:translateZ(3.3125em);width:30vw}.cuboid--1 .face--back{height:6.625em;transform:translateZ(-3.3125em) rotateY(180deg) rotate(180deg);width:30vw}.cuboid--1 .face--left{height:6.625em;transform:translateX(-3.3125em) rotateY(-90deg);width:6.625em}.cuboid--1 .face--right{height:6.625em;transform:translateX(calc(30vw - 3.3125em)) rotateY(90deg);width:6.625em}.cuboid--1 .face--top{height:6.625em;transform:translateY(-3.3125em) rotateX(90deg);width:30vw}.cuboid--1 .face--bottom{height:6.625em;transform:translateY(3.3125em) rotateX(-90deg);width:30vw}.cuboid--1 .word{bottom:.152em;font-size:56px;left:.375em}.cuboid--2{height:7.875em;position:relative;transform-style:preserve-3d;width:35vw}.cuboid--2 .face{background-color:#000;left:0;position:absolute;top:0}.cuboid--2 .face--front{height:7.875em;transform:translateZ(3.9375em);width:35vw}.cuboid--2 .face--back{height:7.875em;transform:translateZ(-3.9375em) rotateY(180deg) rotate(180deg);width:35vw}.cuboid--2 .face--left{height:7.875em;transform:translateX(-3.9375em) rotateY(-90deg);width:7.875em}.cuboid--2 .face--right{height:7.875em;transform:translateX(calc(35vw - 3.9375em)) rotateY(90deg);width:7.875em}.cuboid--2 .face--top{height:7.875em;transform:translateY(-3.9375em) rotateX(90deg);width:35vw}.cuboid--2 .face--bottom{height:7.875em;transform:translateY(3.9375em) rotateX(-90deg);width:35vw}.cuboid--2 .word{bottom:.311em;font-size:66px;left:.298em}.cuboid--3{height:9.4375em;position:relative;transform-style:preserve-3d;width:40vw}.cuboid--3 .face{background-color:#000;left:0;position:absolute;top:0}.cuboid--3 .face--front{height:9.4375em;transform:translateZ(4.71875em);width:40vw}.cuboid--3 .face--back{height:9.4375em;transform:translateZ(-4.71875em) rotateY(180deg) rotate(180deg);width:40vw}.cuboid--3 .face--left{height:9.4375em;transform:translateX(-4.71875em) rotateY(-90deg);width:9.4375em}.cuboid--3 .face--right{height:9.4375em;transform:translateX(calc(40vw - 4.71875em)) rotateY(90deg);width:9.4375em}.cuboid--3 .face--top{height:9.4375em;transform:translateY(-4.71875em) rotateX(90deg);width:40vw}.cuboid--3 .face--bottom{height:9.4375em;transform:translateY(4.71875em) rotateX(-90deg);width:40vw}.cuboid--3 .word{bottom:.199em;font-size:78px;left:.233em}.cuboid--4{height:11.1875em;position:relative;transform-style:preserve-3d;width:45vw}.cuboid--4 .face{background-color:#000;left:0;position:absolute;top:0}.cuboid--4 .face--front{height:11.1875em;transform:translateZ(5.59375em);width:45vw}.cuboid--4 .face--back{height:11.1875em;transform:translateZ(-5.59375em) rotateY(180deg) rotate(180deg);width:45vw}.cuboid--4 .face--left{height:11.1875em;transform:translateX(-5.59375em) rotateY(-90deg);width:11.1875em}.cuboid--4 .face--right{height:11.1875em;transform:translateX(calc(45vw - 5.59375em)) rotateY(90deg);width:11.1875em}.cuboid--4 .face--top{height:11.1875em;transform:translateY(-5.59375em) rotateX(90deg);width:45vw}.cuboid--4 .face--bottom{height:11.1875em;transform:translateY(5.59375em) rotateX(-90deg);width:45vw}.cuboid--4 .word{bottom:.22em;font-size:91px;left:.183em}.cuboid--5{height:13.125em;position:relative;transform-style:preserve-3d;width:50vw}.cuboid--5 .face{background-color:#000;left:0;position:absolute;top:0}.cuboid--5 .face--front{height:13.125em;transform:translateZ(6.5625em);width:50vw}.cuboid--5 .face--back{height:13.125em;transform:translateZ(-6.5625em) rotateY(180deg) rotate(180deg);width:50vw}.cuboid--5 .face--left{height:13.125em;transform:translateX(-6.5625em) rotateY(-90deg);width:13.125em}.cuboid--5 .face--right{height:13.125em;transform:translateX(calc(50vw - 6.5625em)) rotateY(90deg);width:13.125em}.cuboid--5 .face--top{height:13.125em;transform:translateY(-6.5625em) rotateX(90deg);width:50vw}.cuboid--5 .face--bottom{height:13.125em;transform:translateY(6.5625em) rotateX(-90deg);width:50vw}.cuboid--5 .word{bottom:.243em;font-size:103px;left:.162em}.face{overflow:hidden;position:relative}.base{background:var(--accent-tan);height:100%;width:100%}.project-line{display:block;margin:0;position:relative;z-index:10}.project-line button{background:none;border:none;cursor:pointer;padding:0}.project-line__txt{align-items:center;color:#000;display:flex;font-size:1.625em;font-weight:600;gap:.5em;line-height:1;margin:0;opacity:0;text-align:right;text-transform:lowercase;transition:all .3s ease-in-out}.project-line__txt span{margin:0;padding:0}.project-line__txt:hover{cursor:pointer;letter-spacing:1.5px;text-decoration:underline}.project-line__bg{background:#000;display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.projects-list{align-items:flex-end;display:flex;flex-direction:column;gap:1.5em;position:absolute;right:1em;top:9.375em;z-index:2}.projects-list .info{position:relative}@media(max-width:768px){.cuboid--1{height:6.625em;position:relative;transform-style:preserve-3d;width:40vw}.cuboid--1 .face{background-color:#000;left:0;position:absolute;top:0}.cuboid--1 .face--front{height:6.625em;transform:translateZ(3.3125em);width:40vw}.cuboid--1 .face--back{height:6.625em;transform:translateZ(-3.3125em) rotateY(180deg) rotate(180deg);width:40vw}.cuboid--1 .face--left{height:6.625em;transform:translateX(-3.3125em) rotateY(-90deg);width:6.625em}.cuboid--1 .face--right{height:6.625em;transform:translateX(calc(40vw - 3.3125em)) rotateY(90deg);width:6.625em}.cuboid--1 .face--top{height:6.625em;transform:translateY(-3.3125em) rotateX(90deg);width:40vw}.cuboid--1 .face--bottom{height:6.625em;transform:translateY(3.3125em) rotateX(-90deg);width:40vw}.cuboid--1 .word{bottom:.4em;font-size:42px;left:.457em;letter-spacing:-1px}.cuboid--1 .word .highlight{font-size:.35em}.cuboid--2{height:7.875em;position:relative;transform-style:preserve-3d;width:50vw}.cuboid--2 .face{background-color:#000;left:0;position:absolute;top:0}.cuboid--2 .face--front{height:7.875em;transform:translateZ(3.9375em);width:50vw}.cuboid--2 .face--back{height:7.875em;transform:translateZ(-3.9375em) rotateY(180deg) rotate(180deg);width:50vw}.cuboid--2 .face--left{height:7.875em;transform:translateX(-3.9375em) rotateY(-90deg);width:7.875em}.cuboid--2 .face--right{height:7.875em;transform:translateX(calc(50vw - 3.9375em)) rotateY(90deg);width:7.875em}.cuboid--2 .face--top{height:7.875em;transform:translateY(-3.9375em) rotateX(90deg);width:50vw}.cuboid--2 .face--bottom{height:7.875em;transform:translateY(3.9375em) rotateX(-90deg);width:50vw}.cuboid--2 .word{bottom:.524em;font-size:50px;left:.381em;letter-spacing:-1px}.cuboid--2 .word .highlight{font-size:.35em}.cuboid--3{height:9.4375em;position:relative;transform-style:preserve-3d;width:60vw}.cuboid--3 .face{background-color:#000;left:0;position:absolute;top:0}.cuboid--3 .face--front{height:9.4375em;transform:translateZ(4.71875em);width:60vw}.cuboid--3 .face--back{height:9.4375em;transform:translateZ(-4.71875em) rotateY(180deg) rotate(180deg);width:60vw}.cuboid--3 .face--left{height:9.4375em;transform:translateX(-4.71875em) rotateY(-90deg);width:9.4375em}.cuboid--3 .face--right{height:9.4375em;transform:translateX(calc(60vw - 4.71875em)) rotateY(90deg);width:9.4375em}.cuboid--3 .face--top{height:9.4375em;transform:translateY(-4.71875em) rotateX(90deg);width:60vw}.cuboid--3 .face--bottom{height:9.4375em;transform:translateY(4.71875em) rotateX(-90deg);width:60vw}.cuboid--3 .word{bottom:.408em;font-size:59px;left:.327em;letter-spacing:-1px}.cuboid--3 .word .highlight{font-size:.35em}.cuboid--4,.cuboid--5{display:none}.project-line button{text-wrap:nowrap;color:#000;font-size:35px;line-height:1;text-shadow:none}.projects-list{align-items:flex-start;bottom:1em;gap:.5em;padding-left:1em;right:auto;top:auto}.projects-list .project-line__txt{font-size:1.575em;text-align:left}.projects-list .project-line__txt:hover{cursor:default;letter-spacing:-.75px;text-decoration:none}}.modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:90}.modal-content{background-color:var(--accent-tan);border:3px solid #000;box-shadow:0 0 3.5px 5px #00000040;height:fit-content;max-height:85vh;overflow-x:hidden;overflow-y:auto;width:500px}.modal-header{border-bottom:3px solid #000;overflow:hidden;padding:8px}.close-button{background-color:#0000;border:none;color:#000;cursor:pointer;font-size:18px;font-weight:600;padding:5px;position:absolute;right:0;top:0;transition:all .3s ease-in-out;z-index:1000}.close-button:hover{scale:1.25}.modal-title{color:#000;font-size:32px;line-height:1;margin:0;width:85%}.modal-role{color:#000;font-size:14px;letter-spacing:.5px;margin:8px 0 0;opacity:.7;text-transform:lowercase}.modal-description{color:#000;font-size:16px;font-weight:500;letter-spacing:-.25px;line-height:1.35;margin:12px 0 0;text-transform:none;width:92%}.modal-link-container{padding-top:12px}.technology-fallback{color:#000;font-size:13px;line-height:1.2;text-align:center}.modal-link{color:#000;cursor:pointer;font-size:16px;margin:0;padding-bottom:8px;transition:all .3s ease-in-out}.modal-link:hover{letter-spacing:1.5px;text-decoration:underline}.modal-body{color:#000;overflow:hidden;padding:8px;width:100%}.modal-body h3{margin:0;padding:0}.modal-body .technologies-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.modal-body .technology-icon-container{align-items:center;aspect-ratio:6/3.5;background-color:var(--accent-tan);border:2px solid #000;border-radius:24px;box-shadow:2.5px 3.5px 5px #00000040;display:flex;height:100%;justify-content:center;padding:4px;width:100%}.modal-body .technology-icon{height:100%;object-fit:contain;width:100%}@media screen and (max-width:768px){.modal-body .technologies-container{grid-template-columns:repeat(2,1fr)}.modal-body .technology-icon-container{padding:4px}.modal-content{height:fit-content;max-height:80vh;width:calc(100vw - 16px)}.modal-title{font-size:40px}.modal-description{width:100%}.modal-website-link{font-size:18px}.modal-website-link:hover{cursor:default;letter-spacing:-.75px}}.contact-container{background-color:var(--accent-tan);height:100dvh;overflow:hidden;width:100vw}.contact-animation{background:#0000;height:100svh;width:100vw}.title-wrap{left:16px;position:absolute;top:166px}.contact-title{color:#000;filter:invert(1);font-family:neue-haas-grotesk-display,Helvetica Neue,Helvetica,sans-serif;font-size:96px;font-style:normal;font-weight:600;line-height:1.3;margin:0;mix-blend-mode:difference;z-index:5}.links-wrap{position:absolute;right:16px;top:240px}.contact-links{display:flex;filter:invert(1);flex-direction:row;font-size:24px;gap:16px;mix-blend-mode:difference;text-decoration:none}.contact-links a{color:#000;text-decoration:none;transition:letter-spacing .3s ease}.contact-links a:hover{letter-spacing:1.5px;text-decoration:underline}.contact-links{cursor:pointer;gap:8px}.contact-links a:hover{letter-spacing:-.75px;text-decoration:none}@media screen and (max-width:768px){.title-wrap{top:170px}.contact-title{font-size:90px}.links-wrap{left:16px;top:160px}.contact-links span{margin-right:8px}.contact-links{gap:6px}.contact-links a:hover{letter-spacing:none;text-decoration:none}}.square__large{z-index:5}.ball{visibility:hidden;z-index:2}
/*# sourceMappingURL=main.369bff0f.css.map*/