*,*::before,*::after{box-sizing:border-box;text-decoration:none;list-style:none}body{color:#f7f4eb;background:#010101;font-family:"Kanit",sans-serif;font-weight:normal;overflow-x:hidden;font-size:clamp(14px, calc(14px + 0.5vw), 16px)}h1{font-size:clamp(3.375rem, calc(
 3.375rem + (.625) * ((
 100vw - 320px
 ) / 880)), 4rem);font-weight:lighter;color:#f7f4eb;line-height:1.2}h2{font-size:clamp(3.25rem, calc(
 3.25rem + (.75) * ((
 100vw - 320px
 ) / 880)), 4rem);font-weight:lighter;color:#f7f4eb;text-align:center;position:relative;margin-bottom:1rem;color:#f7f4eb;font-weight:bold}.header{position:relative;padding-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.header-invert h2{color:#010101}h2::before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);height:100%;width:0.7rem;background-color:#f5c000;border-radius:2px}h3{font-size:clamp(1.5rem, calc(
 1.5rem + (.25) * ((
 100vw - 320px
 ) / 880)), 1.75rem);font-weight:lighter;color:#f7f4eb;line-height:1.4;color:#010101;font-weight:bold}p{font-size:clamp(1rem, calc(
 1rem + (.2) * ((
 100vw - 320px
 ) / 880)), 1.2rem);color:#fff;line-height:1.6;line-height:1.6;color:#010101}section{height:auto;overflow:hidden;padding:5rem 0}section.footer{margin-bottom:0}span{font-weight:bold}.br-header{display:none}.container{width:clamp(300px, 70vw, 1500px);margin:0 auto}::selection{background-color:#f5c000;color:#f7f4eb}::-moz-selection{background-color:#f5c000;color:#f7f4eb}.navbar{background-color:#f7f4eb;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:1rem 2rem;position:fixed;width:100%;top:0;left:0;z-index:1000;transition:transform 0.3s ease}.hide-navbar{transform:translateY(-100%)}body.menu-open{overflow:hidden}.logo-nav{width:3rem;height:auto;display:block}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:clamp(200px, 70vw, 1200px);margin:0 auto;position:relative}.nav-menu{display:flex;list-style:none;align-items:center;margin:0;padding:0}.nav-menu li{margin-left:3rem}.nav-menu a{font-size:1.2rem;color:#010101;font-weight:500;transition:color 0.3s ease;text-decoration:none;display:block;padding:0.5rem 0}.nav-menu a:hover{color:#dcac00}.hamburger{display:none;cursor:pointer;width:30px;height:30px;padding:0;background:transparent;border:none;position:relative;z-index:1001}.hamburger .bar{display:block;width:25px;height:3px;margin:5px 0;background-color:#010101;transition:all 0.3s ease-in-out;border-radius:1px}@media (max-width: 768px){.hamburger{display:block}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-menu{position:fixed;left:0;top:-100%;flex-direction:column;justify-content:center;background-color:#f7f4eb;width:100%;height:100vh;text-align:center;transition:all 0.4s ease;box-shadow:0 10px 10px rgba(0,0,0,0.1);padding:2rem 0;opacity:0;visibility:hidden;overflow-y:auto}.nav-menu.active{top:0;opacity:1;visibility:visible}.nav-menu li{margin:1.5rem 0;opacity:0;transform:translateY(-20px);transition:opacity 0.3s ease, transform 0.3s ease;transition-delay:0s}.nav-menu.active li{opacity:1;transform:translateY(0)}.nav-menu.active li:nth-child(1){transition-delay:0.1s}.nav-menu.active li:nth-child(2){transition-delay:0.2s}.nav-menu.active li:nth-child(3){transition-delay:0.3s}.nav-menu.active li:nth-child(4){transition-delay:0.4s}.nav-menu.active li:nth-child(5){transition-delay:0.5s}.nav-menu a{font-size:1.2rem;padding:0.8rem 0}}.landing{width:100vw;height:100vh;background-image:url(../img/landing/landing_1920x1080.png);background-size:cover;display:flex;justify-content:center;align-items:center}:root{--text-x-offset: -20px;--text-y-offset: -30px;--square-size: 400px;--square-stroke-width: 18px;--square-stroke-color: #f5c000;--square-vertical-offset: 0px;--rect-padding-top: 10px;--rect-padding-right: 10px;--rect-padding-bottom: 10px;--rect-padding-left: 10px;--animation-text-duration: 0.8s;--animation-text-stagger: 0.2s;--animation-square-duration: 2.5s;--animation-square-delay: -1.5s;--browser-offset-x: 0px;--browser-offset-y: 0px;--text-line-spacing: 90px;--text-base-position: 220px}.smart4work-component{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.component-content{width:1800px;height:500px;position:relative}.component-content svg{width:100%;height:100%}.svg-text{font-size:4.5rem;font-weight:bold;fill:#f7f4eb;opacity:0;transform:translateX(100px)}@media screen and (max-width: 900px){:root{--text-x-offset: -35px;--text-y-offset: -18px;--square-size: 350px;--square-stroke-width: 12px;--text-line-spacing: 75px;--text-base-position: 220px}.component-content{width:750px;height:400px;left:40px}.svg-text{font-size:4rem}}.services{background-color:#f7f4eb}.services-wrapper{display:grid;grid-template-columns:repeat(5, 1fr);gap:2rem;padding:0 0 2rem}.card{border:1px solid #010101;position:relative;max-width:15rem;padding:1rem 0.5rem 9rem;display:flex;flex-direction:column;align-items:center;border-radius:8px}.card__description{text-align:center}.card__contact{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:1rem;gap:0.5rem}.card__contact a{text-align:center;min-width:100%;color:#010101;font-weight:bold;padding:1rem 0.5rem;background-color:#f5c000;box-shadow:0 2px 4px rgba(0,0,0,0.1);border-radius:4px}.card svg{padding:0.5rem;width:7rem;aspect-ratio:1;fill:#010101}.gallery{background-color:#f7f4eb}.filter-buttons{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filter-button{padding:10px 20px;background-color:none;color:#010101;border:1px solid #f5c000;border-radius:4px;cursor:pointer;font-size:16px;transition:all 0.3s}.filter-button:hover{background-color:#ffe78f}.filter-button.active{background-color:#f5c000;color:#010101}.gallery-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.gallery-item{width:220px;height:165px;cursor:pointer;overflow:hidden;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.1);display:none}.gallery-item.show{display:block}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.gallery-item img:hover{transform:scale(1.1)}.load-more-button{padding:10px 20px;background-color:#f5c000;color:#010101;border:1px solid #f5c000;border-radius:4px;cursor:pointer;font-size:16px;transition:all 0.3s;margin:30px auto;display:block;max-width:200px;text-align:center}.load-more-button:hover{background-color:#ffd129}@media (min-width: 768px){.load-more-button{display:none}}.about-us{text-align:center;background-color:#f7f4eb;overflow:hidden}.about-us-description p{color:#010101;opacity:0;transform:translateY(20px)}.about-us-description p:not(:last-child){margin-bottom:2rem}.gsap-reveal .title-animation{opacity:0;transform:translateY(-30px)}.highlight{display:inline-block}.highlight.gsap-highlight{opacity:0;transform:scale(0.95)}.highlight.gsap-highlight-group{opacity:0}.partneri{padding:60px 0;background-color:#f7f4eb}.partneri__logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;opacity:0}.partneri__logo-wrapper{display:flex;justify-content:center;align-items:center;height:120px;width:200px;padding:15px;transition:transform 0.3s ease}.partneri__logo-wrapper:hover{transform:translateY(-5px)}.partneri__logo-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none}.partneri__logo{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(100%);transition:filter 0.3s ease}.partneri__logo-wrapper:hover .partneri__logo{filter:grayscale(0%)}@media (max-width: 768px){.partneri__logos{justify-content:center}.partneri__logo-wrapper{width:180px;height:100px}.partneri__logo{filter:grayscale(0%)}}@media (max-width: 480px){.partneri__logo-wrapper{width:150px;height:80px}}:root{--color-error: #dc3545;--color-success: #28a745;--form-bg: rgba(247, 244, 235, 0.3);--input-padding: 2rem;--transition-speed: 300ms}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.contact{background-image:url(../img/contact/contact_1920x1080.png);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;position:relative;padding:0;padding-top:7rem}.contact::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:1}.contact .container{position:relative;z-index:2}.contact .header{margin-bottom:3rem;color:#fff;text-align:center}.contact .header h2{margin-bottom:1rem}.form-status{margin-top:1.5rem;padding:0.75rem 1.25rem;border-radius:4px;font-weight:500;transform:translateY(-100%);opacity:0;height:0;overflow:hidden;transition:all var(--transition-speed) ease;width:100%;text-align:center}.form-status.success{background-color:rgba(40,167,69,0.2);border:1px solid var(--color-success);color:#fff;transform:translateY(0);opacity:1;height:auto}.form-status.error{background-color:rgba(220,53,69,0.2);border:1px solid var(--color-error);color:#fff;transform:translateY(0);opacity:1;height:auto}.form-wrapper{display:grid;gap:2rem;grid-template-columns:repeat(3, 1fr);grid-template-areas:"name email number"
 "message message message"
 "submit submit submit"}@media (max-width: 768px){.form-wrapper{grid-template-columns:1fr;grid-template-areas:"name"
 "email"
 "number"
 "message"
 "submit"}}.form-group{position:relative}.form-group .error-message{position:absolute;left:0;bottom:-1.5rem;color:var(--color-error);font-size:0.875rem;font-weight:bold;opacity:0;transition:opacity var(--transition-speed) ease}.form-group .error-message.active{opacity:1}.char-counter{position:absolute;right:0.5rem;bottom:0.5rem;font-size:0.75rem;color:rgba(255,255,255,0.7);padding:0.25rem 0.5rem;background-color:rgba(0,0,0,0.2);border-radius:3px}.char-counter.limit-reached{color:var(--color-error);font-weight:bold}.field{padding:0 var(--input-padding);width:100%;background-color:var(--form-bg);border:1px solid transparent;border-radius:4px;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.field:focus{outline:none;border-color:#f5c000;box-shadow:0 0 0 0.2rem rgba(108,117,125,0.25)}.field:invalid:not(:placeholder-shown){border-color:var(--color-error)}.field:valid:not(:placeholder-shown){border-color:var(--color-success)}.item-a{grid-area:name}.item-b{grid-area:email}.item-c{grid-area:number}.item-d{grid-area:message}.honeypot-field{display:none}input.field{height:4rem;color:#f7f4eb}input::placeholder,textarea::placeholder{font-weight:lighter;color:#f7f4eb;opacity:0.7}textarea.field{height:15rem;padding-top:1.5rem;color:#f7f4eb;resize:vertical}.button-wrapper{grid-area:submit;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem;width:100%}.submit-btn{background-color:#f5c000;color:#010101;font-weight:bold;font-size:1rem;padding:1rem 3rem;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:rgba(50,50,93,0.25) 0px 6px 12px -2px,rgba(0,0,0,0.3) 0px 3px 7px -3px;position:relative}.submit-btn .spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20px;height:20px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.submit-btn.loading .btn-text{opacity:0}.submit-btn.loading .spinner{display:block}.submit-btn:hover,.submit-btn:focus{background-color:#ffdc5c;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:0.6;cursor:not-allowed}@keyframes spin{to{transform:translate(-50%, -50%) rotate(360deg)}}.form-message{margin-top:2rem;padding:1rem;border-radius:4px;text-align:center}.form-message-success{background-color:var(--color-success);color:white}.form-message-error{background-color:var(--color-error);color:white}.question{text-align:center}.question-description p{width:50%;margin:0 auto;color:#f7f4eb}.question-wrapper{display:flex;justify-content:center;gap:6rem;margin-top:2rem}.call{border:3px solid #f5c000;background-color:transparent;color:#f7f4eb}.call:hover,.call:focus{background-color:#343434;transform:translateY(-2px)}.call:active{transform:translateY(0)}.call:disabled{opacity:0.6;cursor:not-allowed}.footer{background-color:#1b1b1b;position:relative;width:100%;padding-top:5rem;opacity:1}.footer-logo-container{position:absolute;top:-2.5rem;left:50%;transform:translateX(-50%);background-color:#f5c000;padding:1rem 2rem;border-radius:4px}.footer-logo-container img{width:5rem;height:auto}.footer-nav-wrapper{position:relative;margin-bottom:1rem}.footer-nav{display:flex;justify-content:center;gap:4rem;padding-bottom:1rem;font-size:1.1rem}.footer-nav .nav-item{opacity:1;transform:translateY(0)}.footer-nav .nav-link{display:inline-block}.nav-underline{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:30rem;height:2px;background-color:#f5c000;transform-origin:center}.social-nav{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.social-nav .social-link{opacity:1;transform:translateY(0)}.social-nav .social-link:hover .icon-path,.social-nav .social-link:focus .icon-path{fill:#f5c000;transition:all 300ms ease}.social-nav .social-icon{width:3rem;height:auto}.social-nav .icon-path{fill:#040404}.credit{background-color:#101010;text-align:center;padding:1rem 0;opacity:1}.credit p{color:#f7f4eb;font-size:0.8rem}.credit .credit-link{color:#f5c000;display:inline-block}.mobile{display:none}@media (max-width: 1750px){.services-wrapper{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;padding:0 0 2rem}.services-wrapper .card:nth-child(4){grid-column:1 / span 1}.services-wrapper .card:nth-child(5){grid-column:3 / span 1}.services-wrapper .card{max-width:100%;padding:1rem 1rem 9rem}}@media (max-width: 1300px){.question-description p{width:70%}}@media (max-width: 1100px){.services-wrapper{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;padding:0 0 2rem}.services-wrapper .card:nth-child(4),.services-wrapper .card:nth-child(5){grid-column:auto}}@media (max-width: 1000px){.question-description p{width:90%}}@media (max-width: 800px){.services-wrapper{display:grid;grid-template-columns:1fr;gap:2rem;padding:0 0 2rem;justify-items:center}.services-wrapper .card{max-width:60%}}@media (max-width: 750px){.question-wrapper{flex-direction:column;margin:0 auto;margin-top:2rem;gap:2rem;width:18rem}}@media (max-width: 650px){.services-wrapper .card{max-width:80%}.br-header-contact{display:block}.mobile-header-contact h2{padding-left:0}.mobile-header-contact h2::before{content:"";position:absolute;left:-1rem;top:25%;transform:translateY(-50%);height:50%;width:0.7rem;background-color:#f5c000;border-radius:2px}.footer-nav{gap:2rem}.footer-nav::after{width:65%}.social-nav{gap:1.5rem}.social-nav svg{width:2.5rem;height:auto}}@media (max-width: 550px){.question-wrapper{width:15rem}.br-header-question{display:block}.mobile-header-question h2{padding-left:0}.mobile-header-question h2::before{content:"";position:absolute;left:1rem;top:25%;transform:translateY(-50%);height:50%;width:0.7rem;background-color:#f5c000;border-radius:2px}}@media (max-width: 500px){.footer-nav{gap:1.2rem}.footer-nav::after{width:80%}.social-nav{gap:1.5rem}.social-nav svg{width:2.5rem;height:auto}.credit{padding:0.5rem 0}.credit .mobile{display:block}}@media (max-width: 454px){.mobile-header-partners h2{padding-left:0}.mobile-header-partners h2::before{content:"";position:absolute;left:5rem;top:25%;transform:translateY(-50%);height:50%;width:0.7rem;background-color:#f5c000;border-radius:2px}}