@media(min-width: 500){.isBelow500{display:none !important}}@media(max-width: 767px){.isAbove767{display:none !important}}@media(min-width: 768px){.isBelow768{display:none !important}}@media(min-width: 1024px){.isBelow1024{display:none !important}}@media(max-width: 1023px){.isAbove1023{display:none !important}}@media(max-width: 1199px){.isAbove1199{display:none !important}}.c-almostBlack{color:#212121}.c-666{color:#666}.c-darkYellow{color:#f68722}:root{--brown-darker: #3c352d;--brown: #403a34;--brown-light: #5a524a;--dark-grey: #2b2f34;--light-grey: #d1d1d2;--bg-grey: #efefef;--white: #ffffff}.anim-imgRevealWrapper,.anim-imgReveal{transition-property:opacity,transform;transition-timing-function:ease-out,cubic-bezier(0.075, 0.82, 0.165, 1);transition-duration:0s}.anim-imgRevealContainer{contain:paint;overflow:hidden}.anim-imgRevealWrapper{opacity:0;transform:translateY(120%);contain:paint;overflow:hidden}.anim-imgReveal{opacity:0;transform:translateY(-70%) scale(1.2)}.anim-imgRevealContainer.-reverseImgReveal .anim-imgRevealWrapper{transform:translateY(-120%)}.anim-imgRevealContainer.-reverseImgReveal .anim-imgReveal{transform:translateY(120%) scale(1.2)}.animateIn .anim-imgRevealContainer .anim-imgRevealWrapper,.animateIn .anim-imgRevealContainer .anim-imgReveal{transition-duration:150ms,750ms;opacity:1;transform:none}.animateIn .anim-imgRevealContainer.-reverseImgReveal .anim-imgRevealWrapper,.animateIn .anim-imgRevealContainer.-reverseImgReveal .anim-imgReveal{transition-duration:150ms,1.2s;transition-timing-function:ease-out,cubic-bezier(0.19, 1, 0.22, 1)}.anim-scaleImgWrapper{contain:layout paint;overflow:hidden}.anim-scaleImg{opacity:0;transform:scale(1.08);transition-property:opacity,transform;transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1);transition-duration:0s}.animateIn .anim-scaleImg{transition-duration:1s;opacity:1;transform:none}.anim-splitTitle,.anim-splitPara{opacity:0;will-change:opacity;padding-bottom:4px}.anim-splitTitle .wordWrapper,.anim-splitPara .wordWrapper{display:inline-flex;overflow:hidden;padding-bottom:5px;margin-bottom:-5px}.anim-splitTitle .word,.anim-splitPara .word{opacity:0;transform-origin:left center;vertical-align:top;will-change:opacity,transform}.anim-line{position:absolute;background-color:#212121;transition-property:transform;transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);transition-duration:0s;will-change:transform}.anim-line.-top{top:0;left:0;width:100%;height:1px;transform:scale(0.001, 1);transform-origin:top center}.anim-line.-bottom{bottom:0;left:0;width:100%;height:1px;transform:scale(0.001, 1);transform-origin:top center}.anim-line.-left{top:0;left:0;width:1px;height:100%;transform:scale(1, 0.001);transform-origin:left center}.anim-line.-right{top:0;right:0;width:1px;height:100%;transform:scale(1, 0.001);transform-origin:left center}.anim-line.-middle{top:0;left:50%;width:1px;height:100%;transform:scale(1, 0.001);transform-origin:left center}.anim-line[transform-origin="top left"]{transform-origin:top left !important}.animateAllLinesIn .anim-line,.anim-line.animateSingleLineIn{transition-duration:.6s;transform:none}.-linearEasing{transition-timing-function:linear}.-delayBy1Line{transition-delay:.6s}.-delayBy2Line{transition-delay:1.2s}.-delayBy3Line{transition-delay:1.8s}.-delayBy4Line{transition-delay:2.4s}.-delayBy5Line{transition-delay:3s}.-delayBy6Line{transition-delay:3.6s}.-delayBy7Line{transition-delay:4.2s}.-delayBy8Line{transition-delay:4.8s}.-delayBy9Line{transition-delay:5.4s}[custom-observer=cssClass][class*=anim-stagger-],[custom-observer=cssClass] [class*=anim-stagger-],[observer-animation][class*=anim-stagger-],[observer-animation] [class*=anim-stagger-]{opacity:0;transform:translateY(40px)}@media(max-width: 1023px){[custom-observer=cssClass][class*=anim-stagger-],[custom-observer=cssClass] [class*=anim-stagger-],[observer-animation][class*=anim-stagger-],[observer-animation] [class*=anim-stagger-]{transform:translateY(20px)}}[custom-observer=cssClass].animateIn.anim-stagger-1,[custom-observer=cssClass].animateIn .anim-stagger-1,[observer-animation].animateIn.anim-stagger-1,[observer-animation].animateIn .anim-stagger-1{transition-delay:90ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn.anim-stagger-1,[custom-observer=cssClass].animateIn .anim-stagger-1,[observer-animation].animateIn.anim-stagger-1,[observer-animation].animateIn .anim-stagger-1{transition-delay:60ms}}[custom-observer=cssClass].animateIn.anim-stagger-2,[custom-observer=cssClass].animateIn .anim-stagger-2,[observer-animation].animateIn.anim-stagger-2,[observer-animation].animateIn .anim-stagger-2{transition-delay:180ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn.anim-stagger-2,[custom-observer=cssClass].animateIn .anim-stagger-2,[observer-animation].animateIn.anim-stagger-2,[observer-animation].animateIn .anim-stagger-2{transition-delay:120ms}}[custom-observer=cssClass].animateIn.anim-stagger-3,[custom-observer=cssClass].animateIn .anim-stagger-3,[observer-animation].animateIn.anim-stagger-3,[observer-animation].animateIn .anim-stagger-3{transition-delay:270ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn.anim-stagger-3,[custom-observer=cssClass].animateIn .anim-stagger-3,[observer-animation].animateIn.anim-stagger-3,[observer-animation].animateIn .anim-stagger-3{transition-delay:180ms}}[custom-observer=cssClass].animateIn.anim-stagger-4,[custom-observer=cssClass].animateIn .anim-stagger-4,[observer-animation].animateIn.anim-stagger-4,[observer-animation].animateIn .anim-stagger-4{transition-delay:360ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn.anim-stagger-4,[custom-observer=cssClass].animateIn .anim-stagger-4,[observer-animation].animateIn.anim-stagger-4,[observer-animation].animateIn .anim-stagger-4{transition-delay:240ms}}[custom-observer=cssClass].animateIn.anim-stagger-5,[custom-observer=cssClass].animateIn .anim-stagger-5,[observer-animation].animateIn.anim-stagger-5,[observer-animation].animateIn .anim-stagger-5{transition-delay:450ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn.anim-stagger-5,[custom-observer=cssClass].animateIn .anim-stagger-5,[observer-animation].animateIn.anim-stagger-5,[observer-animation].animateIn .anim-stagger-5{transition-delay:300ms}}[custom-observer=cssClass].animateIn.anim-stagger-6,[custom-observer=cssClass].animateIn .anim-stagger-6,[observer-animation].animateIn.anim-stagger-6,[observer-animation].animateIn .anim-stagger-6{transition-delay:540ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn.anim-stagger-6,[custom-observer=cssClass].animateIn .anim-stagger-6,[observer-animation].animateIn.anim-stagger-6,[observer-animation].animateIn .anim-stagger-6{transition-delay:360ms}}[custom-observer=cssClass].animateIn.anim-stagger-7,[custom-observer=cssClass].animateIn .anim-stagger-7,[observer-animation].animateIn.anim-stagger-7,[observer-animation].animateIn .anim-stagger-7{transition-delay:630ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn.anim-stagger-7,[custom-observer=cssClass].animateIn .anim-stagger-7,[observer-animation].animateIn.anim-stagger-7,[observer-animation].animateIn .anim-stagger-7{transition-delay:420ms}}[custom-observer=cssClass].animateIn.anim-stagger-8,[custom-observer=cssClass].animateIn .anim-stagger-8,[observer-animation].animateIn.anim-stagger-8,[observer-animation].animateIn .anim-stagger-8{transition-delay:720ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn.anim-stagger-8,[custom-observer=cssClass].animateIn .anim-stagger-8,[observer-animation].animateIn.anim-stagger-8,[observer-animation].animateIn .anim-stagger-8{transition-delay:480ms}}[custom-observer=cssClass].animateIn.anim-stagger-9,[custom-observer=cssClass].animateIn .anim-stagger-9,[observer-animation].animateIn.anim-stagger-9,[observer-animation].animateIn .anim-stagger-9{transition-delay:810ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn.anim-stagger-9,[custom-observer=cssClass].animateIn .anim-stagger-9,[observer-animation].animateIn.anim-stagger-9,[observer-animation].animateIn .anim-stagger-9{transition-delay:540ms}}[custom-observer=cssClass].animateIn.anim-stagger-10,[custom-observer=cssClass].animateIn .anim-stagger-10,[observer-animation].animateIn.anim-stagger-10,[observer-animation].animateIn .anim-stagger-10{transition-delay:900ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn.anim-stagger-10,[custom-observer=cssClass].animateIn .anim-stagger-10,[observer-animation].animateIn.anim-stagger-10,[observer-animation].animateIn .anim-stagger-10{transition-delay:600ms}}[custom-observer=cssClass].animateIn.anim-stagger-11,[custom-observer=cssClass].animateIn .anim-stagger-11,[observer-animation].animateIn.anim-stagger-11,[observer-animation].animateIn .anim-stagger-11{transition-delay:990ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn.anim-stagger-11,[custom-observer=cssClass].animateIn .anim-stagger-11,[observer-animation].animateIn.anim-stagger-11,[observer-animation].animateIn .anim-stagger-11{transition-delay:660ms}}[custom-observer=cssClass].animateIn.anim-stagger-12,[custom-observer=cssClass].animateIn .anim-stagger-12,[observer-animation].animateIn.anim-stagger-12,[observer-animation].animateIn .anim-stagger-12{transition-delay:1080ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn.anim-stagger-12,[custom-observer=cssClass].animateIn .anim-stagger-12,[observer-animation].animateIn.anim-stagger-12,[observer-animation].animateIn .anim-stagger-12{transition-delay:720ms}}[custom-observer=cssClass].animateIn[class*=anim-stagger-],[custom-observer=cssClass].animateIn [class*=anim-stagger-],[observer-animation].animateIn[class*=anim-stagger-],[observer-animation].animateIn [class*=anim-stagger-]{opacity:1;transform:translateZ(0);transition-property:opacity,transform;transition-duration:400ms;transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1)}@media(prefers-reduced-motion){[custom-observer=cssClass].animateIn[class*=anim-stagger-],[custom-observer=cssClass].animateIn [class*=anim-stagger-],[observer-animation].animateIn[class*=anim-stagger-],[observer-animation].animateIn [class*=anim-stagger-]{transition-duration:0ms}}[custom-observer=cssClass].anim-fade-1,[custom-observer=cssClass] [class*=anim-fade-],[observer-animation].anim-fade-1,[observer-animation] [class*=anim-fade-]{opacity:0}[custom-observer=cssClass].animateIn .anim-fade-1,[observer-animation].animateIn .anim-fade-1{transition-delay:90ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-fade-1,[observer-animation].animateIn .anim-fade-1{transition-delay:60ms}}[custom-observer=cssClass].animateIn .anim-fade-2,[observer-animation].animateIn .anim-fade-2{transition-delay:180ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-fade-2,[observer-animation].animateIn .anim-fade-2{transition-delay:120ms}}[custom-observer=cssClass].animateIn .anim-fade-3,[observer-animation].animateIn .anim-fade-3{transition-delay:270ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-fade-3,[observer-animation].animateIn .anim-fade-3{transition-delay:180ms}}[custom-observer=cssClass].animateIn .anim-fade-4,[observer-animation].animateIn .anim-fade-4{transition-delay:360ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-fade-4,[observer-animation].animateIn .anim-fade-4{transition-delay:240ms}}[custom-observer=cssClass].animateIn .anim-fade-5,[observer-animation].animateIn .anim-fade-5{transition-delay:450ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-fade-5,[observer-animation].animateIn .anim-fade-5{transition-delay:300ms}}[custom-observer=cssClass].animateIn .anim-fade-6,[observer-animation].animateIn .anim-fade-6{transition-delay:540ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-fade-6,[observer-animation].animateIn .anim-fade-6{transition-delay:360ms}}[custom-observer=cssClass].animateIn .anim-fade-7,[observer-animation].animateIn .anim-fade-7{transition-delay:630ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-fade-7,[observer-animation].animateIn .anim-fade-7{transition-delay:420ms}}[custom-observer=cssClass].animateIn .anim-fade-8,[observer-animation].animateIn .anim-fade-8{transition-delay:720ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-fade-8,[observer-animation].animateIn .anim-fade-8{transition-delay:480ms}}[custom-observer=cssClass].animateIn .anim-fade-9,[observer-animation].animateIn .anim-fade-9{transition-delay:810ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-fade-9,[observer-animation].animateIn .anim-fade-9{transition-delay:540ms}}[custom-observer=cssClass].animateIn .anim-fade-10,[observer-animation].animateIn .anim-fade-10{transition-delay:900ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-fade-10,[observer-animation].animateIn .anim-fade-10{transition-delay:600ms}}[custom-observer=cssClass].animateIn .anim-fade-11,[observer-animation].animateIn .anim-fade-11{transition-delay:990ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-fade-11,[observer-animation].animateIn .anim-fade-11{transition-delay:660ms}}[custom-observer=cssClass].animateIn .anim-fade-12,[observer-animation].animateIn .anim-fade-12{transition-delay:1080ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-fade-12,[observer-animation].animateIn .anim-fade-12{transition-delay:720ms}}[custom-observer=cssClass].animateIn.anim-fade-1,[custom-observer=cssClass].animateIn [class*=anim-fade-],[observer-animation].animateIn.anim-fade-1,[observer-animation].animateIn [class*=anim-fade-]{opacity:1;transition-property:opacity;transition-duration:500ms;transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1)}@media(prefers-reduced-motion){[custom-observer=cssClass].animateIn.anim-fade-1,[custom-observer=cssClass].animateIn [class*=anim-fade-],[observer-animation].animateIn.anim-fade-1,[observer-animation].animateIn [class*=anim-fade-]{transition-duration:0ms}}[custom-observer=cssClass].anim-slowfade-1,[custom-observer=cssClass] [class*=anim-slowfade-],[observer-animation].anim-slowfade-1,[observer-animation] [class*=anim-slowfade-]{opacity:0}[custom-observer=cssClass].animateIn .anim-slowfade-1,[observer-animation].animateIn .anim-slowfade-1{transition-delay:90ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-slowfade-1,[observer-animation].animateIn .anim-slowfade-1{transition-delay:60ms}}[custom-observer=cssClass].animateIn .anim-slowfade-2,[observer-animation].animateIn .anim-slowfade-2{transition-delay:180ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-slowfade-2,[observer-animation].animateIn .anim-slowfade-2{transition-delay:120ms}}[custom-observer=cssClass].animateIn .anim-slowfade-3,[observer-animation].animateIn .anim-slowfade-3{transition-delay:270ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-slowfade-3,[observer-animation].animateIn .anim-slowfade-3{transition-delay:180ms}}[custom-observer=cssClass].animateIn .anim-slowfade-4,[observer-animation].animateIn .anim-slowfade-4{transition-delay:360ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-slowfade-4,[observer-animation].animateIn .anim-slowfade-4{transition-delay:240ms}}[custom-observer=cssClass].animateIn .anim-slowfade-5,[observer-animation].animateIn .anim-slowfade-5{transition-delay:450ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-slowfade-5,[observer-animation].animateIn .anim-slowfade-5{transition-delay:300ms}}[custom-observer=cssClass].animateIn .anim-slowfade-6,[observer-animation].animateIn .anim-slowfade-6{transition-delay:540ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-slowfade-6,[observer-animation].animateIn .anim-slowfade-6{transition-delay:360ms}}[custom-observer=cssClass].animateIn .anim-slowfade-7,[observer-animation].animateIn .anim-slowfade-7{transition-delay:630ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-slowfade-7,[observer-animation].animateIn .anim-slowfade-7{transition-delay:420ms}}[custom-observer=cssClass].animateIn .anim-slowfade-8,[observer-animation].animateIn .anim-slowfade-8{transition-delay:720ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-slowfade-8,[observer-animation].animateIn .anim-slowfade-8{transition-delay:480ms}}[custom-observer=cssClass].animateIn .anim-slowfade-9,[observer-animation].animateIn .anim-slowfade-9{transition-delay:810ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-slowfade-9,[observer-animation].animateIn .anim-slowfade-9{transition-delay:540ms}}[custom-observer=cssClass].animateIn .anim-slowfade-10,[observer-animation].animateIn .anim-slowfade-10{transition-delay:900ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-slowfade-10,[observer-animation].animateIn .anim-slowfade-10{transition-delay:600ms}}[custom-observer=cssClass].animateIn .anim-slowfade-11,[observer-animation].animateIn .anim-slowfade-11{transition-delay:990ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-slowfade-11,[observer-animation].animateIn .anim-slowfade-11{transition-delay:660ms}}[custom-observer=cssClass].animateIn .anim-slowfade-12,[observer-animation].animateIn .anim-slowfade-12{transition-delay:1080ms}@media(max-width: 1023px){[custom-observer=cssClass].animateIn .anim-slowfade-12,[observer-animation].animateIn .anim-slowfade-12{transition-delay:720ms}}[custom-observer=cssClass].animateIn.anim-slowfade-1,[custom-observer=cssClass].animateIn [class*=anim-slowfade-],[observer-animation].animateIn.anim-slowfade-1,[observer-animation].animateIn [class*=anim-slowfade-]{opacity:1;transition-property:opacity;transition-duration:600ms;transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1)}@media(prefers-reduced-motion){[custom-observer=cssClass].animateIn.anim-slowfade-1,[custom-observer=cssClass].animateIn [class*=anim-slowfade-],[observer-animation].animateIn.anim-slowfade-1,[observer-animation].animateIn [class*=anim-slowfade-]{transition-duration:0ms}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleInOut{0%{transform:translateZ(0)}50%{transform:scale(1.2)}100%{transform:translateZ(0)}}@keyframes slideInUp10{from{transform:translate3d(0, 10px, 0)}to{transform:translateZ(0)}}@keyframes slideInUp20{from{transform:translate3d(0, 20px, 0)}to{transform:translateZ(0)}}@keyframes animateArrowOnMouseover{0%{opacity:1;transform:translateZ(0)}50%{opacity:0;transform:translateX(5px)}51%{opacity:0;transform:translateX(-4px)}100%{opacity:1;transform:translateZ(0)}}@keyframes animateArrowDownOnMouseover{0%{opacity:1;transform:translateZ(0) rotate(90deg)}50%{opacity:0;transform:translateY(5px) rotate(90deg)}51%{opacity:0;transform:translateY(-4px) rotate(90deg)}100%{opacity:1;transform:translateZ(0) rotate(90deg)}}@keyframes animateExternalArrowOnMouseover{0%{opacity:1;transform:translateZ(0)}50%{opacity:0;transform:translate3d(5px, -5px, 0)}51%{opacity:0;transform:translate3d(-5px, 5px, 0)}100%{opacity:1;transform:translateZ(0)}}.text-xs{font-family:"DM Sans",sans-serif;font-size:12px;line-height:15px;font-weight:400}.text-sm{font-family:"DM Sans",sans-serif;font-size:14px;line-height:17.5px;font-weight:400}.text-base{font-family:"DM Sans",sans-serif;font-size:16px;line-height:24px;font-weight:400}.text-lg{font-family:"DM Sans",sans-serif;font-size:18px;line-height:22.5px;font-weight:500}.text-xl{font-family:"DM Sans",sans-serif;font-size:20px;line-height:23px;font-weight:400}.text-2xl{font-family:"DM Sans",sans-serif;font-size:24px;line-height:36px;font-weight:400}.text-2xl-medium{font-family:"Kanit",sans-serif;font-size:24px;line-height:27.6px;font-weight:600;text-transform:uppercase}.text-4xl{font-family:"Kanit",sans-serif;font-size:36px;line-height:41.4px;font-weight:500;text-transform:uppercase}.text-5xl{font-family:"Kanit",sans-serif;font-size:48px;line-height:48px;font-weight:500;text-transform:uppercase}.text-7xl{font-family:"Kanit",sans-serif;font-size:72px;line-height:79.5px;font-weight:500}.text-8xl{font-family:"Kanit",sans-serif;font-size:88px;line-height:79.5px;font-weight:600;text-transform:uppercase}.text-9xl{font-family:"Kanit",sans-serif;font-size:128px;line-height:128px;font-weight:600;text-transform:uppercase}:root{--p-col: 40px;--gridGap: 30px}@media(max-width: 1023px){:root{--p-col: 16px;--gridGap: calc(var(--p-col) * 2)}}:root{--w-1col: calc(1 * 100% / 12);--w-1colFixed: calc(1 * var(--w-viewportInPx) / 12);--w-1colFixedNoPadding: calc(1 * var(--w-viewportInPx) / 12 - var(--p-col) * 2)}@media(max-width: 1023px){:root{--w-1col: calc(1 * 100% / 4);--w-1colFixed: calc(1 * var(--w-viewportInPx) / 4);--w-1colFixedNoPadding: calc(1 * var(--w-viewportInPx) / 4 - var(--p-col) * 2)}}@media(min-width: 1440px){:root{--w-1col: calc(1 * 100% / 12);--w-1colFixed: calc(1 * var(--maxwidth) / 12);--w-1colFixedNoPadding: calc(1 * var(--maxwidth) / 12 - var(--p-col) * 2)}}:root{--w-2col: calc(2 * 100% / 12);--w-2colFixed: calc(2 * var(--w-viewportInPx) / 12);--w-2colFixedNoPadding: calc(2 * var(--w-viewportInPx) / 12 - var(--p-col) * 2)}@media(max-width: 1023px){:root{--w-2col: calc(2 * 100% / 4);--w-2colFixed: calc(2 * var(--w-viewportInPx) / 4);--w-2colFixedNoPadding: calc(2 * var(--w-viewportInPx) / 4 - var(--p-col) * 2)}}@media(min-width: 1440px){:root{--w-2col: calc(2 * 100% / 12);--w-2colFixed: calc(2 * var(--maxwidth) / 12);--w-2colFixedNoPadding: calc(2 * var(--maxwidth) / 12 - var(--p-col) * 2)}}:root{--w-3col: calc(3 * 100% / 12);--w-3colFixed: calc(3 * var(--w-viewportInPx) / 12);--w-3colFixedNoPadding: calc(3 * var(--w-viewportInPx) / 12 - var(--p-col) * 2)}@media(max-width: 1023px){:root{--w-3col: calc(3 * 100% / 4);--w-3colFixed: calc(3 * var(--w-viewportInPx) / 4);--w-3colFixedNoPadding: calc(3 * var(--w-viewportInPx) / 4 - var(--p-col) * 2)}}@media(min-width: 1440px){:root{--w-3col: calc(3 * 100% / 12);--w-3colFixed: calc(3 * var(--maxwidth) / 12);--w-3colFixedNoPadding: calc(3 * var(--maxwidth) / 12 - var(--p-col) * 2)}}:root{--w-4col: calc(4 * 100% / 12);--w-4colFixed: calc(4 * var(--w-viewportInPx) / 12);--w-4colFixedNoPadding: calc(4 * var(--w-viewportInPx) / 12 - var(--p-col) * 2)}@media(max-width: 1023px){:root{--w-4col: calc(4 * 100% / 4);--w-4colFixed: calc(4 * var(--w-viewportInPx) / 4);--w-4colFixedNoPadding: calc(4 * var(--w-viewportInPx) / 4 - var(--p-col) * 2)}}@media(min-width: 1440px){:root{--w-4col: calc(4 * 100% / 12);--w-4colFixed: calc(4 * var(--maxwidth) / 12);--w-4colFixedNoPadding: calc(4 * var(--maxwidth) / 12 - var(--p-col) * 2)}}:root{--w-5col: calc(5 * 100% / 12);--w-5colFixed: calc(5 * var(--w-viewportInPx) / 12);--w-5colFixedNoPadding: calc(5 * var(--w-viewportInPx) / 12 - var(--p-col) * 2)}@media(max-width: 1023px){:root{--w-5col: calc(5 * 100% / 4);--w-5colFixed: calc(5 * var(--w-viewportInPx) / 4);--w-5colFixedNoPadding: calc(5 * var(--w-viewportInPx) / 4 - var(--p-col) * 2)}}@media(min-width: 1440px){:root{--w-5col: calc(5 * 100% / 12);--w-5colFixed: calc(5 * var(--maxwidth) / 12);--w-5colFixedNoPadding: calc(5 * var(--maxwidth) / 12 - var(--p-col) * 2)}}:root{--w-6col: calc(6 * 100% / 12);--w-6colFixed: calc(6 * var(--w-viewportInPx) / 12);--w-6colFixedNoPadding: calc(6 * var(--w-viewportInPx) / 12 - var(--p-col) * 2)}@media(max-width: 1023px){:root{--w-6col: calc(6 * 100% / 4);--w-6colFixed: calc(6 * var(--w-viewportInPx) / 4);--w-6colFixedNoPadding: calc(6 * var(--w-viewportInPx) / 4 - var(--p-col) * 2)}}@media(min-width: 1440px){:root{--w-6col: calc(6 * 100% / 12);--w-6colFixed: calc(6 * var(--maxwidth) / 12);--w-6colFixedNoPadding: calc(6 * var(--maxwidth) / 12 - var(--p-col) * 2)}}:root{--w-7col: calc(7 * 100% / 12);--w-7colFixed: calc(7 * var(--w-viewportInPx) / 12);--w-7colFixedNoPadding: calc(7 * var(--w-viewportInPx) / 12 - var(--p-col) * 2)}@media(max-width: 1023px){:root{--w-7col: calc(7 * 100% / 4);--w-7colFixed: calc(7 * var(--w-viewportInPx) / 4);--w-7colFixedNoPadding: calc(7 * var(--w-viewportInPx) / 4 - var(--p-col) * 2)}}@media(min-width: 1440px){:root{--w-7col: calc(7 * 100% / 12);--w-7colFixed: calc(7 * var(--maxwidth) / 12);--w-7colFixedNoPadding: calc(7 * var(--maxwidth) / 12 - var(--p-col) * 2)}}:root{--w-8col: calc(8 * 100% / 12);--w-8colFixed: calc(8 * var(--w-viewportInPx) / 12);--w-8colFixedNoPadding: calc(8 * var(--w-viewportInPx) / 12 - var(--p-col) * 2)}@media(max-width: 1023px){:root{--w-8col: calc(8 * 100% / 4);--w-8colFixed: calc(8 * var(--w-viewportInPx) / 4);--w-8colFixedNoPadding: calc(8 * var(--w-viewportInPx) / 4 - var(--p-col) * 2)}}@media(min-width: 1440px){:root{--w-8col: calc(8 * 100% / 12);--w-8colFixed: calc(8 * var(--maxwidth) / 12);--w-8colFixedNoPadding: calc(8 * var(--maxwidth) / 12 - var(--p-col) * 2)}}:root{--w-9col: calc(9 * 100% / 12);--w-9colFixed: calc(9 * var(--w-viewportInPx) / 12);--w-9colFixedNoPadding: calc(9 * var(--w-viewportInPx) / 12 - var(--p-col) * 2)}@media(max-width: 1023px){:root{--w-9col: calc(9 * 100% / 4);--w-9colFixed: calc(9 * var(--w-viewportInPx) / 4);--w-9colFixedNoPadding: calc(9 * var(--w-viewportInPx) / 4 - var(--p-col) * 2)}}@media(min-width: 1440px){:root{--w-9col: calc(9 * 100% / 12);--w-9colFixed: calc(9 * var(--maxwidth) / 12);--w-9colFixedNoPadding: calc(9 * var(--maxwidth) / 12 - var(--p-col) * 2)}}:root{--w-10col: calc(10 * 100% / 12);--w-10colFixed: calc(10 * var(--w-viewportInPx) / 12);--w-10colFixedNoPadding: calc(10 * var(--w-viewportInPx) / 12 - var(--p-col) * 2)}@media(max-width: 1023px){:root{--w-10col: calc(10 * 100% / 4);--w-10colFixed: calc(10 * var(--w-viewportInPx) / 4);--w-10colFixedNoPadding: calc(10 * var(--w-viewportInPx) / 4 - var(--p-col) * 2)}}@media(min-width: 1440px){:root{--w-10col: calc(10 * 100% / 12);--w-10colFixed: calc(10 * var(--maxwidth) / 12);--w-10colFixedNoPadding: calc(10 * var(--maxwidth) / 12 - var(--p-col) * 2)}}:root{--w-11col: calc(11 * 100% / 12);--w-11colFixed: calc(11 * var(--w-viewportInPx) / 12);--w-11colFixedNoPadding: calc(11 * var(--w-viewportInPx) / 12 - var(--p-col) * 2)}@media(max-width: 1023px){:root{--w-11col: calc(11 * 100% / 4);--w-11colFixed: calc(11 * var(--w-viewportInPx) / 4);--w-11colFixedNoPadding: calc(11 * var(--w-viewportInPx) / 4 - var(--p-col) * 2)}}@media(min-width: 1440px){:root{--w-11col: calc(11 * 100% / 12);--w-11colFixed: calc(11 * var(--maxwidth) / 12);--w-11colFixedNoPadding: calc(11 * var(--maxwidth) / 12 - var(--p-col) * 2)}}:root{--w-12col: calc(12 * 100% / 12);--w-12colFixed: calc(12 * var(--w-viewportInPx) / 12);--w-12colFixedNoPadding: calc(12 * var(--w-viewportInPx) / 12 - var(--p-col) * 2)}@media(max-width: 1023px){:root{--w-12col: calc(12 * 100% / 4);--w-12colFixed: calc(12 * var(--w-viewportInPx) / 4);--w-12colFixedNoPadding: calc(12 * var(--w-viewportInPx) / 4 - var(--p-col) * 2)}}@media(min-width: 1440px){:root{--w-12col: calc(12 * 100% / 12);--w-12colFixed: calc(12 * var(--maxwidth) / 12);--w-12colFixedNoPadding: calc(12 * var(--maxwidth) / 12 - var(--p-col) * 2)}}.bgRed{background-color:#b72f26}.d-f{display:flex}.pl-15{padding-left:var(--p-col)}.c-primary{color:#b72f26}.mt-3{margin-top:3px}.mt-5{margin-top:5px}.mt-8{margin-top:8px}.visuallyHidden{position:absolute;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}html[data-page=about] .ui-solution{padding-left:var(--p-col);padding-right:var(--p-col)}html[data-page=about] .ui-solution .anim-line{background-color:var(--light-grey)}@media(min-width: 1024px){html[data-page=about] .ui-solution{display:grid;grid-template-columns:1fr 1fr;gap:20px}}@media(max-width: 1023px){html[data-page=about] .ui-solution{display:grid;gap:24px}}html[data-page=about] .ui-solution__heading{font-family:"Kanit",sans-serif;font-size:48px;line-height:48px;font-weight:500;text-transform:uppercase;color:var(--brown-darker)}@media(max-width: 1023px){html[data-page=about] .ui-solution__heading{font-family:"Kanit",sans-serif;font-size:36px;line-height:41.4px;font-weight:500;text-transform:uppercase}}html[data-page=about] .ui-solution__icon{width:100px;aspect-ratio:1}@media(max-width: 767px){html[data-page=about] .ui-solution__icon{width:80px}}html[data-page=about] .ui-solution__usp{position:relative;padding:32px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width: 767px){html[data-page=about] .ui-solution__usp{grid-template-columns:1fr;gap:40px;padding:24px 0}}html[data-page=about] .ui-solution__uspHeading{font-family:"Kanit",sans-serif;font-size:24px;line-height:27.6px;font-weight:600;text-transform:uppercase;color:var(--brown-darker);padding-bottom:8px}html[data-page=about] .ui-solution__uspSubheading{font-family:"DM Sans",sans-serif;font-size:16px;line-height:24px;font-weight:400;color:var(--brown-darker)}@media(max-width: 1023px){html[data-page=about] .ui-solution__uspSubheading{font-family:"DM Sans",sans-serif;font-size:14px;line-height:17.5px;font-weight:400}}html[data-page=about] .ui-aboutIntro{display:grid;gap:40px;padding:40px var(--p-col) 60px}@media(max-width: 1023px){html[data-page=about] .ui-aboutIntro{padding:40px var(--p-col) 40px}}html[data-page=about] .ui-aboutIntro .anim-line{background-color:var(--light-grey)}@media(max-width: 1023px){html[data-page=about] .ui-aboutIntro{gap:20px}}html[data-page=about] .ui-aboutIntro__heading{font-family:"Kanit",sans-serif;font-size:88px;line-height:79.5px;font-weight:600;text-transform:uppercase;color:var(--brown-darker)}@media(max-width: 1023px){html[data-page=about] .ui-aboutIntro__heading{font-family:"Kanit",sans-serif;font-size:48px;line-height:48px;font-weight:500;text-transform:uppercase}}html[data-page=about] .ui-aboutIntro__video{width:100%;aspect-ratio:1360/765;position:relative}@media(max-width: 1023px){html[data-page=about] .ui-aboutIntro__video{aspect-ratio:328/184}}html[data-page=about] .ui-aboutIntro__content{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width: 767px){html[data-page=about] .ui-aboutIntro__content{grid-template-columns:1fr;gap:20px}}html[data-page=about] .ui-aboutIntro__contentHeading{font-family:"Kanit",sans-serif;font-size:24px;line-height:27.6px;font-weight:600;text-transform:uppercase;color:var(--brown-darker)}html[data-page=about] .ui-aboutIntro__copy{font-family:"DM Sans",sans-serif;font-size:16px;line-height:24px;font-weight:400;color:var(--brown-darker)}@media(max-width: 1023px){html[data-page=about] .ui-aboutIntro__copy{font-family:"DM Sans",sans-serif;font-size:14px;line-height:17.5px;font-weight:400}}@media(min-width: 1024px){html[data-page=about] .ui-heritage{padding:60px 0}}@media(max-width: 1023px){html[data-page=about] .ui-heritage{padding:0px 0 40px}}html[data-page=about] .ui-heritage__title{width:100%;font-family:"Kanit",sans-serif;font-size:48px;line-height:48px;font-weight:500;text-transform:uppercase;padding-bottom:16px}@media(max-width: 1023px){html[data-page=about] .ui-heritage__title{font-family:"Kanit",sans-serif;font-size:36px;line-height:41.4px;font-weight:500;text-transform:uppercase}}html[data-page=about] .ui-heritage__subHeading{max-width:500px;font-family:"DM Sans",sans-serif;font-size:16px;line-height:24px;font-weight:400;color:var(--dark-grey)}html[data-page=about] .ui-heritage .c-cardCarousel__container{display:flex;flex-wrap:wrap;justify-content:space-between}html[data-page=about] .ui-heritage .c-cardCarousel__container .c-about__title{width:100%;padding-bottom:25px}@media(max-width: 1023px){html[data-page=about] .ui-heritage .c-cardCarousel__container .c-about__title{padding-bottom:20px}}html[data-page=about] .ui-heritage .c-cardCarousel__wrapper{position:relative;width:100%}@media(max-width: 1023px){html[data-page=about] .ui-heritage .c-cardCarousel__wrapper{max-width:var(--w-viewportInPx)}}@media(min-width: 1025px){html[data-page=about] .ui-heritage .c-cardCarousel__subHeading{width:var(--w-4col)}}@media(max-width: 1023px){html[data-page=about] .ui-heritage .c-cardCarousel__navBtnGroup{display:none;padding-top:20px;order:4;width:100%}}html[data-page=about] .ui-heritage .c-cardCarousel__card{position:relative;padding:40px 20px}@media(min-width: 1024px){html[data-page=about] .ui-heritage .c-cardCarousel__card{min-height:325px;width:calc(var(--w-3col) - 20px)}}@media(max-width: 1023px){html[data-page=about] .ui-heritage .c-cardCarousel__card{min-height:320px;width:242px}}html[data-page=about] .ui-heritage .c-cardCarousel__cardContent{height:100%;display:flex;flex-direction:column;gap:40px}html[data-page=about] .ui-heritage .c-cardCarousel__cardTitle{font-family:"Kanit",sans-serif;font-size:48px;line-height:48px;font-weight:500;text-transform:uppercase}html[data-page=about] .ui-heritage .c-cardCarousel__cardDetail{display:grid;gap:15px;padding-right:15px}html[data-page=about] .ui-heritage .c-cardCarousel__cardSubTitle{color:var(--dark-grey);font-family:"DM Sans",sans-serif;font-size:16px;line-height:24px;font-weight:400}@media(max-width: 767px){html[data-page=about] .ui-heritage .c-cardCarousel__cardSubTitle{font-family:"DM Sans",sans-serif;font-size:14px;line-height:17.5px;font-weight:400}}.ui-areas{position:relative;padding-left:var(--p-col);padding-right:var(--p-col)}.ui-areas__intro{width:100%;padding-bottom:40px;grid-template-columns:1fr}@media(max-width: 1023px){.ui-areas__intro{padding-bottom:15px}}@media(min-width: 1024px){.ui-areas__intro{display:grid;grid-template-columns:1fr 1fr;gap:20px}}.ui-areas__heading{font-family:"Kanit",sans-serif;font-size:48px;line-height:48px;font-weight:500;text-transform:uppercase;color:var(--brown-darker);text-transform:uppercase}@media(max-width: 1023px){.ui-areas__heading{width:100%;font-family:"Kanit",sans-serif;font-size:36px;line-height:41.4px;font-weight:500;text-transform:uppercase}}.ui-areas__subheading{font-family:"DM Sans",sans-serif;font-size:16px;line-height:24px;font-weight:400;color:var(--brown-darker)}@media(max-width: 1023px){.ui-areas__subheading{font-size:16px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:-0.5px;margin-top:9px;width:100%}}@media(max-width: 1023px)and (min-width: 1023){.ui-areas__subheading{font-size:calc(16px * var(--w-viewport) / 1280);line-height:calc(18px * var(--w-viewport) / 1280);letter-spacing:calc(-0.5px * var(--w-viewport) / 1280)}}.ui-areas__card{position:relative;padding:40px 20px}@media(min-width: 1024px){.ui-areas__card:nth-child(5) .-left,.ui-areas__card:nth-child(3) .-left{display:none}}@media(max-width: 1023px){.ui-areas__card:nth-child(3) .-top{display:none}.ui-areas__card:nth-child(3) .-right{display:none}}@media(min-width: 768px){.ui-areas__card:nth-child(6) .-left,.ui-areas__card:nth-child(2) .-left{display:none}}@media(max-width: 767px){.ui-areas__card:nth-child(2) .-top{display:none}.ui-areas__card:nth-child(3) .-right{display:unset}}.ui-areas__list{display:grid;grid-template-columns:1fr 1fr 1fr}@media(max-width: 1023px){.ui-areas__list{grid-template-columns:1fr 1fr}}@media(max-width: 767px){.ui-areas__list{grid-template-columns:1fr}}.ui-areas__title{font-family:"Kanit",sans-serif;font-size:24px;line-height:27.6px;font-weight:600;text-transform:uppercase;color:var(--brown-darker)}.ui-areas__copy{font-family:"DM Sans",sans-serif;font-size:16px;line-height:24px;font-weight:400;color:var(--dark-grey);padding-top:12px}.ui-areas__icon{width:100px;aspect-ratio:1;margin-bottom:100px}html[data-page=about] section{padding-top:80px;padding-bottom:80px}@media(max-width: 767px){html[data-page=about] section{padding-top:60px;padding-bottom:60px}}html[data-page=about] .c-banner{padding-left:var(--p-col);padding-right:var(--p-col)}@media(max-width: 767px){html[data-page=about] .c-banner{padding-top:30px;padding-bottom:30px}}@media(max-width: 1023px){html[data-page=about] .c-banner .c-scrollImg__wrapper{aspect-ratio:328/220}}