@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap";@import"https://fonts.googleapis.com/css2?family=Bowlby+One+SC&display=swap";body{margin:0;width:100%;min-height:100vh;overflow-x:hidden;min-width:320px}#root{min-height:100vh;display:flex;flex-direction:column;align-content:center;text-align:center}*{padding:0;margin:0;box-sizing:border-box}:root{--Text-dark: #464646;--Text-light: #F5F5F5;--Green: #3C7C7C;--Gray: #727371;--Gray-light: #CAD5D6}body{color:var(--Text-dark);background-color:#d8d6ad}p,.default-body-text{font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.headline{font-family:Bowlby One SC,sans-serif;font-weight:400;font-size:70px;font-style:normal;line-height:70px;letter-spacing:.5px;text-transform:uppercase;display:inline-block}.subheading{font-family:Bowlby One SC,sans-serif;font-weight:400;font-size:28px;font-style:normal;line-height:30px;letter-spacing:.5px;text-transform:uppercase;text-align:left}.subtitle{font-family:Roboto,sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:20px;letter-spacing:1px;text-align:left}.sectiontitle{font-family:Roboto,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:var(--Green);letter-spacing:2px}a{text-decoration:inherit;text-decoration:underline;text-underline-offset:3px;color:var(--Text-dark)}a:hover{color:var(--Green)}.material-symbols-outlined{font-family:Material Symbols Outlined,serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined:hover{cursor:pointer}.word{display:inline-block;white-space:nowrap}.homepage{display:flex;flex-direction:column;width:100%;min-height:100vh;gap:32px;position:relative;z-index:2;background-color:#d8d6ad}.home-container{display:flex;flex-direction:column;justify-content:center;flex-grow:1;gap:42px;margin:32px}.greeting-container{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:default}.greeting{color:transparent;display:inline-block;-webkit-text-stroke:2px var(--Text-dark)}.disciplines{display:flex;flex-wrap:wrap;justify-content:center;max-width:500px;gap:8px;padding:12px}.button-container{display:flex;justify-content:center;gap:24px}.btn{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-style:normal;font-weight:700;line-height:36px;letter-spacing:1px;text-transform:uppercase;height:42px;padding:0 24px;border-radius:4px;border:2px solid var(--Text-dark);box-shadow:0 6px 0 0 var(--Text-dark);cursor:pointer}.primary{background:var(--Green);color:var(--Text-light)}.primary:hover{background:#4cbabd}.secondary{background:#e5e5e5;color:var(--Text-dark)}.secondary:hover{background:var(--Text-light)}.cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:100}.cursor-dot{height:16px;width:16px;border-radius:8px;background:var(--Text-dark)}.cursor-image{width:200px;height:200px;border-radius:50%;box-shadow:-3px 18px 27px -16px #000000bf;transform:translate(-10px,-85%)}.cursor-project{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;background:var(--Text-dark);color:#fff;transform:translate(-0%,-100%)}.filled{display:inline-flex;padding:2px 12px;align-items:center;gap:6px;border-radius:16px;background:var(--Text-light);color:var(--Text-dark)}.outlined{padding:4px 12px;align-items:center;gap:6px;border:2px solid #40999C;border-radius:8px;background:#ddf7f8;color:#286d6f}.footer{display:flex;flex-direction:column;align-items:center;padding:82px 46px 46px;background-color:#d8d6ad}.projects-page{display:flex;flex-direction:column;width:100%;gap:32px;align-items:center;background-color:#d8d6ad}.projects-header{background-color:#d8d6ad}.projects-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:900px;gap:82px;padding:0 32px}.projects-section{display:flex;flex-direction:column;gap:32px;align-items:center}@media screen and (max-width:768px){.project-wrapper{padding:0 16px}}.header-nav{display:flex;justify-content:center;padding:46px}.header-nav ul{display:flex;gap:16px}.navbar{list-style:none}.navbar:hover{color:var(--Green);cursor:pointer}.navbar.active{color:var(--Green);padding-bottom:2px;border-bottom:3px solid var(--Green)}.project-card-wrapper{opacity:1;transform:translateY(18px) scale(.98);animation:project-card-enter .5s cubic-bezier(.22,1,.36,1) both;min-width:350px}.project-card{display:flex;z-index:0;position:relative;flex-direction:column;align-items:stretch;align-content:stretch;justify-content:space-between;border-radius:8px;background:#fff;box-shadow:0 6px 0 0 var(--Text-dark);min-width:350px;overflow:hidden;cursor:pointer;opacity:1;transition:transform .2s ease-in-out}.project-card:hover{transform:scale(1.01) translateY(-4px);transition:transform .1s ease-in-out}@keyframes project-card-enter{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.project-card:hover .card-footer{visibility:visible;opacity:1;transition:all .4s ease-in-out}.card-content{display:flex}.card-content img{width:100%;border-radius:8px 8px 0 0}.card-footer{visibility:hidden;opacity:0;transition:all .4s ease-in-out;position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;padding:32px 24px 24px;gap:12px;background:linear-gradient(to bottom,#46464666,#fff0 40%)}.card-footer .subheading{flex:1 1 auto;min-width:0;color:#fff;font-size:20px}.chip-container{display:flex;flex-direction:column;align-items:flex-end;gap:8px}@media screen and (max-width:768px){.project-wrapper{padding:0 16px}.card-footer{padding:16px}}.overview{display:flex;flex-direction:row;gap:24px;padding-bottom:80px}.overview .section-title{flex-basis:50vw}.project-info{display:flex;flex-basis:50vw;flex-grow:1;flex-direction:column;align-items:flex-start;gap:16px}.project-info>p{text-align:left;padding-bottom:24px}.project-tags{display:flex;gap:24px;flex-wrap:wrap}.project-tags div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex-shrink:0}.project-tags div span{color:var(--Gray-light)}.section-title{display:flex;align-items:flex-start}.section-title span{border:var(--Green) solid 2px;color:var(--Green);border-radius:4px;padding:8px 24px}body{background-color:#fff}.project-page{display:flex;flex-direction:column;align-items:center;margin:32px;gap:80px}section{display:flex;flex-direction:column;gap:24px;width:100%}.project-image{width:100%}.portfolio-section{display:flex;flex-direction:column;gap:32px}.core-features{display:flex;flex-direction:column;align-items:center;gap:32px;padding:80px 24px;background-color:#f9f9f3;border-radius:24px}.core-features span{padding-bottom:24px}.core-feature{display:flex;gap:24px;align-items:center}.core-feature div{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.core-feature .sectiontitle{color:var(--Text-dark)}.numbering{height:64px}.portfolio-image img{width:100%}.mockup-illustrations{width:400px;padding:80px 24px}.button-wrapper{display:flex;justify-content:center;padding-top:24px}.toggle-button{display:flex;justify-content:center;flex-grow:0;border:none;background:none;cursor:pointer;padding:8px 16px;color:var(--Gray-light)}.left{border-radius:4px 0 0 4px}.middle{border-radius:0}.right{border-radius:0 4px 4px 0}.active{color:#286d6f;cursor:default;border-bottom:3px solid #286D6F}.services-page{display:flex;flex-direction:column;width:100%;background-color:#d8d6ad}.services-header{position:sticky;top:0;background-color:#d8d6ad}.services-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:82px;padding:0 32px}.services-intro,.services-section,.contact-section{max-width:500px;align-items:center}.contact-image{width:200px}.services-intro{margin-top:32px}.services-section{max-width:900px}.carousel-nav{display:flex;justify-content:space-between;width:100%}.dots{display:flex;gap:4px}.selected-dot{width:10px;height:10px;border-radius:50%;background-color:var(--Text-dark)}.default-dot{width:10px;height:10px;border-radius:50%;background-color:#7b7a6b}@media screen and (max-width:768px){.services-wrapper{padding:0 16px}}.service-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 6px 0 0 var(--Text-dark);min-width:350px;padding:64px;gap:16px;touch-action:pan-y;will-change:transform}.card-body{text-align:left}.deliverables{display:flex;align-content:flex-start;gap:8px;flex-wrap:wrap}@media screen and (max-width:768px){.service-card{padding-left:32px;padding-right:32px}}.accessibility-page{width:100%;min-height:100vh;display:flex;flex-direction:column;text-align:left;background-color:#d8d6ad}.accessibility-title{margin:24px 0}.accessibility-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;padding:0 16px 32px;background-color:#d8d6ad}.accessibility-title,.accessibility-section{width:100%;max-width:750px;text-align:left}.accessibility-list{padding-left:16px}.privacy-page{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#d8d6ad}.privacy-title{margin:24px 0}.privacy-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;padding:0 16px 32px;background-color:#d8d6ad}.privacy-title,.privacy-section{width:100%;max-width:750px;text-align:left}.privacy-list{padding-left:16px}