.player{z-index:9999;background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.player .close-btn{z-index:10001;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:background .2s,transform .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.player .close-btn:hover{background:#ffffff40;transform:scale(1.1)}.player .close-btn svg{stroke:#fff;width:1.4rem;height:1.4rem}.player .player-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}:-webkit-any(.player:fullscreen,.player:-webkit-full-screen,.player:fullscreen){background:#000;width:100vw;height:100vh}:-moz-any(.player:fullscreen,.player:fullscreen,.player:-moz-full-screen){background:#000;width:100vw;height:100vh}:is(.player:fullscreen,.player:fullscreen,.player:fullscreen){background:#000;width:100vw;height:100vh}:-webkit-any(.player:fullscreen .player-video,.player:-webkit-full-screen .player-video,.player:fullscreen .player-video){object-fit:contain;width:100%;height:100%}:-moz-any(.player:fullscreen .player-video,.player:fullscreen .player-video,.player:-moz-full-screen .player-video){object-fit:contain;width:100%;height:100%}:is(.player:fullscreen .player-video,.player:fullscreen .player-video,.player:fullscreen .player-video){object-fit:contain;width:100%;height:100%}:-webkit-any(.player:fullscreen .close-btn,.player:-webkit-full-screen .close-btn,.player:fullscreen .close-btn){top:1.25rem;right:1.25rem}:-moz-any(.player:fullscreen .close-btn,.player:fullscreen .close-btn,.player:-moz-full-screen .close-btn){top:1.25rem;right:1.25rem}:is(.player:fullscreen .close-btn,.player:fullscreen .close-btn,.player:fullscreen .close-btn){top:1.25rem;right:1.25rem}
#clients{padding:var(--page-padding-y) 0;min-height:100vh;width:var(--section-width);margin:0 auto}@media (max-width:768px){#clients{width:90%}}#clients h2{font-size:2.2rem;font-weight:800;line-height:2rem}#clients h2 span{font-size:var(--heading-primary-lg);line-height:var(--leading-primary-lg);font-family:var(--font-bai-jamjuree),"sans-serif";letter-spacing:var(--letter-spacing-tight);font-style:italic}#clients .clients-container{grid-template-rows:1fr 1fr 1fr;grid-template-columns:repeat(5,minmax(200px,1fr));place-items:center;gap:0 1rem;margin-top:2rem;display:grid}#clients .clients-container img{object-fit:contain;width:clamp(100px,100%,200px);height:auto;transition:all .2s ease-in-out}#clients .clients-container img:hover{transform:scale(1.1)}@media (max-width:768px){#clients .clients-container{grid-template-rows:repeat(5,1fr);grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width:1100px) and (min-width:769px){#clients .clients-container{grid-template-rows:auto;grid-template-columns:repeat(5,13vw);gap:3rem}}
#about{color:#fff;padding:8rem var(--page-padding-x);background-color:#111}#about .about-content{width:var(--section-width);flex-direction:column;margin:0 auto;display:flex}@media (max-width:768px){#about .about-content{width:90%}}#about .about-content-top h2{font-size:1.1rem;font-weight:300}#about .about-content-top p{font-size:var(--heading-primary);line-height:var(--leading-primary);margin-top:.8rem;font-weight:600}#about .about-content-top p span{font-size:var(--heading-primary-lg);line-height:var(--leading-primary-lg);font-weight:600;font-family:var(--font-bai-jamjuree),"sans-serif";color:var(--light-blue);font-style:italic}#about .about-content-bottom{align-self:flex-end;width:50%;margin-top:5rem}#about .about-content-bottom p{font-size:var(--text-md);line-height:var(--leading-md);margin-top:1.5rem}@media (max-width:768px){#about .about-content-bottom{width:100%}}
#contact{background-color:var(--page-background);color:#fff;position:relative}#contact .contact-details{width:var(--section-width);padding:var(--page-padding-y) 0rem;border-top:1px solid var(--light-partion);gap:5rem;margin:0 auto;display:flex}@media (max-width:768px){#contact .contact-details{flex-direction:column;width:90%}}#contact .contact-form{width:50%}#contact .contact-form h2{margin-bottom:2rem;font-size:3rem;font-weight:600}#contact .contact-form label{margin-top:1.8rem;margin-bottom:.6rem;font-size:1rem;display:block}#contact .contact-form input,#contact .contact-form textarea{color:#fff;background-color:#000;border:none;border-bottom:1px solid #fff;width:100%;margin-bottom:.8rem;padding:.8rem;font-size:1.2rem;display:block}#contact .contact-form .email-marketing{margin-top:.5rem;display:flex}#contact .contact-form .email-marketing input[type=checkbox]{appearance:none;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:85% 85%;border:1px solid #fff;border-radius:0;flex:none;width:1rem;min-width:1rem;height:1rem;margin:.2rem .5rem 0 0;padding:0;display:inline-block;background-color:#0000!important}#contact .contact-form .email-marketing input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5L6.5 12L13 4.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#f5c518}#contact .contact-form a{color:#fff;font-weight:600}#contact .contact-form .submit-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;margin-top:2rem;padding:.8rem 1.3rem;font-size:1.2rem}@media (max-width:768px){#contact .contact-form{width:100%}#contact .contact-form label{font-size:1.2rem}#contact .contact-form p{margin-top:1rem;font-size:1.2rem}#contact .contact-form .email-marketing{margin-top:1rem}#contact .contact-form input,#contact .contact-form textarea{font-size:1.4rem}}#contact .contact-right{width:50%}#contact .contact-right img{width:100%;height:auto;position:sticky;top:10rem;left:10rem}@media (max-width:768px){#contact .contact-right{width:100%}#contact .contact-right img{position:relative;top:0;left:0}}#contact .msg-send{color:#fff;font-size:var(--text-md);margin-top:1rem;font-weight:400}#contact .error-msg{color:red;font-size:var(--text-sm);font-weight:400;display:inline-block}
#process .process-top{width:var(--section-width);border-top:1px solid #0003;grid-template-columns:1fr 1fr;margin:0 auto;padding:8rem 0;display:grid}@media (max-width:768px){#process .process-top{grid-template-columns:1fr;gap:2rem}}#process .process-top h2{font-size:var(--heading-primary);font-weight:600;line-height:1}#process .process-top h2 span{font-size:1.8rem;font-weight:400;display:block}#process .process-top p{font-size:var(--text-md);line-height:var(--leading-md);margin-top:2rem}#process .process-top p span{font-size:var(--text-md);line-height:var(--leading-md)}#process .process-top .process-top-left span{font-size:var(--text-md);line-height:var(--leading-md);display:block}#process .process-bottom{background-color:#000;align-items:center;padding:2rem 0;display:flex}#process .process-bottom .image-container{flex-shrink:0;grid-template-columns:repeat(8,1fr);place-items:center;width:100%;animation:20s linear infinite marquee;display:grid}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}#process .process-bottom img{object-fit:contain;width:5rem;height:auto}@media (max-width:768px){#process .process-bottom .image-container{gap:3rem;width:fit-content;padding-right:3rem}}#process .font-bold{font-weight:700}#process .font-italic{font-style:italic}
#y{overflow:hidden}#y .y-top{width:var(--section-width);padding:var(--page-padding-y) 0;grid-template-columns:1fr 1fr;gap:3rem;margin:0 auto;display:grid}@media (max-width:768px){#y .y-top{grid-template-columns:1fr;width:90%}}#y .y-top .y-top-left{position:relative}#y .y-top .y-top-left h2{font-weight:600;font-size:var(--text-md);position:absolute;transform:translateY(-150%)}#y .y-top .y-top-left p{font-size:var(--text-lg);line-height:1.1}#y .y-top .y-top-left p span{font-size:var(--text-lg)}#y .y-top .y-top-right p{font-size:var(--text-md)}#y .y-bottom{background-color:var(--page-background);color:#fff;padding:var(--page-padding-y) 0}#y .y-bottom .y-bottom-container{width:70%;margin:0 auto;position:relative}#y .y-bottom .y-bottom-container img{object-fit:contain;z-index:10;opacity:.4;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#y .y-bottom .y-bottom-container h3{z-index:40;font-size:var(--text-lg);margin-top:1.5rem;font-style:italic;line-height:2.1rem;position:relative}#y .y-bottom .y-bottom-container p{z-index:40;position:relative}@media (max-width:768px){#y .y-bottom .y-bottom-container{width:80%}#y .y-bottom .y-bottom-container img{opacity:.5;width:100%;top:80%}#y .y-bottom .y-bottom-container h3{margin-top:5rem;line-height:2.6rem}#y .y-bottom .y-bottom-container p{font-size:var(--text-md)}}
#music{background-color:var(--page-background);color:#fff;padding-bottom:var(--page-padding-y);overflow:hidden}#music h2{width:var(--section-width);border-top:1px solid var(--light-partion);padding-top:var(--page-padding-y);margin:0 auto .5rem;font-size:1.3rem}@media (max-width:768px){#music h2{width:90%}}#music .music-container{width:var(--section-width);grid-template-columns:1fr 1fr;gap:2rem;margin:0 auto;display:grid}@media (max-width:768px){#music .music-container{grid-template-columns:1fr;width:90%}}#music .music-container h3{font-size:var(--heading-primary);font-weight:600;line-height:var(--leading-primary);margin-bottom:2rem}#music .music-container h3 span{font-size:var(--heading-primary);line-height:var(--leading-primary);color:var(--light-blue);font-weight:600;font-family:var(--font-bai-jamjuree);width:60%;font-style:italic;display:block}@media (max-width:768px){#music .music-container h3{width:100%;margin-bottom:5rem}#music .music-container h3 span{width:100%}}#music .music-container .music-left p{width:60%}@media (max-width:768px){#music .music-container .music-left p{width:100%}}#music .music-container p{font-size:var(--text-md);line-height:var(--leading-md);margin-bottom:2rem}#music .music-container .music-left{padding-right:3rem}
#branding{background-color:var(--page-background);color:#fff;overflow:hidden}#branding .branding-container{width:var(--section-width);padding:var(--page-padding-y) 0rem;border-top:1px solid var(--light-partion);grid-template-columns:2fr 5fr;gap:3rem;margin:0 auto;display:grid}@media (max-width:768px){#branding .branding-container{grid-template-columns:1fr;width:90%}}#branding .branding-container h2{font-size:var(--heading-primary);line-height:var(--leading-primary);margin-bottom:1rem;font-weight:600}#branding .branding-container h2 span{font-size:var(--heading-primary);line-height:var(--leading-primary);color:var(--light-blue);font-weight:600;font-family:var(--font-bai-jamjuree);font-style:italic;display:block}@media (max-width:768px){#branding .branding-container h2{margin-bottom:5rem}}#branding .branding-container p{font-size:var(--text-md);margin-top:1rem}#branding .branding-container .branding-video{position:relative}#branding .branding-container .branding-video video{width:100%;height:auto}@media (max-width:768px){#branding .branding-container .branding-video{margin-top:2rem;margin-bottom:2rem}}
