@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%;height:100%;min-width:320px;min-height:100vh}#root{margin:0 auto;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:26px;letter-spacing:.5px;text-transform:uppercase}.subtitle{font-family:Roboto,sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:1px}.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:absolute;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%)}.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:46px;background-color:#d8d6ad}.projects-page{display:grid;grid-template-rows:repeat(12,1fr);grid-template-columns:repeat(12,1fr);grid-gap:32px;align-items:center;background-color:#ebebeb;padding:32px}.project-1{grid-row:1/3;grid-column:4/span 5}.project-2{grid-row:3/5;grid-column:8/span 5}.project-3{grid-row:4/6;grid-column:1/span 5}@media screen and (max-width:768px){.projects-page{display:flex;flex-direction:column;gap:24px}}.project-card{display:flex;flex-direction:column;align-items:stretch;align-content:stretch;justify-content:space-between;border:2px solid var(--Text-dark);border-radius:4px;background:#ebebeb;box-shadow:0 6px 0 0 var(--Text-dark);min-width:350px;cursor:pointer}.card-content{display:flex}.card-content img{width:100%}.card-footer{display:flex;justify-content:flex-end;border-top:2px solid var(--Text-dark);padding:12px 16px 16px;gap:8px}.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}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}.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}.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}.accessibility-title{margin:24px 0}.accessibility-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:24px;width:100vw;height:100vh;background-color:#d8d6ad}.accessibility-title,.accessibility-section{width:100%;max-width:750px;padding:0 32px;text-align:left}.accessibility-list{padding-left:16px}