@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/03937bfe6091b706-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/c92454cded8c6c76-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/0408c26e42871bfc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/0260ff06fcf37a93-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/bd07166b4bfc61e8-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/cfcec813dc3a08e9-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/36fd679057d5a2c4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/c7264a3a2106b0d0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/2dd011bd4b4fc303-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/958a711b2e583ad1-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c6a2710c82995c59-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/46fe284ea6b208dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/36eb08c333fd876e-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d3d40dfafe168921-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/257a6a4ad8e88015-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/dcb7dbe335a6f155-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/346ee2e552632e34-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/18302be3738c81c5-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/f3bb21e89cf2f112-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/62f8ef394edf20f4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c746c9eb8f9978c2-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/2b72e4f74070c77f-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/87e817c59b3ec25d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b682ab4e94fdbfaf-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bai Jamjuree Fallback;src:local("Arial");ascent-override:96.70%;descent-override:24.18%;line-gap-override:0.00%;size-adjust:103.41%}.__className_02468c{font-family:Bai Jamjuree,Bai Jamjuree Fallback,system-ui,sans-serif;font-style:normal}.__variable_02468c{--font-bai-jamjuree:"Bai Jamjuree","Bai Jamjuree Fallback",system-ui,sans-serif}:root{--color-light:#f9f9f9;--color-dark:#141414;--color-accent:#3d5a80;--color-overlay:rgba(0,0,0,0.7);--transition-standard:all 0.3s ease;--spacing-small:0.5rem;--spacing-medium:1rem;--spacing-large:2rem;--spacing-xlarge:4rem;--border-radius:8px;--font-baiJamj:"Bai Jamjuree",sans-serif;--font-h1--xl:clamp(5.3359375rem,5vw,5.9609375rem);--font-h1:clamp(3.315rem,4vw,3.815rem);--font-h2:clamp(2.552rem,3vw,3.052rem);--font-h3:clamp(1.941rem,3vw,2.441rem);--font-h4:clamp(1.4rem,3vw,1.953rem);--font-h5:clamp(1.2rem,2vw,1.563rem);--anim-all:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}.container{position:relative;margin-inline:auto;padding-inline:clamp(20px,2vw,24px)}.h1{font-size:var(--font-h1)}.h1,.h1--xl{font-weight:700;line-height:1.2}.h1--xl{font-size:var(--font-h1--xl)}.h2{font-size:var(--font-h2);font-weight:600;line-height:1.3}.h3{font-size:var(--font-h3);font-weight:500;line-height:1.4}.h4{font-size:var(--font-h4);font-weight:400;line-height:1.5}.txt-up{text-transform:uppercase}html{font-size:62.5%;scroll-behavior:smooth;font-family:var(--font-baiJamj)}body{color:var(--color-dark);background-color:var(--color-light);font-size:clamp(1.4rem,2vw,1.6rem);line-height:1.5;height:100vh}p{max-width:66ch}a{color:inherit;text-decoration:none}ol,ul{list-style:none;padding:0}.fp{flex-wrap:wrap}.fp,.fp-col{display:flex}.fp-col{flex-direction:column;align-items:flex-start}.pageWrapper{@media only screen and (min-width:1025px),only screen and (min-width:768px) and (max-width:1024px){padding-top:clamp(64px,7vw,73px)}}main{min-height:75svh}.loading{display:flex;justify-content:center;align-items:center;width:100vw;height:100svh}.hide{@media only screen and (min-width:1025px),only screen and (min-width:768px) and (max-width:1024px){display:none!important}}.img-cover{object-fit:cover;width:100%;height:100%;display:block;object-position:center}header{position:relative;margin-bottom:32px;@media only screen and (max-width:767px){height:96px}}.navbar{padding-block:24px 0;position:fixed;top:0;background-color:var(--color-light);z-index:10;width:100%;left:50%;transform:translateX(-50%)}.navbar__wrapper{position:relative;width:100%;border-bottom:1px solid var(--color-dark);padding-bottom:24px;display:flex;align-items:center;justify-content:space-between;background:var(--color-light)}.navbar__links{display:flex;flex-wrap:nowrap;gap:16px;@media only screen and (max-width:767px){display:none}}.navbar__item{position:relative;display:inline-block;&:hover{.navbar__link:after{transform:scaleX(1);transform-origin:bottom left}}}@media only screen and (max-width:768px){.navbar__wrapper{justify-content:flex-end}.navbar__text{display:none}.navbar__links{width:100%;justify-content:space-between}}.navbar__home{position:absolute;left:50%;transform:translateX(-50%);cursor:pointer;z-index:21}.navbar__logo{width:32px;height:auto}.navbar__logo>path.cls-2{fill:#b20d14}.navbar__logo-text{font-weight:400}.navbar__link{position:relative;font-weight:500;letter-spacing:1.5px;font-size:1.4rem;transition:transform .3s ease;overflow:hidden;display:inline-block;&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--color-dark);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}}.menu-toggle{position:relative;display:flex;justify-content:center;align-items:center;background:transparent;border:hidden;transition:all .25s ease-in-out;cursor:pointer;height:44px;width:44px;z-index:21;&.active{margin-left:auto}}.menu-bar{position:absolute;width:20px;height:1.5px;background:#000;transition-property:transform;transition:all .25s ease-out}.menu-bar[data-position=top]{transform:translateY(-3px)}.menu-bar[data-position=bottom]{transform:translateY(3px)}.menu-toggle.active .menu-bar[data-position=top]{transform:translateY(0) rotate(45deg)}.menu-toggle.active .menu-bar[data-position=bottom]{transform:translateY(0) rotate(-45deg)}.mobileMenu{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:20;flex-direction:column;gap:clamp(16px,2vw,24px);background:var(--color-light);opacity:0;pointer-events:none;transition:all .4s ease}.mobileMenu.active{display:flex;opacity:1;pointer-events:auto}.mobileMenu__wrap{width:100%;height:100%}.mobileMenu__header{height:96px;align-items:center}.mobileMenuLinks.navbar__links{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding-inline:24px;padding-block:32px}.hero__content{margin-block:64px 0;@media only screen and (min-width:1025px),only screen and (min-width:768px) and (max-width:1024px){margin-block:4.444vw 0}}.hero__title{font-size:var(--font-h1);font-weight:700;text-transform:uppercase}.projectsSection{padding-block:32px 100px;@media only screen and (min-width:1025px),only screen and (min-width:768px) and (max-width:1024px){padding-block:2.222vw 6.944vw}}.projectsGrid{width:100%;display:grid;grid-gap:24px;gap:24px;height:min-content;justify-content:center;overflow:hidden;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(0,1fr);@media only screen and (min-width:768px) and (max-width:1024px){grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:1025px){grid-template-columns:repeat(4,1fr)}}.projectsGrid__item{position:relative;width:100%;@media only screen and (min-width:1025px),only screen and (min-width:768px) and (max-width:1024px){&:active{.img__wrapper{border:1px solid var(--color-dark);transform:none}}&:hover{.img__wrapper{border:1px solid #e2e2e2;.card__img--hover{opacity:1}.card__content{opacity:1;transform:translateY(0)}}}}}.img__wrapper{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%;height:100%;cursor:pointer;padding:clamp(16px,2vw,24px);transition:border .4s ease;border:1px solid transparent;border-radius:4px}.card__img{display:block;width:100%;max-width:100px;height:auto;transition:opacity .4s ease}.card__img--hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:1}.card__content{position:absolute;bottom:0;left:0;transform:translateY(100%);display:flex;justify-content:center;align-items:center;width:100%;height:20%;opacity:0;padding-block:12px 20px;padding-inline:24px;transition:all .6s ease;color:var(--color-light);z-index:2}.card__title{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;height:min-content;justify-content:center;padding:6px 14px;border-radius:200px;background:#e2e2e2;color:var(--color-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-wrap-mode:nowrap;font-size:1.2rem;font-weight:400;span{text-wrap:none;word-wrap:none}}.card__link{position:relative;z-index:5}@media (hover:none) and (pointer:coarse){.card__link{-webkit-tap-highlight-color:rgba(0,0,0,.1)}}.projectPage{max-width:1440px;margin-inline:auto}.projectPage,.projectPage__header{margin-bottom:clamp(32px,5vw,3.333vw)}.projectPage__main{@media only screen and (min-width:1025px),only screen and (min-width:768px) and (max-width:1024px){width:50%;padding-right:24px}}.projectPage__side{margin-top:48px;@media only screen and (min-width:1025px),only screen and (min-width:768px) and (max-width:1024px){width:50%;margin-top:0}}.projectPage__side{p{max-width:62ch}p:not(:last-child){margin-bottom:clamp(16px,2vw,1.666vw)}}.backButton{display:inline-flex;justify-content:center;align-items:center;font-weight:400;font-size:1.4rem;letter-spacing:1px;gap:8px;margin-bottom:clamp(32px,4vw,4.4444vw);transition:background .3s ease,color .3s ease,border .3s ease;cursor:pointer;border:1px solid transparent;@media only screen and (min-width:1025px),only screen and (min-width:768px) and (max-width:1024px){padding-block:10px;padding-inline:15px;border-radius:200px;&:hover{background:var(--color-light);color:var(--color-dark);border:1px solid var(--color-dark);path{fill:var(--color-dark)}}}svg{width:18px;height:18px}}.projectPage__title{.h1{font-weight:300}}.projectPage__subtitle{font-size:1.6rem;font-weight:600}.client,.roles{flex-direction:column;gap:4px}.roles{margin-top:clamp(24px,4vw,3.3333vw)}.client{margin-top:clamp(16px,2vw,1.111vw)}.client__text{width:100%;gap:8px 12px;a{display:flex;font-weight:500}}.rolesList{gap:8px 16px;padding-right:24px}.rolesList__item{position:relative;&:not(:last-child){margin-right:16px;&:after{position:absolute;content:"/";display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre;top:0;right:-20px}}}.projectPage__grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;padding-top:clamp(20px,3vw,1.666vw);border-top:1px solid #e2e2e2}.projectPage__img{display:block;height:auto;width:100%;object-fit:cover;object-position:center}.footer{position:relative}.footer__content{padding-block:32px;border-top:1px solid var(--color-dark);align-items:center;@media only screen and (min-width:1025px),only screen and (min-width:768px) and (max-width:1024px){padding-block:4.444vw}}.footer__title{margin-bottom:clamp(24px,4vw,2.222vw);letter-spacing:2.5px;font-weight:500}.footer__email{margin-block:0 64px;align-items:center;@media only screen and (min-width:1025px),only screen and (min-width:768px) and (max-width:1024px){margin-block:0 4.4444vw}h5{font-weight:400;letter-spacing:2.5px;font-size:1.2rem}}.footer__email--text{letter-spacing:2.5px;font-weight:500;font-size:1.6rem}.footer__text{margin-bottom:24px;letter-spacing:1px;text-align:center;@media only screen and (min-width:1025px),only screen and (min-width:768px) and (max-width:1024px){margin-bottom:2.222vw}a{text-decoration:underline;@media only screen and (min-width:1025px),only screen and (min-width:768px) and (max-width:1024px){text-underline-offset:3px}}p{font-size:1.2rem;opacity:.8}}