header{width:calc(100% - 2 * var(--side-margins));background-color:var(--color-surface);margin:0 var(--side-margins);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s;border-radius:0 0 5px 5px;box-shadow:var(--color-shadow) 0 3px 6px 0}header .header-container{display:flex;justify-content:space-between;align-items:center;height:75px;margin:0 var(--inner-padding)}header .header-container .name-title{display:flex}header .header-container .name-title a{margin:auto 0;text-decoration:none}header .header-container .name-title a h1{margin:0;color:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}header .header-container .social-links{display:flex;margin-right:16px}.theme-toggle.theme-toggle--reversed .theme-toggle__expand{transform:scaleX(-1)}.theme-toggle{--theme-toggle__expand--duration: .5s}.theme-toggle__expand g circle,.theme-toggle__expand g path{transform-origin:center;transition:transform calc(var(--theme-toggle__expand--duration) * .65) cubic-bezier(0,0,0,1.25) calc(var(--theme-toggle__expand--duration) * .35)}.theme-toggle__expand :first-child path{transition-property:transform,d;transition-duration:calc(var(--theme-toggle__expand--duration) * .6);transition-timing-function:cubic-bezier(0,0,.5,1)}.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand g circle,.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand g circle{transform:scale(1.4);transition-delay:0s}.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand g path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand g path{transform:scale(.75);transition-delay:0s}.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand :first-child path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand :first-child path{d:path("M-9 3h25a1 1 0 0017 13v30H0Z");transition-delay:calc(var(--theme-toggle__expand--duration) * .4);transition-timing-function:cubic-bezier(0,0,0,1.25)}@supports not (d: path("")){.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand :first-child path,.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand :first-child path{transform:translate3d(-9px,14px,0)}}.theme-toggle{border:none;background:none;cursor:pointer;color:var(--color-text)}.theme-toggle-container{height:100%;display:flex;flex-direction:column;justify-content:center;transform:translateY(2px)}.theme-toggle input[type=checkbox]{display:none}.theme-toggle .theme-toggle-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){.theme-toggle:not(.theme-toggle--force-motion) *{transition:none!important}}.social-link{margin:auto 0}.social-link a svg{color:var(--color-text);fill:var(--color-text);width:25px;height:25px;padding:0 5px;transform:translateY(4px);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.social-link a svg:hover{fill:var(--color-item-accent)}.project-card{background-color:var(--color-surface);box-shadow:var(--color-shadow) 0 3px 6px 0;border-radius:5px;transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s;display:flex;flex-direction:column;position:relative;overflow:hidden}.project-card .top-content{height:250px;position:relative;flex-grow:0}.project-card .top-content .background-image{object-fit:cover;width:100%;height:100%;position:absolute;border-radius:5px}.project-card .top-content .logo{position:absolute;object-fit:scale-down;height:40%;left:20px;bottom:20px}.project-card .top-content video{object-fit:cover;width:100%;height:100%;position:absolute;border-radius:5px}.project-card .top-content .overlay{width:100%;height:100%;background-color:var(--color-overlay-soft);position:absolute;transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.project-card .bottom-content{flex-grow:1;position:relative;padding:25px;display:flex;flex-direction:column}.project-card .bottom-content .text-content{flex-grow:1;display:flex;flex-direction:column;margin-bottom:10px}.project-card .bottom-content .text-content h1{line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:2em;margin:0;color:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.project-card .bottom-content .text-content h2{font-size:.75em;margin:0;color:var(--color-text-soft);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.project-card .bottom-content .text-content h3{flex-grow:1;font-size:.75em;font-weight:400;margin:0;color:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.project-card .bottom-content .tags{height:2em;overflow:hidden}.project-card .bottom-content .tags .embla .embla__container{display:flex}.project-card .bottom-content .tags .embla .embla__container .tag{background-color:var(--color-item);height:2em;display:flex;margin-right:.5em;margin-bottom:.3em;border-radius:9999px;transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.project-card .bottom-content .tags .embla .embla__container .tag p{font-size:.75em;margin:auto;padding:0 1em;white-space:nowrap;color:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.project-card .bottom-content .links{display:flex;flex-direction:row;margin-top:1em;width:100%;overflow:hidden}.project-card .bottom-content .links .link{flex-shrink:0;background-color:var(--color-item);height:2.5em;max-width:2.5em;display:flex;overflow:hidden;margin-right:1em;border:none;font:unset;border-radius:5px;cursor:pointer;transition:max-width .5s,background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.project-card .bottom-content .links .link svg{flex-shrink:0;height:1.5em;width:1.5em;margin:auto .15em;fill:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.project-card .bottom-content .links .link:hover{background-color:var(--color-item-accent);max-width:300px}.project-card .bottom-content .links .link p{font-size:1em;margin:auto;padding:0 .75em 0 .5em;color:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s;text-overflow:clip;text-wrap:nowrap;white-space:nowrap}.project-cards{display:grid;margin:20px var(--side-margins) 40px var(--side-margins);grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;grid-column-gap:40px;grid-row-gap:40px}@media screen and (max-width: 1300px){.project-cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 800px){.project-cards{grid-template-columns:repeat(1,1fr)}}.section-title{margin:80px 0 0}.section-title h1{margin:0;text-align:center;color:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.section-title h3{text-align:center;font-size:.75em;font-weight:400;margin:0;color:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.contact-form{margin:20px var(--side-margins) 80px var(--side-margins)}.contact-form form{display:flex;flex-direction:column}.contact-form form input[type=text],.contact-form form input[type=email],.contact-form form textarea,.contact-form form button{box-sizing:border-box;margin-left:auto;margin-right:auto;border:none;width:100%;max-width:800px;border-radius:5px;box-shadow:var(--color-shadow) 0 3px 6px 0;font:unset;font-size:.9em;color:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.contact-form form input[type=text],.contact-form form input[type=email],.contact-form form textarea{margin-bottom:10px;background-color:var(--color-surface);padding-left:1em}.contact-form form input[type=text] ::placeholder,.contact-form form input[type=email] ::placeholder,.contact-form form textarea ::placeholder{color:var(--color-text);opacity:.8}.contact-form form input[type=text]:focus,.contact-form form input[type=email]:focus,.contact-form form textarea:focus{border:none;outline:var(--color-selected-input-outline) 2px solid}.contact-form form input[type=text],.contact-form form input[type=email],.contact-form form button{height:2.5em}.contact-form form textarea{padding:.75em 0 0 1em;height:12em}.contact-form form button[type=submit]{background-color:var(--color-item-accent);cursor:pointer;padding:0}.contact-form form button[type=submit]:disabled{background-color:var(--color-surface);cursor:default}.thank-you{margin:40px 0 80px;display:flex;flex-direction:column}.thank-you svg{margin:auto;width:3em;height:3em;fill:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.thank-you p{margin-top:0;color:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s;font-weight:700;text-align:center}.hero-card{height:50lvh;margin:50px var(--side-margins);display:flex;flex-direction:column;overflow:hidden;position:relative;border-radius:5px;transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s;box-shadow:var(--color-shadow) 0 3px 6px 0;background-color:var(--color-surface)}.hero-card img{position:absolute;object-fit:cover;width:100%;height:100%}.hero-card .overlay{width:100%;height:100%;background-color:var(--color-overlay-heavy);position:absolute;transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.hero-card .hero-content{z-index:1;display:flex;flex-direction:column;margin:auto 0;padding:0 var(--inner-padding)}.hero-card .hero-content h1{margin:0;text-align:center;color:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.hero-card .hero-content h2{font-size:.75em;margin:0;text-align:center;color:var(--color-text-soft);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}.hero-card .hero-content h3{text-align:center;font-size:.75em;font-weight:400;margin:0;color:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s}footer{padding:30px 0;background-color:var(--color-surface);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s;display:flex;flex-direction:column}footer h1{color:var(--color-text);transition:background-color .5s,color .5s,fill .5s,box-shadow .5s,border-color .5s;font-size:1.5em;margin:0 auto}footer .social-links{display:flex;flex-direction:row;margin:auto}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;--side-margins: 10%;--inner-padding: 30px}@media screen and (max-width: 600px){:root{--side-margins: 5%}}:root .nord{--nord-0: #2e3440;--nord-1: #3b4252;--nord-2: #434c5e;--nord-3: #4c566a;--nord-4: #d8dee9;--nord-5: #e5e9f0;--nord-6: #eceff4;--nord-7: #8fbcbb;--nord-8: #88c0d0;--nord-9: #81a1c1;--nord-10: #5e81ac;--nord-11: #bf616a;--nord-12: #d08770;--nord-13: #ebcb8b;--nord-14: #a3be8c;--nord-15: #b48ead}:root .light{--color-background: #f2f4f8;--color-overlay-heavy: rgba(255, 255, 255, .8);--color-overlay-soft: rgba(255, 255, 255, .3);--color-surface: #ffffff;--color-item: #eceff4;--color-item-accent: #8fbcbb;--color-text: #4c566a;--color-text-soft: #7b8ab3;--color-selected-input-outline: rgba(94, 129, 172, .53);--color-shadow: rgba(184, 194, 215, .35)}:root .dark{--color-background: #242933;--color-overlay-heavy: rgba(46, 52, 64, .8);--color-overlay-soft: rgba(46, 52, 64, .5);--color-surface: #2e3440;--color-item: #3b4252;--color-item-accent: #5e81ac;--color-text: #eceff4;--color-text-soft: #d8d8d8;--color-selected-input-outline: rgba(136, 192, 208, .65);--color-shadow: rgba(15, 17, 21, .2)}:root .dark{background-color:var(--color-background);transition:background-color .5s,color .5s,fill .5s}:root .light{background-color:var(--color-background);transition:background-color .5s,color .5s,fill .5s}:root body{margin:0;padding:0}
