@import "https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light dark;--primary-pink:#ea18be;--primary-yellow:#edae11;--primary-blue:#18e0ea;--pink-deep:#700053;--pink-tint-1:#fa71d7;--pink-tint-2:#ffb3ec;--pink-tint-3:#ffd2f4;--yellow-deep:#674c00;--yellow-tint-1:#ffd561;--yellow-tint-2:#ffe8a8;--yellow-tint-3:#fff6dc;--blue-deep:#004f56;--blue-tint-1:#5cf1ff;--blue-tint-2:#9cf7ff;--blue-tint-3:#d0fbff;--white:#fff;--black:#000;color:var(--blue-deep);background-color:var(--white);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.5}body{min-width:320px;height:100vh;margin:0;font-family:Kumbh Sans,system-ui,Avenir,Helvetica,Arial,sans-serif}h1,.style-h1{margin:.8rem 0;font-size:5rem}h2,.style-h2{font-size:2rem;font-weight:400}h3{margin:0;font-size:2rem;font-weight:200}.portfolio h3{text-transform:lowercase}h4{margin:1rem 0 .5rem;font-size:1.5rem;font-weight:500}h5{letter-spacing:.1rem;opacity:.6;font-size:1rem;font-weight:400}p{margin:1rem 0}.outline{-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px}hr{background-color:var(--blue-deep);opacity:.5;border:none;height:1px;margin:20px 0}#root{width:100%}body,html{scrollbar-gutter:stable;scrollbar-color:var(--pink-tint-2) transparent;height:100%;margin:0;padding:0}.header-nav{z-index:1000;justify-content:end;gap:20px;width:100%;padding:40px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;right:0}.header-nav.hidden{transform:translateY(-100%)}.header-nav.visible{transform:translateY(0)}.header-nav a,.header-nav button{color:var(--blue-deep);cursor:pointer;text-transform:lowercase;background-color:#0000;border:1px solid #0000;padding:5px 0;font-family:inherit;font-size:1rem;font-weight:300;text-decoration:none;transition:color .3s,font-weight .3s}.header-nav a:hover,.header-nav a:focus,.header-nav button:hover,.header-nav button:focus{font-weight:500}.header-nav a.active,.header-nav button.active{border-bottom:1px solid var(--blue-deep)}.hero,.page-content{min-height:50vh;padding:80px 40px 20px;display:flex}.hero.background{background-color:var(--blue-tint-3);border-bottom:1px solid var(--blue-deep);background-image:url(/_astro/gradient-light.Crj_pCfC.png);background-position:100%;background-size:cover}.intro{border:1px solid var(--blue-deep);background-color:var(--white);max-width:600px;box-shadow:8px 8px 0 var(--blue-deep);padding:10px 25px;position:relative;top:8vh}.portfolio{margin-top:5vh;padding:80px 40px}.oversized-title{color:var(--blue-deep);opacity:.25;letter-spacing:.01em;margin:0 0 -1rem;font-size:6.5rem;font-weight:800;line-height:1em}.project-group{margin:80px 0}.project-header{align-items:center;margin-bottom:20px;display:flex}.project-heading .style-h2{margin:0}.project-indicator{width:4rem;height:2px;margin-right:20px;display:inline-block}.blue-style .project-indicator{background-color:var(--blue-deep)}.pink-style .project-indicator{background-color:var(--pink-deep)}.project-buttons{flex-direction:column;gap:2rem;display:flex}.project-tabs{flex-direction:row;justify-content:space-between;gap:80px;min-height:400px;display:flex}.project-details{max-width:600px}.project-details p{margin:0 0 20px}.project-heading{flex-direction:column;display:flex}.project-page-content{gap:60px}.featured-box{border:1px solid var(--blue-deep);box-shadow:8px 8px 0 var(--blue-deep);max-width:100%}.featured-box img,.featured-box video{width:100%;display:block}.ideation-row{flex-direction:row;align-items:flex-start;gap:80px;display:flex}.ideation-row .context-image{flex:1;min-width:0}.break-images-row{flex-direction:row;align-items:center;gap:80px;display:flex}.break-images-row :first-child{flex:1;min-width:0}.break-images-row :nth-child(2){flex-shrink:0;width:100%;max-width:600px}.context-image img{width:100%;display:block}.project-text-section{flex-shrink:0;width:100%;max-width:600px}.project-template{background-image:url(/_astro/project-detail-header.D0f1rhhU.png);background-position:top;background-repeat:no-repeat;background-size:contain}.project-buttons button{background-color:var(--white);text-transform:lowercase;text-align:left;letter-spacing:.02em;cursor:pointer;min-width:10rem;padding:15px 25px;font-family:inherit;font-size:2rem;font-weight:200;transition:box-shadow .3s,color .3s}.blue-style .project-buttons button{color:var(--blue-deep);border:2px solid var(--blue-deep);box-shadow:8px 8px 0 var(--blue-deep)}.pink-style .project-buttons button{color:var(--pink-deep);border:2px solid var(--pink-deep);box-shadow:8px 8px 0 var(--pink-deep)}.project-buttons button:hover,.project-buttons button:focus{box-shadow:12px 12px}.blue-style .project-buttons button.active{box-shadow:4px 4px 0 var(--blue-deep);background-color:var(--blue-tint-3)}.pink-style .project-buttons button.active{box-shadow:4px 4px 0 var(--pink-deep);background-color:var(--pink-tint-3)}.tags{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}span.tag{color:var(--blue-deep);border-radius:1px;padding:5px 10px;font-size:1rem}.blue-style span.tag{background-color:var(--blue-tint-3)}.pink-style span.tag{background-color:var(--pink-tint-3)}.project-link{color:var(--blue-deep);font-weight:500;font-size:inherit;cursor:pointer;background-color:#0000;border:none;align-items:center;gap:8px;font-family:inherit;text-decoration:none;transition:all .3s;display:inline-flex}.project-link svg{transition:transform .3s}.project-link:hover svg{transform:translate(4px)}.project-accordion{flex-direction:column;gap:1rem;display:none}.accordion-header{background-color:var(--white);text-transform:lowercase;text-align:left;letter-spacing:.02em;cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:15px 25px;font-family:inherit;font-size:1.5rem;font-weight:200;transition:box-shadow .3s;display:flex}.blue-style .accordion-header{color:var(--blue-deep);border:2px solid var(--blue-deep);box-shadow:8px 8px 0 var(--blue-deep)}.accordion-item.open .accordion-header{box-shadow:4px 4px 0 var(--blue-deep);background-color:var(--blue-tint-3)}.accordion-chevron{transition:transform .3s}.accordion-item.open .accordion-chevron{transform:rotate(180deg)}.accordion-content{opacity:0;max-width:600px;max-height:0;padding:0;transition:max-height .4s,opacity .3s,padding .4s;overflow:hidden}.accordion-item.open .accordion-content{opacity:1;max-height:800px;padding:20px 0}.resume-content .bold{letter-spacing:.05rem;margin-right:5px;font-weight:600}ul{padding-left:0;list-style:none}ul li{margin-bottom:20px;padding-left:20px;position:relative}ul li:before{content:"";border:1.5px solid var(--blue-deep);background:0 0;border-radius:50%;width:8px;height:8px;position:absolute;top:.5em;left:0}ul>li>ul{padding-left:20px}ul>li>ul>li{margin-bottom:10px}ul>li>ul>li:before{background:var(--blue-deep);width:6px;height:6px;top:.5em}.full-height{flex-direction:column;height:100vh;display:flex;overflow:hidden}.hero.full-height{padding:0 40px}.content-width{width:100%;max-width:1200px;height:100%;margin:0 auto}.flex-row{flex-direction:row;justify-content:space-between;gap:80px;height:100%;display:flex}.flex-column{flex-direction:column;display:flex}.resume-menu{height:100%;padding-top:80px;overflow-y:auto}.resume-content{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;flex:1;max-height:100%;padding:220px 0;overflow-y:auto}.resume-content::-webkit-scrollbar{display:none}.resume-content::-webkit-scrollbar-thumb{display:none}.resume-menu-links{flex-direction:column;gap:10px;margin:40px 0;display:flex}.resume-indicator{background-color:var(--blue-deep);width:1.5rem;height:1px;margin-right:20px;transition:all .3s;display:inline-block}.resume-link{color:var(--blue-deep);align-items:center;font-weight:300;text-decoration:none;transition:all .3s;display:flex}.resume-link:hover{font-weight:400}.resume-link:hover .resume-indicator{width:3rem}.carousel{flex-direction:row;gap:20px;margin-top:40px;display:flex}.carousel-image{border:1px solid var(--blue-deep);width:100%;height:auto;box-shadow:8px 8px 0 var(--blue-deep)}.carousel-btn{cursor:pointer}.carousel-btn svg{width:32px;height:32px;stroke:var(--blue-deep);transition:fill .3s}.footer{padding:20px 40px}.footer-links{align-items:center;gap:20px;display:flex}.footer svg{width:32px;height:32px;fill:var(--blue-deep);transition:fill .3s}.footer svg:hover{fill:var(--deep-pink)}@media (width<=1080px){.oversized-title{margin:0 0 -.15em;font-size:4.5rem;line-height:.8em}.ideation-row{flex-direction:column}.ideation-row .project-text-section{order:-1}.break-images-row{flex-direction:column}.content-width .break-images-row :nth-child(2){width:100%;max-width:860px}.context-image{align-self:flex-start;width:100%;max-width:860px}.project-tabs{display:none}.project-accordion{display:flex}.full-height{height:auto;overflow:unset}.flex-row{flex-direction:column;gap:10px}}@media (width<=768px){.oversized-title{font-size:3.5rem}.ideation-row{flex-direction:column}.ideation-row .project-text-section{order:-1}.break-images-row{flex-direction:column}.context-image{width:100%;max-width:600px}.project-tabs{flex-direction:column;gap:40px}.project-buttons{flex-flow:wrap;gap:20px}.project-buttons button{font-size:1.5rem}.full-height{height:auto;overflow:unset}.flex-row{flex-direction:column;align-items:start;gap:10px}.resume-content{max-height:unset;overflow-y:unset;padding:0 0 40px}.resume-menu{width:100%}.hero,.page-content{min-height:40vh}.portfolio-title{margin:1rem 0;font-size:5rem}}