@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.loading{height:100svh;display:flex;justify-content:center;align-items:center}.loader{width:60px;height:25px;border:2px solid;box-sizing:border-box;border-radius:50%;display:grid;animation:l2 2s infinite linear;border-color:var(--primary-color)}.loader:before,.loader:after{content:"";grid-area:1/1;border:inherit;border-radius:50%;animation:inherit;animation-duration:3s;border-color:var(--primary-text)}.loader:after{--s:-1}@keyframes l2{to{transform:rotate(calc(var(--s, 1) * 1turn))}}:root{--step--2: clamp(.6944rem, .6856rem + .0444vw, .72rem);--step--1: clamp(.8333rem, .8101rem + .1159vw, .9rem);--step-0: clamp(1rem, .9565rem + .2174vw, 1.125rem);--step-1: clamp(1.2rem, 1.1283rem + .3587vw, 1.4063rem);--step-2: clamp(1.44rem, 1.3295rem + .5527vw, 1.7578rem);--step-3: clamp(1.728rem, 1.5648rem + .8161vw, 2.1973rem);--step-4: clamp(2.0736rem, 1.8395rem + 1.1704vw, 2.7466rem);--step-5: clamp(2.4883rem, 2.1597rem + 1.6433vw, 3.4332rem);--step-6: clamp(2.986rem, 2.5319rem + 2.2705vw, 4.2915rem);--step-7: clamp(3.5832rem, 2.9636rem + 3.0978vw, 5.3644rem);--step-8: clamp(4.2998rem, 3.463rem + 4.1838vw, 6.7055rem)}@font-face{font-family:Edo;src:local("Edo"),url(/fonts/edo-webfont.woff) format("woff");font-display:swap}body{font-family:Inter,sans-serif;font-size:var(--step-0)}main{line-height:1.5}h1,h2{font-family:Edo,sans-serif;font-weight:100;overflow-wrap:break-word}.wp-block-group h3{font-family:Edo,sans-serif;font-weight:100;font-size:var(--step-2);margin-top:0}h1{margin-top:0;margin-bottom:0}.step-8{font-size:var(--step-8)}.step-7{font-size:var(--step-7)}.step-6{font-size:var(--step-6)}.step-5{font-size:var(--step-5)}.step-4{font-size:var(--step-4)}.step-3{font-size:var(--step-3)}.step-2{font-size:var(--step-2)}.step-1{font-size:var(--step-1)}.step-0{font-size:var(--step-0)}.step--1{font-size:var(--step--1)}.step--2{font-size:var(--step--2)}.submit-button,.secondary-button,.primary-button{display:block;padding:1.25rem .625rem;font-size:var(--step-0);text-align:center;text-decoration:none;box-shadow:0 1px 18px #0000001f,0 6px 10px #00000024,0 3px 5px -1px #0003;border:none}@media (min-width: 800px){.submit-button,.secondary-button,.primary-button{padding:.625rem}}.submit-button,.secondary-button{background-color:var(--secondary-color);color:var(--secondary-button-text)}.primary-button{background-color:var(--primary-color);color:var(--text-on-primary)}.submit-button{width:100%}@media (min-width: 56.25rem){.submit-button{max-width:25rem;margin-left:auto;margin-right:auto}}.secondary-button,.primary-button{width:300px;margin-left:auto;margin-right:auto}.submit-button:hover,.secondary-button:hover{box-shadow:0 5px 22px 4px #0000001f,0 12px 17px 2px #00000024,0 7px 8px -4px #0003;background-color:var(--secondary-light)}.primary-button:hover{box-shadow:0 5px 22px 4px #0000001f,0 12px 17px 2px #00000024,0 7px 8px -4px #0003;background-color:var(--primary-light)}.all-work-button{margin-top:min(10vh,1.25rem)}.project-links{display:flex;justify-content:center;gap:3rem;width:100%;max-width:800px;margin:4rem auto min(20vh,12rem) auto;flex-wrap:wrap}@media (min-width: 56.25rem){.project-links{gap:1rem}}.selector-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;padding:1rem}.selector-buttons button{padding:.625rem;width:clamp(5.625rem,20%,7rem);box-shadow:0 1px 18px #0000001f,0 6px 10px #00000024,0 3px 5px -1px #0003;border:none;background-color:var(--secondary-text);color:var(--background-color)}.selector-buttons button:hover{background-color:var(--primary-light)}.selector-buttons .button-checked{background-color:var(--primary-color);color:var(--text-on-primary);box-shadow:0 1px 8px #0000001f,0 3px 4px #00000024,0 3px 3px -2px #0003;border:none}.wp-home-section .wp-block-group,.work-display .work-intro,.about-page .intro-section,.project-overview,.project-requirements,.key-features,.development-process,.project-mockup{width:90%;max-width:55rem;margin:0 auto min(20vh,12rem)}.is-layout-constrained{width:100%;max-width:55rem;margin:0 auto}@media (min-width: 46.75rem){.is-layout-constrained{width:90%}}.development-process .wp-block-group{padding:2rem;margin:4rem auto}.wp-block-group img{padding:.5rem;background-color:var(--background-surface);box-shadow:0 1px 8px #0000001f,0 3px 4px #00000024,0 3px 3px -2px #0003;border:none;max-width:100%;height:auto}.challenge-solution{margin-bottom:min(20vh,12rem)}.challenge-solution .wp-block-column{box-shadow:0 1px 8px #0000001f,0 3px 4px #00000024,0 3px 3px -2px #0003;border:1px solid var(--border-color);padding:2rem}.challenge-solution .wp-block-columns-is-layout-flex{gap:3rem}@media (min-width: 46.75rem){.challenge-solution .wp-block-columns-is-layout-flex{gap:clamp(3rem,5%,5rem)}}.project-requirements.alignfull,.wp-block-group.alignfull,.key-features.alignfull,.development-process.alignfull,.project-mockup.alignfull{width:90%;max-width:85rem;margin:0 auto min(20vh,12rem)}.project-requirements.alignwide,.wp-block-group.alignwide,.key-features.alignwide,.development-process.alignwide,.project-mockup.alignwide{width:90%;max-width:70rem;margin:0 auto min(20vh,12rem)}.wp-block-columns-is-layout-flex{padding:1rem 0;margin:0 auto;gap:0rem}@media (min-width: 48.875rem){.wp-block-columns-is-layout-flex{gap:3rem}}.column-reverse{flex-direction:column-reverse}.about-details-section{width:90%;max-width:80rem;margin-left:auto;margin-right:auto}.about-details-section .wp-block-group{margin-bottom:5rem}@media (min-width: 48.875rem){.column-reverse{flex-direction:row}.about-details-section .wp-block-image img{min-height:30.375rem}}.about-details-section p,.about-details-section h3,.project-api-content p,.project-api-content h3,.project-api-content ul{padding-left:clamp(1rem,5%,4rem);padding-right:clamp(1rem,5%,4rem)}h2.wp-block-heading{font-family:Edo,sans-serif;font-weight:400;margin-top:0;font-size:var(--step-4)}.wp-block-gallery-is-layout-flex{display:flex;flex-wrap:wrap;gap:1rem}.wp-block-gallery-is-layout-flex figure{min-width:16rem}.wp-block-list{list-style:none;padding-left:0}.wp-block-list li{position:relative;padding-left:1.5rem}.wp-block-list li:before{content:"-";position:absolute;left:.25rem;top:-.375rem;font-family:Edo,sans-serif;font-weight:400;font-size:var(--step-2);width:.5rem;height:.5rem}header{background-color:var(--background-color);height:0}#logo{width:4rem;height:4rem;position:relative;z-index:9999;fill:var(--primary-text);transition:fill .75s ease}#logo circle{fill:var(--nav-background)}@media (min-width: 50rem){#logo{width:5rem;height:5rem}#logo circle{fill:var(--background-color)}}.hamburger-button{position:fixed;top:.625rem;right:.625rem;z-index:9999;background-color:var(--background-color);border:1px solid var(--border-color);width:3.75rem}.hamburger-button svg{fill:var(--primary-text)}@media (min-width: 50rem){.hamburger-button{display:none}}.hamburger-button:hover svg{fill:var(--primary-color);cursor:pointer}.hamburger-button.open #svg-a{transform:rotate(45deg) translate(10px,10px);transition:transform .5s ease-in-out}.hamburger-button.open #svg-b{opacity:0;transform:scale(0);transition:transform .5s ease-in-out,opacity .5s ease-in-out}.hamburger-button.open #svg-c{transform:rotate(-45deg) translate(10px,-10px);transition:transform .5s ease-in-out}.hamburger-button.closed #svg-a{transition:transform .5s ease-in-out}.hamburger-button.closed #svg-b{opacity:1;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.hamburger-button.closed #svg-c{transition:transform .5s ease-in-out}nav{background-color:var(--nav-background);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);width:100%;height:100svh;z-index:9998;transition:background-color .75s ease,backdrop-filter .75s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0}@media (min-width: 50rem){nav{background-color:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);display:block}}nav ul{list-style:none;font-family:Edo,sans-serif;font-size:2.5rem;margin:0;padding:0 0 .5rem;text-align:center}@media (min-width: 50rem){nav ul{display:flex;justify-content:flex-end;align-items:center;font-size:2rem;background:linear-gradient(to left,var(--background-color) 0%,var(--background-color) 500px,transparent 700px);padding:0 4rem 0 0}}nav li{padding:.5rem 0}@media (min-width: 50rem){nav li{padding:.25rem .75rem}}nav li a{color:var(--primary-text);text-decoration:none;transition:color .2s ease-in-out}nav li a:hover{color:var(--primary-light)}.active-menu-item a{color:var(--primary-color)}nav.closed{transform:translate(100%);transition:transform .5s ease-in-out}nav.open{transform:translate(0);transition:transform 1s linear(0,.138 4.2%,.271 8.8%,.402 13.9%,.542 19.9%,.705 27.5%,.837 34.2%,.888 37.1%,.932 39.8%,.969 42.3%,1 44.7%,.966 48%,.943 51.1%,.935 52.7%,.929 54.3%,.926 55.9%,.925 57.5%,.928 60.2%,.937 63.1%,.949 65.9%,.984 73.1%,1 77.4%,.993 80.8%,.991 84.2%,.999 95%,1)}@media (min-width: 50rem){nav.closed,nav.open{transform:translate(0);height:2.8125rem}}.theme-toggle{background-color:transparent;border:none;width:2.125rem;padding:0;cursor:pointer}.theme-toggle svg{fill:var(--primary-text);transition:fill .5s ease-in-out}.theme-toggle svg:hover{fill:var(--primary-light)}.theme-toggle svg:active{fill:var(--primary-dark)}@media (min-width: 50rem){.theme-toggle{position:fixed;right:1rem;top:.375rem}}.hero-section{position:relative;height:100svh;width:100%}.hero-image{position:absolute;width:100%;height:100%;top:0}.hero-image img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to top,black 0%,black 58%,transparent 92%);mask-image:linear-gradient(to top,black 0%,black 58%,transparent 92%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (min-width: 56.25rem){.hero-image img{-webkit-mask-image:linear-gradient(to right,black 0%,black 20%,transparent 60%);mask-image:linear-gradient(to right,black 0%,black 20%,transparent 60%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.hero-overlay{position:relative;top:50%;transform:translateY(-50%);text-align:center;background-color:var(--nav-background);padding:1rem 0;z-index:2}@media (min-width: 56.25rem){.hero-overlay{left:50%;text-align:left;background-color:transparent;display:inline-block;width:47%}}.hero-overlay p{margin:0}:root{--primary-color: #0076B6;--primary-light: #33A6D9;--primary-dark: #005A88;--text-on-primary: #ffffff;--secondary-color: #FF9800;--secondary-light: #FFB74D;--secondary-dark: #F57C00;--button-text: #FAFBFD;--secondary-button-text: #222222}.light{--primary-text: #222222;--secondary-text: #666666;--disabled-text: #BDBDBD;--background-color: #FAFBFD;--background-surface: #F5F9FC;--border-color: #e8e8e8;--nav-background: rgba(245, 249, 252, .85);--input-background: #d0e3f1;--interaction-hover: #ffffff;--image-brightness: 1;--image-contrast: 1;--image-saturate: 1;--image-brightness-hover: 1;--text-on-primary: #ffffff}.dark{--primary-text: #e0e0e0;--secondary-text: #BDBDBD;--disabled-text: #535353;--background-color: #121212;--background-surface: #1C1C1C;--border-color: rgba(250, 251, 253, .2);--nav-background: rgba(28, 28, 28, .85);--input-background: rgba(200, 200, 200, .2);--interaction-hover: rgba(200, 200, 200, .2);--image-brightness: .85;--image-contrast: .95;--image-saturate: .9;--image-brightness-hover: .95;--text-on-primary: #f5f5f5}body{margin:0;background-color:var(--background-color);color:var(--primary-text)}*{transition:background-color 1s ease,color 1s ease,box-shadow .75s ease;box-sizing:border-box}img{filter:brightness(var(--image-brightness)) contrast(var(--image-contrast)) saturate(var(--image-saturate));transition:filter .5s ease-in-out}.featured-work-container h2,.other-work-container h2{text-align:center}.featured-work-grid,.work-grid{display:grid;justify-items:center}@media (min-width: 50rem){.featured-work-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,590px));margin-left:auto;margin-right:auto;width:fit-content}}.other-work-container{background-color:var(--primary-color);padding:min(20vh,12rem) 0}.other-work-container h2{color:var(--text-on-primary)}.other-work-grid{display:grid;justify-items:center}@media (min-width: 50rem){.other-work-grid{grid-template-columns:repeat(3,minmax(0,450px));margin-left:auto;margin-right:auto;width:fit-content}}.featured-work-card,.project-card,.other-project-card{box-shadow:0 1px 8px #0000001f,0 3px 4px #00000024,0 3px 3px -2px #0003;border:1px solid var(--border-color);margin:min(10vh,1.25rem) 1rem;padding:.25rem;box-sizing:border-box}.featured-work-card a,.project-card a,.other-project-card a{text-decoration:none;color:var(--primary-text)}.featured-work-card h2,.featured-work-card h3,.project-card h2,.project-card h3,.other-project-card h2,.other-project-card h3{font-family:Inter,sans-serif;text-align:center;font-weight:300;font-size:var(--step--1);margin:.25rem 0}.featured-work-card,.project-card{max-width:36.875rem}.other-project-card{box-shadow:0 1px 8px #0000001f,0 3px 4px #00000024,0 3px 3px -2px #0003;border:none;max-width:28.125rem;background-color:var(--background-surface)}.featured-work-card:hover,.project-card:hover{box-shadow:0 3px 14px 2px #0000001f,0 8px 10px 1px #00000024,0 5px 5px -3px #0003;border:1px solid var(--border-color);background-color:var(--interaction-hover)}.featured-work-card:hover img,.project-card:hover img{filter:var(--image-brightness-hover)}.other-project-card:hover{box-shadow:0 5px 22px 4px #0000001f,0 12px 17px 2px #00000024,0 7px 8px -4px #0003;background-color:var(--background-surface)}.other-project-card:hover img{filter:var(--image-brightness-hover)}.filter-item{width:75px;height:105px}.filter-item img{margin:5px;box-shadow:0 1px 18px #0000001f,0 6px 10px #00000024,0 3px 5px -1px #0003;border:none;border-radius:5px}.project-tools-container{width:clamp(300px,94%,800px);margin:0 auto min(20vh,10rem);max-width:800px;padding:2rem 2rem 4rem;text-align:center}.project-tools-container h2{margin-bottom:0;margin-top:1rem}.project-tools-container p{color:var(--secondary-text);margin-top:0;margin-bottom:2rem}.project-tools-container .project-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.project-tools-container .project-tools img{box-shadow:0 1px 8px #0000001f,0 3px 4px #00000024,0 3px 3px -2px #0003;border:none}.toolbox-section h3{font-family:Edo,sans-serif;font-weight:400}section{margin-bottom:min(20vh,12rem)}.toolbox-section h3,.toolbox-section p{width:85%;max-width:55rem;margin-left:auto;margin-right:auto}.toolbox-section .filter-container,.toolbox-section hr{width:90%;max-width:65rem;margin-left:auto;margin-right:auto}.contact-section{min-height:100svh;display:flex;align-items:center}.contact-container{width:clamp(18.75rem,90%,75rem);margin:1rem auto}@media (min-width: 56.25rem){.contact-container{display:flex;justify-content:center;align-items:center}.contact-text-container,.contact-form{width:50%;padding:2rem}}.contact-heading{text-align:center}@media (min-width: 56.25rem){.contact-heading{margin-top:0}}input,textarea{width:100%;padding:.625rem 1%;margin:.3125rem 0 1.375rem;border:none;background-color:var(--background-surface);color:var(--primary-text);box-shadow:0 1px 8px #0000001f,0 3px 4px #00000024,0 3px 3px -2px #0003;border:1px solid var(--border-color);transition:background-color 1s ease,color 1s ease}textarea{resize:vertical;min-height:12.5rem}input:focus,textarea:focus{outline:1px solid var(--border-color);box-shadow:0 1px 18px #0000001f,0 6px 10px #00000024,0 3px 5px -1px #0003;background-color:var(--input-background)}.contact-form label{color:var(--secondary-text);font-style:italic}.contact-socials{display:flex;justify-content:center;gap:2rem;margin-top:4rem}.contact-socials svg{fill:var(--primary-text);width:4rem;box-shadow:0 1px 8px #0000001f,0 3px 4px #00000024,0 3px 3px -2px #0003;border:none;transition:fill .75s ease,box-shadow .75s ease}.contact-socials svg:hover{fill:var(--primary-color);box-shadow:0 1px 18px #0000001f,0 6px 10px #00000024,0 3px 5px -1px #0003;border:none;cursor:pointer;transition:fill .75s ease,box-shadow .75s ease}.wp-block-atlb-timeline-block{position:relative;max-width:100%;margin:0 auto;padding:20px 0;font-size:var(--step--1)}.timeline__bar{position:absolute;width:4px;background-color:var(--primary-color);top:0;bottom:0;left:70%;transform:translate(-50%);z-index:1}@media (min-width: 43.75rem){.timeline__bar{left:50%}}.wp-block-atlb-single-timeline-item{position:relative;margin-bottom:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:80px;gap:3rem}@media (min-width: 43.75rem){.wp-block-atlb-single-timeline-item:nth-child(odd){flex-direction:row-reverse}.wp-block-atlb-single-timeline-item:nth-child(odd) .timeline__date{text-align:right}}.timeline__marker{width:30px;height:30px;border-radius:50%;background-color:var(--background-surface);border:4px solid #007bff;display:flex;align-items:center;justify-content:center;z-index:2;position:absolute;left:70%;transform:translate(-50%)}@media (min-width: 43.75rem){.timeline__marker{left:50%}}.timeline__marker i{color:#007bff;font-size:14px}.timeline__content{width:100%;padding:15px;background-color:var(--background-surface);border-radius:5px;box-shadow:0 1px 8px #0000001f,0 3px 4px #00000024,0 3px 3px -2px #0003;border:1px solid var(--border-color);z-index:2}@media (min-width: 43.75rem){.timeline__content{width:42%}}.timeline__date{width:43%;padding:15px;border-radius:5px;z-index:2}.highlight{color:red}.dim{filter:brightness(.75)}.error-page-container{min-height:100vh}.error-page{margin-top:min(20vh,12rem);margin-bottom:min(20vh,12rem);text-align:center}.error-page h1{font-size:var(--step-6)}.error-page p{font-size:var(--step-0)}.error-page figcaption{font-size:var(--step--1);font-style:italic;color:var(--secondary-text)}footer{background-color:var(--primary-color);display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;color:var(--text-on-primary);padding:.5rem 1rem}footer span{font-family:Edo,sans-serif;font-size:var(--step-1);position:relative;top:2px}.footer-icons{display:flex;gap:1rem;margin-top:1rem}.footer-icons a{line-height:0}.footer-icons svg{width:3rem;fill:var(--button-text);transition:fill .5s ease}.footer-icons svg:hover{fill:var(--secondary-light)}@media (min-width: 600px){footer{padding:1rem;flex-direction:row;justify-content:space-between}.footer-icons{margin-top:0}}img{max-width:100%;height:auto}