@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Kanit:wght@400;500&family=Open+Sans:wght@400;600;700&family=Poller+One&family=Raleway:wght@500&display=swap";:root{--color-white: #ffffff;--color-black: #000000;--color-slate-900: #0F172A;--color-slate-500: #64748B;--color-slate-400: #94A3B8;--color-slate-300: #CBD5E1;--color-gold: #9c925c;--bg-gradient: linear-gradient(to top, #043661 0%, #123b5f 48.08%, #242424 100%);--footer-gradient: linear-gradient(to bottom, #252c35 0%, #0f1015 100%);--event-card-gradient: linear-gradient(to bottom, #252c35 0%, #0f1015 100%);--cta-gradient: linear-gradient(to top, #00529a 0%, #123b5f 48.08%, #242424 100%);--font-primary: "Open Sans", sans-serif;--font-secondary: "Kanit", sans-serif;--font-tertiary: "Inter", sans-serif;--font-quaternary: "Poller One", cursive;--font-quinary: "Raleway", regular}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-image:var(--bg-gradient);color:var(--color-white);font-family:var(--font-tertiary);line-height:1.5;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0}.animate-on-scroll.is-visible{animation:fadeIn .8s ease forwards}.section-banner{display:flex;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:50px 20px;overflow:hidden}.banner-title{font-family:var(--font-primary);font-weight:400;font-size:clamp(24px,5vw,45px);text-align:center;padding:0 20px;flex-shrink:0;white-space:nowrap}.banner-line{height:1px;background-color:#fff3;flex:1}.animate-on-scroll .banner-line{transform:scaleX(0)}.animate-on-scroll.is-visible .banner-line.left-line{animation:scaleLine 1.2s cubic-bezier(.16,1,.3,1) forwards;transform-origin:right}.animate-on-scroll.is-visible .banner-line.right-line{animation:scaleLine 1.2s cubic-bezier(.16,1,.3,1) forwards;transform-origin:left}@keyframes scaleLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.site-header{width:100%;position:fixed;top:0;z-index:100;padding-top:50px;background:transparent;transition:background-color .3s ease,padding .3s ease}.site-header.scrolled{background-color:#0f172af2;padding-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;position:relative}.site-logo{position:absolute;left:2rem;top:50%;transform:translateY(-50%);font-family:Kanit,sans-serif;font-size:26px;font-weight:500;color:var(--color-white);text-decoration:none;letter-spacing:1.5px;z-index:105;transition:color .3s ease}.site-logo:hover{color:var(--color-gold)}.nav-links{display:flex;align-items:center;gap:15px}.nav-links li a{font-family:var(--font-secondary);font-weight:500;font-size:20px;letter-spacing:-.15px;color:var(--color-white);text-shadow:0px 4px 4px rgba(0,0,0,.5);transition:color .3s ease}.nav-links li a:hover,.nav-links li a.active{color:var(--color-gold)}.separator{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.nav-underline{max-width:1280px;margin:20px auto 0;height:2px;background-color:#fff3}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);padding:15px;z-index:105}.mobile-menu-toggle span{display:block;width:30px;height:3px;background-color:var(--color-white);border-radius:2px;transition:.3s}@media (max-width: 1000px){.site-header{padding-top:15px;background-color:#0f172af2}.site-logo{left:1rem;font-size:22px}.nav-container{min-height:50px}.nav-links{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#0f172afa;padding:20px 0;box-shadow:0 10px 20px #00000080;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;pointer-events:none}.nav-links.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}.separator,.nav-underline{display:none}.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}.hero-section{position:relative;height:110vh;min-height:800px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-content{position:relative;z-index:1;width:100%;max-width:1280px;padding-left:40px;margin:-150px auto 0}@keyframes heroFadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:var(--font-primary);font-weight:700;font-size:80px;line-height:1;text-shadow:0px 4px 4px rgba(0,0,0,.6);margin-bottom:25px;opacity:0;animation:heroFadeSlideUp 1.2s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:.2s}.hero-subtitle{font-family:var(--font-primary);font-weight:600;font-size:50px;line-height:30px;letter-spacing:-.6px;text-shadow:0px 4px 4px rgba(0,0,0,.6);margin-bottom:25px;opacity:0;animation:heroFadeSlideUp 1.2s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:.5s}@media (max-width: 1024px){.hero-title{font-size:60px}.hero-subtitle{font-size:40px}.hero-img{object-position:90% center}}@media (max-width: 768px){.hero-section{min-height:100vh;height:auto;padding:100px 0 50px}.hero-content{margin-left:0;padding:0 2rem;width:100%}.hero-title{font-size:40px;margin-bottom:15px}.hero-subtitle{font-size:24px;margin-bottom:25px}.hero-img{object-position:80% center}}.projects-section{max-width:1280px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:1fr 1fr;height:clamp(350px,45vw,650px)}.project-card{position:relative;height:100%;overflow:hidden;cursor:pointer}.project-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;transition:background-color .5s ease;z-index:1;pointer-events:none}.project-card:hover:after{background-color:#0000}.project-poster{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-poster{transform:scale(1.05)}.project-text-overlay{position:absolute;bottom:250px;left:0;width:100%;text-align:center;pointer-events:none;z-index:2}.project-text-overlay h3{font-family:var(--font-quaternary);font-weight:400;font-size:clamp(28px,4vw,50px);line-height:1.38;text-shadow:0px 4px 4px var(--color-black)}.mobile-break{display:none}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;height:auto}.project-card{height:auto;aspect-ratio:16 / 9}.project-text-overlay{bottom:50%;transform:translateY(50%)}.mobile-break{display:block}.desktop-space{display:none}}.events-section{max-width:1280px;margin:0 auto;padding-bottom:100px}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;padding:0 15%}.event-card{display:flex;flex-direction:column;align-items:center;max-width:320px;margin:0 auto;width:100%}.event-image-wrapper{width:100%;height:180px;border:2px solid var(--color-black);border-radius:20px 20px 0 0;overflow:hidden;position:relative}.event-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.event-card:hover .event-img{transform:scale(1.05)}.event-content{background:var(--event-card-gradient);border:3px solid var(--color-black);border-top:none;border-radius:0 0 20px 20px;width:100%;padding:20px 24px;display:flex;flex-direction:column;min-height:280px;height:auto}.event-title{font-family:var(--font-primary);font-weight:400;font-size:20px;line-height:1.2;margin-bottom:10px;min-height:50px}.event-divider{margin-bottom:20px}.event-divider img{width:100%}.event-desc{font-family:var(--font-primary);font-weight:500;font-size:14px;line-height:1.4;flex-grow:1;margin-bottom:15px}.event-cta{background:var(--cta-gradient);border-radius:20px;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;width:90%;transition:transform .2s ease,filter .2s ease}.event-cta:hover{transform:translateY(-2px);filter:brightness(1.1)}.cta-text{font-family:var(--font-secondary);font-weight:400;font-size:18px;letter-spacing:-.175px}.cta-icon{width:24px;height:24px}@media (max-width: 1024px){.events-grid{gap:30px;padding:0 20px}.event-card{max-width:280px}.event-image-wrapper{height:150px}.event-title{font-size:18px;min-height:45px}.event-desc{font-size:13px}.event-content{padding:15px;min-height:auto}.event-cta{height:35px}.cta-text{font-size:15px}}@media (max-width: 768px){.events-grid{grid-template-columns:1fr}}.site-footer{background:var(--footer-gradient);padding:20px 4.44% 40px;display:flex;justify-content:center}.footer-content{max-width:1155px;width:100%;display:flex;flex-direction:column;align-items:center;gap:22px}.footer-title{font-family:var(--font-primary);font-weight:600;font-size:50px;letter-spacing:-.6px;text-align:center}.footer-divider{width:100%;max-width:718px;height:2px;background-color:#fff3}.footer-grid{display:flex;justify-content:center;gap:95px;width:100%}.footer-column h3{font-family:var(--font-tertiary);font-weight:400;font-size:20px;color:var(--color-slate-400);margin-bottom:15px}.quick-links ul{display:flex;flex-direction:column;gap:10px}.quick-links a{font-size:16px;transition:color .2s}.quick-links a:hover{color:var(--color-gold)}.social-contact{display:flex;flex-direction:column;gap:17px}.social-icons{display:flex;gap:19px;margin-bottom:10px}.social-icon{width:51px;height:51px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s;overflow:hidden}.social-icon:hover{transform:scale(1.1)}.contact-info p{font-size:16px;margin-top:5px}.footer-bottom-line{width:100%;max-width:1140px;height:2px;background-color:#fff3}.footer-copyright{display:flex;justify-content:space-between;width:100%;font-size:16px;color:var(--color-slate-300)}@media (max-width: 768px){.footer-grid{flex-direction:column;gap:40px;align-items:center;text-align:center}.footer-copyright{flex-direction:column;align-items:center;gap:10px}}.biography-page{background:linear-gradient(to top,#043661,#123b5f 48.08%,#242424);color:#fff;min-height:100vh}.biography-banner{width:100%;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding:120px 20px 60px;text-align:center}.biography-banner-content{max-width:800px;display:flex;flex-direction:column;align-items:center;opacity:0;animation:fadeIn 1s ease forwards}.biography-banner-title{font-family:Raleway,sans-serif;font-size:4rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.biography-banner-subtitle{font-size:1.2rem;line-height:1.8;margin-bottom:40px;font-weight:300;color:#e2e8f0}.biography-banner-btn{background:var(--cta-gradient);color:#fff;border:none;padding:15px 40px;font-size:1.1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.biography-banner-btn:hover{background-color:#3277d1;transform:translateY(-2px)}.biography-section{padding:100px 40px;max-width:1200px;margin:0 auto}.biography-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.biography-image-container{width:100%;border-radius:12px;overflow:hidden}.biography-image{width:100%;height:auto;display:block;transition:transform .5s ease}.biography-image:hover{transform:scale(1.02)}.biography-text-container{display:flex;flex-direction:column;gap:20px}.biography-text{font-family:var(--font-quinary);font-size:1.2rem;line-height:2;color:#94a3b8;font-weight:300}.biography-full-text{margin-top:60px}.press-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.press-card{display:flex;flex-direction:column;gap:20px}.press-image-container{width:100%;border-radius:12px;overflow:hidden;height:320px}.press-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.press-image:hover{transform:scale(1.02)}.press-text{font-family:var(--font-quinary);font-size:1.1rem;line-height:1.8;color:#94a3b8;font-weight:300}.other-work-list{display:flex;flex-direction:column;gap:50px;align-items:center;margin-top:40px;margin-bottom:60px}.other-work-item{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:802px}.other-work-image-container{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden}.other-work-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.other-work-image:hover{transform:scale(1.02)}.other-work-video{width:100%;height:100%;border:none}.other-work-text{font-family:var(--font-secondary);font-weight:500;font-size:1.25rem;text-align:center;color:var(--color-white);margin:0}@media (max-width: 992px){.biography-grid,.press-grid{grid-template-columns:1fr;gap:40px}.biography-banner{background-position:85% center}.biography-banner-title{font-size:2.5rem}}@media (max-width: 768px){.biography-section{padding:40px 20px}.biography-banner{background-position:90% center}.biography-text{font-size:1rem}.biography-banner-title{font-size:2.5rem;font-weight:400}}.biography-section .banner-line.left-line{width:368px;flex-shrink:0;max-width:40vw}@media (max-width: 768px){.biography-section .banner-line.left-line{width:auto;flex:1}}.credits-page{position:relative;width:100%;min-height:100vh;background:linear-gradient(to top,#00529a,#123b5f 48.077%,#242424);box-shadow:0 4px 4px #00000040;overflow-x:hidden}.credits-shading-overlay{background:linear-gradient(to left,#00000080 20%,#73737300 49.1%,#00000080 80%);min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;padding-top:128px;padding-bottom:50px}.project-detail-view{width:100%;display:flex;flex-direction:column;align-items:center;gap:50px;padding-top:20px;padding-bottom:60px}.project-detail-top{display:flex;flex-direction:column;align-items:flex-start;gap:25px;width:1010px;max-width:100%}.back-button{background:none;border:none;color:#fff;font-family:Kanit,sans-serif;font-size:35px;font-weight:400;line-height:48px;letter-spacing:-.175px;cursor:pointer;padding:0;margin:0;text-align:left;transition:color .3s ease,transform .3s ease}.back-button:hover{color:var(--selected-color, #9c925c);transform:translate(-5px)}.project-detail-content{display:flex;flex-direction:row;gap:76px;width:100%;align-items:center}.project-trailer-container{width:100%;max-width:802px;aspect-ratio:16/9;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080}.project-trailer-video{width:100%;height:100%}.project-detail-poster{width:100%;max-width:421px;height:auto;aspect-ratio:321 / 486;flex-shrink:0;object-fit:cover;box-shadow:8px 4px 4px #02003bcc}.project-detail-info{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:613px;max-width:100%}.project-detail-title-wrapper{display:flex;flex-direction:column;justify-content:center;min-height:120px;height:auto}.project-detail-title{font-family:Kanit,sans-serif;font-weight:500;font-size:clamp(40px,8vw,70px);color:var(--selected-color, #9c925c);margin:0;line-height:1.1}.project-detail-description-wrapper{display:flex;flex-direction:column;justify-content:center;min-height:50px;height:auto}.project-detail-description{font-family:Raleway,sans-serif;font-weight:400;font-size:clamp(16px,4vw,20px);color:#fff;margin:0;line-height:1.5}.project-detail-subtitle-wrapper{display:flex;flex-direction:column;justify-content:center;min-height:56px;height:auto}.project-detail-subtitle{font-family:Open Sans,sans-serif;font-weight:600;font-size:40px;color:#fff;margin:0;letter-spacing:-.6px;line-height:20px}.project-detail-links{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.album-link{display:block;transition:transform .3s ease,box-shadow .3s ease}.album-link:hover{transform:scale(1.05)}.imdb-link{display:block;transition:transform .3s ease}.imdb-link:hover{transform:scale(1.05)}.imdb-icon{width:100%;height:60px;object-fit:cover;pointer-events:none}.credits-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1280px}.credits-banner{width:100%;max-width:1280px}.credits-tabs-container{perspective:1000px;width:100%}.credits-tabs{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0px;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-origin:center center}.credits-tabs.is-orchestration{transform:rotate(180deg)}.credits-tabs.is-composition{transform:rotate(0)}.tab-title{margin:0;cursor:pointer;transition:transform .8s cubic-bezier(.4,0,.2,1),font-size .8s cubic-bezier(.4,0,.2,1),color .8s cubic-bezier(.4,0,.2,1)}.is-orchestration .tab-title{transform:rotate(-180deg)}.is-composition .tab-title{transform:rotate(0)}.inactive-tab{font-family:Kanit,sans-serif;font-size:35px;font-weight:400;color:#fff;letter-spacing:-.175px}.inactive-tab:hover{color:#cbd5e1}.active-tab{font-family:Open Sans,sans-serif;font-size:50px;font-weight:600;color:#9c925c;letter-spacing:-.6px}.credits-grid{display:grid;margin-top:50px;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:45px;row-gap:78px;width:100%;max-width:1078px;padding:0 20px}.trailer-banner{margin:0}.poster-card{position:relative;aspect-ratio:330 / 500;width:100%;box-shadow:8px 4px 4px #02003bcc;transition:transform .6s cubic-bezier(.25,.8,.25,1),box-shadow .6s cubic-bezier(.25,.8,.25,1);cursor:pointer;opacity:0;animation:fadeSlideUp .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.poster-card:hover{transform:scale(1.02) translateY(-6px)!important;box-shadow:12px 12px 20px #02003b99}.poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .6s cubic-bezier(.25,.8,.25,1);text-align:center;padding:20px;pointer-events:none}.poster-card:hover .poster-overlay{opacity:1}.poster-title{color:#fff;font-family:Open Sans,sans-serif;font-size:24px;font-weight:600;transform:translateY(10px);transition:transform .6s cubic-bezier(.25,.8,.25,1);text-shadow:0px 2px 4px rgba(0,0,0,.8)}.poster-card:hover .poster-title{transform:translateY(0)}.poster-image{width:100%;height:100%;object-fit:cover;pointer-events:none}@media (max-width: 1024px){.credits-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;row-gap:50px}.project-detail-content{flex-direction:column;gap:40px;text-align:center}.project-detail-info{align-items:center;width:100%;padding:0 20px;gap:40px}.project-detail-title-wrapper,.project-detail-description-wrapper,.project-detail-subtitle-wrapper{height:auto;justify-content:flex-start;text-align:center;margin-bottom:10px}.project-detail-links{justify-content:center}.project-detail-top{padding:0 20px;align-items:center}.back-button{align-self:flex-start}}@media (max-width: 640px){.credits-grid{grid-template-columns:1fr;max-width:400px;row-gap:40px}.active-tab{font-size:clamp(24px,8vw,32px)}.inactive-tab{font-size:clamp(16px,5.5vw,22px)}.project-trailer-container{width:calc(100% - 40px)}}.project-detail-tags{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.project-tag{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;font-family:Raleway,sans-serif;font-size:14px;font-weight:700;color:#fff;letter-spacing:.5px}.award-tag{background-color:#d4af3726;border:1px solid rgba(212,175,55,.4);color:gold;box-shadow:0 0 10px #d4af3733}.role-tag{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#e2e8f0}.listen-page{width:100%;min-height:100vh;background:linear-gradient(to top,#00529a,#123b5f 48%,#0f1015);color:#fff}.listen-banner{height:70vh;min-height:600px;background-size:cover;background-position:center 20%;background-repeat:no-repeat;display:flex;align-items:center;padding:0 10%;position:relative;margin-top:0}.listen-banner-content{max-width:600px;margin-top:-50px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;opacity:0;animation:fadeIn 1s ease forwards}.listen-banner-title{font-family:Raleway,sans-serif;font-size:4rem;font-weight:700;align-items:center;letter-spacing:1px}.listen-banner-text{font-family:Raleway,sans-serif;font-size:1.2rem;line-height:1.5;margin-bottom:3rem;color:#e2e8f0}.listen-scroll-indicator{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:absolute;bottom:50px;left:50%;transform:translate(-50%);font-family:Raleway,sans-serif}.listen-scroll-indicator p{font-size:1.5rem;margin-bottom:15px}.arrow-down{font-size:2rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.listen-section{padding:80px 10% 120px}.listen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 50px;max-width:1200px;margin:0 auto}.listen-item{display:flex;flex-direction:column}.listen-item-title{font-family:Kanit,sans-serif;font-size:2.2rem;font-weight:400;margin-bottom:20px;letter-spacing:-.5px}.audio-placeholder{width:100%;aspect-ratio:566 / 400;background-color:#1c1c1c;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 35px #0006;border:1px solid #333}.audio-placeholder-content{color:#888;font-family:Inter,sans-serif;font-size:1.2rem}@media (max-width: 1024px){.listen-grid{grid-template-columns:1fr;gap:50px}}@media (max-width: 768px){.listen-banner{background-position:80% 20%}.listen-banner-title{font-size:2.2rem}.listen-banner-text{font-size:1.2rem}}.contact-page{width:100%;min-height:100vh;background:linear-gradient(to top,#00529a,#123b5f 48%,#0f1015);padding:150px 5% 50px;display:flex;justify-content:center;align-items:center}.contact-container{display:flex;width:100%;max-width:1000px;border-radius:30px;box-shadow:0 10px 40px #00000080;background:transparent;opacity:0;animation:contactFadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes contactFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.contact-left{flex:1;background:#0b487e;border-radius:30px 0 0 30px;padding:50px;display:flex;flex-direction:column}.contact-title{font-family:Kanit,sans-serif;font-size:50px;font-weight:500;line-height:1.1;margin-bottom:15px;color:#fff}.text-gold{color:#9c925c}.contact-subtitle{font-family:Kanit,sans-serif;font-size:16px;font-weight:500;color:#fff;margin-bottom:25px}.contact-form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:430px}.form-group input,.form-group textarea{width:100%;background:#fff;border:none;padding:10px 15px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#000;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#333}.submit-btn{align-self:flex-start;background-color:#9c925c;color:#fff;font-family:Kanit,sans-serif;font-size:16px;font-weight:500;border:none;padding:8px 25px;cursor:pointer;transition:opacity .2s;margin-top:5px}.submit-btn:hover{opacity:.9}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-status{font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-top:5px}.form-status.success{color:#4bb543}.form-status.error{color:#f55}.contact-right{width:420px;background:#191f26;border-radius:0 30px 30px 0;padding:50px 40px;display:flex;flex-direction:column;align-items:center;gap:25px}.contact-collage{width:100%;max-width:400px;height:420px;object-fit:contain}.contact-info-section{display:flex;flex-direction:column;gap:10px;align-self:flex-start;margin-left:10px}.contact-info-item{display:flex;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#fff}.contact-info-item a{color:#fff;text-decoration:none;transition:color .2s}.contact-info-item a:hover{color:#9c925c}.contact-icon{width:18px;height:18px;object-fit:contain}.contact-social-icons{display:flex;gap:15px;align-self:flex-start;margin-left:10px;margin-top:5px}.contact-social-icons img{width:24px;height:24px;object-fit:contain;transition:transform .2s}.contact-social-icons a:hover img{transform:scale(1.1)}@media (max-width: 1024px){.contact-container{flex-direction:column;max-width:700px}.contact-left,.contact-right{width:100%;border-radius:30px}.contact-right{border-radius:0 0 30px 30px}.contact-left{border-radius:30px 30px 0 0}.contact-collage{display:none}}@media (max-width: 768px){.contact-title{font-size:50px}.contact-left,.contact-right{padding:40px 20px}}