.banner{width:100%;height:120vh;text-align:center;overflow:hidden;position:relative;top:100px}.banner .slider{position:absolute;width:150px;height:200px;top:10%;left:calc(50% - 100px);transform-style:preserve-3d;transform:perspective(1000px);animation:autoRun 20s linear infinite;z-index:2}@keyframes autoRun{0%{transform:perspective(1000px) rotateX(-16deg) rotateY(0deg)}to{transform:perspective(1000px) rotateX(-16deg) rotateY(1turn)}}.banner .slider .item{position:absolute;inset:0 0 0 0;transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(550px)}.banner .slider .item img{width:100%;height:100%;object-fit:cover}.banner .content h1{font-family:chakra petch;font-size:10em;line-height:1em;color:#e9b966;position:relative;z-index:20;text-align:center;width:100%;position:absolute;top:100px}.banner .content h1:after{position:absolute;inset:0 0 0 0;content:attr(data-content);z-index:2;-webkit-text-stroke:3px #8f613c;color:transparent}.banner .content .main-content{position:absolute;top:250px;color:#fff;font-family:chakra petch;font-size:2em;text-shadow:0 10px 20px #000;z-index:2;max-width:unset;width:100%;text-align:center;padding:0 30px}.banner .content h2{font-size:3em}.banner .content .model{background-image:url(/images/modalshowcase.png);width:100%;height:100vh;position:absolute;top:-100px;left:0;background-size:auto 130%;background-repeat:no-repeat;background-position:top;z-index:1}@media screen and (max-width:1023px){.banner .slider{width:160px;height:200px;left:calc(50% - 80px)}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(300px)}.banner .content h1{text-align:center;width:100%;font-size:7em}.banner .content .main-content{color:#fff;text-shadow:0 10px 20px #000;z-index:2;max-width:unset;width:100%;text-align:center;padding:0 30px;font-family:chakra petch;font-size:1em}}@media screen and (max-width:767px){.banner .slider{width:100px;height:200px;left:calc(50% - 50px)}.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(400px)}.banner .content h1{font-size:5em}.banner .content .model{background-image:url(/images/modalshowcase.png);width:100%;height:85vh;position:absolute;top:-100px;left:0;background-size:auto 130%;background-repeat:no-repeat;background-position:top;z-index:1}}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/10e99afd5d20dfcf-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/40c39069c2d8afd3-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:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/df3720bebd3e4ff4-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:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1a2bf3d736e66b1c-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:Chakra Petch Fallback;src:local("Arial");ascent-override:96.77%;descent-override:30.05%;line-gap-override:0.00%;size-adjust:102.51%}.__className_1e557b{font-family:Chakra Petch,Chakra Petch Fallback;font-weight:700;font-style:normal}