@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap);
a{color:#26281b;text-decoration:none;transition:color .2s ease;cursor:pointer}a:hover{color:#ec3e23}.grid-overlay{position:relative}.grid-overlay::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(transparent, transparent 99%, #a09789),repeating-linear-gradient(90deg, transparent, transparent 99%, #a09789);background-size:100% 3rem,3rem 100%;mask-image:linear-gradient(to bottom, transparent 0%, transparent 0%, rgba(0, 0, 0, 0.2) 15%, black 100%);mask-mode:alpha;mask-repeat:no-repeat;mask-size:100% 100%;mask-composite:intersect}.grid-overlay>*{position:relative;z-index:1}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.enhanced-button{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:inherit;font-size:1rem;font-weight:500;color:#26281b;padding:1rem 1.5rem;border-radius:.375rem;border:1px solid rgba(27,31,36,.15);background:linear-gradient(135deg, rgba(246, 248, 250, 0.6) 0%, rgba(246, 248, 250, 0.8) 100%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25);transition:all .3s ease;cursor:pointer;user-select:none}.enhanced-button:hover{border-color:rgba(27,31,36,.25);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25),0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.enhanced-button:active{transform:translateY(0);background:linear-gradient(135deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.08) 100%);color:#fff;border-color:rgba(0,0,0,.3);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 2px 6px rgba(0,0,0,.2);transition:all .15s ease-out}.enhanced-button:focus{outline:2px solid rgba(9,105,218,.3);outline-offset:2px}.enhanced-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.enhanced-button .button-content{position:relative;z-index:2}.enhanced-button .hover-circle{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.08) 50%, transparent 70%);transform:translate(-50%, -50%);pointer-events:none;z-index:1;transition:all .1s ease-out;mix-blend-mode:multiply}.enhanced-button:hover .hover-circle{animation:circlePulse .3s ease-out}@media(max-width: 1200px){.enhanced-button{font-size:1.2rem;width:100%;padding:1.2rem 1.5rem}}@media(max-width: 500px){.enhanced-button{font-size:1.1rem;padding:1rem 1.2rem}}@keyframes circlePulse{0%{transform:translate(-50%, -50%) scale(0);opacity:0}50%{transform:translate(-50%, -50%) scale(1.2);opacity:1}100%{transform:translate(-50%, -50%) scale(1);opacity:1}}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:"Outfit";background-color:#f4f3ef}
.hero{display:flex;flex-direction:column;justify-content:end;align-items:flex-start;min-height:100vh;padding:4rem}@media(max-width: 500px){.hero{padding-bottom:8rem;padding-left:2rem;padding-right:2rem}}.hero__title{font-size:7.5rem;font-weight:500;color:#0551cd;margin:0}@media(max-width: 1200px){.hero__title{font-size:5rem}}@media(max-width: 500px){.hero__title{font-size:3.5rem}}.hero__subtitle{font-size:3.5rem;font-family:"Zilla Slab",sans-serif;color:#0551cd;margin-top:1rem}@media(max-width: 1200px){.hero__subtitle{font-size:2.5rem}}@media(max-width: 500px){.hero__subtitle{font-size:1.8rem}}
.about{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:4rem}@media(max-width: 1200px){.about{padding:4rem;min-height:80vh}}@media(max-width: 500px){.about{padding:2rem}}.about__title{font-size:3rem;font-family:"Zilla Slab",sans-serif;font-weight:400;color:#0551cd}@media(max-width: 1200px){.about__title{font-size:2.5rem}}@media(max-width: 500px){.about__title{font-size:2rem}}.about__title-note{color:#ec3e23;text-decoration:none;transition:color .2s ease;cursor:pointer;position:relative;display:inline-block}.about__title-note:hover{color:hsl(8.0597014925,84.10041841%,38.137254902%)}.about__title-label{position:absolute;top:-8rem;left:68%;transform:translateX(-50%);font-family:"Caveat",cursive;font-size:2rem;color:#000;white-space:nowrap}.about__title-label:hover{color:#ec3e23}@media(max-width: 1200px){.about__title-label{display:none}}.about__title-arrow{position:absolute;top:-6rem;left:35%;transform:translateX(-50%);width:115px;height:auto}@media(max-width: 1200px){.about__title-arrow{display:none}}.about__list{position:absolute;bottom:2.5rem;right:6.5rem;font-family:"Caveat",cursive;font-size:1.8rem;list-style:none}@media(max-width: 1200px){.about__list{position:static;margin-top:4rem;padding:0;align-self:flex-start;right:auto;bottom:auto}}@media(max-width: 500px){.about__list{font-size:1.5rem}}.about__list li{margin-bottom:.2rem;position:relative;padding-left:2rem}.about__list li::before{content:"";position:absolute;left:0;top:1rem;width:.8rem;height:.8rem;background:url(/6ad2370c547bef5ecfdc.svg) no-repeat center center;background-size:contain;filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}@media(max-width: 1200px){.about__list li::before{top:1.3rem}}.about__list li a{color:#ec3e23;text-decoration:none;transition:color .2s ease;cursor:pointer}.about__list li a:hover{color:hsl(8.0597014925,84.10041841%,38.137254902%)}.about__list li:hover::before{filter:brightness(0) saturate(100%) invert(20%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(85%) contrast(97%)}
.project{display:grid;grid-template-columns:1fr 2fr;gap:4rem;padding:4rem;align-items:center;min-height:60vh;cursor:pointer}@media(max-width: 1200px){.project{display:flex;flex-direction:column-reverse;align-items:baseline;min-height:40vh}}@media(max-width: 500px){.project{padding:2rem;gap:2rem}}.project__info{width:100%}.project__title{font-size:2.5rem;font-family:"Outfit";font-weight:400;padding-bottom:1rem}@media(max-width: 1200px){.project__title{font-size:3rem}}@media(max-width: 500px){.project__title{font-size:2rem}}.project__description{color:#26281b;font-size:1.5rem;font-family:"Zilla Slab",sans-serif;padding-bottom:1.5rem}@media(max-width: 1200px){.project__description{font-size:2rem}}@media(max-width: 500px){.project__description{font-size:1.4rem}}.project__details{color:#26281b;font-size:1rem;font-family:"Zilla Slab",sans-serif;list-style:none;padding-bottom:.4rem}@media(max-width: 1200px){.project__details{font-size:1.5rem}}@media(max-width: 500px){.project__details{font-size:1.2rem}}.project__details li{margin-bottom:.75rem}.project__details li strong{display:inline-block;width:4rem;font-weight:600}.project__details li a{margin-left:.5rem;color:#000;text-decoration:none}.project__button{margin-top:2rem}@media(max-width: 500px){.project__button{margin-top:1rem}}.project__image{display:flex;gap:1.5rem;flex-wrap:nowrap;width:100%;overflow:hidden;position:relative;border-radius:1rem}.project__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}@media(max-width: 1200px){.project__image{margin-top:2rem}}@media(max-width: 500px){.project__image{gap:1rem;border-radius:.5rem}}.project:hover .project__image img{transform:scale(1.05)}
.enhanced-button{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:inherit;font-size:1rem;font-weight:500;color:#26281b;padding:1rem 1.5rem;border-radius:.375rem;border:1px solid rgba(27,31,36,.15);background:linear-gradient(135deg, rgba(246, 248, 250, 0.6) 0%, rgba(246, 248, 250, 0.8) 100%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25);transition:all .3s ease;cursor:pointer;user-select:none}.enhanced-button:hover{border-color:rgba(27,31,36,.25);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25),0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.enhanced-button:active{transform:translateY(0);background:linear-gradient(135deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.08) 100%);color:#fff;border-color:rgba(0,0,0,.3);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 2px 6px rgba(0,0,0,.2);transition:all .15s ease-out}.enhanced-button:focus{outline:2px solid rgba(9,105,218,.3);outline-offset:2px}.enhanced-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.enhanced-button .button-content{position:relative;z-index:2}.enhanced-button .hover-circle{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.08) 50%, transparent 70%);transform:translate(-50%, -50%);pointer-events:none;z-index:1;transition:all .1s ease-out;mix-blend-mode:multiply}.enhanced-button:hover .hover-circle{animation:circlePulse .3s ease-out}@media(max-width: 1200px){.enhanced-button{font-size:1.2rem;width:100%;padding:1.2rem 1.5rem}}@media(max-width: 500px){.enhanced-button{font-size:1.1rem;padding:1rem 1.2rem}}@keyframes circlePulse{0%{transform:translate(-50%, -50%) scale(0);opacity:0}50%{transform:translate(-50%, -50%) scale(1.2);opacity:1}100%{transform:translate(-50%, -50%) scale(1);opacity:1}}
.footer{background-color:#0551cd;opacity:.8;color:#fff;padding:4rem;font-family:"Outfit"}@media(max-width: 1200px){.footer{padding-bottom:6rem}}@media(max-width: 500px){.footer{padding:2rem}}.footer__headline{font-size:3rem;font-weight:400;line-height:1.3;padding-bottom:2rem}@media(max-width: 500px){.footer__headline{font-size:2.2rem}}.footer__list{display:flex;flex-direction:row;font-size:2rem;list-style:none}@media(max-width: 1200px){.footer__list{font-size:2.5rem}}@media(max-width: 500px){.footer__list{flex-direction:column;font-size:1.8rem}}.footer__list a{font-family:"Caveat",cursive;color:#fff;padding-right:1.5rem}.footer__list a:hover{color:#ec3e23}.footer__copyright{text-align:right;font-size:1rem;color:#fff}@media(max-width: 500px){.footer__copyright{text-align:left;font-size:.9rem;margin-top:2rem}}
.project-layout{display:flex;flex-direction:column;align-items:center;padding:4rem}@media(max-width: 500px){.project-layout{padding:2rem}}.project-layout h1{font-size:3rem;font-weight:400;color:#0551cd;padding-bottom:2rem}.project-layout img{margin:0 auto;max-width:1100px;max-height:100vh;border-radius:1rem;object-fit:cover}@media(max-width: 1200px){.project-layout img{width:100%}}.project-layout .project-sections-grid{max-width:1100px;margin:4rem 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:2.5rem}@media(max-width: 1200px){.project-layout .project-sections-grid{grid-template-rows:auto;grid-template-columns:none;margin:2rem 0}}.project-layout .project-sections-grid .project-section-card{display:flex;flex-direction:column}.project-layout .project-sections-grid .project-section-card__title{font-size:1.2rem;line-height:1.6;font-family:"Outfit";font-weight:500;color:#0551cd;padding-bottom:.5rem}@media(max-width: 1200px){.project-layout .project-sections-grid .project-section-card__title{font-size:2rem}}.project-layout .project-sections-grid .project-section-card__content{font-size:1.2rem;line-height:1.6;font-family:"Zilla Slab",sans-serif;font-weight:400}@media(max-width: 1200px){.project-layout .project-sections-grid .project-section-card__content{font-size:1.6rem}}.project-layout .project-body{max-width:1100px;display:flex;flex-direction:column}.project-layout .project-body-section{margin:2rem 0}.project-layout .project-body-section__title{font-size:2rem;line-height:1.6;font-family:"Outfit";font-weight:500;color:#0551cd;padding-bottom:.5rem}@media(max-width: 1200px){.project-layout .project-body-section__title{font-size:2rem}}.project-layout .project-body-section__description{white-space:pre-line;font-size:1.2rem;line-height:1.6;font-family:"Zilla Slab",sans-serif;font-weight:400;padding-bottom:2rem}@media(max-width: 1200px){.project-layout .project-body-section__description{font-size:1.6rem}}.project-layout .project-body-section__description a{color:#ec3e23;text-decoration:none;transition:color .2s ease;cursor:pointer}.project-layout .project-body-section__description a:hover{color:hsl(8.0597014925,84.10041841%,38.137254902%)}
.footer-nav{position:sticky;bottom:0;width:100%;background:#0551cd;opacity:.9;border-top:1px solid hsla(0,0%,100%,.2);padding:1rem;z-index:9;font-size:1.2rem;transition:background .3s ease;overflow:hidden}.footer-nav.at-bottom{background:#0551cd}@media(max-width: 1200px){.footer-nav{padding:1.2rem;font-size:1.5rem}}@media(max-width: 500px){.footer-nav{padding:.8rem}}.footer-nav .nav-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}.footer-nav .nav-item{color:#fff;text-decoration:none;transition:color .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.footer-nav .nav-item:hover{color:#ec3e23}@media(max-width: 500px){.footer-nav .nav-item{gap:.25rem}}.footer-nav .nav-center{display:flex;justify-content:center}.footer-nav .nav-icon{vertical-align:middle;padding:0 .5rem}@media(max-width: 1200px){.footer-nav .nav-icon{height:3rem}}.footer-nav a{color:#fff;text-decoration:none;transition:color .2s ease;cursor:pointer;display:flex;align-items:center;gap:.5rem}.footer-nav a:hover{color:#ec3e23}@media(max-width: 500px){.footer-nav .label{display:none}}.footer-nav .nav-link{position:relative;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .3s ease;z-index:2}.footer-nav .nav-link:hover{transform:translateY(-1px)}.footer-nav .nav-link .link-content{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem}
