@font-face{font-family:Inter;src:url(/fonts/Inter.woff2) format("woff2"),url(/fonts/Inter.ttf) format("truetype");font-stretch:25% 150%;font-style:oblique -10deg 0deg;font-weight:100 900;font-display:swap}:root{--clr-background: #101b32;--clr-accent: #4968b1;--clr-foreground: #ffffff;--clr-light-gray: #585858;--clr-footer: #010818;--fnt-menu: "Inter", sans-serif;--fnt-default: "Inter"}body{background-color:var(--clr-background);color:var(--clr-foreground);margin:0;padding:0;font-family:var(--fnt-default)}h1{font-size:4rem;font-weight:600;font-style:normal}h2{font-size:2rem;font-weight:100}header{top:0;text-align:center;position:fixed;z-index:999;width:100%;background-color:var(--clr-background)}header svg{vertical-align:bottom}nav{position:absolute;text-align:left;top:100%;left:0;background-color:var(--clr-background);width:100%;transform:scaleY(0);transform-origin:top;transition:transform .4s ease-in-out}nav ul{margin:0;padding:0;list-style:none;margin-left:1rem}nav li{margin-bottom:1rem}nav a{color:#fff;text-decoration:none;font-size:1.2rem;text-transform:uppercase;opacity:0;transition:opacity .15s ease-in-out}nav a:hover nav a:focus{color:var(--clr-accent)}.nav-toggle{display:none}.nav-toggle-label{position:absolute;top:0;left:0;margin-left:1rem;color:#fff;height:100%;display:flex;align-items:center}.nav-toggle-label span,.nav-toggle-label span:before,.nav-toggle-label span:after{display:block;background:var(--clr-accent);height:3px;width:2rem;border-radius:3px;position:relative}.nav-toggle-label span:before,.nav-toggle-label span:after{content:"";position:absolute}.nav-toggle-label span:before{bottom:7px}.nav-toggle-label span:after{top:7px}.nav-toggle:checked~nav{transform:scale(1)}.nav-toggle:checked~nav a{opacity:1;transition:opacity .25s ease-in-out .25s}.page-header{color:var(--clr-foreground);text-align:center}.page-header h1{padding:5rem 0}img{display:block;max-width:100%;margin:auto}.page-header p{margin:auto;max-width:40ch;padding:1rem;line-height:1.8;font-weight:100}.services{padding-top:3rem;display:flex;flex-wrap:wrap}.services>*{flex:1 1 15em}.service{display:grid;justify-content:center;text-align:center;border-width:1px;border-color:var(--clr-light-gray);border-style:solid;border-radius:.5em;padding:.8em;margin:1em}.service p{margin-left:auto;margin-right:auto;margin-bottom:2em;max-width:35ch}.service h3{font-size:2rem}.service-header{background:url(/imgs/services-header.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;min-height:30rem}.index-header{background:url(/imgs/index-header.webp);background-size:cover;background-repeat:no-repeat;background-position:center;min-height:30rem;padding-left:3rem}.index-header h1{padding-top:5rem;margin:0;width:20ch}.index-header h2{width:30ch;padding-top:2em}.about-header{background:url(/imgs/index-header.webp);background-size:cover;background-repeat:no-repeat;background-position:center;min-height:30rem}.form{display:grid;grid-template-rows:auto}.form{font-weight:100;font-size:1.2em;max-width:75%;margin:auto}.form label{padding-top:1rem;padding-bottom:1rem}.form input{color:var(--clr-foreground);min-height:3rem;background-color:transparent;border:1px solid var(--clr-accent)}.form textarea{min-height:7rem;background-color:transparent;border:1px solid #4968b1;color:var(--clr-foreground)}.form div{display:grid}.form button{display:block;height:3em;min-width:60%;margin:1em auto;padding:1em;margin-top:3rem;transform:skew(-30deg);border-radius:0;background-color:var(--clr-accent)}.form button span{display:inline-block;transform:skew(30deg)}.layout{display:grid}.separator{width:120px;height:5px;margin:auto;border-top:1px solid white;display:flex;box-sizing:border-box}.image-column{background:url(/imgs/contact.jpg);background-position:center;background-size:cover;width:100%;height:40rem}footer{display:grid;background-color:var(--clr-footer)}footer h2{font-size:1.2rem;font-weight:400}footer p{font-weight:100;font-size:1rem}footer a,footer a:visited{text-decoration:none;color:#fff}footer a:hover{text-decoration:underline}.footer-container{margin-top:2rem;margin-left:4rem;padding-left:1rem;border-left:1px solid white;display:grid;grid-template-rows:1fr 1fr 1fr}.section-header{text-align:center;background-color:var(--clr-foreground);color:var(--clr-background)}.section-header h2{margin-top:0;padding-top:5rem;font-weight:400;font-size:3rem}.section-header h3{padding-top:3rem;font-weight:100;font-size:2rem}.value-props{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:3rem 2rem}.value-prop{flex:1 1 15em;max-width:25em;text-align:left;padding:2rem}.value-prop h3{font-size:1.6rem;font-weight:600;margin-bottom:1rem}.value-prop p{font-weight:100;line-height:1.8;font-size:1.1rem}.cta-section{display:flex;justify-content:center;gap:1.5rem;padding:2rem 0 5rem;flex-wrap:wrap}.cta-btn{display:inline-block;padding:1em 2.5em;text-decoration:none;font-size:1.1rem;font-weight:400;background-color:var(--clr-accent);color:var(--clr-foreground);transform:skew(-10deg);transition:opacity .3s ease}.cta-btn span,.cta-btn{display:inline-block}.cta-btn:hover{opacity:.85}.cta-btn--outline{background-color:transparent;border:1px solid var(--clr-accent);color:var(--clr-accent)}.skills{padding-top:3rem;display:flex;flex-wrap:wrap}.skills>*{flex:1 1 15em}.skill{display:grid;justify-content:center;text-align:left;border-width:1px;border-color:var(--clr-light-gray);border-style:solid;padding:.8em}.skill p{margin-bottom:2em;max-width:35ch}.skill h3{font-size:2rem}.ls .image-column{width:100%;height:40rem;background-image:url(/imgs/about.jpg);background-position:center;background-size:cover}.about__projects{position:relative}.about__projects:after{background-image:url(/imgs/c.jpg);background-size:cover;background-position:center;content:"";position:absolute;inset:0;opacity:.3}.about__projects p{padding:3em;max-width:40ch;margin:auto;text-align:center;font-weight:100;line-height:1.8}.about__projects .c2{display:grid;grid-template-columns:1fr;padding-left:4rem}.about__projects .c2 p{all:unset}.about__projects h2{padding:3rem 0;font-size:4rem}.about__projects .c2 p:nth-of-type(1){font-size:4em;color:#7e55f6;display:block}.about__projects .c2 p:nth-of-type(2){font-size:2em;font-weight:100;display:block;margin-bottom:2rem}.dialog{text-align:center;color:var(--clr-foreground);background-color:var(--clr-background);border:1px solid var(--clr-accent);padding:3rem;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.dialog p{font-size:1.2rem;font-weight:100;padding:1.5rem 0}.btn-dialog{background-color:var(--clr-accent);color:var(--clr-foreground);border:none;padding:.8em 2em;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.btn-dialog:hover{opacity:.85}::backdrop{background-color:#000000b3}@media screen and (min-width:950px){.nav-toggle-label{display:none}header{all:unset;margin:0;display:grid;grid-template-columns:2em 1fr auto 2em;border-bottom:5px solid gras}.spacer{height:3px;width:auto;background:rgb(255,255,255);grid-column:1/5}.logo{grid-column:2 / 3;text-align:left}nav{all:unset;grid-column:3 / 4;display:flex;justify-content:flex-end;align-items:center}nav ul{display:flex;justify-content:flex-end}nav li{margin-left:1rem;margin-bottom:5px}nav a{opacity:1;position:relative}nav .active{color:var(--clr-foreground);border-bottom:5px solid var(--clr-accent)}nav a:after{content:"";height:5px;background:var(--clr-accent);position:absolute;inset:100% 0 0;transform:scaleX(0);transform-origin:left;transition:transform ease-in-out .25s}nav a:hover:after{transform:scale(1)}.form div:last-of-type{grid-column:1/3}.form button{grid-column:1/3}.form{display:grid}.cl{display:grid;grid-template-columns:1fr 1fr}.cl .image-column{order:2;height:100%}.cl .info-column{order:1;padding:0;margin:0}.ls{display:grid;grid-template-columns:1fr 1fr}.ls .image-column{width:100%;height:100%;background-image:url(/imgs/about.jpg);background-color:#f0f8ff;background-position:center;background-size:cover}.ls .image-column{order:2;height:100%}.ls .info-column{order:1;padding:0;margin:0}.ls .page-header>div{width:40ch;text-align:left;margin:auto}.ls p{margin:0;padding:3em 0;font-weight:100;line-height:1.8}.page-header{text-align:left;grid-column:1/3;padding-left:0}.separator{margin:0}footer{display:grid;grid-template-columns:1fr 1fr}.footer-container{all:unset;margin-top:2rem;margin-left:0;border-left:1px solid white;padding-left:7rem;padding-top:4rem}.footer-container div{margin-bottom:3rem}.about__projects{display:grid;grid-template-columns:1fr 1fr}.about__projects .c2{display:grid;grid-template-columns:1fr;padding-left:4rem}.about__projects .c1{order:2;margin-top:auto;margin-bottom:auto}.about__projects .c2{order:1;padding-left:5rem}}.product-lede{max-width:62ch;margin:0 auto;padding:1rem;color:var(--clr-foreground)}.product-lede p{line-height:1.8;font-weight:100;margin-bottom:1.4rem}.product-rule{color:var(--clr-foreground);text-align:center;margin-top:4rem;margin-bottom:0;padding:0 1rem}.product-grid{display:flex;flex-wrap:wrap;justify-content:center;padding-top:1rem}.product-grid>*{flex:1 1 18em;max-width:26em}.product-grid-two>*{flex:1 1 24em;max-width:32em}.product-card{border:1px solid var(--clr-light-gray);border-radius:.5em;padding:1.4em;margin:1em;color:var(--clr-foreground)}.product-card h3{font-size:1.4rem;font-weight:400;margin:0 0 .6em;color:var(--clr-accent)}.product-card p{line-height:1.75;font-weight:100;margin:0}.product-cta{text-align:center;margin:5rem auto 4rem;padding:0 1rem;color:var(--clr-foreground)}.product-cta p{max-width:48ch;margin:1rem auto 2rem;line-height:1.8;font-weight:100}.product-button{display:inline-block;border:1px solid var(--clr-accent);border-radius:.4em;padding:.8em 2em;color:var(--clr-foreground);text-decoration:none}.product-button:hover,.product-button:focus-visible{background-color:var(--clr-accent)}.product-kicker{color:var(--clr-light-gray);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin-bottom:1em}.product-link{display:inline-block;margin-top:1.2em;color:var(--clr-accent);text-decoration:none;border-bottom:1px solid transparent}.product-link:hover,.product-link:focus-visible{border-bottom-color:var(--clr-accent)}