@font-face{font-display:swap;font-family:'Anuphan';font-style:normal;font-weight:300;src:url(./Assets/Fonts/anuphan-v6-latin/anuphan-v6-latin-300.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Anuphan';font-style:normal;font-weight:400;src:url(./Assets/Fonts/anuphan-v6-latin/anuphan-v6-latin-400.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Anuphan';font-style:normal;font-weight:500;src:url(./Assets/Fonts/anuphan-v6-latin/anuphan-v6-latin-500.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Anuphan';font-style:normal;font-weight:600;src:url(./Assets/Fonts/anuphan-v6-latin/anuphan-v6-latin-600.woff2) format('woff2')}@font-face{font-display:swap;font-family:'Anuphan';font-style:normal;font-weight:700;src:url(./Assets/Fonts/anuphan-v6-latin/anuphan-v6-latin-700.woff2) format('woff2')}body{font-family:'Anuphan',sans-serif}:root{--primary-yellow:#ffc900;--secondary-yellow:#ffd400;--text-primary:#000;--text-secondary:#01000a;--bg-white:#fff;--bg-light-grey:#d9d9d9;--font-anuphan:'Anuphan' , sans-serif;--container-max-width:1440px;--section-padding:clamp(3rem,5vw,5rem) 0;--card-radius:20px}*{margin:0;padding:0;box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:120px}body{font-family: var(--font-anuphan);background-color:var(--bg-white);color:var(--text-primary);line-height:1.6;font-size: clamp(0.875rem, 0.8rem + 0.25vw, 1rem)}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 clamp(1rem,2.5vw,1.5rem)}.btn-primary{background:var(--primary-yellow);color:var(--text-primary);padding:12px 24px;border-radius:var(--card-radius);font-family: var(--font-anuphan);font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:transform .2s , background .2s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);background:var(--secondary-yellow)}.section-label{color:var(--primary-yellow);font-family: var(--font-anuphan);font-weight:500;font-size: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);text-transform:capitalize;margin-bottom:8px;display:block}.heading-hero{font-family: var(--font-anuphan);font-weight:600;font-size: clamp(2.25rem, 1.5rem + 2.5vw, 4rem);line-height:1.17}.heading-section{font-family: var(--font-anuphan);font-weight:600;font-size: clamp(1.75rem, 1.25rem + 1.5vw, 3rem);line-height:1.16}header{background:var(--bg-white);padding:clamp(1rem,1.5vw,1.5rem) 0;position:fixed;top:0;left:0;width:100%;z-index:1000}header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:16px}.logo img{width:clamp(50px,5vw,74px);height:auto}.logo-name{font-family: var(--font-anuphan);font-weight:600;font-size: clamp(1.5rem, 1rem + 1vw, 2rem);line-height:1}.logo-text p{font-family: var(--font-anuphan);font-weight:400;font-size: clamp(0.75rem, 0.7rem + 0.2vw, 0.875rem)}nav ul{display:flex;gap:32px}nav a{font-family: var(--font-anuphan);font-size:.875rem;font-weight:400;transition:color .2s}nav a:hover,nav a.active{color:var(--primary-yellow)}nav a.active{font-weight:600}.hero{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;color:var(--bg-white);padding-top:50px;overflow:hidden}.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.5s ease-in-out}.slide.active{opacity:1}.hero .container{position:relative;z-index:1;width:100%}.hero .heading-hero{color:var(--bg-white);margin-left:0}.about-section{padding:var(--section-padding)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,4vw,4rem);align-items:center}.about-images{display:flex;align-items:center;gap:32px;position:relative;width:100%}.img-big{width:55%;border-radius:20px;object-fit:cover}.img-small{width:40%;border-radius:20px;object-fit:cover;position:static;border:none;box-shadow:none;transform:translateY(20%)}.about-content-wrapper{display:flex;flex-direction:column;gap:24px}.about-content-wrapper .heading-section{margin-bottom:8px}.about-text{font-size: clamp(0.875rem, 0.85rem + 0.25vw, 1rem);font-weight:300;line-height:1.6;color:var(--text-secondary);text-align:justify}.why-section{padding:var(--section-padding);text-align:center}.why-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,3vw,3rem);margin:48px auto 0}.card-feature{background:var(--bg-light-grey);padding:40px 32px;border-radius:28px;transition:transform .3s;flex:0 1 320px;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-feature:hover{transform:translateY(-10px)}.card-feature img{margin:0 auto 24px;width:42px;height:42px}.card-feature h3{font-size: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);font-weight:700;margin-bottom:16px}.card-feature p{font-size: clamp(0.875rem, 0.85rem + 0.25vw, 0.9375rem);font-weight:400}.services-section{padding:var(--section-padding);background:#fdfdfd;text-align:center}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:48px}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(5,1fr)}}.card-service{display:flex;flex-direction:column;border-radius:var(--card-radius);overflow:hidden;background:var(--bg-white);box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid #f0f0f0;transition:transform .3s ease , box-shadow .3s ease;height:100%}.card-service:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.12)}.card-service img{width:100%;height:160px;object-fit:cover}.service-overlay{flex-grow:1;background:var(--bg-white);padding:24px 20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-top:4px solid var(--primary-yellow)}.service-overlay h3{font-size:20px;font-weight:700;margin-bottom:12px;text-align:center;width:100%;min-height:2.5em;display:flex;align-items:center;justify-content:center;line-height:1.3;color:var(--text-primary)}.service-overlay p{font-size:15px;font-weight:400;text-align:left;line-height:1.6;color:#555;width:100%;margin:0}.team-section{padding:var(--section-padding);text-align:center}.team-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;margin-top:48px}.team-card{text-align:center;display:flex;flex-direction:column;align-items:center;flex:1 1 300px;max-width:380px}.team-card img{border-radius:var(--card-radius);margin-bottom:20px;width:90%;max-width:320px;height:400px;object-fit:cover}.team-card h3{font-size: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);font-weight:300}.team-card p{font-size:1rem;font-weight:700}.team-quote{background:var(--bg-light-grey);padding:48px;border-radius:var(--card-radius);font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);font-weight:300;line-height:1.4;align-self:flex-start;flex:1 1 300px;max-width:720px;text-align:center}.clients-section{padding:var(--section-padding);text-align:center}.clients-bg{background:var(--primary-yellow);padding:40px 0;margin-top:48px;width:100vw;margin-left: calc(-50vw + 50%)}.clients-grid{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.client-logo-box{transition:transform .3s;flex:0 0 auto}.client-logo-box img{height:80px;width:auto;object-fit:contain}.client-logo-box:hover{transform:scale(1.1)}.contact-section{padding:var(--section-padding);background:var(--bg-white);overflow:hidden}.footer-inner{display:grid;grid-template-columns:1fr 1.5fr;gap:64px}.contact-image-col{text-align:center}.contact-image-col .section-label,.contact-image-col .heading-section{text-align:center}.contact-content-col{display:flex;flex-direction:column;gap:48px;padding-top:0}.contact-details p{font-weight:300;font-size: clamp(1rem, 0.9rem + 0.25vw, 1.25rem);margin-bottom:12px;text-align:left}.contact-form{display:flex;flex-direction:column;gap:16px}.form-group{background:var(--bg-light-grey);padding:16px 24px;border-radius:12px;display:flex;flex-direction:column;gap:8px;transition:background .3s ease}.form-group:focus-within{background:#eee}.form-group label{display:block;font-weight:600;font-size:.875rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;border:none;background:transparent;font-family: var(--font-anuphan);font-size:1.125rem;color:var(--text-primary);outline:none;padding:4px 0}.form-group textarea{resize:none;min-height:80px}.btn-submit{margin-top:12px;width:100%;padding:16px;font-size:1rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.footer-bar{height:120px;background:var(--primary-yellow);width:100%;transform-origin:left;margin-top:40px}.scale-x-in{transform:scaleX(0);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}@media (max-width:1024px){.why-grid,.team-grid{grid-template-columns:1fr 1fr}.about-grid{gap:32px}.clients-grid{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:16px;-webkit-overflow-scrolling:touch}}@media (max-width:768px){.hero{justify-content:center;text-align:center}.about-grid,.footer-inner{grid-template-columns:1fr}.why-grid{flex-direction:column;align-items:center}.team-grid{flex-direction:column;align-items:center}.about-images{flex-direction:column;align-items:center;gap:24px}.img-big{width:70%}.img-small{width:60%;transform:none}.clients-grid{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:20px;padding-bottom:10px;scrollbar-width:none;-ms-overflow-style:none}.clients-grid::-webkit-scrollbar{display:none}.client-logo-box img{height:50px;width:auto}.team-grid{justify-content:center}.team-card,.team-quote{max-width:100%;width:100%}.team-card img{width:250px;height:320px}.card-service{height:auto}.card-service img{height:140px}.contact-image-col img{max-width:80%;margin:32px auto 0;display:block}.contact-details p{text-align:center}.card-feature{width:100%;max-width:320px;min-height:auto;aspect-ratio: 1 / 1}}.animate-on-scroll{opacity:0;transition-duration:.8s;transition-timing-function:ease-out;transition-property:opacity , transform}.animate-on-scroll.visible{opacity:1;transform:none}.fade-in-up{transform:translateY(60px)}.fade-in{transform:none}.scale-in{transform:scale(.8);transition-duration:.5s}.slide-in-left{transform:translateX(-60px);transition-duration:.6s}.slide-in-right{transform:translateX(60px);transition-duration:.6s}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.delay-600{transition-delay:.6s}.hamburger{display:none;cursor:pointer;border:none;background:none;padding:5px;z-index:1002}.hamburger .bar{display:block;width:25px;height:3px;margin:5px auto;background-color:var(--text-primary);transition:all .3s ease-in-out;border-radius:3px}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block;margin-top:16px}.hamburger{display:block}#main-nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:var(--bg-white);box-shadow:-5px 0 15px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;padding:40px;transition:right .4s cubic-bezier(.16,1,.3,1);z-index:1001}#main-nav.active{right:0}nav ul{display:flex;flex-direction:column;gap:32px;width:100%;text-align:center}nav ul li a.nav-link{font-size:1.25rem;font-weight:500}.hamburger.active .bar:nth-child(2) {opacity:0}.hamburger.active .bar:nth-child(1) {transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3) {transform:translateY(-8px) rotate(-45deg)}}