@import url(https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--header-height:3.5rem;--first-color:#8e110b;--first-color-hsl-h:3;--first-color-hsl-s:86%;--first-color-hsl-l:30%;--first-color-hover-end:#790c06;--black-color:hwb(75 6% 93%);--black-color-light:#666;--white-color:#f2f2f2;--title-color:#000;--text-color:#595959;--text-color-light:#a3a3a3;--body-color:#dedede;--container-color:#d4d4d4;--body-font:"Bai Jamjuree",sans-serif;--biggest-font-size:2.5rem;--h1-font-size:1.75rem;--h2-font-size:1.25rem;--h3-font-size:1.125rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--font-regular:400;--font-medium:500;--font-semi-bold:600;--font-bold:700;--z-tooltip:10;--z-fixed:100}@media screen and (min-width:1150px){:root{--biggest-font-size:4.5rem;--h1-font-size:3rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#dedede;background-color:var(--body-color);color:#595959;color:var(--text-color);font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size);overflow-x:hidden;transition:background-color .4s}h1,h2,h3,h4{color:#000;color:var(--title-color);font-weight:700;font-weight:var(--font-bold)}ul{list-style:none}a{text-decoration:none}img{display:block;height:auto;max-width:100%}.nav__buttons{align-items:center;column-gap:1rem;display:flex}.change-theme{color:#000;color:var(--title-color);cursor:pointer;font-size:1.25rem;transition:color .3s ease,transform .3s ease}.change-theme:hover{transform:scale(1.1)}body.dark-theme{--first-color:#e6491a;--first-color-hsl-h:14;--first-color-hsl-s:80%;--first-color-hsl-l:50%;--first-color-hover-end:#d43f11;--black-color:#2e2e2e;--black-color-light:#4d4d4d;--title-color:#f2f2f2;--text-color:#b3b3b3;--body-color:#141414;--container-color:#1f1f1f}.dark-theme .shadow-header{box-shadow:0 1px 12px #0009}.dark-theme .section-title-1:after,.dark-theme .section-title-2:after{background-color:#8e110b33;background-color:hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.2)}.dark-theme :is(.home__arrow,.home__line,.about__line){filter:none}.dark-theme .home__description b{background:linear-gradient(90deg,#8e110b33,#8e110b00);background:linear-gradient(90deg,hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.2),hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),0))}.dark-theme :is(.button__ghost,.services__icon i){color:#f2f2f2;color:var(--white-color)}.dark-theme .button:hover{box-shadow:0 4px 8px #0006}.dark-theme .contact__mail{background-color:#d4d4d4;background-color:var(--container-color)}.dark-theme .footer{background-color:#0a0a0a}.dark-theme::-webkit-scrollbar{background-color:#333}.dark-theme::-webkit-scrollbar-thumb{background-color:#4d4d4d}.dark-theme::-webkit-scrollbar-thumb:hover{background-color:#666}.container{margin-inline:1.5rem;max-width:1120px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.section{padding-block:5rem 3rem}.section__title-1,.section__title-2{font-size:1.75rem;font-size:var(--h1-font-size);margin:.75rem auto 2rem;position:relative;width:-webkit-max-content;width:max-content}.section__title-1 span,.section__title-2 span{position:relative;z-index:5}.section__title-1:after,.section__title-2:after{background-color:#8e110b33;background-color:hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.2);content:"";height:28px;position:absolute;right:-8px;top:-4px;width:40px}.section__title-2:after{bottom:-4px;top:auto}.geometric-box{background-color:#8e110b;background-color:var(--first-color);height:20px;position:absolute;rotate:-30deg;width:20px}.geometric-box:after{border:3px solid hwb(75 6% 93%);border:3px solid var(--black-color);content:"";height:16px;left:-5px;position:absolute;top:-5px;width:16px}.main{overflow:hidden}.header{background-color:#dedede;background-color:var(--body-color);left:0;position:fixed;top:0;transition:box-shadow .4s ease,background-color .4s ease;width:100%;z-index:100;z-index:var(--z-fixed)}.nav{height:3.5rem;height:var(--header-height);justify-content:space-between;position:relative}.nav,.nav__logo{align-items:center;display:flex}.nav__logo{color:#000;color:var(--title-color);column-gap:.5rem;font-weight:600;font-weight:var(--font-semi-bold)}.nav__logo-circle,.nav__toggle{background-color:hwb(75 6% 93%);background-color:var(--black-color);color:#f2f2f2;color:var(--white-color);display:grid;height:32px;place-items:center;width:32px}.nav__logo-circle{border-radius:50%}.nav__toggle{border:0;border-radius:12px;cursor:pointer;font-family:inherit;font-size:1.25rem;transition:background-color .3s ease,transform .3s ease}.nav__toggle:hover{transform:scale(1.1)}@media screen and (max-width:1150px){.nav__menu{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;left:0;padding-block:1.8rem 5rem;pointer-events:none;position:fixed;text-align:center;top:0;transform:translateY(-100%);transition:transform .4s ease;width:100%;z-index:101}}.nav__close,.nav__name,.nav__title{color:#f2f2f2;color:var(--white-color)}.nav__title{display:block;font-size:.75rem;font-size:var(--smaller-font-size);font-weight:600;font-weight:var(--font-semi-bold);margin-bottom:3.5rem}.nav__name{font-size:1.25rem;font-size:var(--h2-font-size);margin:0 auto 3rem;position:relative;width:-webkit-max-content;width:max-content}.nav__name:after,.nav__name:before{background-color:#a3a3a3;background-color:var(--text-color-light);content:"";height:1px;left:-4rem;position:absolute;top:50%;width:40px}.nav__name:before{left:auto;right:-4rem}.nav__list{display:flex;flex-direction:column;row-gap:2.5rem}.nav__link{color:#a3a3a3;color:var(--text-color-light);font-size:1.125rem;font-size:var(--h3-font-size);font-weight:600;font-weight:var(--font-semi-bold);transition:color .3s ease,transform .3s ease}.nav__link:after{background-color:#f2f2f2;background-color:var(--white-color);bottom:-.5rem;left:0;transition:width .3s ease}.nav__link:hover{color:#f2f2f2;color:var(--white-color);transform:translateY(-1px)}.nav__link:hover:after{width:25%}.nav__close{background:#0000;border:0;cursor:pointer;display:grid;font-family:inherit;font-size:1.5rem;height:2.75rem;line-height:1;place-items:center;position:absolute;right:1.5rem;top:1rem;transition:transform .3s ease;width:2.75rem}.nav__close:hover{transform:scale(1.1)}.nav__menu.show-menu{pointer-events:auto;transform:translateY(0)}.shadow-header{box-shadow:0 1px 16px #0000001f}.active-link{color:#f2f2f2;color:var(--white-color)}.active-link:after{width:25%}.home__container{padding-top:2rem}.home__name{font-size:2.5rem;font-size:var(--biggest-font-size);text-align:center}.home__perfil{justify-self:center;position:relative}.home__image{width:220px}.home__img{border-radius:12px;position:relative;z-index:10}.home__shadow{background-color:#d4d4d4;background-color:var(--container-color);border:4px solid hwb(75 6% 93%);border:4px solid var(--black-color);border-radius:12px;bottom:-.75rem;height:100%;position:absolute;right:-.75rem;transition:background-color .4s ease;width:100%;z-index:5}.home__arrow,.home__line{display:none;filter:invert(1);position:absolute;transition:filter .4s ease;width:50px}.home__arrow{bottom:-4rem;left:40%}.home__line{bottom:-.5rem;right:-2rem}.home__perfil .geometric-box{left:-.7rem;top:2.5rem;z-index:10}.home__social,.home__social-desktop{grid-row-gap:1rem;bottom:0;display:grid;height:-webkit-max-content;height:max-content;left:-3rem;margin:auto 0;position:absolute;row-gap:1rem;top:0;z-index:15}.home__social-mobile{display:flex;display:none;gap:1.5rem;justify-content:center;margin-top:2rem;padding:0 1rem}.home__social-mobile .home__social-link{font-size:1.3rem;min-height:44px;min-width:44px;padding:10px}.home__social-link{background-color:#666;background-color:var(--black-color-light);border-radius:8px;color:#f2f2f2;color:var(--white-color);display:grid;font-size:1.25rem;padding:6px;place-items:center;transition:background-color .3s ease,transform .3s ease}.home__social-link:hover{background-color:hwb(75 6% 93%);background-color:var(--black-color);transform:scale(1.1)}.home__info{color:#000;color:var(--title-color);margin-bottom:1.5rem;margin-top:4rem}.home__description b{background:linear-gradient(90deg,#8e110b4d,#8e110b00);background:linear-gradient(90deg,hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.3),hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),0))}.home__scroll{display:block;margin:2rem auto 0;width:-webkit-max-content;width:max-content}.home__scroll-text{display:none}.home__scroll-box{background-color:hwb(75 6% 93%);background-color:var(--black-color);border-radius:8px;color:#f2f2f2;color:var(--white-color);cursor:pointer;display:grid;font-size:1rem;height:36px;overflow:hidden;place-items:center;transition:background-color .4s ease;width:36px}.home__scroll-box i{animation:scroll-down 3s infinite}@keyframes scroll-down{0%{opacity:0;transform:translateY(-1rem)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.6rem)}}.button,.button__ghost{align-items:center;border:none;border-radius:12px;column-gap:.5rem;cursor:pointer;display:flex;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);justify-content:center;text-decoration:none}.button{background-color:hwb(75 6% 93%);background-color:var(--black-color);color:#f2f2f2;color:var(--white-color);font-weight:500;font-weight:var(--font-medium);padding:1.1rem 1.5rem;transition:all .3s ease}.button i{font-size:1.25rem}.button:hover{background-color:initial;background-image:linear-gradient(to bottom right,#8e110b,#790c06);background-image:linear-gradient(to bottom right,var(--first-color),var(--first-color-hover-end));box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.button__ghost{border:3px solid hwb(75 6% 93%);border:3px solid var(--black-color);color:hwb(75 6% 93%);color:var(--black-color);padding:.5rem;transition:border .3s ease,color .3s ease,transform .3s ease}.button__ghost i{font-size:1.25rem}.button__ghost:hover{border:3px solid #8e110b;border:3px solid var(--first-color);transform:translateY(-2px)}.about{background-color:#d4d4d4;background-color:var(--container-color);transition:background-color .4s ease}.about__container{row-gap:0}.about__perfil{justify-self:center;margin-block:2.5rem 4.5rem;position:relative}.about__image{width:220px}.about__img{border:4px solid #f2f2f2;border:4px solid var(--white-color);border-radius:12px;position:relative;z-index:1}.about__box,.about__line,.about__shadow{position:absolute}.about__shadow{background-color:#dedede;background-color:var(--body-color);border-bottom:4px solid #8e110b;border-bottom:4px solid var(--first-color);border-radius:12px;height:320px;right:-3.5rem;top:-2.5rem;transition:background-color .4s ease;width:150px}.about__perfil .geometric-box{right:-2.8rem;top:1.5rem}.about__line{filter:invert(1);right:-1.25rem;top:6rem;transition:filter .4s ease;width:50px}.about__box{background-color:#8e110b;background-color:var(--first-color);border-radius:12px;bottom:1.5rem;height:40px;right:-.5rem;width:40px}.about__info{padding-left:1.25rem}.about__description{color:#000;color:var(--title-color);margin-bottom:1.5rem;position:relative}.about__description:after{background-color:#000;background-color:var(--title-color);content:"";height:1px;left:-1.75rem;position:absolute;top:.5rem;width:20px}.about__list{color:#000;color:var(--title-color);list-style:square;margin-bottom:2rem}.about__buttons{align-items:center;column-gap:1rem;display:flex;justify-content:center}.services__container{grid-template-columns:250px;justify-content:center;padding-top:1rem;row-gap:2}.services__card{position:relative}.services__content{background-color:#dedede;background-color:var(--body-color);border:4px solid hwb(75 6% 93%);border:4px solid var(--black-color);border-radius:16px;height:100%;padding:6rem 1rem 3rem;position:relative;transition:background-color .4s ease,border .4s ease;z-index:5}.services__border{border:4px solid #8e110b;border:4px solid var(--first-color);border-radius:16px;height:100%;left:0;position:absolute;top:0;transition:transform .4s ease;width:100%}.services__card:hover .services__border{transform:translate(.75rem,.75rem)}.services__icon{display:inline-block;position:relative}.services__icon i{color:hwb(75 6% 93%);color:var(--black-color);font-size:2rem;position:relative;z-index:5}.services__box{background-color:#8e110b;background-color:var(--first-color);border-radius:10px;height:24px;position:absolute;right:-2px;top:-2px;width:24px}.services__title{font-size:1.25rem;font-size:var(--h2-font-size);margin-bottom:1.25rem}.projects{background-color:#d4d4d4;background-color:var(--container-color);transition:background-color .4s ease}.projects__container{row-gap:2rem}.projects__card{border:1px solid #a3a3a3;border:1px solid var(--text-color-light);border-radius:16px;padding:1.25rem;transition:background-color .4s ease,transform .3s ease,box-shadow .3s ease}.projects__image{margin-bottom:.75rem;position:relative}.projects__image img{border-radius:10px}.projects__button{background-color:hwb(75 6% 93%);background-color:var(--black-color);border:none;border-radius:12px;bottom:-1.5rem;color:#f2f2f2;color:var(--white-color);cursor:pointer;padding:1rem;position:absolute;right:1rem;transition:all .3s ease}.projects__button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px) scale(1.05)}.dark-theme .projects__button:hover{box-shadow:0 4px 8px #0006}.projects__content{flex:1 1;margin-bottom:1rem}.projects__subtitle{color:#595959;color:var(--text-color);display:inline-block;font-size:.813rem;font-size:var(--small-font-size);font-weight:500;font-weight:var(--font-medium);margin-bottom:.75rem;padding-left:1.75rem;position:relative}.projects__subtitle:after{background-color:#595959;background-color:var(--text-color);content:"";height:1px;left:0;position:absolute;top:50%;width:20px}.projects__title{font-size:1.15rem;margin-bottom:.75rem}.projects__description{line-height:1.5}.projects__buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1rem}.projects__link{align-items:center;background:none;border:none;color:#595959;color:var(--text-color);column-gap:.25rem;cursor:pointer;display:flex;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:.813rem;font-size:var(--small-font-size);font-weight:500;font-weight:var(--font-medium);padding:0;text-decoration:none;transition:color .3s ease,transform .3s ease}.projects__link:hover{transform:translateX(2px)}.projects__link i{color:#000;color:var(--title-color);font-size:1rem;transition:color .3s ease}.projects__link:hover,.projects__link:hover i{color:#8e110b;color:var(--first-color)}.projects__card:hover{background-color:#f2f2f2;background-color:var(--white-color);box-shadow:0 8px 16px #00000026;transform:translateY(-5px) scale(1.02)}.dark-theme .projects__card{border:1px solid #666;border:1px solid var(--black-color-light)}.dark-theme .projects__card:hover{background-color:#dedede;background-color:var(--body-color);box-shadow:0 8px 16px #0000004d}.skills{background-color:#d4d4d4;background-color:var(--container-color);padding-block:5rem 3rem;transition:background-color .4s ease}.skills__container{grid-gap:2rem;display:grid;gap:2rem;padding-top:1rem}.skills__content{background-color:#dedede;background-color:var(--body-color);border-radius:16px;box-shadow:0 4px 8px #0000001a;padding:2rem 1.5rem;transition:background-color .4s ease,border .4s ease,transform .3s ease,box-shadow .3s ease}.skills__content:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-5px) scale(1.01)}.skills__title{color:#000;color:var(--title-color);font-size:1.125rem;font-size:var(--h3-font-size);margin-bottom:1.5rem;text-align:left}.skills__list{list-style-type:none;padding-left:0}.skills__item{align-items:center;color:#595959;color:var(--text-color);display:flex;margin-bottom:.75rem}.skills__item:before{color:#8e110b;color:var(--first-color);content:"▹";margin-right:.5rem}.dark-theme .skills{background-color:#dedede;background-color:var(--body-color)}.dark-theme .skills__content{background-color:#d4d4d4;background-color:var(--container-color);border:1px solid #666;border:1px solid var(--black-color-light);box-shadow:none}.dark-theme .skills__content:hover{box-shadow:0 6px 12px #00000040}.contact{padding-bottom:0}.contact__container{grid-template-rows:300px -webkit-max-content -webkit-max-content;grid-template-rows:300px max-content max-content;position:relative;row-gap:0}.contact__data{background-color:#d4d4d4;background-color:var(--container-color);border-bottom:4px solid #8e110b;border-bottom:4px solid var(--first-color);border-radius:16px;height:300px;margin-left:auto;padding:3rem 1.5rem 3.5rem;position:relative;transition:background-color .4s ease;width:300px;z-index:5}.contact__data .section__title-2{margin:0 0 1.5rem;transform:translateX(-3rem)}.contact__description-1{color:#000;color:var(--title-color);font-weight:500;font-weight:var(--font-medium);margin-bottom:2rem}.contact__description-2{color:#000;color:var(--title-color);font-size:.813rem;font-size:var(--small-font-size)}.contact__data .geometric-box{right:2.5rem;top:2rem}.contact__mail{background-color:hwb(75 6% 93%);background-color:var(--black-color);border-radius:16px;margin-top:-2.5rem;padding:5rem 1.5rem 2.5rem;position:relative;transition:background-color .4s ease}.contact__title{color:#f2f2f2;color:var(--white-color);font-size:1.25rem;font-size:var(--h2-font-size);margin-bottom:2rem;text-align:center}.contact__form,.contact__group{grid-row-gap:1.25rem;display:grid;row-gap:1.25rem}.contact__box,.contact__form{position:relative}.contact__box{height:58px;width:100%}.contact__button,.contact__input{border:none;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size);outline:none}.contact__input{background-color:#dedede;background-color:var(--body-color);border:2px solid #a3a3a3;border:2px solid var(--text-color-light);border-radius:10px;color:#595959;color:var(--text-color);font-weight:500;font-weight:var(--font-medium);height:100%;padding:.5rem 1rem;position:absolute;transition:all .3s ease;width:100%}.contact__input::placeholder{color:#a3a3a3;color:var(--text-color-light);transition:opacity .3s ease}.contact__input:focus{border:2px solid #8e110b;border:2px solid var(--first-color);box-shadow:0 0 0 3px #8e110b33;box-shadow:0 0 0 3px hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.2)}.contact__input:-webkit-autofill{-webkit-transition:background-color 6000s,color 6000s;transition:background-color 6000s,color 6000s}.contact__label{background-color:#dedede;background-color:var(--body-color);color:#a3a3a3;color:var(--text-color-light);font-size:.938rem;font-size:var(--normal-font-size);font-weight:500;font-weight:var(--font-medium);left:1rem;opacity:1;padding:0 4px;pointer-events:none;position:absolute;top:8px;transition:all .3s ease}.dark-theme .contact__input{background-color:#d4d4d4;background-color:var(--container-color);border:2px solid #666;border:2px solid var(--black-color-light);color:#f2f2f2;color:var(--white-color)}.dark-theme .contact__input:focus{border:2px solid #8e110b;border:2px solid var(--first-color);box-shadow:0 0 0 3px #8e110b33;box-shadow:0 0 0 3px hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.2)}.dark-theme .contact__label{background-color:#d4d4d4;background-color:var(--container-color);color:#a3a3a3;color:var(--text-color-light)}.contact__form .contact__area{height:10rem}.contact__area textarea{padding-top:1rem;resize:none}.contact__button{background-color:#8e110b;background-color:var(--first-color);border-radius:12px;cursor:pointer;transition:all .3s ease}.contact__button:hover{background-color:initial;background-image:linear-gradient(to bottom right,#8e110b,#790c06);background-image:linear-gradient(to bottom right,var(--first-color),var(--first-color-hover-end));box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.dark-theme .contact__button:hover{box-shadow:0 4px 8px #0006}.contact__input:focus::placeholder{opacity:0}.contact__input:focus+.contact__label,.contact__input:not(:placeholder-shown).contact__input:not(:focus)+.contact__label{color:#8e110b;color:var(--first-color);font-size:.813rem;font-size:var(--small-font-size);opacity:1;top:-16px}.dark-theme .contact__input:focus+.contact__label,.dark-theme .contact__input:not(:placeholder-shown).contact__input:not(:focus)+.contact__label{background-color:#d4d4d4;background-color:var(--container-color);color:#8e110b;color:var(--first-color)}.contact__social{grid-row-gap:1rem;background-color:#1a1a1a;border-radius:16px;display:grid;padding-block:1rem 2rem;row-gap:1rem;text-align:center}.contact__social-arrow{margin:0 auto;width:32px}.contact__social-data{display:flex;flex-direction:column;row-gap:1.5rem}.contact__social-description-1{color:#a3a3a3;color:var(--text-color-light);font-size:.813rem;font-size:var(--small-font-size);margin-bottom:.5rem}.contact__social-description-2{color:#f2f2f2;color:var(--white-color);font-size:.813rem;font-size:var(--small-font-size);font-weight:600;font-weight:var(--font-semi-bold)}.contact__social-links{column-gap:.75rem;display:flex;justify-content:center}.contact__social-link{background-color:#666;background-color:var(--black-color-light);border-radius:12px;color:#f2f2f2;color:var(--white-color);display:grid;font-size:1.25rem;padding:6px;place-items:center;transition:background-color .3s ease,transform .3s ease}.contact__social-link:hover{background-color:#8e110b;background-color:var(--first-color);transform:scale(1.1)}.contact__message{bottom:-1.6rem;color:#f2f2f2;color:var(--white-color);font-size:.813rem;font-size:var(--small-font-size);left:0;position:absolute}.footer{background-color:hwb(75 6% 93%);background-color:var(--black-color)}.footer__container{padding-block:3rem 2rem;row-gap:2.5rem}.footer__links{column-gap:2rem;display:flex;justify-content:center}.footer__link{font-size:.813rem;font-size:var(--small-font-size);transition:color .3s ease,transform .3s ease}.footer__link:hover{transform:translateY(-1px)}.footer__copy,.footer__link:hover{color:#a3a3a3;color:var(--text-color-light)}.footer__copy{font-size:.813rem;font-size:var(--small-font-size);text-align:center}.footer__copy a{font-weigth:500;font-weigth:var(--font-medium);color:#f2f2f2;color:var(--white-color)}::-webkit-scrollbar{background-color:#a6a6a6;border-radius:.5rem;width:.6rem}::-webkit-scrollbar-thumb{background-color:#8c8c8c;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background-color:#737373}.resume-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.resume-modal{animation:modalSlideIn .3s ease-out;background-color:#d4d4d4;background-color:var(--container-color);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.resume-modal-header{align-items:center;border-bottom:1px solid #a3a3a3;border-bottom:1px solid var(--text-color-light);display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.resume-modal-header h3{color:#000;color:var(--title-color);font-size:1.25rem;font-size:var(--h2-font-size);margin:0}.resume-modal-close{background:none;border:none;border-radius:8px;color:#595959;color:var(--text-color);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background-color .3s ease,color .3s ease}.resume-modal-close:hover{background-color:#8e110b;background-color:var(--first-color);color:#f2f2f2;color:var(--white-color)}.resume-modal-content{padding:1.5rem 2rem 2rem}.resume-modal-content p{margin-bottom:1.5rem}.resume-email-input,.resume-modal-content p{color:#595959;color:var(--text-color);font-size:.938rem;font-size:var(--normal-font-size)}.resume-email-input{background-color:#dedede;background-color:var(--body-color);border:2px solid #a3a3a3;border:2px solid var(--text-color-light);border-radius:12px;margin-bottom:1rem;padding:1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.resume-email-input:focus{border-color:#8e110b;border-color:var(--first-color);box-shadow:0 0 0 3px rgba(3,86%,30%,.2);box-shadow:0 0 0 3px rgba(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.2);outline:none}.resume-email-input::placeholder{color:#a3a3a3;color:var(--text-color-light)}.resume-message{border-radius:8px;font-size:.813rem;font-size:var(--small-font-size);margin-bottom:1rem;padding:.75rem;text-align:center}.resume-message.success{background-color:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.resume-message.error{background-color:#f443361a;border:1px solid #f443364d;color:#f44336}.resume-download-btn{gap:.5rem;justify-content:center;width:100%}.resume-download-btn:disabled{cursor:not-allowed;opacity:.7}.dark-theme .resume-modal{background-color:#d4d4d4;background-color:var(--container-color);box-shadow:0 20px 40px #00000080}.dark-theme .resume-modal-header{border-bottom-color:#666;border-bottom-color:var(--black-color-light)}.dark-theme .resume-email-input{background-color:#dedede;background-color:var(--body-color);border-color:#666;border-color:var(--black-color-light);color:#f2f2f2;color:var(--white-color)}.dark-theme .resume-email-input:focus{border-color:#8e110b;border-color:var(--first-color)}@media screen and (max-width:480px){.resume-modal{margin:1rem;width:95%}.resume-modal-content,.resume-modal-header{padding-left:1.5rem;padding-right:1.5rem}}.scrollup{background-color:hwb(75 6% 93%);background-color:var(--black-color);border-radius:12px;bottom:-50%;color:#f2f2f2;color:var(--white-color);display:inline-flex;font-size:1.25rem;padding:8px;position:fixed;right:1rem;transition:bottom .4s ease,transform .4s ease,background-color .4s ease;z-index:10;z-index:var(--z-tooltip)}.scrollup:hover{transform:translateY(-.5rem)}.show-scroll{bottom:3rem}@media screen and (max-width:340px){.container{margin-inline:1rem}.home__image{width:180px}.home__social-mobile{gap:1rem}.home__social-mobile .home__social-link{font-size:1.2rem;min-height:40px;min-width:40px;padding:8px}.about__image{width:180px}.about__shadow{height:330px;right:-2.5rem}.contact__data{width:100%}.contact__data .section__title-2{transform:translateX(0)}}@media screen and (max-width:480px){.home__social-desktop{display:none}.home__social-mobile{display:flex!important}.home__arrow,.home__line{display:none!important}.home__perfil{margin-top:2rem}.home__container{overflow:hidden;padding-top:1rem}}@media screen and (min-width:481px){.home__social-desktop{display:grid}.home__social-mobile{display:none}}@media screen and (min-width:576px){.about__container,.home__container,.projects__container{grid-template-columns:350px;justify-content:center}.home__arrow,.home__line{display:block}.contact__data{margin-inline:auto;padding:4rem 1.5rem;width:350px}.contact__container{grid-template-columns:500px;justify-content:center}.contact__group{column-gap:1rem;grid-template-columns:repeat(2,1fr)}.contact__social{background-color:initial}.contact__social-arrow{filter:invert(1)}.contact__social-description-1{color:#595959;color:var(--text-color)}.contact__social-description-2{color:#000;color:var(--title-color)}.dark-theme .contact__social-arrow{filter:none}}@media screen and (min-width:768px){.services__container{grid-template-columns:repeat(2,250px)}.projects__container{grid-template-columns:repeat(2,350px)}}@media screen and (min-width:1150px){.container{margin-inline:auto}.section{padding-block:8rem 3rem}.section__title-1:after,.section__title-2:after{height:48px;width:70px}.geometric-box{transform:scale(1.2)}.nav{column-gap:4rem;height:5.5rem;height:calc(var(--header-height) + 2rem)}.nav__close,.nav__name,.nav__title,.nav__toggle{display:none}.nav__list{column-gap:4rem;flex-direction:row}.nav__menu{margin-left:auto}.nav__link{color:#595959;color:var(--text-color);font-size:.938rem;font-size:var(--normal-font-size)}.nav__link:hover{color:#000;color:var(--title-color)}.nav__link:after{background-color:#000;background-color:var(--title-color)}.active-link{color:#000;color:var(--title-color)}.nav__link-button{background-color:hwb(75 6% 93%);background-color:var(--black-color);border-radius:12px;color:#f2f2f2;color:var(--white-color);padding:1.1rem 1.5rem;transition:all .3s ease}.nav__link-button:hover{background-color:initial;background-image:linear-gradient(to bottom right,#8e110b,#790c06);background-image:linear-gradient(to bottom right,var(--first-color),var(--first-color-hover-end));box-shadow:0 4px 8px #0003;color:#f2f2f2;color:var(--white-color);transform:translateY(-2px)}.dark-theme .nav__link-button:hover{box-shadow:0 4px 8px #0006}.nav__link-button:after{background-color:initial}.change-theme{color:#595959;color:var(--text-color)}.change-theme:hover{color:#000;color:var(--title-color)}.home__container{align-items:center;gap:2rem 4rem;grid-template-columns:repeat(2,460px);padding-block:5.5rem}.home__perfil{grid-column:2/3;grid-row:1/3}.home__image{width:350px}.home__shadow{border:6px solid hwb(75 6% 93%);border:6px solid var(--black-color);border-radius:12px;bottom:-1.25rem;right:-1.25rem}.home__description,.home__name{text-align:left;text-align:initial}.home__name{align-self:flex-end}.home__info{align-self:flex-start;margin-top:0}.home__description{font-size:1.25rem;font-size:var(--h2-font-size);margin-bottom:5.5rem;padding-left:3rem;position:relative}.home__description:after{background-color:#000;background-color:var(--title-color);content:"";height:2px;left:0;position:absolute;top:14px;width:32px}.home__scroll{align-items:center;column-gap:.75rem;display:flex;margin:0}.home__scroll-text{color:#595959;color:var(--text-color);display:block;font-size:.75rem;font-size:var(--smaller-font-size);font-weight:500;font-weight:var(--font-medium)}.home__scroll-box{border-radius:8px;height:44px;width:44px}.home__scroll-box i{font-size:1.25rem}.home__perfil .geometric-box{top:15rem}.home__arrow{left:-8rem;rotate:80deg;top:4.5rem;width:80px}.home__line{bottom:4rem;left:-15rem;rotate:30deg;width:80px}.home__social,.home__social-desktop{left:auto;right:-6rem}.home__social-mobile{display:none}.home__social-link{border-radius:8px;font-size:1.5rem;padding:.5rem}.about__container{align-items:center;gap:1rem 9rem;grid-template-columns:440px 525px;padding-block:1rem}.about__perfil{grid-row:1/3;order:-1}.about__image{width:350px}.about__img{border:8px solid #f2f2f2;border:8px solid var(--white-color);border-radius:12px}.about__shadow{border-bottom:6px solid #8e110b;border-bottom:6px solid var(--first-color);border-radius:12px;height:480px;right:-5.5rem;top:-4rem;width:240px}.about__perfil .geometric-box{right:-4rem;top:4.5rem}.about__line{right:-2rem;top:10rem;width:80px}.about__box{border-radius:12px;height:64px;right:-.75rem;width:64px}.about__container .section__title-1{align-self:flex-end;margin-inline:0}.about__info{align-self:flex-start;padding-left:3rem}.about__description{font-size:1.25rem;font-size:var(--h2-font-size);margin-bottom:2rem}.about__description:after{height:2px;left:-3rem;top:14px;width:32px}.about__list{margin-bottom:2rem}.about__buttons{justify-content:normal}.button__ghost{border-radius:12px;padding:.75rem}.button__ghost i{font-size:1.5rem}.services__container{column-gap:5rem;grid-template-columns:repeat(3,282px);padding-block:3rem 5rem}.services__content{border:6px solid hwb(75 6% 93%);border:6px solid var(--black-color);border-radius:16px;padding:6.5rem 1.5rem 3.5rem}.services__icon i{font-size:3rem}.services__box{border-radius:10px;height:32px;width:32px}.services__title{margin-bottom:1.5rem}.services__card:hover .services__border{transform:translate(1.25rem,1.25rem)}.projects__container{grid-template-columns:repeat(3,352px);padding-block:3rem 1rem}.projects__card{border-radius:16px}.projects__image{margin-bottom:1rem}.projects__image img{border-radius:10px}.projects__content{margin-bottom:1.5rem}.projects__button{border-radius:12px;right:1.25rem}.skills{padding-block:8rem 3rem}.skills__container{gap:2.5rem;grid-template-columns:repeat(4,1fr)}.skills__content{border-radius:16px}.contact__container{grid-template-columns:440px 670px;grid-template-rows:none;padding-bottom:2rem}.contact__mail{border-radius:16px;grid-column:2/3;grid-row:1/3;margin-top:0;padding:7rem 5.5rem 6rem 7.5rem}.contact__title{font-size:1.125rem;font-size:var(--h3-font-size);text-align:left;text-align:initial}.contact__box{height:60px}.contact__input{border-radius:10px}.contact__form .contact__area{height:11rem}.contact__button{border-radius:12px;margin-top:1.25rem;width:-webkit-max-content;width:max-content}.contact__data{border-bottom:6px solid #8e110b;border-bottom:6px solid var(--first-color);border-radius:16px;height:375px;margin:7.5rem 0 0 8rem;padding:4.5rem 3.5rem 3.5rem;width:392px}.contact__data .section__title-2{margin:0 0 2rem;transform:translateX(-6.5rem)}.contact__social{border-radius:16px;margin-left:8rem;text-align:left;text-align:initial}.contact__social-data{align-items:center;column-gap:1.25rem;flex-direction:row}.contact__social-arrow{width:40px}.contact__social-link{border-radius:12px;font-size:1.5rem;padding:.5rem}.contact__message{bottom:-2.5rem}.dark-theme .contact__data{box-shadow:4px 0 8px #0a0a0a4d}.footer__container{grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:space-between;padding-block:4rem}.footer__links{column-gap:3rem;order:1}.scrollup{border-radius:12px;right:3rem}}.projects__stats{background:#d4d4d4;background:var(--container-color);border-radius:1rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-inline:auto;margin-bottom:2.5rem;max-width:700px;padding:1.25rem 1.5rem}.projects__stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.projects__stat-number{color:#8e110b;color:var(--first-color);font-size:1.5rem;font-weight:700;font-weight:var(--font-bold);line-height:1}.projects__stat-label{color:#a3a3a3;color:var(--text-color-light);font-size:.75rem;font-size:var(--smaller-font-size)}.projects__filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2.5rem}.projects__filter-btn{background:#0000;border:1.5px solid #666;border:1.5px solid var(--black-color-light);border-radius:999px;color:#595959;color:var(--text-color);cursor:pointer;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:.813rem;font-size:var(--small-font-size);padding:.45rem 1.1rem;transition:all .2s}.projects__filter-btn:hover{border-color:#8e110b;border-color:var(--first-color);color:#8e110b;color:var(--first-color)}.projects__filter-btn.active{font-weight:600;font-weight:var(--font-semi-bold)}.projects__card{background:#d4d4d4;background:var(--container-color);border:1.5px solid #0000;border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:border-color .25s,box-shadow .25s,transform .2s}.projects__card:hover{border-color:#8e110b;border-color:var(--first-color);box-shadow:0 4px 24px #8e110b1f;transform:translateY(-2px)}.projects__card--featured{border-color:hsl(3,86%,40%);border-color:hsl(var(--first-color-hsl-h),var(--first-color-hsl-s),calc(var(--first-color-hsl-l) + 10%))}.projects__featured-badge{background:#8e110b;background:var(--first-color);border-radius:999px;font-size:.68rem;padding:.2rem .65rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.projects__card-top{align-items:center;display:flex;gap:.75rem}.projects__category-tag{border-radius:999px;display:inline-block;font-size:.72rem;font-weight:600;font-weight:var(--font-semi-bold);padding:.2rem .7rem}.projects__impact{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.projects__impact-pill{align-items:center;background:hsl(3,86%,75%);background:hsl(var(--first-color-hsl-h),var(--first-color-hsl-s),calc(var(--first-color-hsl-l) + 45%));border-radius:999px;color:#8e110b;color:var(--first-color);display:inline-flex;font-size:.72rem;font-weight:500;font-weight:var(--font-medium);gap:.25rem;padding:.25rem .65rem}.dark-theme .projects__impact-pill{background:#8e110b2e;color:#f07b75}.projects__stack{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.projects__stack-pill{background:#dedede;background:var(--body-color);border:1px solid #c7c7c7;border-radius:.35rem;color:#a3a3a3;color:var(--text-color-light);font-family:monospace;font-size:.7rem;padding:.18rem .55rem}.dark-theme .projects__stack-pill{background:#292929;border-color:#404040;color:#b8b8b8}.experience__tabs{display:flex;gap:.75rem;justify-content:center;margin-bottom:2.5rem}.experience__tab-btn{align-items:center;background:#0000;border:1.5px solid #666;border:1.5px solid var(--black-color-light);border-radius:999px;color:#595959;color:var(--text-color);cursor:pointer;display:inline-flex;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:.813rem;font-size:var(--small-font-size);gap:.4rem;padding:.5rem 1.4rem;transition:all .2s}.experience__tab-btn:hover{border-color:#8e110b;border-color:var(--first-color);color:#8e110b;color:var(--first-color)}.experience__tab-btn.active{background:#8e110b;background:var(--first-color);border-color:#8e110b;border-color:var(--first-color);font-weight:600;font-weight:var(--font-semi-bold)}.experience__timeline{display:flex;flex-direction:column;gap:0;margin-inline:auto;max-width:760px}.experience__item{grid-gap:0 1.25rem;display:grid;gap:0 1.25rem;grid-template-columns:28px 1fr;padding-bottom:2rem}.experience__spine{align-items:center;display:flex;flex-direction:column}.experience__dot{background:#dedede;background:var(--body-color);border:2.5px solid #666;border:2.5px solid var(--black-color-light);border-radius:50%;flex-shrink:0;height:14px;margin-top:.35rem;transition:border-color .2s;width:14px}.experience__dot--active{border-color:#8e110b;border-color:var(--first-color)}.experience__line{background:#666;background:var(--black-color-light);flex:1 1;margin-top:.35rem;opacity:.4;width:2px}.experience__card{background:#d4d4d4;background:var(--container-color);border:1.5px solid #0000;border-radius:1rem;padding:1.25rem 1.4rem;transition:border-color .2s,box-shadow .2s}.experience__card:hover{border-color:#8e110b;border-color:var(--first-color);box-shadow:0 2px 16px #8e110b14}.experience__card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.85rem}.experience__role{color:#000;color:var(--title-color);font-size:1.125rem;font-size:var(--h3-font-size);font-weight:600;font-weight:var(--font-semi-bold);margin-bottom:.2rem}.experience__company{align-items:center;color:#8e110b;color:var(--first-color);display:inline-flex;font-size:.813rem;font-size:var(--small-font-size);font-weight:500;font-weight:var(--font-medium);gap:.35rem}.experience__meta{align-items:flex-end;display:flex;flex-direction:column;gap:.3rem}.experience__period{align-items:center;color:#a3a3a3;color:var(--text-color-light);display:inline-flex;font-size:.75rem;font-size:var(--smaller-font-size);gap:.3rem;white-space:nowrap}.experience__tag{border-radius:999px;font-size:.65rem;font-weight:600;font-weight:var(--font-semi-bold);letter-spacing:.05em;padding:.15rem .55rem;text-transform:uppercase}.experience__tag--current{background:#2183451f;border:1px solid #21834540;color:#218345}.experience__highlights{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;padding:0}.experience__highlight{align-items:flex-start;color:#595959;color:var(--text-color);display:flex;font-size:.813rem;font-size:var(--small-font-size);gap:.4rem;line-height:1.55}.experience__highlight i{color:#8e110b;color:var(--first-color);flex-shrink:0;margin-top:.15rem}.experience__edu-detail{color:#595959;color:var(--text-color);font-size:.813rem;font-size:var(--small-font-size);line-height:1.6;margin-top:.25rem}.skills__intro{color:#595959;color:var(--text-color);font-size:.938rem;font-size:var(--normal-font-size);line-height:1.7;margin-inline:auto;margin-bottom:2.5rem;max-width:640px;text-align:center}.skills__container{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skills__card{background:#d4d4d4;background:var(--container-color);border:1.5px solid #0000;border-radius:1rem;gap:.75rem;padding:1.5rem;transition:border-color .2s,transform .2s,box-shadow .2s}.skills__card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-3px)}.skills__card-icon{align-items:center;background:color-mix(in srgb,#8e110b 12%,#0000);background:color-mix(in srgb,var(--card-accent,var(--first-color)) 12%,#0000);border-radius:.75rem;display:flex;font-size:1.35rem;height:44px;justify-content:center;width:44px}.skills__card-title{color:#000;color:var(--title-color);font-size:1.125rem;font-size:var(--h3-font-size);font-weight:600;font-weight:var(--font-semi-bold);line-height:1.3}.skills__card-summary{color:#595959;color:var(--text-color);font-size:.813rem;font-size:var(--small-font-size);line-height:1.6}.skills__tools{display:flex;flex-wrap:wrap;gap:.35rem}.skills__tool{background:#dedede;background:var(--body-color);border:1px solid #c7c7c7;border-radius:.35rem;color:#a3a3a3;color:var(--text-color-light);font-family:monospace;font-size:.7rem;padding:.2rem .55rem}.dark-theme .skills__tool{background:#292929;border-color:#404040;color:#b8b8b8}.skills__proof{align-items:center;border-top:1px dashed #d1d1d1;color:#a3a3a3;color:var(--text-color-light);display:flex;font-size:var(--smaller-font-size);gap:.3rem;padding-top:.5rem}.dark-theme .skills__proof{border-top-color:#404040}.skills__proof i{color:var(--card-accent,var(--first-color));flex-shrink:0}.about__stats{background:#dedede;background:var(--body-color);border-radius:.75rem;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem;padding:1rem 1.25rem}.about__stat{display:flex;flex-direction:column;gap:.15rem}.about__stat-number{color:#8e110b;color:var(--first-color);font-size:1.35rem;font-weight:700;font-weight:var(--font-bold);line-height:1}.about__stat-label{color:#a3a3a3;color:var(--text-color-light);font-size:.75rem;font-size:var(--smaller-font-size)}@media screen and (max-width:576px){.projects__stats{gap:1rem;padding:1rem}.projects__filter-btn{font-size:.72rem;padding:.35rem .85rem}.experience__card-header{flex-direction:column}.experience__meta{align-items:flex-start}}@media screen and (min-width:768px){.projects__container,.skills__container{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1150px){.projects__container,.skills__container{grid-template-columns:repeat(3,1fr)}}.projects__show-more{display:flex;justify-content:center;margin-top:2.5rem;padding-bottom:.5rem}.projects__show-more-btn{align-items:center;background:#0000;border:1.5px solid #666;border:1.5px solid var(--black-color-light);border-radius:999px;color:#000;color:var(--title-color);cursor:pointer;display:inline-flex;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:.813rem;font-size:var(--small-font-size);font-weight:600;font-weight:var(--font-semi-bold);gap:.5rem;padding:.7rem 2rem;transition:border-color .2s,color .2s,background-color .2s,transform .2s,box-shadow .2s}.projects__show-more-btn i{font-size:1.1rem;transition:transform .3s ease}.projects__show-more-btn:hover{background-color:color-mix(in srgb,#8e110b 6%,#0000);background-color:color-mix(in srgb,var(--first-color) 6%,#0000);border-color:#8e110b;border-color:var(--first-color);box-shadow:0 4px 12px #00000014;color:#8e110b;color:var(--first-color);transform:translateY(-2px)}.projects__show-more-btn:hover i{transform:translateY(3px)}.dark-theme .projects__show-more-btn:hover{box-shadow:0 4px 12px #00000040}.marquee__wrapper{border-top:1px solid #d1d1d1;margin-top:2.5rem;overflow:hidden;padding-block:2rem 1rem;width:100%}.dark-theme .marquee__wrapper{border-top-color:#383838}.marquee__label{color:#a3a3a3;color:var(--text-color-light);font-size:.75rem;font-size:var(--smaller-font-size);font-weight:600;font-weight:var(--font-semi-bold);letter-spacing:.12em;margin-bottom:1.25rem;text-align:center;text-transform:uppercase}.marquee__track-outer{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8%,#000 92%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 8%,#000 92%,#0000);overflow:hidden}.marquee__track{animation:marquee-scroll 28s linear infinite;display:flex;gap:0;width:-webkit-max-content;width:max-content}.marquee__track:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee__item{align-items:center;background-color:#d4d4d4;background-color:var(--container-color);border:1.5px solid #ccc;border-radius:999px;cursor:default;display:inline-flex;gap:.55rem;margin-right:.75rem;padding:.55rem 1.5rem;transition:border-color .2s,background-color .2s;white-space:nowrap}.dark-theme .marquee__item{border-color:#383838}.marquee__item:hover{background-color:color-mix(in srgb,#8e110b 8%,#d4d4d4);background-color:color-mix(in srgb,var(--first-color) 8%,var(--container-color));border-color:#8e110b;border-color:var(--first-color)}.marquee__icon{color:#8e110b;color:var(--first-color);flex-shrink:0;font-size:1.1rem}.marquee__text{color:#000;color:var(--title-color);font-size:.813rem;font-size:var(--small-font-size);font-weight:500;font-weight:var(--font-medium)}.process{background-color:#dedede;background-color:var(--body-color);transition:background-color .4s ease}.process__pipeline{align-items:flex-start;display:flex;gap:0;padding-top:1rem}.process__step{align-items:center;background:#d4d4d4;background:var(--container-color);border:1.5px solid #0000;border-radius:1rem;display:flex;flex:1 1;flex-direction:column;opacity:0;padding:1.75rem 1.25rem 1.5rem;text-align:center;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease,border-color .2s,box-shadow .2s}.process__step--visible{opacity:1;transform:translateY(0)}.process__step:hover{border-color:#8e110b;border-color:var(--first-color);box-shadow:0 4px 20px #00000014}.dark-theme .process__step:hover{box-shadow:0 4px 20px #00000040}.process__number{font-family:monospace;font-size:.7rem;font-weight:700;font-weight:var(--font-bold);letter-spacing:.1em;margin-bottom:.85rem}.process__icon-wrap,.process__number{color:#8e110b;color:var(--first-color)}.process__icon-wrap{align-items:center;background:color-mix(in srgb,#8e110b 12%,#0000);background:color-mix(in srgb,var(--first-color) 12%,#0000);border-radius:.9rem;display:flex;font-size:1.5rem;height:52px;justify-content:center;margin-bottom:1rem;transition:transform .25s ease;width:52px}.process__step:hover .process__icon-wrap{transform:scale(1.1) rotate(-4deg)}.process__title{color:#000;color:var(--title-color);font-size:1.125rem;font-size:var(--h3-font-size);font-weight:600;font-weight:var(--font-semi-bold);line-height:1.3;margin-bottom:.6rem}.process__desc{color:#595959;color:var(--text-color);font-size:.813rem;font-size:var(--small-font-size);line-height:1.65}.process__connector{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;opacity:0;padding-top:2.5rem;transition:opacity .5s ease .2s;width:2.5rem}.process__connector--visible{opacity:1}.process__connector-line{background:linear-gradient(90deg,#8e110b,color-mix(in srgb,#8e110b 30%,#0000));background:linear-gradient(to right,var(--first-color),color-mix(in srgb,var(--first-color) 30%,#0000));height:2px;width:100%}.process__connector-arrow{color:#8e110b;color:var(--first-color);display:none;font-size:1.1rem;margin-top:-2px}@media screen and (max-width:767px){.marquee__item{padding:.45rem 1.1rem}.process__pipeline{align-items:stretch;flex-direction:column;gap:0}.process__step{align-items:flex-start;flex-direction:row;gap:1rem;padding:1.25rem;text-align:left}.process__icon-wrap{flex-shrink:0;margin-bottom:0}.process__step-body{display:flex;flex-direction:column}.process__connector{flex-direction:row;height:2rem;justify-content:flex-start;padding-left:2.5rem;padding-top:0;width:auto}.process__connector-line{background:linear-gradient(180deg,#8e110b,color-mix(in srgb,#8e110b 30%,#0000));background:linear-gradient(to bottom,var(--first-color),color-mix(in srgb,var(--first-color) 30%,#0000));height:100%;width:2px}}@media screen and (min-width:1150px){.process__pipeline{gap:0}.process__step{padding:2rem 1.5rem}}:root{--font-biggest:clamp(2.5rem,6vw,5rem);--font-bigger:clamp(1.75rem,4vw,3rem);--font-big:clamp(1.25rem,3vw,2rem);--font-h2:clamp(1.1rem,2.5vw,1.5rem);--font-h3:1.1rem;--font-normal:1rem;--font-small:0.875rem;--font-smaller:0.75rem;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:5rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1.25rem;--radius-xl:2rem;--first-color-rgb:142,11,8;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 8px 40px #00000024;--shadow-colored:0 8px 32px rgba(var(--first-color-rgb),0.18);--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease}body.dark-theme{--first-color-rgb:235,78,38;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 20px #00000059;--shadow-lg:0 8px 40px #00000073}html{scroll-behavior:smooth}::selection{background:#8e110b;background:var(--first-color);color:#fff}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#dedede;background:var(--body-color)}::-webkit-scrollbar-thumb{background:#8e110b;background:var(--first-color);border-radius:3px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8e110b;outline:2px solid var(--first-color);outline-offset:3px}.shadow-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,#dedede 80%,#0000);background:color-mix(in srgb,var(--body-color) 80%,#0000);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm)}.nav__link{position:relative;transition:color .25s ease;transition:color var(--transition-base)}.nav__link:after{background:#8e110b;background:var(--first-color);border-radius:2px;bottom:-6px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .25s ease;transition:width var(--transition-base);width:0}.nav__link:hover:after{width:60%}.nav__link.active-link{color:#000;color:var(--title-color)}.nav__link.active-link:after{background:#8e110b;background:var(--first-color);border-radius:50%;bottom:-10px;height:6px;width:6px}.nav__link-button:after,.nav__link-button:hover:after{display:none}.nav__logo-circle{transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--transition-base),box-shadow var(--transition-base)}.nav__logo:hover .nav__logo-circle{box-shadow:0 8px 32px #8e0b082e;box-shadow:var(--shadow-colored);transform:scale(1.08)}.change-theme{transition:transform .4s ease,color .25s ease;transition:transform var(--transition-slow),color var(--transition-base)}.change-theme:hover{color:#8e110b;color:var(--first-color);transform:rotate(180deg)}@media screen and (max-width:1149px){.nav__menu{transition:transform .45s cubic-bezier(.22,1,.36,1)}}.home{overflow:hidden;position:relative}.home__name{font-size:clamp(2.5rem,6vw,5rem);font-size:var(--font-biggest);letter-spacing:-.02em;line-height:1.1}.home:before{animation:hero-blob-drift 12s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,#8e110b 25%,#0000) 0,#0000 65%);background:radial-gradient(circle,color-mix(in srgb,var(--first-color) 25%,#0000) 0,#0000 65%);content:"";filter:blur(40px);height:60vw;left:50%;max-height:700px;max-width:700px;opacity:.4;pointer-events:none;position:absolute;top:20%;transform:translate(-50%,-50%);width:60vw;z-index:-1}@keyframes hero-blob-drift{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-45%,-55%) scale(1.1)}}.button{transition:all .25s ease;transition:all var(--transition-base)}.button:hover{box-shadow:0 8px 32px #8e0b082e;box-shadow:var(--shadow-colored);transform:scale(1.03) translateY(-2px)}.button__ghost{background:#0000;border:2px solid hwb(75 6% 93%);border:2px solid var(--black-color);color:#000;color:var(--title-color);overflow:hidden;position:relative;transition:color .25s ease,border-color .25s ease;transition:color var(--transition-base),border-color var(--transition-base)}.button__ghost:before{background:#8e110b;background:var(--first-color);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;transition:transform var(--transition-base);z-index:-1}.button__ghost:hover{border-color:#8e110b;border-color:var(--first-color);color:#f2f2f2;color:var(--white-color)}.button__ghost:hover:before{transform:scaleX(1)}.contact__social-link,.home__social-link{transition:transform .25s ease,color .25s ease;transition:transform var(--transition-base),color var(--transition-base)}.contact__social-link:hover,.home__social-link:hover{color:#8e110b;color:var(--first-color);transform:translateY(-3px)}.home__scroll-box{animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.projects__filter-btn{border-radius:2rem;border-radius:var(--radius-xl);transition:background-color .25s ease,color .25s ease,border-color .25s ease;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.projects__filter-btn.active{background:#8e110b;background:var(--first-color);border-color:#8e110b;border-color:var(--first-color);color:#fff}.projects__card{position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.projects__card:before{background:#8e110b;background:var(--first-color);border-radius:0 4px 4px 0;bottom:1rem;content:"";left:0;opacity:0;position:absolute;top:1rem;transition:opacity .25s ease;transition:opacity var(--transition-base);width:4px}.projects__card:hover{box-shadow:0 8px 40px #00000024;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.projects__card:hover:before{opacity:1}.projects__featured-badge{background:linear-gradient(135deg,#8e110b,color-mix(in srgb,#8e110b 70%,#f45925));background:linear-gradient(135deg,var(--first-color),color-mix(in srgb,var(--first-color) 70%,#f45925));border-radius:2rem;border-radius:var(--radius-xl);color:#fff;letter-spacing:.04em;padding:.25rem .75rem}.projects__featured-badge,.projects__impact-pill{font-size:.75rem;font-size:var(--font-smaller);font-weight:600;font-weight:var(--font-semi-bold)}.projects__impact-pill{background:color-mix(in srgb,#8e110b 10%,#0000);background:color-mix(in srgb,var(--first-color) 10%,#0000);border:1px solid color-mix(in srgb,#8e110b 25%,#0000);border:1px solid color-mix(in srgb,var(--first-color) 25%,#0000);color:#000;color:var(--title-color)}.projects__impact-pill i{color:#8e110b;color:var(--first-color)}.projects__stack-pill{background:color-mix(in srgb,#d4d4d4 80%,#dedede);background:color-mix(in srgb,var(--container-color) 80%,var(--body-color));border:1px solid color-mix(in srgb,#595959 15%,#0000);border:1px solid color-mix(in srgb,var(--text-color) 15%,#0000);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;font-size:var(--font-smaller)}.experience__line{background:linear-gradient(180deg,#8e110b,color-mix(in srgb,#8e110b 0,#0000))!important;background:linear-gradient(to bottom,var(--first-color),color-mix(in srgb,var(--first-color) 0,#0000))!important}.experience__dot--active{background:#8e110b;background:var(--first-color);position:relative}.experience__dot--active:after{animation:dot-pulse 1.8s ease-out infinite;border:2px solid #8e110b;border:2px solid var(--first-color);border-radius:50%;content:"";inset:-4px;position:absolute}@keyframes dot-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.experience__tab-btn{position:relative;transition:color .25s ease;transition:color var(--transition-base)}.experience__tab-btn:after{background:#8e110b;background:var(--first-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:transform .25s ease;transition:transform var(--transition-base)}.experience__tab-btn.active:after{transform:scaleX(0)}.experience__tab-btn.active{color:#fff}.experience__card{transition:transform .25s ease,box-shadow .25s ease;transition:transform var(--transition-base),box-shadow var(--transition-base)}.experience__card:hover{box-shadow:inset 4px 0 0 #8e110b,0 4px 20px #0000001a;box-shadow:inset 4px 0 0 var(--first-color),var(--shadow-md);transform:translateX(2px)}.experience__tag--current{background:linear-gradient(90deg,#8e110b,color-mix(in srgb,#8e110b 70%,#f45925));background:linear-gradient(90deg,var(--first-color),color-mix(in srgb,var(--first-color) 70%,#f45925));border-radius:2rem;border-radius:var(--radius-xl);color:#fff;font-size:.75rem;font-size:var(--font-smaller);font-weight:600;font-weight:var(--font-semi-bold);overflow:hidden;padding:.25rem .6rem;position:relative}.experience__tag--current:after{animation:shimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}.skills__container{align-items:stretch}.skills__card{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.skills__card:before{background:radial-gradient(circle,color-mix(in srgb,#8e110b 18%,#0000),#0000 70%);background:radial-gradient(circle,color-mix(in srgb,var(--card-accent,var(--first-color)) 18%,#0000),#0000 70%);content:"";height:140px;left:-20%;pointer-events:none;position:absolute;top:-20%;width:140px;z-index:0}.skills__card>*{position:relative;z-index:1}.skills__card:hover{border-color:#8e110b;border-color:var(--card-accent,var(--first-color));box-shadow:0 12px 32px color-mix(in srgb,#8e110b 22%,#0000);box-shadow:0 12px 32px color-mix(in srgb,var(--card-accent,var(--first-color)) 22%,#0000);transform:translateY(-4px)}.skills__card-icon{background:color-mix(in srgb,#8e110b 14%,#0000);background:color-mix(in srgb,var(--card-accent,var(--first-color)) 14%,#0000);border-radius:50%;color:#8e110b;color:var(--card-accent,var(--first-color));display:grid;font-size:1.5rem;height:56px;place-items:center;width:56px}.skills__tool{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;font-size:var(--font-smaller);transition:background-color .25s ease;transition:background-color var(--transition-base)}.skills__tool:hover{background:color-mix(in srgb,#8e110b 12%,#d4d4d4);background:color-mix(in srgb,var(--card-accent,var(--first-color)) 12%,var(--container-color))}.skills__proof{border-top:1px dashed color-mix(in srgb,#595959 20%,#0000);border-top:1px dashed color-mix(in srgb,var(--text-color) 20%,#0000);color:#595959;color:var(--text-color);font-size:.75rem;font-size:var(--font-smaller);margin-top:auto;padding-top:1rem;padding-top:var(--space-sm)}.skills__proof i{color:#8e110b;color:var(--first-color)}.about__stat{transition:transform .25s ease;transition:transform var(--transition-base)}.about__stat:hover{transform:scale(1.05)}.about__stat:hover .about__stat-number{text-shadow:0 4px 18px color-mix(in srgb,#8e110b 50%,#0000);text-shadow:0 4px 18px color-mix(in srgb,var(--first-color) 50%,#0000)}.about__description{line-height:1.8;max-width:60ch}.about__img{aspect-ratio:4/5;object-fit:cover;width:100%}@media screen and (max-width:767px){.about__buttons{flex-direction:column;gap:1rem;gap:var(--space-sm)}.about__buttons .button,.about__buttons .button__ghost{justify-content:center;width:100%}}.contact__input{transition:border-color .25s ease,box-shadow .25s ease;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.contact__input:focus{border-color:#8e110b;border-color:var(--first-color);box-shadow:0 0 0 3px color-mix(in srgb,#8e110b 18%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--first-color) 18%,#0000);outline:none}@media screen and (max-width:767px){.contact__button{justify-content:center;width:100%}}.footer{position:relative}.footer:before{background:linear-gradient(90deg,#0000,#8e110b,#0000);background:linear-gradient(90deg,#0000,var(--first-color),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer__link{background:none;border:none;color:#f2f2f2;color:var(--white-color);cursor:pointer;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);padding:.25rem 0;position:relative;transition:color .25s ease;transition:color var(--transition-base)}.footer__link:after{background:#8e110b;background:var(--first-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .25s ease;transition:width var(--transition-base);width:0}.footer__link:hover:after{width:100%}.footer__link:hover{color:#8e110b;color:var(--first-color)}.footer__copy{font-size:.875rem;font-size:var(--font-small);opacity:.6}.footer__copy-name{color:#f2f2f2;color:var(--white-color);font-weight:500;font-weight:var(--font-medium);margin-left:4px}.footer__copy-role{margin-left:4px;opacity:.5}.scrollup{border-radius:50%!important;display:grid;height:44px;opacity:0;place-items:center;transform:translateY(16px);transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;transition:opacity var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);width:44px}.scrollup.show-scroll{opacity:1;transform:translateY(0)}.scrollup:hover{box-shadow:0 8px 32px #8e0b082e;box-shadow:var(--shadow-colored);transform:translateY(-2px) scale(1.1)}.hero-fade{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.hero-fade--image{transform:translateX(32px);transition-duration:.8s}.hero-fade--visible{opacity:1;transform:translate(0)}.hero-fade--name{transition-delay:.05s}.hero-fade--image{transition-delay:.15s}.hero-fade--desc{transition-delay:.28s}.hero-fade--btn{transition-delay:.42s}.home__typewriter{display:inline;min-width:9ch}.home__cursor{animation:blink-cursor .75s step-end infinite;color:#8e110b;color:var(--first-color);display:inline-block;font-weight:300;margin-left:1px}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.reveal-up{animation:reveal-up-anim .6s ease forwards;opacity:0;transform:translateY(24px)}@keyframes reveal-up-anim{to{opacity:1;transform:translateY(0)}}.reveal-left{animation:reveal-left-anim .7s ease .1s forwards;opacity:0;transform:translateX(-32px)}@keyframes reveal-left-anim{to{opacity:1;transform:translateX(0)}}.reveal-right{animation:reveal-right-anim .7s ease .2s forwards;opacity:0;transform:translateX(32px)}@keyframes reveal-right-anim{to{opacity:1;transform:translateX(0)}}.card-reveal{opacity:0;transform:translateY(20px) scale(.98);transition:opacity .5s ease,transform .5s ease,background-color .4s,border-color .2s,box-shadow .3s}.card-reveal--visible{opacity:1;transform:translateY(0) scale(1)}.skills__card--anim{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease,border-color .2s,box-shadow .2s}.skills__card--visible{opacity:1;transform:translateY(0)}.skills__card--visible .skills__card-icon i{animation:icon-bounce .5s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes icon-bounce{0%{transform:scale(1)}35%{transform:scale(1.25) rotate(-8deg)}65%{transform:scale(.92) rotate(4deg)}to{transform:scale(1) rotate(0)}}.contact-reveal{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s ease}.contact-reveal--visible{opacity:1;transform:translateY(0)}.case-study__page{background:#dedede;background:var(--body-color);color:#595959;color:var(--text-color);min-height:100vh;padding-bottom:4rem;padding-top:6rem}.case-study__page .container{max-width:1100px}.case-study__back-link{align-items:center;background:none;border:none;color:#595959;color:var(--text-color);cursor:pointer;display:inline-flex;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:.875rem;font-size:var(--font-small);font-weight:500;font-weight:var(--font-medium);gap:.4rem;padding:.5rem 0;transition:color .25s ease,transform .25s ease;transition:color var(--transition-base),transform var(--transition-base)}.case-study__back-link:hover{color:#8e110b;color:var(--first-color);transform:translateX(-3px)}.case-study__back-link i{font-size:1.1rem}.case-study__hero{border-bottom:1px solid color-mix(in srgb,#595959 12%,#0000);border-bottom:1px solid color-mix(in srgb,var(--text-color) 12%,#0000);margin-bottom:3rem;margin-bottom:var(--space-xl);overflow:hidden;padding:3rem 0 5rem;padding:var(--space-xl) 0 var(--space-2xl);position:relative}.case-study__hero-glow{animation:hero-blob-drift 14s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,#8e110b 18%,#0000) 0,#0000 65%);background:radial-gradient(circle,color-mix(in srgb,var(--first-color) 18%,#0000) 0,#0000 65%);filter:blur(60px);height:50vw;max-height:600px;max-width:600px;pointer-events:none;position:absolute;right:-10%;top:-10%;width:50vw;z-index:0}.case-study__hero>.container{position:relative;z-index:1}.case-study__category-badge{animation:cs-fade-up .6s ease-out both;border-radius:2rem;border-radius:var(--radius-xl);display:inline-block;font-size:.75rem;font-size:var(--font-smaller);font-weight:600;font-weight:var(--font-semi-bold);letter-spacing:.04em;margin-bottom:1.5rem;margin-bottom:var(--space-md);padding:.35rem .9rem;text-transform:uppercase}.case-study__hero-title{animation:cs-fade-up .7s ease-out .1s both;color:#000;color:var(--title-color);font-size:clamp(2.5rem,6vw,5rem);font-size:var(--font-biggest);font-weight:700;font-weight:var(--font-bold);letter-spacing:-.02em;line-height:1.05;margin-bottom:1rem;margin-bottom:var(--space-sm)}.case-study__hero-tagline{animation:cs-fade-up .7s ease-out .2s both;color:#595959;color:var(--text-color);font-size:clamp(1.25rem,3vw,2rem);font-size:var(--font-big);line-height:1.5;margin-bottom:3rem;margin-bottom:var(--space-xl);max-width:60ch}@keyframes cs-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.case-study__stats{grid-gap:1.5rem;grid-gap:var(--space-md);background:#d4d4d4;background:var(--container-color);border:1px solid color-mix(in srgb,#595959 10%,#0000);border:1px solid color-mix(in srgb,var(--text-color) 10%,#0000);border-radius:1.25rem;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);display:grid;gap:1.5rem;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:1.5rem;padding:var(--space-md)}.case-study__stat{animation:cs-fade-up .5s ease-out both;border-left:3px solid #8e110b;border-left:3px solid var(--first-color);display:flex;flex-direction:column;gap:.25rem;opacity:0;padding:.5rem .75rem}.case-study__stat:hover .case-study__stat-n{text-shadow:0 4px 18px color-mix(in srgb,#8e110b 55%,#0000);text-shadow:0 4px 18px color-mix(in srgb,var(--first-color) 55%,#0000)}.case-study__stat-n{font-feature-settings:"tnum";color:#000;color:var(--title-color);font-size:clamp(1.25rem,3vw,2rem);font-size:var(--font-big);font-variant-numeric:tabular-nums;font-weight:700;font-weight:var(--font-bold);letter-spacing:-.01em;transition:text-shadow .25s ease;transition:text-shadow var(--transition-base)}.case-study__stat-label{color:#595959;color:var(--text-color);font-size:.75rem;font-size:var(--font-smaller);letter-spacing:.05em;text-transform:uppercase}.case-study__layout{grid-gap:5rem;grid-gap:var(--space-2xl);align-items:start;display:grid;gap:5rem;gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) 240px}.case-study__main{min-width:0}.case-study__section{border-bottom:1px solid color-mix(in srgb,#595959 8%,#0000);border-bottom:1px solid color-mix(in srgb,var(--text-color) 8%,#0000);padding:3rem 0;padding:var(--space-xl) 0;scroll-margin-top:6rem}.case-study__section:last-of-type{border-bottom:none}.case-study__section-heading{align-items:center;color:#8e110b;color:var(--first-color);display:inline-flex;font-size:.75rem;font-size:var(--font-smaller);font-weight:600;font-weight:var(--font-semi-bold);gap:.6rem;letter-spacing:.12em;margin-bottom:1.5rem;margin-bottom:var(--space-md);text-transform:uppercase}.case-study__section-heading:before{background:#8e110b;background:var(--first-color);border-radius:2px;content:"";height:2px;width:28px}.case-study__prose{color:#595959;color:var(--text-color);font-size:1.05rem;line-height:1.85;max-width:68ch;white-space:pre-line}.case-study__stack-grid{grid-gap:1rem;grid-gap:var(--space-sm);display:grid;gap:1rem;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.5rem;margin-top:var(--space-md)}.case-study__stack-card{background:#d4d4d4;background:var(--container-color);border:1px solid color-mix(in srgb,#595959 10%,#0000);border-left:3px solid #8e110b;border:1px solid color-mix(in srgb,var(--text-color) 10%,#0000);border-left:3px solid var(--first-color);border-radius:.75rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.case-study__stack-card:hover{border-left-color:color-mix(in srgb,#8e110b 70%,#f45925);border-left-color:color-mix(in srgb,var(--first-color) 70%,#f45925);box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.case-study__tech-name{color:#000;color:var(--title-color);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.95rem;font-weight:600;font-weight:var(--font-semi-bold)}.case-study__tech-reason{color:#595959;color:var(--text-color);font-size:.875rem;font-size:var(--font-small);line-height:1.5}.cs-nav__sidebar{align-self:start;background:#d4d4d4;background:var(--container-color);border:1px solid color-mix(in srgb,#595959 10%,#0000);border:1px solid color-mix(in srgb,var(--text-color) 10%,#0000);border-radius:1.25rem;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-md);position:-webkit-sticky;position:sticky;top:6rem}.cs-nav__label{color:#595959;color:var(--text-color);font-size:.75rem;font-size:var(--font-smaller);font-weight:600;font-weight:var(--font-semi-bold);letter-spacing:.1em;margin-bottom:1rem;margin-bottom:var(--space-sm);opacity:.6;text-transform:uppercase}.cs-nav__list{display:flex;flex-direction:column;gap:.15rem;list-style:none;margin:0;padding:0}.cs-nav__link{background:none;border:none;border-left:2px solid #0000;border-radius:0 .5rem .5rem 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#595959;color:var(--text-color);cursor:pointer;display:block;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:.875rem;font-size:var(--font-small);padding:.5rem .75rem;text-align:left;transition:all .25s ease;transition:all var(--transition-base);width:100%}.cs-nav__link:hover{background:color-mix(in srgb,#8e110b 6%,#0000);background:color-mix(in srgb,var(--first-color) 6%,#0000);color:#000;color:var(--title-color)}.cs-nav__link--active{background:color-mix(in srgb,#8e110b 8%,#0000);background:color-mix(in srgb,var(--first-color) 8%,#0000);border-left-color:#8e110b;border-left-color:var(--first-color);color:#8e110b;color:var(--first-color);font-weight:600;font-weight:var(--font-semi-bold)}.case-study__cta{background:linear-gradient(135deg,color-mix(in srgb,#8e110b 8%,#d4d4d4),#d4d4d4);background:linear-gradient(135deg,color-mix(in srgb,var(--first-color) 8%,var(--container-color)),var(--container-color));border:1px solid color-mix(in srgb,#8e110b 20%,#0000);border:1px solid color-mix(in srgb,var(--first-color) 20%,#0000);border-radius:1.25rem;border-radius:var(--radius-lg);margin-top:5rem;margin-top:var(--space-2xl);padding:3rem;padding:var(--space-xl);text-align:center}.case-study__cta-heading{color:#000;color:var(--title-color);font-size:clamp(1.1rem,2.5vw,1.5rem);font-size:var(--font-h2);font-weight:700;font-weight:var(--font-bold);margin-bottom:.4rem}.case-study__cta-sub{color:#595959;color:var(--text-color);margin-bottom:1.5rem;margin-bottom:var(--space-md)}.case-study__cta-btn{align-items:center;background:hwb(75 6% 93%);background:var(--black-color);border:none;border-radius:2rem;border-radius:var(--radius-xl);color:#f2f2f2;color:var(--white-color);cursor:pointer;display:inline-flex;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--font-normal);font-weight:500;font-weight:var(--font-medium);gap:.5rem;padding:.85rem 1.6rem;transition:all .25s ease;transition:all var(--transition-base)}.case-study__cta-btn:hover{box-shadow:0 8px 32px #8e0b082e;box-shadow:var(--shadow-colored);transform:translateY(-2px) scale(1.02)}.case-study__cta-back{margin-top:1.5rem;margin-top:var(--space-md)}.case-study__not-found{padding:5rem 0;padding:var(--space-2xl) 0;text-align:center}.case-study__not-found h1{color:#000;color:var(--title-color);font-size:clamp(1.75rem,4vw,3rem);font-size:var(--font-bigger);margin-bottom:1rem;margin-bottom:var(--space-sm)}.projects__link--primary{background:#8e110b;background:var(--first-color);border:none;border-radius:20px;color:#fff!important;font-weight:600;font-weight:var(--font-semi-bold);line-height:1;padding:.4rem .85rem}.projects__link--primary i{color:#fff!important}.projects__link--primary:hover{background:color-mix(in srgb,#8e110b 85%,#000);background:color-mix(in srgb,var(--first-color) 85%,#000);box-shadow:0 8px 32px #8e0b082e;box-shadow:var(--shadow-colored);color:#fff!important;transform:translateY(-1px)}.projects__link--primary:hover i{color:#fff!important}.projects__link--btn{background:none;border:1px solid color-mix(in srgb,#595959 20%,#0000);border:1px solid color-mix(in srgb,var(--text-color) 20%,#0000);cursor:pointer;font:inherit}@media screen and (max-width:1024px){.case-study__layout{gap:3rem;gap:var(--space-xl);grid-template-columns:1fr}.cs-nav__sidebar{order:-1;position:static}.cs-nav__list{flex-direction:row;flex-wrap:wrap;gap:.25rem}.cs-nav__link{border-bottom:2px solid #0000;border-left:none;border-radius:.5rem;border-radius:var(--radius-sm)}.cs-nav__link--active{border-bottom-color:#8e110b;border-bottom-color:var(--first-color);border-left:none}}@media screen and (max-width:767px){.case-study__page{padding-top:4.5rem}.case-study__hero{padding:1.5rem 0 3rem;padding:var(--space-md) 0 var(--space-xl)}.case-study__hero-title{font-size:clamp(1.75rem,4vw,3rem);font-size:var(--font-bigger)}.case-study__hero-tagline{font-size:clamp(1.1rem,2.5vw,1.5rem);font-size:var(--font-h2)}.case-study__stats{grid-template-columns:repeat(2,1fr)}.case-study__section{padding:1.5rem 0;padding:var(--space-md) 0}.case-study__cta{padding:1.5rem;padding:var(--space-md)}}.case-study__hero-grid{grid-gap:5rem;grid-gap:var(--space-2xl);align-items:center;display:grid;gap:5rem;gap:var(--space-2xl);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.case-study__hero-text{min-width:0}.case-study__hero-visual{align-items:center;display:flex;justify-content:center;perspective:1000px}.case-study__hero-card{animation:cs-card-in .8s cubic-bezier(.22,1,.36,1) .2s both;aspect-ratio:4/5;border-radius:1.25rem;border-radius:var(--radius-lg);box-shadow:0 24px 60px #0000002e,0 8px 20px #0000001a;max-width:380px;overflow:hidden;position:relative;transform:rotate(-2deg);transition:transform .5s cubic-bezier(.22,1,.36,1);width:100%}.case-study__hero-card:hover{transform:rotate(0deg) scale(1.03)}@keyframes cs-card-in{0%{opacity:0;transform:rotate(-8deg) translateY(40px) scale(.92)}to{opacity:1;transform:rotate(-2deg) translateY(0) scale(1)}}.case-study__hero-icon{color:#fffffff2;filter:drop-shadow(0 6px 20px rgba(0,0,0,.25));font-size:clamp(5rem,12vw,9rem);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.case-study__hero-card-grid{background-image:linear-gradient(#ffffff14 1px,#0000 0),linear-gradient(90deg,#ffffff14 1px,#0000 0);background-size:28px 28px;inset:0;mask-image:radial-gradient(circle at center,#000 20%,#0000 75%);-webkit-mask-image:radial-gradient(circle at center,#000 20%,#0000 75%);position:absolute;z-index:1}.case-study__hero-card-meta{align-items:baseline;bottom:1.25rem;color:#ffffffeb;display:flex;gap:.5rem;justify-content:space-between;left:1.25rem;position:absolute;right:1.25rem;z-index:3}.case-study__hero-card-id{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;font-weight:600;font-weight:var(--font-semi-bold);letter-spacing:.06em;opacity:.85;text-transform:uppercase}.case-study__hero-card-cat{font-size:.7rem;letter-spacing:.1em;opacity:.7;text-align:right;text-transform:uppercase}@media screen and (max-width:900px){.case-study__hero-grid{gap:3rem;gap:var(--space-xl);grid-template-columns:1fr}.case-study__hero-card{margin:0 auto;max-width:280px;transform:rotate(-2deg)}}.case-study__related{background:color-mix(in srgb,#d4d4d4 50%,#dedede);background:color-mix(in srgb,var(--container-color) 50%,var(--body-color));border-top:1px solid color-mix(in srgb,#595959 12%,#0000);border-top:1px solid color-mix(in srgb,var(--text-color) 12%,#0000);margin-top:5rem;margin-top:var(--space-2xl);padding:5rem 0;padding:var(--space-2xl) 0}.case-study__related-eyebrow{color:#8e110b;color:var(--first-color);font-size:.75rem;font-size:var(--font-smaller);font-weight:600;font-weight:var(--font-semi-bold);letter-spacing:.14em;margin-bottom:.4rem;text-transform:uppercase}.case-study__related-heading{color:#000;color:var(--title-color);font-size:clamp(1.75rem,4vw,3rem);font-size:var(--font-bigger);font-weight:700;font-weight:var(--font-bold);letter-spacing:-.01em;margin-bottom:3rem;margin-bottom:var(--space-xl)}.case-study__related-grid{grid-gap:1.5rem;grid-gap:var(--space-md);display:grid;gap:1.5rem;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.case-study__related-card{background:#d4d4d4;background:var(--container-color);border:1px solid color-mix(in srgb,#595959 10%,#0000);border:1px solid color-mix(in srgb,var(--text-color) 10%,#0000);border-radius:1.25rem;border-radius:var(--radius-lg);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.case-study__related-card:hover{border-color:color-mix(in srgb,#8e110b 35%,#0000);border-color:color-mix(in srgb,var(--first-color) 35%,#0000);box-shadow:0 8px 40px #00000024;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.case-study__related-card:hover .case-study__related-icon{transform:scale(1.1) rotate(-4deg)}.case-study__related-card:hover .case-study__related-cta{color:#8e110b;color:var(--first-color);gap:.6rem}.case-study__related-card:hover .case-study__related-cta i{transform:translateX(4px)}.case-study__related-thumb{display:grid;height:140px;overflow:hidden;place-items:center;position:relative}.case-study__related-thumb:after{background-image:linear-gradient(#ffffff0f 1px,#0000 0),linear-gradient(90deg,#ffffff0f 1px,#0000 0);background-size:22px 22px;content:"";inset:0;mask-image:radial-gradient(circle at center,#000 30%,#0000 80%);-webkit-mask-image:radial-gradient(circle at center,#000 30%,#0000 80%);position:absolute}.case-study__related-icon{color:#fffffff2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));font-size:3.5rem;position:relative;transition:transform .25s ease;transition:transform var(--transition-base);z-index:1}.case-study__related-body{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1.5rem;padding:var(--space-md)}.case-study__related-cat{align-self:flex-start;border-radius:2rem;border-radius:var(--radius-xl);font-size:.65rem;font-weight:600;font-weight:var(--font-semi-bold);letter-spacing:.08em;padding:.2rem .6rem;text-transform:uppercase}.case-study__related-title{color:#000;color:var(--title-color);font-size:1.15rem;font-weight:700;font-weight:var(--font-bold);line-height:1.25}.case-study__related-tagline{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.55;overflow:hidden}.case-study__related-cta,.case-study__related-tagline{color:#595959;color:var(--text-color);font-size:.875rem;font-size:var(--font-small)}.case-study__related-cta{align-items:center;display:inline-flex;font-weight:600;font-weight:var(--font-semi-bold);gap:.4rem;margin-top:auto;padding-top:1rem;padding-top:var(--space-sm);transition:color .25s ease,gap .25s ease;transition:color var(--transition-base),gap var(--transition-base)}.case-study__related-cta i{transition:transform .25s ease;transition:transform var(--transition-base)}@media screen and (max-width:767px){.case-study__related{padding:3rem 0;padding:var(--space-xl) 0}.case-study__related-thumb{height:110px}.case-study__related-icon{font-size:2.75rem}}.finmap-wrapper{background:#f8f9fa;color:#2c3e50;font-family:Arial,Helvetica Neue,sans-serif;line-height:1.6;padding-bottom:5rem}.finmap-container{margin:0 auto;max-width:1200px;padding:20px}.finmap-header{background:#fff;border-bottom:3px solid #2c3e50;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:40px;position:relative}.finmap-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:15px}.finmap-header h2{border:none!important;color:#495057;font-size:1.5rem!important;font-weight:400;margin-bottom:20px;padding:0}.finmap-report-meta{border-top:1px solid #eee;color:#6c757d;font-size:.95rem;margin-top:20px;padding-top:20px}.finmap-video-section{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:30px;text-align:center}.finmap-video-container{height:0;margin-top:20px;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}.finmap-video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.finmap-executive-summary{background:#fff;border-left:4px solid #3498db;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:30px}.finmap-executive-summary h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:20px}.finmap-key-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.finmap-metric-card{background:#fff;border-top:4px solid #3498db;box-shadow:0 2px 4px #0000001a;padding:25px;text-align:center}.finmap-metric-value{color:#3498db;font-size:2.5rem;font-weight:700;margin-bottom:5px}.finmap-metric-label{color:#6c757d;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.finmap-metric-description{color:#495057;font-size:.85rem;line-height:1.4;margin-top:10px}.finmap-chart-section{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:30px}.finmap-chart-title{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:25px;padding-bottom:10px}.finmap-chart-container{height:400px;margin-bottom:20px;position:relative;width:100%}.finmap-insights-section{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:30px}.finmap-h3{color:#495057;font-size:1.2rem;font-weight:600;margin-bottom:15px;margin-top:25px}.finmap-finding-list{list-style:none;padding:0}.finmap-finding-item{background:#f8f9fa;border-left:3px solid #3498db;border-radius:3px;margin-bottom:12px;padding:15px}.finmap-finding-item strong{color:#2c3e50;display:block;margin-bottom:5px}.finmap-critical-finding{background:#fff5f5;border-left-color:#e74c3c}.finmap-opportunity-finding{background:#f0fff4;border-left-color:#27ae60}.finmap-data-table-section{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;overflow-x:auto;padding:30px}.finmap-table{border-collapse:collapse;margin-top:20px;width:100%}.finmap-table td,.finmap-table th{border-bottom:1px solid #dee2e6;padding:12px;text-align:left}.finmap-table th{background:#f8f9fa;color:#495057;font-size:.85rem}.finmap-badge,.finmap-table th{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.finmap-badge{border-radius:3px;display:inline-block;font-size:.75rem;padding:4px 8px}.finmap-badge-critical{background:#e74c3c;color:#fff}.finmap-badge-warning{background:#f39c12;color:#fff}.finmap-badge-success{background:#27ae60;color:#fff}.finmap-recommendations{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:30px}.finmap-recommendation-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.finmap-recommendation-box{border-radius:5px;padding:20px}.finmap-do-box{background:#f0fff4;border:1px solid #27ae60}.finmap-dont-box{background:#fff5f5;border:1px solid #e74c3c}.finmap-recommendation-list{list-style:none;padding:0}.finmap-recommendation-list li{border-bottom:1px solid #0000000d;font-size:.95rem;padding:8px 0}.finmap-conclusion{background:#2c3e50;border-radius:5px;color:#fff;margin-top:30px;padding:40px}.finmap-conclusion h2{border-bottom:2px solid #fff3;color:#fff;margin-bottom:20px}.finmap-cta{margin-top:40px;text-align:center}.finmap-button{background-color:#3498db;border-radius:.5rem;color:#fff;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:.3s}.finmap-button:hover{background-color:#2980b9}
/*# sourceMappingURL=main.1a43128a.css.map*/