@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);h1,h2,h3,h4,h5,h6{font-family:Kanit,sans-serif;color:var(--dark);margin:0}h1{font-size:clamp(3rem,5vw,5.125rem)}h2{font-size:clamp(3rem,5vw,4.5rem)}:root{--primary:#f3f3f3;--dark:#212121;--white:#fff;--font-family-roboto:"Roboto",Arial,sans-serif;--font-family-kanit:"Kanit",sans-serif}.kanit-thin{font-family:Kanit,sans-serif;font-weight:100;font-style:normal}.kanit-extralight{font-family:Kanit,sans-serif;font-weight:200;font-style:normal}.kanit-light{font-family:Kanit,sans-serif;font-weight:300;font-style:normal}.kanit-regular{font-family:Kanit,sans-serif;font-weight:400;font-style:normal}.kanit-medium{font-family:Kanit,sans-serif;font-weight:500;font-style:normal}.kanit-semibold{font-family:Kanit,sans-serif;font-weight:600;font-style:normal}.kanit-bold{font-family:Kanit,sans-serif;font-weight:700;font-style:normal}.kanit-extrabold{font-family:Kanit,sans-serif;font-weight:800;font-style:normal}.kanit-black{font-family:Kanit,sans-serif;font-weight:900;font-style:normal}.kanit-thin-italic{font-family:Kanit,sans-serif;font-weight:100;font-style:italic}.kanit-extralight-italic{font-family:Kanit,sans-serif;font-weight:200;font-style:italic}.kanit-light-italic{font-family:Kanit,sans-serif;font-weight:300;font-style:italic}.kanit-regular-italic{font-family:Kanit,sans-serif;font-weight:400;font-style:italic}.kanit-medium-italic{font-family:Kanit,sans-serif;font-weight:500;font-style:italic}.kanit-semibold-italic{font-family:Kanit,sans-serif;font-weight:600;font-style:italic}.kanit-bold-italic{font-family:Kanit,sans-serif;font-weight:700;font-style:italic}.kanit-extrabold-italic{font-family:Kanit,sans-serif;font-weight:800;font-style:italic}.kanit-black-italic{font-family:Kanit,sans-serif;font-weight:900;font-style:italic}.text--center{text-align:center}.text--left{text-align:left}.text--right{text-align:right}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-5{margin-top:1.25rem!important}.mt-6{margin-top:1.5rem!important}.mt-7{margin-top:1.75rem!important}.mt-8{margin-top:2rem!important}.mt-9{margin-top:2.25rem!important}.mt-10{margin-top:2.5rem!important}.mt-11{margin-top:2.75rem!important}.mt-12{margin-top:3rem!important}.mt-13{margin-top:3.25rem!important}.mt-14{margin-top:3.5rem!important}.mt-15{margin-top:3.75rem!important}.mt-16{margin-top:4rem!important}.mt-17{margin-top:4.25rem!important}.mt-18{margin-top:4.5rem!important}.mt-19{margin-top:4.75rem!important}.mt-20{margin-top:5rem!important}.mt-21{margin-top:5.25rem!important}.mt-22{margin-top:5.5rem!important}.mt-23{margin-top:5.75rem!important}.mt-24{margin-top:6rem!important}.mt-25{margin-top:6.25rem!important}.mt-26{margin-top:6.5rem!important}.mt-27{margin-top:6.75rem!important}.mt-28{margin-top:7rem!important}.mt-29{margin-top:7.25rem!important}.mt-30{margin-top:7.5rem!important}.mb--6{margin-bottom:6rem}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html{scroll-behavior:smooth}body,html{background-color:var(--primary);color:var(--dark);box-sizing:border-box;margin:0;padding:0;overflow-x:clip}section{position:relative;overflow:hidden}.row{display:flex;flex-wrap:wrap;justify-content:space-between}a{text-decoration:none}p{font-family:Roboto,Arial,sans-serif;font-size:1.125rem!important;font-weight:300;line-height:1.75rem}img{max-width:100%}.hero{position:relative;display:flex;flex-direction:column}.hero--project{position:relative;width:100%;height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover}@media (width >= 991.99px){.hero--project{height:100vh}}.hero--project.has-dark-bg .hero__text{color:#f3f3f3}.hero--project .hero__container{display:flex;flex-direction:column;align-items:center;gap:3rem}@media (width >= 991.99px){.hero--project .hero__container{gap:6rem}}.hero--project .hero__text{font-family:Kanit,sans-serif;font-size:clamp(5rem,12vw,12rem);font-weight:800;margin:0;line-height:67%;white-space:nowrap;letter-spacing:-5%}.hero--project .hero__text span{display:block;text-align:left}.hero__logo-project{width:auto;height:auto;max-width:180px;max-height:80px}@media (width >= 767.99px){.hero__logo-project{max-width:300px;max-height:180px}}.hero__logo-project img{width:100%;height:100%;max-height:inherit;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.hero__header{flex:1;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:auto;width:100%;box-sizing:border-box}@media (max-width:768px){.hero__header{position:absolute;top:30%;left:0;flex:none;transform:translateY(-50%)}}.hero--mobile{height:400px;background-size:cover;background-position:center;background-repeat:no-repeat}@media (width >= 639.99px){.hero--mobile{height:600px}}@media (width >= 991.99px){.hero--mobile{display:none}}.email-widget{display:inline-grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto;align-items:center;justify-items:center;gap:0;font-family:Roboto,Kanit,sans-serif;color:var(--dark);-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100%}.email-widget__top-connector{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:center;width:100%}.email-widget__bottom-connector{grid-column:2;grid-row:3;display:flex;flex-direction:column;align-items:center;width:100%}.email-widget__label{font-size:.78rem;font-weight:500;letter-spacing:.02em;color:var(--dark)}@media (max-width:480px){.email-widget__label{font-size:.65rem}}.email-widget__line{width:1px;height:16px;border-left:1px dotted var(--dark);opacity:.75}.email-widget__line--top{margin-top:4px}.email-widget__line--bottom{margin-bottom:4px}@media (max-width:480px){.email-widget__line{height:12px}}.email-widget__box{grid-row:2;border:1px dotted rgba(0,0,0,.45);padding:5px 14px;font-size:1.125rem;font-weight:300;letter-spacing:.35em;display:flex;align-items:center;justify-content:center;background-color:transparent;box-sizing:border-box;width:100%;white-space:nowrap}.email-widget__box span{margin-right:-.35em}@media (max-width:768px){.email-widget__box{padding:4px 10px}.email-widget__box span{margin-right:-.2em}}@media (max-width:480px){.email-widget__box{letter-spacing:.12em;padding:3px 6px}.email-widget__box span{margin-right:-.12em}}.email-widget__box--info{grid-column:1}.email-widget__box--at{grid-column:2;padding:5px 11px;letter-spacing:0}.email-widget__box--at span{margin-right:0}@media (max-width:768px){.email-widget__box--at{padding:4px 8px}}@media (max-width:480px){.email-widget__box--at{padding:3px 6px}}.email-widget__box--domain{grid-column:3;background-color:rgba(0,0,0,.06);padding:5px 16px}@media (max-width:768px){.email-widget__box--domain{padding:4px 10px}}@media (max-width:480px){.email-widget__box--domain{padding:3px 7px}}.panel{background-color:var(--primary);height:100dvh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--dark);position:relative;box-sizing:border-box;box-shadow:0 -15px 30px rgba(0,0,0,.08)}.panel p{font-size:1.2rem;opacity:.8}.panel--title{align-items:flex-start;justify-content:flex-end}.panel--title__top{justify-content:flex-start}.panel .title{font-size:clamp(8rem,26vw,27.5rem);line-height:.65;letter-spacing:-10px;margin:0 0 0 -20px}@media (width >= 991.99px){.panel .title{letter-spacing:-16px}}.panel .title span{display:block}.panel .title--style-2{display:flex;flex-direction:column;gap:0;line-height:.66}.navbar-container{position:fixed;top:1.25rem;left:50%;transform:translateX(-50%);z-index:1050;width:calc(100% - 2rem);max-width:720px;display:flex;justify-content:center}.custom-navbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 1rem;background:rgba(255,255,255,.72);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(255,255,255,.6);border-radius:50px;transition:all .3s ease}.custom-navbar .navbar-brand{font-family:var(--font-family-kanit, "Kanit", sans-serif);font-size:1.1rem;font-weight:800;color:var(--dark,#212121);text-decoration:none;letter-spacing:-.5px;padding-left:.5rem;padding-right:.5rem}.custom-navbar .nav{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}.custom-navbar .nav-item{position:relative}.custom-navbar .nav-link{font-family:var(--font-family-kanit, "Kanit", sans-serif);font-size:.875rem;font-weight:300;color:rgba(33,33,33,.75);padding:.4rem .9rem;border-radius:20px;text-decoration:none;transition:all .25s ease;white-space:nowrap}.custom-navbar .nav-link:hover{color:var(--dark,#212121);background-color:rgba(0,0,0,.05)}.custom-navbar .nav-link.active{color:#fff!important;background-color:var(--dark,#212121)!important;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.15)}.custom-navbar .dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;display:none;min-width:160px;padding:.5rem;margin:0;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12);list-style:none;z-index:1060}.custom-navbar .dropdown-menu.show{display:block;animation:fadeInNav .2s ease}.custom-navbar .dropdown-menu .dropdown-item{display:block;padding:.4rem .85rem;font-family:var(--font-family-kanit, "Kanit", sans-serif);font-size:.85rem;color:var(--dark,#212121);border-radius:8px;text-decoration:none;transition:background-color .2s ease}.custom-navbar .dropdown-menu .dropdown-item.active,.custom-navbar .dropdown-menu .dropdown-item:hover{background-color:rgba(0,0,0,.06);color:var(--dark,#212121)}.custom-navbar .dropdown-menu .dropdown-divider{height:0;margin:.4rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.08)}@keyframes fadeInNav{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767.98px){.navbar-container{top:.75rem;width:calc(100% - 1rem)}.custom-navbar{padding:.3rem .6rem}.custom-navbar .navbar-brand{font-size:.9rem;padding-right:.25rem}.custom-navbar .nav{gap:.15rem;overflow-x:auto;scrollbar-width:none}.custom-navbar .nav::-webkit-scrollbar{display:none}.custom-navbar .nav-link{font-size:.78rem;padding:.3rem .6rem}}.horiz-gallery-strip,.horiz-gallery-wrapper{display:flex;flex-wrap:nowrap;will-change:transform;position:relative}.horiz-gallery-strip .project-wrap,.horiz-gallery-wrapper .project-wrap{box-sizing:content-box;padding:1.25rem .25rem 0;width:48vw;position:relative;overflow:hidden}@media (width >= 991.99px){.horiz-gallery-strip .project-wrap,.horiz-gallery-wrapper .project-wrap{padding:2rem;width:33vw}}.horiz-gallery-strip .project-wrap img,.horiz-gallery-wrapper .project-wrap img{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;transition:transform .45s cubic-bezier(.25,.46,.45,.94);display:block}.horiz-gallery-strip .project-wrap::after,.horiz-gallery-wrapper .project-wrap::after{content:attr(data-label);position:absolute;bottom:0;left:0;width:100%;padding:.45rem 1rem;background:rgba(0,0,0,.7);color:rgba(255,255,255,.75);font-family:Kanit,sans-serif;font-size:.65rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;box-sizing:border-box;transform:translateY(100%);transition:transform .3s ease}@media (width >= 991.99px){.horiz-gallery-strip .project-wrap::after,.horiz-gallery-wrapper .project-wrap::after{bottom:2rem;left:2rem;width:calc(100% - 4rem)}}.horiz-gallery-strip .project-wrap:hover img,.horiz-gallery-wrapper .project-wrap:hover img{transform:scale(1.03)}.horiz-gallery-strip .project-wrap:hover::after,.horiz-gallery-wrapper .project-wrap:hover::after{transform:translateY(0)}.stats-bar{display:flex;align-items:center;justify-content:center;gap:3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:992px){.stats-bar{gap:1.8rem}}@media (max-width:640px){.stats-bar{flex-wrap:wrap;gap:1.2rem}}.stats-bar__item{display:flex;flex-direction:column;align-items:center;text-align:center}.stats-bar__value{font-family:Kanit,sans-serif;font-size:3.4rem;font-weight:800;line-height:1;color:var(--dark);letter-spacing:-1px}@media (max-width:992px){.stats-bar__value{font-size:2.4rem}}@media (max-width:480px){.stats-bar__value{font-size:1.8rem}}.stats-bar__label{font-family:Roboto,sans-serif;font-size:.88rem;font-weight:400;line-height:1.3;color:var(--dark);opacity:.85;margin-top:.5rem}@media (max-width:992px){.stats-bar__label{font-size:.78rem}}@media (max-width:480px){.stats-bar__label{font-size:.7rem}}.stats-bar__separator{width:1px;height:48px;border-left:1px dotted var(--dark);opacity:.75;transform:rotate(12deg)}@media (max-width:640px){.stats-bar__separator{display:none}}.project-stats{padding:120px 0}.project-stats .stats-bar{gap:3rem}@media (width >= 640px){.project-stats .stats-bar{gap:6rem}}.project-stats .stats-bar__value{font-size:clamp(4rem,10vw,8rem)}.project-stats .stats-bar__separator{display:flex}.project-stats .stats-bar__label{font-size:clamp(1rem,4vw,1.5rem);font-weight:300}.skills-grid{display:inline-grid;grid-template-columns:repeat(8,auto);grid-template-rows:repeat(2,58px);gap:0}@media (max-width:768px){.skills-grid{grid-template-columns:repeat(6,auto);grid-template-rows:repeat(3,52px)}}@media (max-width:480px){.skills-grid{grid-template-columns:repeat(6,auto);grid-template-rows:repeat(3,48px)}}.skills-grid__item{display:flex;align-items:center;justify-content:center;height:100%;padding:0 1rem;position:relative;transform:skewX(-12deg);box-sizing:border-box;border-right:1px dotted rgba(0,0,0,.45);border-bottom:1px dotted rgba(0,0,0,.45)}.skills-grid__item:nth-child(8n){border-right:none}.skills-grid__item:nth-last-child(-n+8){border-bottom:none}@media (max-width:768px){.skills-grid__item{padding:0 .7rem}.skills-grid__item:nth-child(8n){border-right:1px dotted rgba(0,0,0,.45)}.skills-grid__item:nth-last-child(-n+8){border-bottom:1px dotted rgba(0,0,0,.45)}.skills-grid__item:nth-child(6n){border-right:none}.skills-grid__item:nth-last-child(-n+4){border-bottom:none}}@media (max-width:480px){.skills-grid__item{padding:0 .45rem}}.skills-grid__icon{width:38px;height:38px;-o-object-fit:contain;object-fit:contain;transform:skewX(12deg);transition:transform .25s ease,filter .25s ease}.skills-grid__icon:hover{transform:skewX(12deg) scale(1.15)}@media (max-width:768px){.skills-grid__icon{width:32px;height:32px}}@media (max-width:480px){.skills-grid__icon{width:32px;height:32px}}.about{display:flex;flex-direction:column;justify-content:space-between}.about__header{flex:1;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box}@media (max-width:991.98px){.about__header{flex:initial;padding-top:10rem}}.about__body{display:flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box}@media (max-width:991.98px){.about__body{flex:1;justify-content:flex-end}}.about__row{display:flex;align-items:center;gap:3rem;width:100%}@media (max-width:991.98px){.about__row{display:contents}}.about__skills{margin-bottom:1.5rem}@media (max-width:991.98px){.about__skills{order:1;width:100%;display:flex;justify-content:center;margin-bottom:10rem;margin-top:1rem}}@media (max-width:991.98px){.title--about{order:2;margin-bottom:0}}@media (max-width:991.98px){.title--me{order:3;margin-top:0}}.card{position:relative;width:100%;display:flex;flex-direction:column;background-color:transparent;cursor:pointer;text-decoration:none}.card__thumb-wrapper{width:100%;overflow:hidden}.card__thumb{width:100%;min-height:429px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .55s cubic-bezier(.25,.46,.45,.94),filter .55s ease;filter:grayscale(75%) brightness(.8)}@media (max-width:991.99px){.card__thumb{min-height:100%}}.card__body{position:relative;z-index:2;margin-block-start:20px;display:flex;flex-direction:column;gap:.5rem}.card__tag{display:block;font-family:Kanit,sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--dark);width:-moz-fit-content;width:fit-content;margin-block-end:1.25rem}.card__title{font-family:Kanit,sans-serif;font-size:clamp(1.125rem,2vw,2rem);font-weight:500;color:var(--dark);line-height:1.2;margin:0;letter-spacing:-.02em}.card__meta{display:flex;align-items:center;gap:.75rem;font-family:Kanit,sans-serif;font-size:.7rem;font-weight:300;color:rgba(0,0,0,.45);letter-spacing:.08em}.card__meta::before{content:"";display:inline-block;width:1.5rem;height:1px;border-top:1px dotted rgba(0,0,0,.45)}.card:hover .card__thumb{transform:scale(1.05);filter:grayscale(0) brightness(1)}.blog{justify-content:space-between;padding-block-end:70rem}@media (max-width:575.98px){.blog{height:auto;min-height:100vh;padding-bottom:2rem;overflow:visible}}.blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;padding-block-start:8rem;padding-block-end:4rem}@media (max-width:991.98px){.blog__grid{grid-template-columns:repeat(2,1fr);grid:3rem}}@media (max-width:575.98px){.blog__grid{grid-template-columns:1fr}}.blog__cta-row{display:flex;justify-content:flex-end;align-items:center;padding-block-start:1.5rem;padding-right:.25rem}@media (max-width:991.98px){.blog__cta-row{justify-content:center;padding-block-start:0;padding-block-end:4rem}}.blog__cta{display:inline-flex;align-items:center;gap:.75rem;font-family:Kanit,sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--dark);text-decoration:none;opacity:.6;transition:opacity .25s ease,gap .25s ease}.blog__cta::after{content:"";display:inline-block;width:2.5rem;height:1px;border-top:1px dotted var(--dark);transition:width .3s ease}.blog__cta:hover{opacity:1;gap:1.25rem}.blog__cta:hover::after{width:3.5rem}.single-post{padding-block-start:6rem;padding-block-end:6rem}.single-post hr{border:0;border-top:1px solid #e5e7eb;margin-block:3rem}.single-post__header{flex-direction:column;margin-bottom:3rem;display:flex;justify-content:space-between;align-items:flex-start}@media (width >= 991.99px){.single-post__header{flex-direction:row}}.single-post__header__back{flex-grow:1}.single-post__header__back a{position:relative;padding-inline-start:36px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:var(--dark);line-height:1.2}.single-post__header__back a::before{content:"";position:absolute;top:-4px;left:0;height:28px;width:28px;background-image:url(../images/icons/arrow-left-up-linear.svg);background-size:cover;background-position:center}.single-post__header__content{width:100%;text-align:left}@media (width >= 991.99px){.single-post__header__content{width:720px}}@media (width >= 1199.99px){.single-post__header__content{width:920px}}.single-post__header__content__footer{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}@media (width >= 639.99px){.single-post__header__content__footer{gap:4rem}}@media (width >= 991.99px){.single-post__header__content__footer{gap:10rem}}.single-post__header__content__footer__category,.single-post__header__content__footer__date{display:flex;align-items:center;gap:.75rem}.single-post__meta-label{font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;color:#9ca3af;margin:0;text-transform:uppercase;letter-spacing:.05em}.single-post__meta-content{font-family:Inter,sans-serif;font-size:.95rem;font-weight:400;color:var(--dark);display:flex;align-items:center;gap:.5rem}.single-post__title{font-family:Kanit,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;color:var(--dark);line-height:1.1;margin-block-end:3rem;letter-spacing:-.02em}@media (width >= 991.99px){.single-post__title{margin-block-end:2rem}}.single-post__excerpt{font-family:Inter,sans-serif;font-size:clamp(1rem,1.5vw,1.25rem);color:rgba(0,0,0,.6);line-height:1.6;max-width:800px}.single-post__excerpt p{margin:0}.single-post__thumbnail{width:100%;margin:0;margin-block-end:3rem}.single-post__img{width:100%;height:60vh;min-height:350px;max-height:550px;-o-object-fit:cover;object-fit:cover;border-radius:1.5rem}.single-post__content{max-width:800px;margin-inline:auto;font-family:Inter,sans-serif;color:rgba(0,0,0,.7);line-height:1.7;font-size:1.05rem}.single-post__content p{margin-bottom:1.5rem}.single-post__content h2,.single-post__content h3,.single-post__content h4,.single-post__content h5,.single-post__content h6{font-family:Kanit,sans-serif;color:var(--dark);font-weight:500;margin-top:2.5rem;margin-bottom:1rem;letter-spacing:-.01em}.single-post__content h2{font-size:clamp(1.5rem,2vw,1.5rem)}.single-post__content h3{font-size:clamp(1.25rem,1.5vw,1.5rem)}.single-post__content ol,.single-post__content ul{margin-bottom:1.5rem;padding-left:1.5rem}.single-post__content li{margin-bottom:.5rem}.single-post__sidebar{display:flex;flex-direction:column;gap:2.5rem}@media (width >= 991.99px){.single-post__sidebar{position:sticky;top:2rem;z-index:1000;align-self:flex-start}}@media (max-width:991.98px){.single-post__sidebar{grid-row:1}}.single-post__widget-title{font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;color:rgba(0,0,0,.5);margin-bottom:1rem}.single-post__categories{display:flex;flex-wrap:wrap;gap:.5rem}.single-post__cat-pill{display:inline-block;padding:.35rem .75rem;background-color:#f1f1f1;color:rgba(0,0,0,.7);font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;border-radius:4px;text-decoration:none;transition:background-color .2s ease}.single-post__cat-pill:hover{background-color:#e2e2e2}.author-card{display:flex;align-items:center;gap:1rem}.author-card__avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;background-color:#eee}.author-card__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.author-card__info{display:flex;flex-direction:column;gap:0}.author-card__name{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;color:var(--dark);margin:0}.author-card__role{font-family:var(--font-family-roboto);font-size:.75rem!important;color:rgba(0,0,0,.5);margin:0}.post-template-default .single-post{padding-block-start:0;padding-block-end:3rem}@media (width >= 991.99px){.post-template-default .single-post{padding-block-start:3rem;padding-block-end:6rem}}.post-template-default .single-post__hero{position:relative;display:grid;grid-template-columns:40% 1fr;align-items:center;min-height:460px;margin-bottom:5rem;overflow:visible;font-family:var(--font-family-kanit)}@media (max-width:991px){.post-template-default .single-post__hero{display:flex;flex-direction:column;min-height:auto;overflow:hidden}}.post-template-default .single-post__hero-text{grid-column:1;padding-right:3rem;z-index:2;position:relative}@media (max-width:991px){.post-template-default .single-post__hero-text{width:100%;padding-right:0;order:2;margin-top:2rem}}.post-template-default .single-post__hero-meta{font-family:var(--font-family-kanit);font-size:.75rem;font-weight:300;letter-spacing:1px;margin-bottom:1.25rem}.post-template-default .single-post__hero-meta-label{color:#999}.post-template-default .single-post__hero-meta-cat{color:#d94a38;margin-left:.25rem}.post-template-default .single-post__hero-title{font-size:4.5rem;font-weight:500;line-height:1;margin:0 0 1.25rem 0}@media (max-width:991px){.post-template-default .single-post__hero-title{font-size:2.5rem}}.post-template-default .single-post__hero-date{display:block;font-size:.875rem;font-weight:300;color:#999;margin-bottom:1.5rem}.post-template-default .single-post__hero-save{background:0 0;border:1px solid #ccc;padding:.4rem 1rem;border-radius:3px;font-size:.75rem;color:#666;cursor:pointer}.post-template-default .single-post__hero-save:hover{background:#f5f5f5}.post-template-default .single-post__hero-thumbnail{grid-column:2;margin:0;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}@media (max-width:991.99px){.post-template-default .single-post__hero-thumbnail{position:relative;order:1;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:300px}}.post-template-default .single-post__img{border-radius:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.post-template-default .single-post__body{display:grid;grid-template-columns:220px 1fr;gap:4rem}@media (max-width:640px){.post-template-default .single-post__body{min-width:0;max-width:100%}}@media (max-width:991px){.post-template-default .single-post__body{grid-template-columns:1fr}}.post-template-default .single-post__sidebar{gap:1rem;align-items:center}@media (width >= 991.99px){.post-template-default .single-post__sidebar{position:sticky;top:2rem;z-index:1000;align-self:flex-start;align-items:flex-start}}.post-template-default .single-post__sidebar .author-card{margin-bottom:1rem}@media (width >= 991.99px){.post-template-default .single-post__sidebar .author-card{margin-bottom:2rem}}.post-template-default .single-post__sidebar .author-card__avatar img{border-radius:50%;width:64px;height:64px;margin-bottom:1rem}.post-template-default .single-post__sidebar .author-card__name{font-weight:700;font-size:.875rem;margin:0 0 .25rem 0;color:#1a1a1a}.post-template-default .single-post__sidebar .author-card__role{font-size:.75rem;color:#999;margin:0}.post-template-default .single-post__sidebar .single-post__socials{display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.post-template-default .single-post__sidebar .single-post__socials .social-icon{color:#ccc;text-decoration:none;font-size:1rem;font-weight:700}.post-template-default .single-post__sidebar .single-post__socials .social-icon:hover{color:#333}@media (width >= 991.99px){.post-template-default .single-post__content{margin-inline-start:auto;margin-inline-end:unset;max-width:800px}}.post-template-default .single-post__content p{margin-left:220px;margin-bottom:2rem}@media (max-width:768px){.post-template-default .single-post__content p{margin-left:0}}.post-template-default .single-post__content h2,.post-template-default .single-post__content h3,.post-template-default .single-post__content h4,.post-template-default .single-post__content h5,.post-template-default .single-post__content h6{width:200px;float:left;clear:left;margin-top:.25rem;line-height:1.2}@media (width <= 767.99px){.post-template-default .single-post__content h2,.post-template-default .single-post__content h3,.post-template-default .single-post__content h4,.post-template-default .single-post__content h5,.post-template-default .single-post__content h6{width:auto;float:none;margin-bottom:1rem}}.post-template-default .single-post__content blockquote{margin-left:200px;margin-top:4rem;margin-bottom:4rem;font-size:2.5rem;font-weight:800;line-height:1.2;text-align:center;border:none;padding:0;color:#1a1a1a}@media (max-width:768px){.post-template-default .single-post__content blockquote{margin-left:0;font-size:1.8rem}}@media (max-width:640px){.post-template-default .single-post__content{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.post-template-default .single-post__content .code-block-pro,.post-template-default .single-post__content .wp-block-code,.post-template-default .single-post__content .wp-block-code-block-pro,.post-template-default .single-post__content [class*=code-block-pro],.post-template-default .single-post__content pre{margin-left:0!important;margin-right:0!important;margin-inline-start:0!important;margin-inline-end:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:auto!important}.post-template-default .single-post__content .code-block-pro code,.post-template-default .single-post__content .code-block-pro div,.post-template-default .single-post__content .code-block-pro figure,.post-template-default .single-post__content .code-block-pro pre,.post-template-default .single-post__content .wp-block-code code,.post-template-default .single-post__content .wp-block-code div,.post-template-default .single-post__content .wp-block-code figure,.post-template-default .single-post__content .wp-block-code pre,.post-template-default .single-post__content .wp-block-code-block-pro code,.post-template-default .single-post__content .wp-block-code-block-pro div,.post-template-default .single-post__content .wp-block-code-block-pro figure,.post-template-default .single-post__content .wp-block-code-block-pro pre,.post-template-default .single-post__content [class*=code-block-pro] code,.post-template-default .single-post__content [class*=code-block-pro] div,.post-template-default .single-post__content [class*=code-block-pro] figure,.post-template-default .single-post__content [class*=code-block-pro] pre,.post-template-default .single-post__content pre code,.post-template-default .single-post__content pre div,.post-template-default .single-post__content pre figure,.post-template-default .single-post__content pre pre{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.post-template-default .single-post__content .code-block-pro pre,.post-template-default .single-post__content .wp-block-code pre,.post-template-default .single-post__content .wp-block-code-block-pro pre,.post-template-default .single-post__content [class*=code-block-pro] pre,.post-template-default .single-post__content pre pre{overflow-x:auto!important;-webkit-overflow-scrolling:touch}}.post-template-default .single-post .wp-block-list,.post-template-default .single-post .wp-block-table{margin-inline-start:0}@media (width >= 1199.99px){.post-template-default .single-post .wp-block-list,.post-template-default .single-post .wp-block-table{margin-inline-start:220px}}.post-template-default .single-post .wp-block-list li{margin-block-end:1.125rem;border-block-end:1px dotted rgba(0,0,0,.25);padding-block-end:1.125rem}.post-template-default .single-post .wp-block-list li:last-child{border-block-end:none;margin-block-end:0;padding-block-end:0}@media (width >= 991.99px){.post-template-default .single-post .wp-block-list{padding-inline-start:1rem}}.post-template-default .single-post .wp-block-list .wp-block-list{margin-block-start:1rem;margin-inline-start:0;padding-inline-start:1.5rem}.post-template-default .single-post .wp-block-table.is-style-stripes tbody tr{display:flex;flex-direction:column;border-bottom:1px dotted rgba(0,0,0,.25);padding-block:1.125rem}.post-template-default .single-post .wp-block-table.is-style-stripes tbody tr:first-child{display:none;padding-block-start:0}.post-template-default .single-post .wp-block-table.is-style-stripes tbody tr:last-child{border-bottom:none}@media (width >= 639.99px){.post-template-default .single-post .wp-block-table.is-style-stripes tbody tr{display:table-row;flex-direction:unset}.post-template-default .single-post .wp-block-table.is-style-stripes tbody tr:first-child{font-weight:unset}}@media (width <= 639.99px){.post-template-default .single-post .wp-block-table.is-style-stripes tbody tr td{padding-block-start:0}}.post-template-default .single-post .wp-block-quote .wp-block-paragraph{margin-inline-start:20px!important;padding-inline-start:20px;border-inline-start:4px solid rgba(33,33,33,.5);text-align:left}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem 1.5rem;width:100%;box-sizing:border-box;border-top:1px dotted rgba(0,0,0,.15);padding-block-start:4rem}@media (max-width:575.98px){.site-footer{flex-direction:column;gap:.4rem;padding:2rem 0;text-align:center}}.site-footer__contact,.site-footer__copy{font-family:Kanit,sans-serif;font-size:.7rem;font-weight:300;letter-spacing:.1em;color:rgba(0,0,0,.4);text-decoration:none;text-transform:uppercase}.site-footer__contact{transition:color .2s ease;border-bottom:1px dotted rgba(0,0,0,.2);padding-bottom:1px}.site-footer__contact:hover{color:rgba(0,0,0,.75);border-bottom-color:rgba(0,0,0,.5)}.project-overview{--content-gap-right:80px;padding:60px 0 40px;background-color:var(--white)}@media (width >= 991.99px){.project-overview{padding:130px 0 60px}}.project-overview__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}@media (max-width:991.98px){.project-overview__grid{grid-template-columns:1fr;gap:2.5rem}}.project-overview__content{display:flex;flex-direction:column;gap:1.5rem;max-width:480px;margin-left:auto;margin-right:var(--content-gap-right)}@media (max-width:991.98px){.project-overview__content{margin-left:0;margin-right:0;max-width:100%}}.project-overview__title{font-family:Kanit,sans-serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:67%;letter-spacing:-2px;text-transform:uppercase;color:var(--dark);margin:0}.project-overview__text{font-family:Roboto,sans-serif;font-size:1rem!important;font-weight:300;line-height:1.75;color:var(--dark);opacity:.75;max-width:100%}@media (width >= 991.99px){.project-overview__text{max-width:62ch}}.project-overview__media{display:flex;justify-content:center;align-items:center;position:relative}.project-overview__media::before{background-color:var(--primary);content:"";position:absolute;bottom:0;left:0;right:-1rem;height:170px;z-index:0}@media (width >= 639.99px){.project-overview__media::before{height:400px}}.project-overview__media img{width:100%;max-width:780px;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0, 0, 0, .14));position:relative;z-index:1}.project-columns__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width:767.98px){.project-columns__grid{grid-template-columns:1fr;gap:3rem}}.project-columns__col{background-color:var(--white);padding:40px;box-sizing:border-box;display:flex;flex-direction:column;gap:4.25rem}.project-columns__col+.project-columns__col{border-left:1px dotted rgba(0,0,0,.2)}@media (max-width:767.98px){.project-columns__col+.project-columns__col{border-left:none;border-top:1px dotted rgba(0,0,0,.2);padding-top:3rem}}.project-columns__heading{font-family:Kanit,sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:68%;letter-spacing:-1px;text-transform:uppercase;color:var(--dark);margin:0 0 .25rem}.project-columns__text{font-family:Roboto,sans-serif;font-size:.95rem!important;font-weight:300;line-height:1.75;color:var(--dark);opacity:.7;margin:0}.project-tools{padding:5rem 0}.project-tools__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width:991.98px){.project-tools__grid{grid-template-columns:1fr;gap:3rem}}.project-tools__media{display:flex;justify-content:center;align-items:flex-end;margin-left:-16px}.project-tools__media img{width:100%;max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.project-tools__content{display:flex;flex-direction:column;gap:2rem}.project-tools__title{font-family:Kanit,sans-serif;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-1px;text-transform:uppercase;color:var(--dark);margin:0}.tools-grid{display:inline-grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,80px);gap:0}@media (max-width:480px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tools-grid__item{display:flex;align-items:center;justify-content:center;border-right:1px dotted rgba(0,0,0,.2);border-bottom:1px dotted rgba(0,0,0,.2);box-sizing:border-box;transition:background-color .2s ease}.tools-grid__item:nth-child(3n){border-right:none}.tools-grid__item:nth-last-child(-n+3){border-bottom:none}.tools-grid__item:hover{background-color:rgba(0,0,0,.04)}.tools-grid__icon{width:34px;height:34px;-o-object-fit:contain;object-fit:contain;opacity:.75;transition:opacity .2s ease,transform .25s ease}.tools-grid__icon:hover{opacity:1;transform:scale(1.12)}@media (max-width:480px){.tools-grid__icon{width:28px;height:28px}}.process-steps{padding-block-end:96px}.process-steps__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}@media (max-width:767.98px){.process-steps__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.process-steps__grid{grid-template-columns:repeat(1,1fr)}}.process-steps__item{background-color:var(--white);display:flex;flex-direction:column;align-items:flex-start;gap:10rem;padding:1.5rem 2rem;box-sizing:border-box;transition:background-color .2s ease}@media (max-width:480px){.process-steps__item{gap:2rem}}.process-steps__item:last-child{border-right:none}.process-steps__item:hover{background-color:rgba(0,0,0,.02)}.process-steps__item:hover .process-steps__icon-wrap{transform:translateY(-3px)}@media (max-width:767.98px){.process-steps__item{padding:1.25rem 1.25rem}.process-steps__item:nth-child(3n){border-right:none}.process-steps__item:last-child{border-right:1px dotted rgba(0,0,0,.2)}}@media (max-width:480px){.process-steps__item:nth-child(3n){border-right:1px dotted rgba(0,0,0,.2)}.process-steps__item:nth-child(2n){border-right:none}}.process-steps__icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.process-steps__icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;opacity:.65}.process-steps__label{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:300;color:var(--dark);text-transform:capitalize}@media (max-width:480px){.process-steps__label{align-self:flex-end;text-align:right}}.quote-block{padding:8rem 0 8rem}@media (width >= 767.99px){.quote-block{padding:6rem 0 10rem}}.quote-block__inner{background-color:transparent;position:relative;display:flex;align-items:center;justify-content:space-evenly;margin:0 auto;height:100%;width:100%;gap:.2rem}@media (min-width:640px){.quote-block__inner{min-height:450px;width:400px}}.quote-block__author-info{display:flex;flex-direction:column;margin-block-start:10px;position:relative;left:32px;width:120px}@media (width >= 639.99px){.quote-block__author-info{left:10px}}.quote-block__author-name{font-family:Kanit,sans-serif;font-size:1rem;font-weight:500;color:var(--dark);letter-spacing:0;display:block}.quote-block__author-role{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:300;color:var(--dark);opacity:.55;line-height:1.4;display:block}.quote-block__quote{position:relative;width:160px;height:auto;z-index:10;display:flex;flex-direction:column;align-items:flex-end;padding-inline-start:40px}@media (width >= 639.99px){.quote-block__quote{padding-inline-start:0;width:238px}}.quote-block__text{position:relative;font-size:clamp(1.125rem,4vw,1.625rem)!important;font-weight:300;line-height:1.4;color:var(--dark);margin:0}.quote-block__text:before{position:absolute;content:"";bottom:0;left:-80px;width:150px;height:378px;z-index:-1;background-image:url(../images/quote/quotes.png);background-repeat:no-repeat;background-size:contain;background-position:center;transform:translateY(62%)}@media (width >= 639.99px){.quote-block__text:before{left:-134px;width:258px;height:378px;transform:translateY(69%)}}.quote-block__image{position:relative;background-color:var(--dark);transform:translate(-8px,8.5px);height:80px;width:80px}@media (width >= 639.99px){.quote-block__image{transform:translate(17px,8px);height:127px;width:127px}}.quote-block__image img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain;mix-blend-mode:screen}.cta{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2.25rem;border-radius:1.75rem;font-family:Kanit,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background-color:var(--primary);color:var(--dark);border:1px dotted var(--dark);cursor:pointer;transition:background-color .3s ease,color .3s ease,transform .2s ease,box-shadow .2s ease}.cta:hover{background-color:var(--dark);color:var(--white);transform:translateY(-3px)}.single-post__all-articles{display:inline-block;padding:.5rem 1rem;border:1px solid #d94a38;color:#d94a38;border-radius:4px;text-decoration:none;font-size:.75rem;font-family:var(--font-family-kanit);font-weight:400;width:-moz-fit-content;width:fit-content}.single-post__all-articles:hover{background:#d94a38;color:#fff}.icon{display:inline-flex;align-items:center;justify-content:center;height:24px;width:24px;flex-shrink:0;background-repeat:no-repeat;background-position:center center;background-size:auto 80%}.icon.social-network--facebook{background-image:url(../images/icons/social-network/facebook-fill.svg)}.icon.social-network--x{background-image:url(../images/icons/social-network/x.svg)}.icon.social-network--linkedin{background-image:url(../images/icons/social-network/linkedin.svg)}.icon.social-network--email{background-image:url(../images/icons/social-network/email.svg)}.icon.social-network--whatsapp{background-image:url(../images/icons/social-network/whatsapp.svg)}.back-to-home{position:relative;padding-inline-start:30px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:var(--dark);line-height:1.2}.back-to-home::before{content:"";position:absolute;top:-4px;left:0;height:24px;width:24px;flex-shrink:0;background-image:url(../images/icons/arrow-left-up-linear.svg);background-repeat:no-repeat;background-position:center center;background-size:auto 80%}.container{box-sizing:border-box;padding-inline:1rem;margin-right:auto;margin-left:auto;max-width:100%;width:100%}@media (width >= 575.99px){.container{max-width:1140px}}@media (width >= 767.99px){.container{max-width:720px}}@media (width >= 991.99px){.container{max-width:960px}}@media (width >= 1199.99px){.container{max-width:1140px}}@media (width >= 1399.99px){.container{max-width:1320px}}.container-fluid{box-sizing:border-box;padding-inline:1rem;margin-right:auto;margin-left:auto;width:100%}@media (width >= 991.99px){.container--960{max-width:960px}}p{font-size:1.2rem;margin-bottom:1rem}.gallery{position:relative;width:100%;height:100%;flex:none}.gallery-wrap{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery__item{background-position:50% 50%;background-size:cover;flex:none;position:relative;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.gallery__item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;will-change:transform}.gallery--bento{display:grid;gap:1vh;grid-template-columns:repeat(3,32.5vw);grid-template-rows:repeat(4,23vh);justify-content:center;align-content:center}.gallery--bento .gallery__item:nth-child(1){grid-area:1/1/3/2}.gallery--bento .gallery__item:nth-child(2){grid-area:1/2/2/3}.gallery--bento .gallery__item:nth-child(3){grid-area:2/2/4/3}.gallery--bento .gallery__item:nth-child(4){grid-area:1/3/3/3}.gallery--bento .gallery__item:nth-child(5){grid-area:3/1/5/2}.gallery--bento .gallery__item:nth-child(6){grid-area:3/3/5/4}.gallery--bento .gallery__item:nth-child(7){grid-area:4/2/5/2}.gallery--bento .gallery__item:nth-child(8){grid-area:4/2/5/3}.gallery--final.gallery--bento{grid-template-columns:repeat(3,100vw);grid-template-rows:repeat(4,49.5vh);gap:1vh}.page--project{padding:0}.notecard{padding:1rem;box-sizing:border-box;font-size:1rem!important;line-height:1.5!important;border-inline-start-width:4px!important}.notecard--info{border:1px solid #9eeaf9;background-color:#cff4fc;color:#055160}