@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=our-products] .ui-products{position:relative;padding:40px var(--p-col) 80px}@media(max-width: 1023px){html[data-page=our-products] .ui-products{padding-bottom:0px}}@media(max-width: 767px){html[data-page=our-products] .ui-products{padding:40px var(--p-col) 0px}}html[data-page=our-products] .ui-products__heading{font-family:"Kanit",sans-serif;font-size:88px;line-height:79.5px;font-weight:600;text-transform:uppercase;color:var(--brown-darker);padding-bottom:40px;text-transform:uppercase}@media(max-width: 1023px){html[data-page=our-products] .ui-products__heading{padding-bottom:32px;width:100%;font-family:"Kanit",sans-serif;font-size:48px;line-height:48px;font-weight:500;text-transform:uppercase}}html[data-page=our-products] .ui-products__container{display:grid;grid-template-columns:1fr 3fr;gap:20px}@media(max-width: 1023px){html[data-page=our-products] .ui-products__container{display:flex;flex-direction:column-reverse}}html[data-page=our-products] .ui-products__filterWrapper{position:sticky;bottom:0;z-index:1}html[data-page=our-products] .ui-products__filter{position:sticky;top:100px;display:flex;flex-direction:column;padding:24px 16px;background-color:var(--bg-grey);border:1px solid var(--brown-darker);color:var(--brown-darker);gap:16px}@media(max-width: 1023px){html[data-page=our-products] .ui-products__filter{position:relative;top:0;flex-direction:column-reverse;padding-bottom:0;width:calc(100% + var(--p-col) * 2);margin-left:calc(var(--p-col) * -1);padding-top:0;border:none;border-top:1px solid var(--brown-darker)}}html[data-page=our-products] .ui-products__filter-btn{font-family:"Kanit",sans-serif;font-size:18px;line-height:22.5px;font-weight:500;text-transform:uppercase;text-align:left;padding-bottom:16px;border-bottom:1px solid var(--light-grey)}@media(max-width: 1023px){html[data-page=our-products] .ui-products__filter-btn{border:none;text-align:center;background-color:var(--bg-grey);z-index:1;padding:20px var(--p-col)}}@media(max-width: 767px){html[data-page=our-products] .ui-products__filter-btn{font-family:"DM Sans",sans-serif;font-size:14px;line-height:17.5px;font-weight:400;font-weight:600}}html[data-page=our-products] .ui-products__filter ul{display:flex;flex-direction:column;gap:16px}@media(max-width: 1023px){html[data-page=our-products] .ui-products__filter-list{background-color:var(--bg-grey);position:absolute;bottom:100%;left:0;width:100%;height:0;overflow:hidden}html[data-page=our-products] .ui-products__filter-list ul{border-top:1px solid var(--brown-darker);padding:var(--p-col)}}html[data-page=our-products] .ui-products__filter-tab{position:relative;display:flex;flex-direction:row;gap:4px;align-items:center;font-family:"DM Sans",sans-serif;font-size:12px;line-height:15px;font-weight:600;text-transform:uppercase;color:var(--brown-light)}@media(max-width: 1023px){html[data-page=our-products] .ui-products__filter-tab{font-family:"DM Sans",sans-serif;font-size:14px;line-height:17.5px;font-weight:400;font-weight:600}}html[data-page=our-products] .ui-products__filter-tab span{color:#72777f}html[data-page=our-products] .ui-products__filter-tab:disabled{pointer-events:none}html[data-page=our-products] .ui-products__filter-tab::before{content:"";width:4px;height:4px;background-color:var(--brown-darker);display:none}html[data-page=our-products] .ui-products__filter-tab.-active{color:var(--brown-darker)}html[data-page=our-products] .ui-products__filter-tab.-active::before{display:block}@media(hover: hover){html[data-page=our-products] .ui-products__filter-tab:hover{color:var(--brown-darker)}html[data-page=our-products] .ui-products__filter-tab:hover::before{display:block}}html[data-page=our-products] .ui-products__cards{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;row-gap:40px}@media(max-width: 1023px){html[data-page=our-products] .ui-products__cards{grid-template-columns:1fr}}html[data-page=our-products] .ui-products__cards[hidden]{display:none}html[data-page=our-products] .ui-products__card{display:flex;flex-direction:column;gap:8px}html[data-page=our-products] .ui-products__cardName{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=our-products] .ui-products__cardImgContainer{width:100%;aspect-ratio:324/244;position:relative;background-color:var(--bg-grey)}html[data-page=our-products] .ui-products__cardImgWrapper{position:absolute;top:0;left:0;height:100%;width:100%}html[data-page=our-products] .ui-products__cardImg{position:absolute;top:0;left:0;width:100%;height:100%}