.feature-block{max-width:1440px;border-radius:.5rem;margin:2rem 1rem;height:660px;color:var(--white);display:flex;align-items:baseline;padding-top:3rem;background-size:auto 550px;background-repeat:no-repeat;background-position:bottom -50px right}.feature-block .link-white{margin-block:.5rem}.feature-title{font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem;width:17ch}.feature-block>div{margin-inline:2rem}@media (min-width: 720px){.feature-block{margin:2rem;padding-top:4rem}.feature-title{font-size:2rem;line-height:2.5rem;margin-bottom:1rem}}@media (min-width: 1000px){.feature-block{padding-top:0;height:500px;color:var(--white);align-items:center;background-size:auto 550px;background-repeat:no-repeat;background-position:right bottom}.feature-block>div{margin-left:clamp(2rem,10%,5rem)}}@media (min-width: 1440px){.feature-title{font-size:2.25rem;line-height:2.5rem;margin-bottom:2rem}.feature-block{margin-inline:auto}}.card{border:1.5px solid var(--white);border-radius:.5rem;overflow:hidden}.card h3{font-size:1.5rem;letter-spacing:0;text-transform:none;font-weight:500;margin-block:0}.card img{object-fit:contain}.card-img-container{width:100%;height:200px;display:flex;justify-content:center;align-items:center;border-bottom:1.5px solid var(--white);background-size:cover;background-position:center}.card-content{width:100%;background-color:transparent;display:flex;flex-direction:column;padding:2rem;justify-content:center}.card-img-container{overflow:hidden;height:250px}.card-content p{margin-block:1rem}@media (min-width: 700px){.card{display:flex;flex-direction:row}.card-img-container{width:50%;border-bottom:none;border-right:1.5px solid var(--white)}.card-content{width:50%}}@media (min-width: 1000px){.card{display:flex;flex-direction:column}.card-content{width:100%}.card-img-container{width:100%;height:250px;border-bottom:1.5px solid var(--white);border-right:none}}.fade-in-section{opacity:0;transform:translateY(2vh);visibility:hidden;transition:opacity .5s ease-in-out,transform 1.2s ease-in-out}.fade-in-section.is-visible{opacity:1;transform:none;visibility:visible}.work-item{display:flex;width:100%;border-radius:.5rem;padding:4rem 2rem;margin-block:2rem;flex-direction:column;color:var(--white)}.work-item h3{text-transform:none;font-size:1.5rem;letter-spacing:0;font-weight:500;color:var(--white);margin-block:.5rem}.work-item p:last-of-type{font-weight:400;font-size:.9rem}.casestudy h1{max-width:26ch;margin-block:100px 50px}.casestudy p{max-width:65ch}.casestudy-info{border-radius:.5rem;border:1.5px solid var(--white);padding:2rem;display:grid;grid-template-columns:1fr;margin-block:50px}.casestudy-info a{margin-right:1rem;margin-bottom:1rem}.img-site-preview,.img-full-width{width:100%;max-width:1280px;object-fit:cover;border-radius:.5rem;border:1.5px solid var(--white);margin-block:1rem}.align-center{text-align:center}@media (min-width: 720px){.casestudy-info{grid-template-columns:1fr 2fr}}.website-prev-img{width:100%;max-width:1280px;object-fit:cover;border-radius:.5rem;border:1.5px solid var(--white);margin-block:1rem;display:flex;flex-direction:column;overflow:hidden}.website-prev-menu{width:100%;border-bottom:1.5px solid var(--white)}.website-prev-img img{width:100%;object-fit:cover}.circle{height:14px;width:14px;border:1.5px solid var(--white);border-radius:100%;position:relative;margin:.5rem}.circle:after,.circle:before{content:"";position:absolute;height:11px;width:11px;border:1.5px solid var(--white);border-radius:100%}.circle:before{left:20px;top:-1px}.circle:after{left:40px;top:-1px}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;overflow-x:hidden}:root{--background: #ece1de;--white-transparent: #ffffff25;--white: #ffffff;--text-primary: #2f324e;--text-secondary: #40414e;--link-blue: #2d40e8;font-family:Outfit,system-ui,sans-serif;color:var(--text-primary);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}[data-theme=dark]{--background: #1a2632;--text-primary: #ffffff;--text-secondary: #fffafa}h1,h2,h3,h4{color:var(--text-primary)}h1{font-size:1.5rem;font-weight:500}h2{font-size:1.75rem;font-weight:500;text-align:center;margin-bottom:2rem}h3{text-transform:uppercase;font-size:1rem;letter-spacing:1px;font-weight:600;margin-block:1rem}.heading-xl{font-size:2rem;line-height:2.75rem;max-width:25ch;letter-spacing:-1px;text-align:center;padding-inline:1rem}p{font-size:1rem;line-height:1.5;margin-bottom:1rem}@media (min-width: 720px){.heading-xl{font-size:3rem;line-height:3.5rem;max-width:20ch;padding-inline:0}h1{font-size:2rem;font-weight:500}h2{font-size:2.5rem;line-height:3rem}}@media (min-width: 1000px){.heading-xl{font-size:3.375rem;line-height:3.75rem}h2{font-size:3rem;line-height:3.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}.main-nav{border-bottom:1px solid var(--white)}.main-nav>div{display:flex;align-items:center;padding-inline:2rem;padding-block:20px;justify-content:space-between;position:relative}.main-nav ul{display:flex;list-style:none}.main-nav .links{display:none}.main-nav li a{text-decoration:none;color:var(--text-primary);font-weight:500;transition:.15s ease-in}.main-nav li a:hover{color:var(--link-blue)}.logo{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:18px;letter-spacing:-.25px;transition:.15s ease-in-out}.logo:hover{color:var(--link-blue)}.menu-btn{padding:.5rem 1rem;position:fixed;right:1rem;top:1rem;z-index:10;border:1.5px solid var(--text-primary);color:var(--text-primary);font-weight:600;border-radius:.5rem;background-color:var(--background);transition:.2s ease-in-out;z-index:15}.menu-btn:hover{cursor:pointer;border:1.5px solid var(--link-blue);color:var(--link-blue)}.mobile-links{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:var(--link-blue);height:100vh;width:100vw;z-index:10;font-size:2rem;animation:fadeIn .3s ease-in-out both}.mobile-links ul{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-links ul li{padding:.5rem;margin:.5rem}.mobile-links a{color:var(--background)!important}.mobile-links a:hover{color:var(--text-primary)!important}@media (min-width: 720px){.menu-btn,.mobile-links{display:none;visibility:hidden}.main-nav .links{display:block}.main-nav .internal-links{position:absolute;left:0;right:0;margin:auto;top:.75rem;width:250px;display:flex;justify-content:center;background-color:var(--white-transparent);border:1px solid var(--white);padding:.5rem 2rem;border-radius:2rem}.main-nav li:not(:last-child){margin-right:2rem}}.container{max-width:1280px;margin:auto;padding-inline:1rem}@media (min-width: 720px){.container{padding-inline:2rem}}@media (min-width: 1280px){.container{padding-inline:0}}.two-col,.three-col{display:grid;grid-template-columns:1fr;gap:1rem}.three-col-sm{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 1000px){.two-col{display:grid;grid-template-columns:1fr 1fr;margin-inline:2rem}.three-col{grid-template-columns:repeat(3,1fr);margin-inline:2rem}.three-col-sm{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1440px){.two-col,.three-col,.three-col-sm{margin-inline:auto}}.bg{background:url(/assets/bg-light-8f685c18.png);min-height:100vh}.heading-group{display:flex;flex-direction:column;align-items:baseline;justify-content:space-between;gap:2rem;margin-block:100px}@media (min-width: 720px){.heading-group{flex-direction:row}.heading-group h1{width:clamp(200px,60%,800px)}}footer{margin-top:200px}footer a{font-weight:600;text-decoration:none;color:var(--text-primary);font-weight:500;transition:.15s ease-in}footer li{display:inline-block}footer li:first-of-type{margin-right:2rem}footer li a:hover{color:var(--link-blue)}footer p{font-size:1.25rem;line-height:1.2;padding:4rem 0;max-width:40ch;text-align:left;margin:0}.footer-links{padding:1rem;border-bottom:1.5px solid var(--white);border-top:1.5px solid var(--white)}.footer-links>div{display:flex;justify-content:space-between;align-items:center}@media (min-width: 720px){footer p{font-size:2.25rem;max-width:40ch}}.link-primary{font-size:1.2rem;font-weight:600;color:var(--link-blue);text-decoration:none;position:relative;white-space:nowrap}.link-primary,.link-white,.link-blue{transition:.15s ease-in;display:inline-block}.link-primary:after{content:url(/assets/arrow-9a33be4c.svg);position:relative;right:-5px}.link-blue:after{content:url(/assets/arrow-sm-196b3f28.svg);position:relative;right:-5px}.link-white{color:var(--white)}.link-white:after{content:url(/assets/arrow-white-df54f106.svg);position:relative;right:-5px}.link-blue{color:var(--link-blue)}.link-white,.link-blue{text-decoration:none;margin-right:1.5rem;font-weight:500;white-space:nowrap;transition:.1s ease-in}.link-primary:hover,.link-white:hover,.link-blue:hover{opacity:.75}.btn-primary{display:inline-block;padding:.5rem 1.5rem;font-size:1rem;font-weight:600;background-color:var(--link-blue);border:1.5px solid var(--link-blue);border-radius:2rem;text-decoration:none;color:var(--white);white-space:nowrap}.btn-primary:after{content:url(/assets/arrow-white-df54f106.svg);position:relative;right:-5px}@media (min-width: 720px){.btn-primary{padding:.5rem 1.5rem;font-size:1.2rem}}@media (min-width: 1000px){.link-primary{font-size:1.5rem}}.link-group{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--white)}.link-group h2{text-align:center;margin-bottom:1rem}.link-group>div{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:space-between}@media (min-width: 720px){.link-group>div{flex-direction:row}.link-group h2{text-align:left}}.homepage-hero{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:80vh;height:600px;width:90vw;padding-inline:1.5rem;margin:3rem auto;border:1.5px solid var(--white);border-radius:1rem}.homepage-hero h1{margin-bottom:2.5rem}.homepage-hero span{font-size:1.25rem;font-weight:500}.homepage-hero span{margin-bottom:.5rem;margin-right:.5rem}.intro,.design-projects{text-align:center}.intro p{max-width:600px;margin-top:1rem;margin-inline:auto;font-size:1rem;line-height:1.5rem}.intro h3:last-of-type{margin-top:3rem}.skill-bubbles{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.skill-bubbles li{display:inline-block;border:1.5px solid var(--white);padding:.5rem 1rem;background-color:var(--white-transparent);border-radius:.5rem}section{margin-block:200px}.design-projects p{font-size:1.2rem}.design-projects>div{margin-block:4rem}.design-projects img{width:100%;border-radius:.5rem;border:1.5px solid var(--white)}@media (min-width: 720px){.homepage-hero{width:80vw}.homepage-hero:before,.homepage-hero:after{content:"";position:absolute;width:calc(10vw - 30px);height:100%;min-height:80vh;height:600px;border-top:1.5px solid var(--white);border-bottom:1.5px solid var(--white)}.homepage-hero:before{border-radius:0 1rem 1rem 0;border-right:1.5px solid var(--white);left:0}.homepage-hero:after{border-radius:1rem 0 0 1rem;border-left:1.5px solid var(--white);right:0}.intro{text-align:left}.intro p{margin-inline:0;font-size:1.2rem;line-height:1.8rem}.skill-bubbles{justify-content:inherit}}@media (min-width: 1000px){.homepage-hero span{font-size:1.5rem}}.about-info{display:grid;grid-template-columns:1fr;border:1.5px solid var(--white);border-radius:1rem;padding:2rem;margin-top:0}.about-info h2{text-align:left;font-size:2rem}.about-currently{background-color:var(--white-transparent);margin-top:2rem;margin-bottom:4rem;border-radius:.5rem;padding:1rem 2rem;border:1.5px solid var(--white);width:100%}.about-currently li{list-style:none;margin-block:1rem}.bold-title{font-weight:600;font-size:1.2rem;display:block;margin-bottom:.5rem}.education h3{font-size:1.2rem;text-transform:none;letter-spacing:0;margin-top:2rem}.work-history{display:flex;flex-direction:column;align-items:center}@media (min-width: 720px){.about-info{grid-template-columns:1fr 1fr;gap:4rem;padding:2.5rem}.about-currently{margin-bottom:0}}@media (min-width: 1000px){.about-currently{display:flex;gap:2rem}}