@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";:root{--vt-c-white: rgba(255,255,255,1);--vt-c-white-05: rgba(255, 255, 255,.05);--vt-c-white-1: rgba(255,255,255,.1);--vt-c-white-2: rgba(255,255,255,.2);--vt-c-white-5: rgba(255,255,255,.5);--vt-c-white-75: rgba(255,255,255,.75);--vt-c-gray: #cccccc;--vt-c-black: rgba(0,0,0,1);--vt-c-black-03: rgba(0, 0, 0,.03);--vt-c-black-5: rgba(0,0,0,.5);--vt-c-cool-gray-11: rgb(7,15,51);--vt-c-cool-gray-05: rgba(13,23,41,.05);--vt-c-indigo: rgb(0, 0, 255);--font-sans: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-title: "Poppins", monospace;--vt-c-text-light: var(--vt-c-white);--vt-c-text-dark: var(--vt-c-cool-gray-11);--vt-c-transparent-white: rgba(255,255,255,.2);--vt-c-transparent-dark: rgba(7,15,51,.25);--vt-c-transparent-light: rgba(195,227,12,.05);--vt-c-transparent-border-light-1: rgba(255, 255, 255,.15);--vt-c-transparent-border-light-2: rgba(255, 255, 255,.025);--vt-c-transparent-border-dark-1: rgba(7,15,51,.3);--vt-c-transparent-border-dark-2: rgba(0, 0, 0,.05);--vt-s-shadow-light: rgba(0,0,0,.1);--vt-s-shadow-dark: rgba(0,0,0,.15);--vt-s-shadow-dark-2: rgba(0,0,0,.3);--vt-s-shadow-dark-3: rgba(0,0,0,.5);--vt-s-shadow-dark-light: rgba(255,255,255,.2);--vt-c-magenta-bloom: #F96167;--vt-c-minty-white: #FCE77D;--vt-c-chartreuse-burst: #DF678C;--vt-c-nocturnal-blue: #3D155F;--vt-c-purple: #3D155F;--vt-c-pink: #DF678C;--vt-c-pink-lt: #FBEAEB;--vt-c-purple-dk: #262223;--vt-c-orange: #DDC6B6;--vt-c-blue: #2F3C7E;--vt-c-gray: #e2e2e2;--vt-c-green: #0033e7;--vt-c-moss: #333a2f;--vt-c-tea: #ebeddf}:root{--color-bg-magenta: var(--vt-c-magenta-bloom);--color-text-magenta: var(--vt-c-minty-white);--color-bg-white: var(--vt-c-minty-white);--color-text-white: var(--vt-c-magenta-bloom);--color-bg-chartreuse: var(--vt-c-chartreuse-burst);--color-text-chartreuse: var(--vt-c-nocturnal-blue);--color-bg-blue: var(--vt-c-nocturnal-blue);--color-text-blue: var(--vt-c-chartreuse-burst);--color-about-bg: var(--vt-c-purple);--color-about-text: var(--vt-c-pink);--color-experience-bg: var(--vt-c-gray);--color-experience-text: var(--vt-c-green);--color-exposure-bg: var(--vt-c-orange);--color-exposure-text: var(--vt-c-purple-dk);--color-skills-bg: var(--vt-c-pink-lt);--color-skills-text: var(--vt-c-blue);--color-portfolio-text: var(--vt-c-moss);--color-portfolio-bg: var(--vt-c-tea);--color-header-background: var(--vt-c-white);--color-subheader-background: var(--vt-c-white-1);--color-subheader-background-2: var(--vt-c-black-03);--color-background-work: var(--vt-c-white);--color-background-work-about: var(--vt-c-cool-gray-05);--color-background-glass: var(--vt-c-white-05);--color-background: var(--vt-c-black);--color-background-glass: var(--vt-c-cool-gray-11);--color-glass-background: var(--vt-c-transparent-dark);--color-glass-background-2: var(--vt-c-transparent-light);--color-glass-background-3: var(--vt-c-white-5);--color-glass-border-1: var(--vt-c-transparent-border-dark-1);--color-glass-border-2: var(--vt-c-transparent-border-light-2);--color-shadow: var(--vt-s-shadow-dark);--border-color: var(--vt-c-gray);--color-heading: var(--vt-c-cool-gray-11);--color-text: var(--vt-c-white);--color-text-glow: var(--vt-c-white-5);--color-text-work: var(--vt-c-cool-gray-11);--color-loader-bar: var(--vt-c-white-2);--color-loader: var(--vt-c-white);--color-loader-glow: var(--vt-c-white-75);--color-spinner-background: var(--vt-c-white-5);--color-spinner-border: var(--vt-c-white-05);--color-spinner: var(--vt-c-white);--color-base-link: var(--vt-c-indigo);--section-gap: 160px;--max-width: 1680px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;width:100vw;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:var(--font-mono);font-size:14px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{font-weight:400;height:100vh;width:100vw}a,.green{text-decoration:none;color:#0d1729;transition:.4s;font-family:var(--font-mono);font-weight:400;font-style:normal;padding:2px 0;border-bottom:1px solid white}a.link{color:var(--color-base-link)!important;font-weight:500}select{font-family:var(--font-sans)}@media (hover: hover){a:hover{color:var(--vt-c-indigo);border-color:var(--vt-c-indigo)}}@media (min-width: 1024px){body{display:flex;place-items:center}}.title,.project{font-family:var(--font-title)}main{transition:all 1s cubic-bezier(.01,.1,.75,.01)}.nav-container{transition:transform .5s ease,top .5s ease}.work .subheader{transition:all .6s ease}.work .subheader:hover{background:#fff!important;border-color:#ebebeb;box-shadow:0 0 20px #0003}.nav-container{background:var(--color-header-background);height:48px;display:flex;align-items:center;justify-content:center;font-size:.875rem;letter-spacing:.5px;position:fixed;top:0;left:0;right:0;z-index:3000}.nav-container nav{width:100vw;max-width:var(--max-width);display:flex;flex-direction:row;gap:16px;padding:0 2rem}.nav-container nav .title{font-weight:800;font-style:normal;color:var(--color-heading);padding:2px 0}.nav-container nav .title:hover{cursor:pointer;color:var(--color-base-link)}.nav-container nav .router-link-active{color:var(--color-base-link)}.subheader{background:#00000006;z-index:10;position:fixed;top:48px;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.subheader a{color:#fff}.subheader{background:var(--color-subheader-background);height:64px;display:flex;align-items:center;justify-content:center;font-size:.875rem;border-top:1px solid rgba(255,255,255,0)}.subheader .nav a{color:var(--color-text);border:none}.subheader .nav a:hover{cursor:pointer}.subheader .nav a.active{font-weight:800;text-shadow:0 0 10px var(--color-text-glow)}.content{height:calc(100vh - 96px);display:flex;align-items:center;justify-content:center}@media (max-width: 490px){.subheader .nav{align-items:center;justify-content:center;gap:0px!important}.subheader .nav .button{padding:6px 8px}.subheader .nav .button .text{letter-spacing:0;font-weight:600}.subheader .nav .button:not(:first-child):not(:last-child){border-radius:0!important}.subheader .nav .button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.subheader .nav .button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}}.gradient[data-v-cd082020]{background:radial-gradient(41.45% 41.45% at 44.41% 46.83%,#395a79,#0c182d00);display:block;height:1600px;left:-600px;position:fixed;top:100px;width:1600px;z-index:1;opacity:50%}.gradient[data-v-abcab965]{background:radial-gradient(41.45% 41.45% at 44.41% 46.83%,#3d3684b5,#50665759 48.44%,#0c182d00);display:block;height:1200px;right:40px;position:fixed;top:50px;width:1200px;z-index:1;opacity:75%}.gradient[data-v-0bcac851]{background:radial-gradient(41.45% 41.45% at 44.41% 46.83%,#795839,#0c182d00);display:block;height:1800px;right:-1300px;position:fixed;bottom:-1200px;width:1800px;z-index:1;opacity:75%}.graph{height:100vh;width:100vw;position:fixed;top:0;left:0;transition:opacity .75s ease}svg .circle{fill:#615e57}.packing-container{height:100vh;width:100vw;position:fixed;top:0;left:0}.packing{height:100vh;width:100vw;position:fixed;top:0;left:0;transition:opacity 2.75s ease}.packing2{height:100vh;width:100vw;position:fixed;top:0;left:0;transition:opacity 4.75s ease}svg{width:100%;height:auto}svg .dot{fill:#070f33!important}.about-section{width:100vw;max-width:var(--max-width);height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center;padding:0 2rem}.about{font-size:2.75rem;font-family:var(--font-mono);line-height:3.25rem;font-weight:600;z-index:4}.cursor{display:inline-block;height:42px;width:24px;background:var(--color-about-text);box-shadow:0 0 10px var(--color-text-glow);margin-left:.5rem;position:relative;top:8px;animation:blink .3s linear infinite;opacity:1;transition:all 2s cubic-bezier(.01,.1,.75,.01)}.cursor.none{transition:all .5s cubic-bezier(.01,.1,.75,.01);opacity:0;margin-left:20px;animation:none}@keyframes blink{25%{opacity:1}50%{opacity:0}75%{opacity:0}}.aboutContainer svg line{stroke:#fff}.selected-card[data-v-73e34898]{display:flex;flex-direction:column;gap:16px;border-radius:.75rem;border:1px solid var(--border-color);box-shadow:0 0 30px #0000000d;transition:all .25s cubic-bezier(.01,.1,.75,.01);width:52rem;background:#fff;position:absolute;left:500px;transition:transform .5s ease,opacity .5s ease;will-change:transform,opacity;z-index:120000;box-shadow:0 0 200px #0000004d}.selected-card .company[data-v-73e34898]{font-weight:800;background:var(--color-base-link);display:inline-block;color:var(--color-text);padding:2px 12px;border-radius:1rem}.selected-card .title[data-v-73e34898]{font-weight:800;font-size:1.15rem}.selected-card .responsibilities[data-v-73e34898]{display:flex;flex-direction:column;gap:8px;padding-left:1.15rem}.selected-card .responsibilities .responsibility a[data-v-73e34898]{color:var(--color-base-link);font-weight:500}.selected-card .header[data-v-73e34898]{padding:2rem 2rem 0rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem}.selected-card .card-content[data-v-73e34898]{display:flex;flex-direction:column;flex-grow:1;align-self:stretch;gap:16px;padding:0rem 2rem;color:var(--color-text-work)}.selected-card .card-content .tags[data-v-73e34898]{display:flex;flex-direction:row;gap:8px}.selected-card .card-content .tags .tag[data-v-73e34898]{text-transform:uppercase;border:1px solid var(--border-color);color:var(--color-base-link);padding:2px 12px;border-radius:.25rem;font-size:.75rem;font-weight:500}.selected-card .footer[data-v-73e34898]{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid var(--border-color);padding:.75rem 2rem;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;font-size:.875rem}.selected-card .footer .period[data-v-73e34898]{font-weight:500}.projects[data-v-73e34898]{display:flex;flex-direction:column;gap:4px 8px;border:2px solid var(--color-portfolio-bg);padding:1rem;border-radius:.5rem;max-height:350px;overflow-y:scroll}.projects .project[data-v-73e34898]{border-bottom:1px solid var(--border-color);padding-top:2px;padding-bottom:6px;font-size:.825rem;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.projects .project[data-v-73e34898]:hover{cursor:pointer;color:var(--color-base-link);padding-left:.25rem}.projects .project .basics[data-v-73e34898]{display:flex;flex-direction:row;gap:8px}.projects .project .name[data-v-73e34898]{font-weight:500}.projects .project .type[data-v-73e34898]{text-transform:uppercase;font-size:.625rem;font-weight:800;padding:2px 12px;border-radius:.25rem;white-space:nowrap;display:inline-block}.projects .project .type.Web[data-v-73e34898],.projects .project .type.Mobile[data-v-73e34898],.projects .project .type.Print[data-v-73e34898],.projects .project .type.Architecture[data-v-73e34898],.projects .project .type.Exploration[data-v-73e34898]{color:#fff}.projects .project[data-v-73e34898]:last-child{border-bottom:none;padding-bottom:0}svg[data-v-dd18b301]{fill:#fff}.project-container{position:absolute;top:48px;width:100vw;height:calc(100vh - 48px);z-index:300;background:#fffffff2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:2rem;border-top:1px solid #ccc;overflow:hidden;display:flex;justify-content:center;transition:all .2s cubic-bezier(.01,.1,.75,.01);z-index:4000}.project-container .project{display:flex;flex-direction:column;gap:16px;height:100%;max-width:var(--max-width);width:100vw;margin:0 2rem;transition:all .2s cubic-bezier(.01,.1,.75,.01)}.project-container .project .header{display:flex;flex-direction:row;justify-content:space-between;gap:0;transition:all .2s cubic-bezier(.01,.1,.75,.01)}.project-container .project .header .type{transition:all .2s cubic-bezier(.01,.1,.75,.01)}.project-container .project .header .type .type-tag.Web,.project-container .project .header .type .type-tag.Mobile,.project-container .project .header .type .type-tag.Print,.project-container .project .header .type .type-tag.Architecture,.project-container .project .header .type .type-tag.Exploration{color:#fff}.project-container .project .header .esc span{font-weight:600;font-size:.75rem;color:var(--color-base-link);transition:all .2s cubic-bezier(.01,.1,.75,.01)}.project-container .project .header .esc span:hover{cursor:pointer;text-shadow:0 0 20px var(--color-base-link)}.project-container .project .header .title{font-weight:800;font-size:1.5rem}.project-container .project .header .type .type-tag{text-transform:uppercase;font-size:.625rem;font-weight:800;padding:2px 12px;border-radius:.25rem;white-space:nowrap;display:inline-block}.project-container .images{overflow-y:scroll;padding:1rem .5rem;position:relative}.project-container .images .image-container{column-gap:1rem;column-count:2}@media (max-width: 1400px){.project-container .images .image-container{column-count:3}}@media (max-width: 900px){.project-container .images .image-container{column-count:2}}@media (max-width: 560px){.project-container .images .image-container{column-count:1}}.project-container .images .image-container .image{display:inline-block;width:100%;margin:0 0 1rem;break-inside:avoid;-moz-column-break-inside:avoid;-webkit-column-break-inside:avoid;border:1px solid rgb(235,235,235);box-shadow:0 0 20px #00000013;border-radius:8px;overflow:hidden;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}.project-container .images .image-container .image:hover{border-color:#c6cccc;box-shadow:0 0 20px #0000001a}.project-container .images .image-container .image img{width:100%;height:auto;display:block}.project-container .images.Print .image-container .image{border:1px solid #fbd2d7}.project-container .images.Print .image-container .image:hover{border-color:#f37484}.project-container .images.Exploration .image-container .image{border:1px solid #fbd2d7}.project-container .images.Exploration .image-container .image:hover{border-color:#f37484}.project-container .images.Architecure .image-container .image{border:1px solid #c8bfb6}.project-container .images.Architecure .image-container .image:hover{border-color:#484037}.project-container .images .image-container img{max-width:100%;height:auto}.project-container .images .image-container img:hover{cursor:pointer}.project-container .tags{display:flex;flex-direction:row;gap:8px}.project-container .tags .tag{text-transform:uppercase;border:1px solid var(--border-color);color:var(--color-base-link);padding:2px 12px;border-radius:.25rem;font-size:.75rem;font-weight:500}.project-container .skills{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.project-container .skills .skill{font-size:.875rem;color:var(--color-skills-text);border-radius:1rem;font-weight:600;padding:1px 16px}.details{display:flex;flex-direction:row;gap:8px}.image-zoom{position:fixed;transition:all .2s cubic-bezier(.01,.1,.75,.01);z-index:2000}.image-zoom .glass-container{box-shadow:0 0 30px #00000080}.image-zoom .glass-container .glass-contents{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:80vw}.image-zoom .glass-container .glass-contents img{max-height:80vh;max-width:calc(80vw - 32px)}.close{font-weight:600;font-size:.75rem;color:var(--color-base-link);transition:all .2s cubic-bezier(.01,.1,.75,.01);text-transform:uppercase;display:flex;align-self:self-end}.close:hover{cursor:pointer;text-shadow:0 0 20px var(--color-base-link)}.modal-background{transition:all .2s cubic-bezier(.01,.1,.75,.01);position:fixed;background:#ebeddf80;top:0;bottom:0;left:0;right:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.markers{display:flex;flex-direction:row;gap:8px;position:absolute;bottom:3rem;padding:.75rem;border-radius:2rem;background:var(--color-glass-background-2);border:1px solid var(--color-glass-border-2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 30px #0000001a}.markers .marker{display:block;height:8px;width:8px;border-radius:8px;background:#0003}.markers .marker.active{background:var(--color-portfolio-text)}.markers .marker:hover{background:#00000080;cursor:pointer}.image{position:relative;display:flex;width:100%}.image .zoom{height:36px;width:36px;position:absolute;top:24px;right:24px;z-index:10;padding:.35rem;background:var(--color-glass-background);border:1px solid var(--color-glass-border-2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 20px #0003;border-radius:.25rem;opacity:0;transition:all .05s cubic-bezier(.01,.1,.75,.01)}.image:hover .zoom{opacity:1}.img-holder{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.img-holder .arrow-holder{display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--color-glass-background-3);border:1px solid var(--color-glass-border-2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 20px #0000004d;border-radius:1rem;transition:all .05s cubic-bezier(.01,.1,.75,.01);height:32px;width:32px}.img-holder .arrow-holder.left{position:absolute;top:50%;left:36px}.img-holder .arrow-holder.right{position:absolute;top:50%;right:36px}.img-holder .arrow-holder svg{height:16px}.img-holder .arrow-holder svg .arrow{fill:var(--color-base-link)}.img-holder .arrow-holder.inactive{background:#0000001a}.img-holder .arrow-holder.inactive svg .arrow{fill:#0000004d}.img-holder .arrow-holder:hover{cursor:pointer;background:var(--color-glass-background-2)}.img-holder .arrow-holder:hover svg .arrow{fill:var(--vt-c-pink)}.project-container{padding:1rem 2rem}.project-container.scrolling .images{border-top:2px solid #ebebeb}.project-container.scrolling .project .header .type{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.project-container.scrolling .project .header .title{font-size:1rem}.project-container.scrolling .project .tags,.project-container.scrolling .skills{display:none}.experience[data-v-9937ad94]{position:relative}.experience .glass-container[data-v-9937ad94]{z-index:1000}.experience .glass-container .glass-contents[data-v-9937ad94]{padding:2rem}.experience .glass-container .glass-contents .list[data-v-9937ad94]{display:flex;flex-direction:column}.experience .glass-container .glass-contents .list h2[data-v-9937ad94]{font-size:1rem;margin-bottom:.5rem}.experience .glass-container .glass-contents .list h2 .company[data-v-9937ad94]{font-weight:800;background:var(--vt-c-black-03);display:inline-block;color:var(--color-text-work);padding:2px 12px;border-radius:6px}.experience .glass-container .glass-contents .list a[data-v-9937ad94]{font-weight:800;display:flex;flex-direction:row;align-items:normal;gap:8px}.experience .glass-container .glass-contents .list a .arrow-container[data-v-9937ad94]{opacity:0}.experience .glass-container .glass-contents .list a.active[data-v-9937ad94]{color:#00f}.experience .glass-container .glass-contents .list a.active .arrow-container[data-v-9937ad94]{opacity:1;margin-left:.25rem}.experience .glass-container .glass-contents .list a[data-v-9937ad94]:hover{cursor:pointer}.experience .glass-container .glass-contents .list a:hover .arrow-container[data-v-9937ad94]{opacity:1;margin-left:.25rem}.experience .glass-container .glass-contents .list a .ti[data-v-9937ad94]{font-weight:800}.initial .card[data-v-9937ad94]{max-width:calc(var(--max-width) / 2 - 40px);position:absolute;top:-100vh;opacity:0;transform:rotate(90deg);transition:transform 2s ease;animation:fallIn-9937ad94 .75s ease-out forwards}.initial .card[data-v-9937ad94]:hover{z-index:20000!important;cursor:pointer}.experience-section[data-v-9937ad94]{width:100vw;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative}.experience[data-v-9937ad94]{width:100vw;max-width:var(--max-width);padding:0 2rem;display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;position:relative}.experience h1[data-v-9937ad94]{font-size:1rem;font-weight:800}.card[data-v-9937ad94]{transition:all 2s ease}.card.blur[data-v-9937ad94]{filter:blur(2px)}.card[data-v-9937ad94],.view-position[data-v-9937ad94]{display:flex;flex-direction:column;gap:16px;border-radius:.75rem;border:1px solid var(--border-color);box-shadow:0 0 30px #0000000d;transition:all .25s cubic-bezier(.01,.1,.75,.01);width:100%;background:#fff;position:relative;transition:transform .5s ease,opacity .5s ease;will-change:transform,opacity}.card[data-v-9937ad94]:not(:first-child),.view-position[data-v-9937ad94]:not(:first-child){max-width:calc(var(--max-width) / 2 - 40px);flex-shrink:0;align-self:stretch}.card[data-v-9937ad94]:hover,.view-position[data-v-9937ad94]:hover{box-shadow:0 0 30px #0000001a}.card .company[data-v-9937ad94],.view-position .company[data-v-9937ad94]{font-weight:800;background:var(--color-base-link);display:inline-block;color:var(--color-text);padding:2px 12px;border-radius:1rem}.card .title[data-v-9937ad94],.view-position .title[data-v-9937ad94]{font-weight:800;font-size:1.15rem}.card .responsibilities[data-v-9937ad94],.view-position .responsibilities[data-v-9937ad94]{display:flex;flex-direction:column;gap:8px;padding-left:1.15rem}.card .responsibilities .responsibility a[data-v-9937ad94],.view-position .responsibilities .responsibility a[data-v-9937ad94]{color:var(--color-base-link)!important;font-weight:500}.card .header[data-v-9937ad94],.view-position .header[data-v-9937ad94]{padding:2rem 2rem 0rem;border-top-left-radius:.75rem;border-top-right-radius:.75rem}.card .card-content[data-v-9937ad94],.view-position .card-content[data-v-9937ad94]{display:flex;flex-direction:column;flex-grow:1;align-self:stretch;gap:16px;padding:0rem 2rem;color:var(--color-text-work)}.card .card-content .tags[data-v-9937ad94],.view-position .card-content .tags[data-v-9937ad94]{display:flex;flex-direction:row;gap:8px}.card .card-content .tags .tag[data-v-9937ad94],.view-position .card-content .tags .tag[data-v-9937ad94]{text-transform:uppercase;border:1px solid var(--border-color);color:var(--color-base-link);padding:2px 12px;border-radius:.25rem;font-size:.75rem;font-weight:500}.card .footer[data-v-9937ad94],.view-position .footer[data-v-9937ad94]{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid var(--border-color);padding:.75rem 2rem;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;font-size:.875rem}.card .footer .period[data-v-9937ad94],.view-position .footer .period[data-v-9937ad94]{font-weight:500}.card.view-position[data-v-9937ad94]{z-index:10000!important;right:17rem!important;position:fixed!important;transform:rotate(0)!important;box-shadow:0 0 200px #0000004d;top:20vh;transition:transform .1s ease!important}@keyframes fallIn-9937ad94{0%{opacity:0;top:-100vh;rotate:-86.3031847197deg}to{opacity:1}}.filteredProjects[data-v-9937ad94]{background:red}.slide-enter-active[data-v-9937ad94],.slide-leave-active[data-v-9937ad94]{transition:transform .1s cubic-bezier(1,.5,.8,1)}.slide-enter-from[data-v-9937ad94],.slide-leave-to[data-v-9937ad94]{transform:translateY(100%)}.slide-enter-to[data-v-9937ad94],.slide-leave-from[data-v-9937ad94]{transform:translateY(0)}.overlay[data-v-9937ad94]{z-index:400000}.code-entry[data-v-9937ad94]{position:fixed;top:200px;width:30%;z-index:200000}.code-entry .glass-container[data-v-9937ad94]{box-shadow:0 0 30px #00000080}.code-entry .glass-container .glass-contents[data-v-9937ad94]{display:flex;flex-direction:row;gap:8px}.code-entry .glass-container .glass-contents input[data-v-9937ad94]{width:100%;padding:1rem;border:1px solid var(--color-glass-border-1);border-radius:.25rem}.code-entry .glass-container .glass-contents .save[data-v-9937ad94]{display:flex;align-items:center;border:1px solid var(--color-glass-border-1);border-radius:.25rem;padding:0 1rem;text-transform:uppercase;font-weight:600;font-size:.75rem;background:var(--color-base-link);color:var(--color-text);box-shadow:2px 2px 2px #00000040;transition:all .15s cubic-bezier(.01,.1,.75,.01)}.code-entry .glass-container .glass-contents .save.dismiss[data-v-9937ad94]{background:var(--vt-c-pink)}.code-entry .glass-container .glass-contents .save.not[data-v-9937ad94]{background:#0000001a;color:var(--color-text);box-shadow:none}.code-entry .glass-container .glass-contents .save[data-v-9937ad94]:hover{cursor:pointer;box-shadow:none}.arrow-container[data-v-9937ad94]{transition:all .25s ease}.arrow-container svg[data-v-9937ad94]{height:9px;fill:var(--color-base-link)!important}.exposure-section[data-v-0833bb01]{width:100vw;display:flex;justify-content:center;padding:3rem 0;position:relative;z-index:5;max-width:var(--max-width)}.exposure-section .exposure[data-v-0833bb01]{padding:0 2rem;max-width:var(--max-width);width:100%}span[data-v-0833bb01]{font-size:.875rem;font-weight:800}span.link[data-v-0833bb01]{border-bottom:1px dashed var(--color-exposure-text)}table[data-v-0833bb01]{width:100%;border-collapse:collapse}table tr[data-v-0833bb01]{border-bottom:1px solid rgba(0,0,0,.05)}table tr[data-v-0833bb01]:hover{cursor:pointer;background:#0000000d}table tr:hover span[data-v-0833bb01]{margin-left:4px}table tr[data-v-0833bb01]:last-child{border-bottom:none}table tr[data-v-0833bb01]:not(:first-child){opacity:0;transform:translateY(20px);animation:fadeInUp-0833bb01 .3s ease forwards}@keyframes fadeInUp-0833bb01{to{opacity:1;transform:translateY(0)}}table .number[data-v-0833bb01]{text-align:right}table th[data-v-0833bb01]{border-bottom:1px solid var(--color-exposure-text);font-size:.725rem;font-weight:800;letter-spacing:1px;padding:.5rem 1rem;text-align:left;text-transform:uppercase;height:24px}table th.shrink[data-v-0833bb01]{width:.1%;white-space:nowrap}table th[data-v-0833bb01]:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}table th[data-v-0833bb01]:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right:none}table th[data-v-0833bb01]:hover{cursor:pointer;opacity:.75}table td[data-v-0833bb01]{font-size:.75rem;font-size:.85rem;padding:0 1rem;height:48px;font-weight:400;white-space:nowrap}table td.center[data-v-0833bb01]{text-align:center}table td[data-v-0833bb01]:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}table td[data-v-0833bb01]:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}table td a[data-v-0833bb01]{height:50%;width:24px;padding:0 6px;display:flex;border-bottom:none;border-radius:1rem}table td a svg[data-v-0833bb01]{fill:var(--color-exposure-text)}table td a[data-v-0833bb01]:hover{background:#ffffff1a}table td a:hover svg[data-v-0833bb01]{fill:var(--color-base-link)}.tag[data-v-0833bb01]{text-transform:uppercase;font-size:.625rem;font-weight:800;padding:2px 12px;border-radius:.25rem;white-space:nowrap;display:inline-block}.slide-enter-active[data-v-0833bb01],.slide-leave-active[data-v-0833bb01]{transition:transform .1s cubic-bezier(1,.5,.8,1)}.slide-enter-from[data-v-0833bb01],.slide-leave-to[data-v-0833bb01]{transform:translateY(100%)}.slide-enter-to[data-v-0833bb01],.slide-leave-from[data-v-0833bb01]{transform:translateY(0)}.skills-section{width:100vw;display:flex;justify-content:center;align-items:center;padding:4rem 2rem;position:relative;height:100vh;top:-48px;z-index:5}.skills-section .skills{padding:2rem;max-width:var(--max-width)}.skills-section .skills div{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:center;gap:16px}.skills-section .skills .skill{font-size:2rem;font-weight:600;padding:2px 24px;border-radius:2rem;transition:opacity 4s ease-in-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(0,0,0,.15);position:relative;overflow:hidden;text-shadow:0 0 10px var(--color-text-glow);opacity:0;top:0}.skill-enter-active,.skill-leave-active{top:-5px}.skill-enter,.skill-leave-to{opacity:0}.portfolio[data-v-bee06443]{width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;bottom:0;left:0;right:0;z-index:0;opacity:.5}.portfolio .project-images[data-v-bee06443]{position:relative}.portfolio img[data-v-bee06443]{object-fit:cover;margin:5px;transition:transform .5s ease;position:absolute;background:var(--color-portfolio-bg);border:8px solid var(--color-portfolio-bg);border-radius:.5rem;box-shadow:0 0 30px #00000080;opacity:0;animation:fadeIn-bee06443 .25s ease forwards}@keyframes fadeIn-bee06443{to{opacity:1}}.lock svg{height:15px;fill:#000000b3}.unlock svg{height:16px;fill:#0000004d}table{width:100%;border-collapse:collapse}table tr{border-bottom:1px solid rgba(0,0,0,.05)}table tr:hover{cursor:pointer;background:#0000000d}table tr:hover span{margin-left:4px}table tr:last-child{border-bottom:none}table tr:not(:first-child){opacity:0;transform:translateY(20px);animation:fadeInUp .3s ease forwards}table .number{text-align:right}table th{border-bottom:1px solid var(--color-exposure-text);font-size:.725rem;font-weight:800;letter-spacing:1px;padding:.5rem 1rem;text-align:left;text-transform:uppercase;height:24px}table th.shrink{width:.1%;white-space:nowrap}table th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}table th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right:none}table th:hover{cursor:pointer;opacity:.75}table td{font-size:.75rem;font-size:.85rem;padding:0 1rem;height:48px;font-weight:400}table td .industry{display:flex;flex-direction:row;align-items:center;gap:6px}table td .industry .dot{height:6px;width:6px;border-radius:8px;background:red;border:1px solid rgba(0,0,0,.1)}table td .tag{text-transform:uppercase;font-size:.625rem;font-weight:800;padding:2px 12px;border-radius:.25rem;white-space:nowrap;display:inline-block}table td .tag.Web,table td .tag.Mobile,table td .tag.Print,table td .tag.Architecture,table td .tag.Exploration{color:#fff}table td span{font-size:.875rem;font-weight:800}table td.shrink{width:.1%;white-space:nowrap}table td.center{text-align:center}table td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}table td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}@media (max-width: 1096px){.optionalA{display:none}}@media (max-width: 896px){.optionalB{display:none}td.shrink{white-space:normal!important}}@media (max-width: 655px){.optionalC{display:none}}.project-cards{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:32px;grid-row-gap:32px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.project-cards .project-card{border-radius:16px;position:relative;display:flex;flex-direction:column;padding:.25rem;transition:all .15s cubic-bezier(.01,.1,.75,.01);background:#fff;color:var(--color-portfolio-text);opacity:0;transform:translateY(20px);animation:fadeInUp .3s ease forwards}.project-cards .project-card:hover{box-shadow:0 0 20px #0003;scale:102%;cursor:pointer}.project-cards .project-card .type{position:absolute;top:12px;right:12px;z-index:200;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700}.project-cards .project-card .type.Web,.project-cards .project-card .type.Mobile,.project-cards .project-card .type.Print,.project-cards .project-card .type.Architecture,.project-cards .project-card .type.Exploration{color:#fff}.project-cards .project-card .hero-container{overflow:hidden;height:145px;width:100%;border-radius:12px}.project-cards .project-card .hero{height:145px;background:var(--vt-c-gray);width:100%}.project-cards .project-card .hero.blur{filter:blur(2px)}.project-cards .project-card .card-content{padding:1rem;display:flex;flex-direction:column;gap:8px;z-index:20;font-size:.85rem;flex:1 0 0;align-self:stretch}.project-cards .project-card .card-content .company-row{display:flex;flex-direction:row;gap:6px;align-items:center}.project-cards .project-card .card-content .company-row .company{font-size:.75rem}.project-cards .project-card .card-content .company-row .dot{height:6px;width:6px;border-radius:6px;background:red;border:1px solid rgba(0,0,0,.1)}.project-cards .project-card .card-content .project{font-weight:800;font-size:1.5rem;line-height:1.75rem;flex:1 0 0;align-self:stretch}.project-cards .footer{display:flex;justify-content:space-between;flex-direction:row}.project-cards .footer .year{opacity:.5}.project-cards .lock-container{position:absolute;z-index:10;left:12px;top:12px;background:#0000001a;border:1px solid var(--color-glass-border-2);height:32px;width:32px;display:flex;align-items:center;justify-content:center;border-radius:32px}.project-cards .lock-container .lock svg{fill:var(--color-portfolio-text)}.slide-enter-active,.slide-leave-active{transition:transform .1s cubic-bezier(1,.5,.8,1)}.slide-enter-from,.slide-leave-to{transform:translateY(100%)}.slide-enter-to,.slide-leave-from{transform:translateY(0)}@media (max-width: 1450px){.project-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:24px;grid-row-gap:24px}}@media (max-width: 1170px){.project-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:24px;grid-row-gap:24px}}@media (max-width: 910px){.project-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:24px;grid-row-gap:24px}}@media (max-width: 680px){.project-cards{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:24px;grid-row-gap:24px}}.holder{height:58px;width:58px;border-radius:100px;background:var(--color-spinner-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:space-around}.spinner{width:48px;height:48px;border:2px solid var(--color-spinner-border);box-shadow:0 0 10px 2px var(--color-loader-glow);border-bottom-color:var(--color-spinner);display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;background:var(--color-spinner-border);padding:6px;border-radius:24px;display:flex;align-items:center;justify-content:space-around}.fade-slide-up-enter-active,.fade-slide-up-leave-active{transition:opacity .5s,transform .5s}.fade-slide-up-enter-from,.fade-slide-up-leave-to{opacity:0;transform:translateY(20px)}.fade-slide-up-enter-to,.fade-slide-up-leave-from{opacity:1;transform:translateY(0)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.charts[data-v-27551daa]{display:flex;flex-direction:row;gap:32px;justify-content:space-between}.charts .chart[data-v-27551daa]{background:#fff;border:1px solid var(--color-glass-border-2);border-radius:16px;display:flex;flex-direction:column;justify-content:end;align-items:center;padding:2rem;max-height:250px;height:250px;flex-grow:1;opacity:0;transform:translateY(20px);animation:fadeInUp-27551daa .3s ease forwards}.charts .chart .loading[data-v-27551daa]{position:relative!important;left:7%;background:#0000001a}.charts .chart .chartLabel[data-v-27551daa]{text-transform:uppercase;font-weight:800;font-size:.75rem}@keyframes fadeInUp-27551daa{to{opacity:1;transform:translateY(0)}}@media (max-width: 948px){.charts[data-v-27551daa]{display:none}}.code-entry[data-v-73b98a1e]{position:fixed;top:200px;width:30%;z-index:2000}.code-entry[data-v-73b98a1e] .glass-container[data-v-73b98a1e]{box-shadow:0 0 30px #00000080}.code-entry[data-v-73b98a1e] .glass-container[data-v-73b98a1e] .glass-contents[data-v-73b98a1e]{display:flex;flex-direction:row;gap:8px}.code-entry[data-v-73b98a1e] .glass-container[data-v-73b98a1e] .glass-contents[data-v-73b98a1e] input[data-v-73b98a1e]{width:100%;padding:1rem;border:1px solid var(--color-glass-border-1);border-radius:.25rem}.code-entry[data-v-73b98a1e] .glass-container[data-v-73b98a1e] .glass-contents[data-v-73b98a1e] .save[data-v-73b98a1e]{display:flex;align-items:center;border:1px solid var(--color-glass-border-1);border-radius:.25rem;padding:0 1rem;text-transform:uppercase;font-weight:600;font-size:.75rem;background:var(--color-base-link);color:var(--color-text);box-shadow:2px 2px 2px #00000040;transition:all .15s cubic-bezier(.01,.1,.75,.01)}.code-entry[data-v-73b98a1e] .glass-container[data-v-73b98a1e] .glass-contents[data-v-73b98a1e] .save[data-v-73b98a1e].dismiss[data-v-73b98a1e]{background:var(--vt-c-pink)}.code-entry[data-v-73b98a1e] .glass-container[data-v-73b98a1e] .glass-contents[data-v-73b98a1e] .save[data-v-73b98a1e].not[data-v-73b98a1e]{background:#0000001a;color:var(--color-text);box-shadow:none}.code-entry[data-v-73b98a1e] .glass-container[data-v-73b98a1e] .glass-contents[data-v-73b98a1e] .save[data-v-73b98a1e][data-v-73b98a1e]:hover{cursor:pointer;box-shadow:none}@keyframes fadeInUp-42591b3c{to{opacity:1;transform:translateY(0)}}.dropdown-container[data-v-42591b3c]{position:relative;z-index:10;display:flex}.dropdown-container .select[data-v-42591b3c]{letter-spacing:1px;font-size:.65rem;font-weight:800;padding:2px 12px;border-radius:.25rem;white-space:nowrap;display:flex;align-items:center;background:#fff;box-shadow:0 0 10px #0000001a;transition:transform 1s cubic-bezier(1,.5,.8,1)}.dropdown-container .select.year[data-v-42591b3c]{background:var(--color-base-link)!important;color:#fff!important}.dropdown-container .select.Web[data-v-42591b3c],.dropdown-container .select.Mobile[data-v-42591b3c]{color:#fff!important}.dropdown-container .select.Print[data-v-42591b3c],.dropdown-container .select.Architecture[data-v-42591b3c],.dropdown-container .select.Exploration[data-v-42591b3c],.dropdown-container .select.Wiser[data-v-42591b3c],.dropdown-container .select.Pericycle[data-v-42591b3c],.dropdown-container .select.Northbeam[data-v-42591b3c],.dropdown-container .select.WeAreDAG[data-v-42591b3c],.dropdown-container .select.Arts[data-v-42591b3c],.dropdown-container .select.Banking[data-v-42591b3c],.dropdown-container .select.Education[data-v-42591b3c],.dropdown-container .select.Gaming[data-v-42591b3c],.dropdown-container .select.Literature[data-v-42591b3c],.dropdown-container .select.Politics[data-v-42591b3c],.dropdown-container .select.eCommerce[data-v-42591b3c],.dropdown-container .select.Studio[data-v-42591b3c]{color:#fff}.dropdown-container .select[data-v-42591b3c]:after{content:"X";background:#0000000d;font-weight:700;height:16px;width:16px;display:flex;align-items:center;justify-content:center;margin-left:.5rem;border-radius:2px}.dropdown-container .select[data-v-42591b3c]:hover{cursor:pointer;box-shadow:0 0 10px #0000}.dropdown-container .select[data-v-42591b3c]:hover:after{color:red}.dropdown-container .hidden[data-v-42591b3c]{display:none}.dropdown[data-v-42591b3c]{height:30px;border-radius:6px;padding:0 24px 0 8px;display:flex;font-size:.65rem;font-weight:600;justify-content:center;align-items:center;transition:all .15s cubic-bezier(.01,.1,.75,.01);border:1px solid #D7DDE8;background:#fffffff2;box-shadow:0 2px 2px #0000000f,0 -5px 10px #17253d0a inset;transition:all .05s cubic-bezier(.01,.1,.75,.01);position:relative;letter-spacing:1px}.dropdown[data-v-42591b3c]:hover{cursor:pointer;border:1px solid #6ECD99;background:#fff;box-shadow:0 0 20px #6ecd9940,2px 2px 1px #6ecd9940 inset}.dropdown:hover .arrow[data-v-42591b3c]{border-top:6px solid rgb(110,205,153);transform:rotate(180deg) translateY(-9px)}.dropdown .arrow[data-v-42591b3c]{position:absolute;display:inline-block;bottom:20px;right:8px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #B8C3D5;margin-left:6px;transform:rotate(0) translateY(10px);transition:rotate .05s cubic-bezier(.01,.1,.75,.01)}.dropdown .arrow.expanded[data-v-42591b3c]{transform:rotate(180deg) translateY(-9px);border-top:6px solid #0099FA}ul[data-v-42591b3c]{position:absolute;top:34px;list-style-type:none;padding:.2rem;display:flex;flex-direction:column;gap:4px;border-radius:6px;border:1px solid #D7DDE8;background:#fffffff2;box-shadow:0 2px 2px #0000000f,0 -5px 10px #17253d0a inset;min-width:100%}ul li[data-v-42591b3c]{white-space:nowrap;font-size:.725rem;padding:.25rem .5rem;border-radius:3px;font-weight:500;opacity:0;transform:translateY(10px);animation:fadeInUp-42591b3c .2s ease forwards}ul li[data-v-42591b3c]:hover{cursor:pointer;background:linear-gradient(0deg,#058a0499,#058a0499),linear-gradient(179deg,#6ecd99 9.13%,#6ecd9900 98.89%);color:var(--color-text)}.filter-container[data-v-bff0f6c1]{display:flex;flex-direction:row;gap:8px;justify-content:space-between;align-items:center}.filter-container .toggles[data-v-bff0f6c1]{display:flex;flex-direction:row;gap:6px}.filter-container .toggles .toggle[data-v-bff0f6c1]{height:24px;width:24px;border-radius:4px;display:flex;justify-content:center;align-items:center;transition:all .15s cubic-bezier(.01,.1,.75,.01);border:1px solid #D7DDE8;background:#ffffff80;box-shadow:0 2px 2px #0000000f,0 -5px 10px #17253d0a inset;transition:all .05s cubic-bezier(.01,.1,.75,.01)}.filter-container .toggles .toggle .gridToggle[data-v-bff0f6c1]{height:12px;fill:var(--color-portfolio-text)}.filter-container .toggles .toggle[data-v-bff0f6c1]:hover{cursor:pointer;border:1px solid #6ECD99;background:#fff;box-shadow:0 0 20px #6ecd9940,2px 2px 1px #6ecd9940 inset}.filter-container .toggles .toggle:hover .gridToggle[data-v-bff0f6c1]{height:12px;fill:#6ecd99}.filter-container .toggles .toggle.active[data-v-bff0f6c1]{border:1px solid var(--cool-gray-1, #FFF);background:linear-gradient(0deg,#058a0499,#058a0499),linear-gradient(179deg,#6ecd99 9.13%,#6ecd9900 98.89%);box-shadow:0 0 3px #0000001a,2px 2px 3px #17253d33 inset}.filter-container .toggles .toggle.active .gridToggle[data-v-bff0f6c1]{height:12px;fill:var(--color-text)}.filter-container .filters[data-v-bff0f6c1]{display:flex;flex-direction:row;gap:8px}.filter-container .filters select[data-v-bff0f6c1]{padding:.25rem;border-radius:6px;outline:none;font-size:.75rem}.filter-container .filters .select[data-v-bff0f6c1]{text-transform:uppercase;font-size:.625rem;font-weight:800;padding:2px 12px;border-radius:.25rem;white-space:nowrap;display:flex;align-items:center;background:#fff;box-shadow:0 0 10px #0000001a;transition:transform 1s cubic-bezier(1,.5,.8,1)}.filter-container .filters .select.Web[data-v-bff0f6c1],.filter-container .filters .select.Mobile[data-v-bff0f6c1]{color:#fff!important}.filter-container .filters .select.Print[data-v-bff0f6c1],.filter-container .filters .select.Architecture[data-v-bff0f6c1],.filter-container .filters .select.Exploration[data-v-bff0f6c1],.filter-container .filters .select.Wiser[data-v-bff0f6c1],.filter-container .filters .select.Pericycle[data-v-bff0f6c1],.filter-container .filters .select.WeAreDAG[data-v-bff0f6c1]{color:#fff}.filter-container .filters .select[data-v-bff0f6c1]:after{content:"X";background:#0000000d;font-weight:700;height:16px;width:16px;display:flex;align-items:center;justify-content:center;margin-left:.5rem;border-radius:2px}.filter-container .filters .select[data-v-bff0f6c1]:hover{cursor:pointer;box-shadow:0 0 10px #0000}.filter-container .filters .select[data-v-bff0f6c1]:hover:after{color:red}@media (max-width: 700px){.filter-container[data-v-bff0f6c1]{display:none}}.projects-section[data-v-e0e0e51e]{width:100vw;display:flex;justify-content:center;padding:3rem 0;z-index:5;max-width:var(--max-width);position:relative}.projects-section .projects[data-v-e0e0e51e]{padding:0 2rem;max-width:var(--max-width);width:100%}.projects-section .projects .glass-contents[data-v-e0e0e51e]{background:var(--color-glass-background-3)}.slide-enter-active[data-v-e0e0e51e],.slide-leave-active[data-v-e0e0e51e]{transition:transform .1s cubic-bezier(1,.5,.8,1)}.slide-enter-from[data-v-e0e0e51e],.slide-leave-to[data-v-e0e0e51e]{transform:translateY(100%)}.slide-enter-to[data-v-e0e0e51e],.slide-leave-from[data-v-e0e0e51e]{transform:translateY(0)}.line[data-v-e0e0e51e]{height:200px;width:100%}.skeleton[data-v-e0e0e51e]{display:block;height:100px;width:100px}@media (max-width: 1450px){.project-cards[data-v-e0e0e51e]{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:24px;grid-row-gap:24px}}@media (max-width: 1170px){.project-cards[data-v-e0e0e51e]{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:24px;grid-row-gap:24px}}@media (max-width: 910px){.project-cards[data-v-e0e0e51e]{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:24px;grid-row-gap:24px}}@media (max-width: 680px){.project-cards[data-v-e0e0e51e]{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:24px;grid-row-gap:24px}.projects[data-v-e0e0e51e]{padding:0 1rem!important}.glass-contents[data-v-e0e0e51e]{padding:18px}}.fluted-glass[data-v-7080254a]{position:relative;width:100%;height:100%;overflow:hidden}.overlay[data-v-7080254a]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff0d!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2}.project-info[data-v-166b4ed2]{z-index:2;width:100vw;height:100vh;display:flex;align-items:start;justify-content:end;flex-direction:column;position:fixed;color:var(--color-text);bottom:0;top:0;left:0;right:0;padding:6rem;gap:8px;transition:all .05s cubic-bezier(.01,.1,.75,.01)}.project-info[data-v-166b4ed2]:hover{cursor:pointer}.project-info[data-v-166b4ed2]:active{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-info .title[data-v-166b4ed2]{font-weight:800;font-size:64px;line-height:64px}.project-info .title[data-v-166b4ed2]:hover{cursor:pointer}.project-info .type[data-v-166b4ed2]{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700}.project-info .type.Web[data-v-166b4ed2],.project-info .type.Mobile[data-v-166b4ed2],.project-info .type.Print[data-v-166b4ed2],.project-info .type.Architecture[data-v-166b4ed2],.project-info .type.Exploration[data-v-166b4ed2]{color:#fff}.project-info .type.Furniture[data-v-166b4ed2]{color:#000}.project-info .meta[data-v-166b4ed2]{display:flex;flex-direction:column;gap:2px}.project-info .meta .company-row[data-v-166b4ed2]{display:flex;flex-direction:row;gap:6px;align-items:center}.project-info .meta .company-row .dot[data-v-166b4ed2]{height:6px;width:6px;border-radius:6px;background:red;border:1px solid rgba(0,0,0,.1)}.project-info .meta .year[data-v-166b4ed2]{opacity:.5}.project-info .footer[data-v-166b4ed2]{display:flex;flex-direction:row;gap:16px}.hero-container[data-v-166b4ed2]{height:100vh;width:100vw;overflow:hidden;display:flex;justify-content:center;background:#000}.hero-container .graph[data-v-166b4ed2]{z-index:2}.hero-container[data-v-166b4ed2]:hover{cursor:pointer}.mask[data-v-166b4ed2]{-webkit-filter:blur(2px);-webkit-mask-box-image:-webkit-linear-gradient(black 25%,transparent 35%,transparent 65%,black 75%);z-index:3}.hero[data-v-166b4ed2],.mask[data-v-166b4ed2]{position:absolute;top:0;height:100vh;width:100vw;display:flex;align-items:start;justify-content:end;flex-direction:column;padding:6rem;color:var(--color-text);gap:8px;text-shadow:0 0 30px rgba(0,0,0,.5);opacity:0;transform:translateY(20px);animation:fadeInUp-166b4ed2 .3s ease forwards}.hero .title[data-v-166b4ed2],.mask .title[data-v-166b4ed2]{font-weight:800;font-size:64px;line-height:64px}.hero .title[data-v-166b4ed2]:hover,.mask .title[data-v-166b4ed2]:hover{cursor:pointer}.hero .type[data-v-166b4ed2],.mask .type[data-v-166b4ed2]{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700}.hero .type.Web[data-v-166b4ed2],.mask .type.Web[data-v-166b4ed2],.hero .type.Mobile[data-v-166b4ed2],.mask .type.Mobile[data-v-166b4ed2],.hero .type.Print[data-v-166b4ed2],.mask .type.Print[data-v-166b4ed2],.hero .type.Architecture[data-v-166b4ed2],.mask .type.Architecture[data-v-166b4ed2],.hero .type.Exploration[data-v-166b4ed2],.mask .type.Exploration[data-v-166b4ed2]{color:#fff}.hero .type.Furniture[data-v-166b4ed2],.mask .type.Furniture[data-v-166b4ed2]{color:#000}.hero .meta[data-v-166b4ed2],.mask .meta[data-v-166b4ed2]{display:flex;flex-direction:column;gap:2px}.hero .meta .company-row[data-v-166b4ed2],.mask .meta .company-row[data-v-166b4ed2]{display:flex;flex-direction:row;gap:6px;align-items:center}.hero .meta .company-row .dot[data-v-166b4ed2],.mask .meta .company-row .dot[data-v-166b4ed2]{height:6px;width:6px;border-radius:6px;background:red;border:1px solid rgba(0,0,0,.1)}.hero .meta .year[data-v-166b4ed2],.mask .meta .year[data-v-166b4ed2]{opacity:.5}.hero .footer[data-v-166b4ed2],.mask .footer[data-v-166b4ed2]{display:flex;flex-direction:row;gap:16px}.markers[data-v-166b4ed2]{display:flex;flex-direction:row;gap:8px;position:absolute;bottom:3rem;padding:.75rem;border-radius:2rem;background:var(--color-glass-background-2);background:#ffffff0d;border:1px solid var(--color-glass-border-2);border:1px solid rgba(255,255,255,.055);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.markers .marker[data-v-166b4ed2]{display:block;height:8px;width:8px;border-radius:8px;background:#fff3;transition:all .05s cubic-bezier(.01,.1,.75,.01)}.markers .marker.active[data-v-166b4ed2]{background:#fff3;width:24px}.markers .marker.active .indicator[data-v-166b4ed2]{height:8px;width:8px;background:var(--color-text);border-radius:4px;transition:all .05s cubic-bezier(.01,.1,.75,.01)}.markers .marker[data-v-166b4ed2]:hover{background:var(--color-text);box-shadow:0 0 10px 2px var(--color-loader-glow);cursor:pointer}.indicator[data-v-166b4ed2]{height:8px;background:var(--color-text);border-radius:4px;box-shadow:0 0 10px 2px var(--color-loader-glow);animation:growIndicator-166b4ed2 10s linear infinite}.slide-enter-active[data-v-166b4ed2],.slide-leave-active[data-v-166b4ed2]{transition:transform .1s cubic-bezier(1,.5,.8,1)}.slide-enter-from[data-v-166b4ed2],.slide-leave-to[data-v-166b4ed2]{transform:translateY(100%)}.slide-enter-to[data-v-166b4ed2],.slide-leave-from[data-v-166b4ed2]{transform:translateY(0)}@keyframes fadeInUp-166b4ed2{to{opacity:1;transform:translateY(0)}}@keyframes growIndicator-166b4ed2{0%{width:8px}to{width:24px}}.circle[data-v-166b4ed2]{width:737px;height:737px;border-radius:737px;position:fixed;z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pink[data-v-166b4ed2]{left:-315px;bottom:-118px;background:#f069}.green[data-v-166b4ed2]{right:-282px;top:-300px;background:#9eff0099;border:none}.hero[data-v-166b4ed2]:before{content:"";position:fixed;top:0;left:0;width:100vw;height:20em;background:linear-gradient(to bottom,hsla(var(--background)/.5),transparent);mask:linear-gradient(to bottom,black,black 30%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero[data-v-166b4ed2]:after{content:"";position:fixed;bottom:0;left:0;width:100vw;height:20em;background:linear-gradient(to top,hsla(var(--background)/.5),transparent);mask:linear-gradient(to top,black,black 30%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button{display:inline-flex;padding:6px 12px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:6px;border:1px solid #D7DDE8;background:#ffffff80;box-shadow:0 2px 2px #0000000f,0 -5px 10px #17253d0a inset;transition:all .05s cubic-bezier(.01,.1,.75,.01)}.button.dark{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)!important}.button.dark .text{color:var(--color-text)}.button .text{color:#2d3f5e;font-feature-settings:"clig" off,"liga" off;font-size:.65rem;font-style:normal;font-weight:700;line-height:16px;letter-spacing:1px}.button:hover{border-radius:6px;border:1px solid #6ECD99;background:#fff;box-shadow:0 0 20px #6ecd9940,2px 2px 1px #6ecd9940 inset;cursor:pointer}.button:hover .text{color:#058a04}.heroNav .button{border-color:#060c2b!important;background:#fff}.heroNav .button:hover{border-color:#060c2b!important}.aboutNav .button:hover{border-color:var(--color-about-bg)!important}.experienceNav .button:hover{border-color:var(--color-experience-text)!important}.exposureNav .button:hover{border-color:var(--color-exposure-text)!important}.skillsNav .button:hover{border-color:var(--color-skills-text)!important}.button.active{border-radius:6px;border:1px solid var(--cool-gray-1, #FFF);background:linear-gradient(0deg,#058a0499,#058a0499),linear-gradient(179deg,#6ecd99 9.13%,#6ecd9900 98.89%);box-shadow:0 0 3px #0000001a,2px 2px 3px #17253d33 inset}.button.active .text{color:#fff;text-shadow:0 0 10px var(--color-text-glow)}.button.active.aboutButton{background:var(--color-about-text);border-color:var(--color-about-bg)}.button.active.experienceButton{background:var(--color-experience-text);border-color:var(--color-experience-bg)}.button.active.exposureButton{background:var(--color-exposure-text);border-color:var(--color-exposure-bg)}.button.active.exposureButton .text{color:var(--color-exposure-bg)}.button.active.skillsButton{background:var(--color-skills-text);border-color:var(--color-skills-bg)}.work{background:var(--color-background-work);color:var(--color-text-work)}.work.exp .subheader{background:var(--color-subheader-background-2)}.work.exp .subheader a{color:var(--color-text-work)}.work.exp .subheader a.active{color:var(--color-base-link)}.work.exp .work-content{padding-top:96px}.work .work-content{width:100vw;height:100vh;padding-top:64px;overflow-y:scroll}.work .work-content.heroContainer{background:#000}.work .work-content.aboutContainer{background:var(--color-about-bg);color:var(--color-about-text);width:100vw;display:flex;align-items:center;justify-content:center}.work .work-content.aboutContainer svg .marker{fill:var(--color-about-bg)!important;filter:drop-shadow(0px 0px 20px rgba(0,0,0,.5))}.work .work-content.aboutContainer svg .marker.white{stroke:#fff3}.work .work-content.aboutContainer svg .connector{stroke:#fff3}.work .work-content.experienceContainer{background:var(--color-experience-bg);color:var(--color-experience-text)}.work .work-content.experienceContainer svg .marker{fill:var(--color-experience-bg)!important;filter:drop-shadow(0px 0px 20px rgba(0,0,0,.5))}.work .work-content.exposureContainer{background:var(--color-exposure-bg);color:var(--color-exposure-text);display:flex;align-items:start;justify-content:center}.work .work-content.exposureContainer svg .marker{fill:var(--color-exposure-bg)!important;filter:drop-shadow(0px 0px 20px rgba(0,0,0,.5))}.work .work-content.portfolioContainer{background:var(--color-portfolio-bg);color:var(--color-portfolio-text);display:flex;align-items:start;justify-content:center}.work .work-content.portfolioContainer svg .marker{fill:var(--color-portfolio-bg)!important;filter:drop-shadow(0px 0px 20px rgba(0,0,0,.5))}.work .work-content.skillsContainer{background:var(--color-skills-bg);color:var(--color-skills-text)}.work .work-content.skillsContainer svg .marker{fill:var(--color-skills-bg)!important;filter:drop-shadow(0px 0px 20px rgba(0,0,0,.5))}.glass-container{z-index:2;border:1px solid var(--color-glass-border-2);border-radius:8px;overflow:hidden;box-shadow:0 0 60px var(--color-shadow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px}.glass-contents{z-index:3;background:var(--color-background);border:1px solid var(--color-glass-border-1);background:var(--color-glass-background);padding:24px;border-radius:6px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .1s cubic-bezier(1,.5,.8,1);display:flex;flex-direction:column;gap:2rem}.glass-contents.inset{box-shadow:1px 1px #0003 inset,1px 1px 30px #0003 inset,-1px -1px #ffffff13 inset}.glass-contents.light{border:1px solid var(--color-glass-border);background:var(--color-glass-background-2)}.glass-contents.light.inset{box-shadow:1px 1px #0000001a inset,1px 1px 30px #0000001a inset,-1px -1px #ffffff13 inset}@media (max-width: 490px){.work-content{padding-top:78px!important}}.time{display:flex;flex-direction:column;align-items:center;width:100%;gap:.5rem;font-size:.875rem}.loader-container{width:50%;background:var(--color-loader-bar);border-radius:10px;padding:4px}.loader-container .loader-bar{background:var(--color-loader-bar);border-radius:10px}.loader-container .loader-bar .loader{width:0%;height:2px;background-color:var(--color-loader);border-radius:10px;transition:all .05s cubic-bezier(.01,.1,.75,.01);box-shadow:0 0 10px 2px var(--color-loader-glow)}.playground-container{position:relative;display:flex;flex-direction:column;align-items:center}.playground-container .svg{height:calc(100vh - 152px);width:45vw;display:flex;justify-content:center;align-items:center;transition:all .75s cubic-bezier(.01,.1,.75,.01)}.loading{position:absolute;top:calc(50% - 20px);left:50%;transform:translate(-50%,-50%);width:58px;height:58px}.subheader{background:var(--color-subheader-background);height:64px;display:flex;align-items:center;justify-content:center;font-size:.875rem}.subheader .nav{width:100vw;max-width:var(--max-width);display:flex;flex-direction:row;gap:8px;padding:0 2rem}.subheader .nav.work-nav{gap:16px;align-items:center}.subheader .nav .links{display:flex;flex-direction:row;gap:16px;flex:1 0 0}.subheader .nav .links a{color:var(--color-text);border:none}.subheader .nav .links a:hover{cursor:pointer}.subheader .nav .links a.active{font-weight:800;text-shadow:0 0 10px var(--color-text-glow)}.subheader .nav .download{display:flex;flex-direction:row;gap:16px;align-items:center}.subheader .nav .download a{color:var(--color-text);border-bottom:1px solid var(--color-text);font-weight:500}.subheader .nav .download a:hover{cursor:pointer;border-bottom:1px dashed var(--color-text);text-shadow:0 0 10px var(--color-text-glow)}.subheader .nav .download a.info{font-weight:800;border:1px solid var(--color-text);font-size:.65rem;height:18px;width:18px;display:flex;align-items:center;justify-content:center;border-radius:1rem}.subheader .nav .download a.info:hover{cursor:pointer;border:2px solid var(--color-text)}.content{padding-top:96px}.info-glass-container{z-index:2;border:1px solid var(--color-glass-border-2);border-radius:8px;overflow:hidden;box-shadow:0 0 60px var(--color-shadow);background:var(--color-glass-background);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px;position:absolute;top:38%;left:25%;width:50vw}.info-glass-container .glass-contents{z-index:3;border:1px solid var(--color-glass-border-2);background:var(--color-glass-background-2);padding:24px;border-radius:6px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .1s cubic-bezier(1,.5,.8,1);display:flex;flex-direction:column;gap:2rem}.info-glass-container .glass-contents.inset{box-shadow:1px 1px #0003 inset,1px 1px 30px #0003 inset,-1px -1px #ffffff13 inset}.info-glass-container .glass-contents.light{border:1px solid var(--color-glass-border);background:var(--color-glass-background-2)}.info-glass-container .glass-contents.light.inset{box-shadow:1px 1px #0000001a inset,1px 1px 30px #0000001a inset,-1px -1px #ffffff13 inset}