@layer reset{*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;button{border:none;padding:0;margin:0}}a{text-decoration:none}ul{margin:0;padding:0;list-style:none}figure img{display:block}address{font-style:normal;margin:0;padding:0;font-weight:400}fieldset{border:none}iframe{display:block}}@layer base{html,body{margin:0;width:100%;height:100%;max-width:1344px;margin-inline:auto;background-color:#060100;color:#fff;font-family:Noto Sans Thai,sans-serif;scroll-behavior:smooth;scroll-padding:120px}button,textarea{font-family:Noto Sans Thai,sans-serif}}@layer core{.pd-layout{padding:0 1rem}.titile-section{font-size:2rem;font-weight:600;text-align:center;margin-block-end:1.5rem}.sub-title-section{text-align:center;color:#afaead}.no-space{margin:0}.link-primary{color:#fe4b01}.text-left{text-align:left}.clr-white{color:#fff}.line-card{border:1px solid #332a28;margin-block:1rem}.required{color:red}}@layer main{.main-content{background-image:url(/_astro/bg_main.DuZrWG4U.png);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:1.5rem;height:50vh}.intro-text{font-size:1rem;color:#fe4b01;max-width:540px}.main-title{font-size:2rem;font-weight:600;max-width:560px}.sub-title{font-size:.875rem;color:#afaead;max-width:700px}.bg-vid-main{position:absolute;left:0;width:100%;height:50vh;object-fit:cover;z-index:-1;opacity:.5}}@layer cardInfo{.title-features{font-size:2rem;margin-block:1rem 1rem}.card-festure{border:1.5px solid #332a28;border-radius:30px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 18px #00000026;padding:1.5rem 1.5rem 0;background-color:#42373550}.card-festure img{width:250px;aspect-ratio:3/4;object-fit:contain}.card-info{color:#afaead;height:80px}.card-info-title{font-size:1.25rem;margin-block-end:1rem}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.card-festure figure{display:flex;flex-direction:column;align-items:center}}@layer menu{.s-menu{display:flex;justify-content:space-between;align-items:center;padding:1rem;position:fixed;top:0;left:0;right:0;background-color:#060100f2;backdrop-filter:blur(8px);z-index:1000;border-bottom:1px solid #332a28}.hamburger-btn{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger-btn span{width:25px;height:3px;background-color:#fff;transition:all .3s ease;border-radius:2px}.hamburger-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.lib-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#060100fa;backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translate(-100%);transition:transform .3s ease;z-index:999;list-style:none;margin:0;padding:0}.lib-menu.show{transform:translate(0)}.lib-menu li{opacity:0;transform:translateY(20px);transition:all .3s ease}.lib-menu.show li{opacity:1;transform:translateY(0)}.lib-menu.show li:nth-child(1){transition-delay:.1s}.lib-menu.show li:nth-child(2){transition-delay:.2s}.lib-menu.show li:nth-child(3){transition-delay:.3s}.lib-menu.show li:nth-child(4){transition-delay:.4s}.lib-menu.show li:nth-child(5){transition-delay:.5s}.lib-menu li a{color:#fff;font-size:1.5rem;padding:1rem 2rem;border-radius:1.5rem;display:block;text-align:center;min-width:200px;transition:all .3s ease}.lib-menu li a:hover{color:#fe4b01;border:1px solid #fe4b01}.menu-container{display:none}.menu-logo{width:40px;height:40px}.img-logo-menu{object-fit:contain;border-radius:8px;width:40px;height:40px}.menu a,.menu-logo{font-size:1.125rem;font-weight:500;color:#fff}.menu li a{width:96px}.active{color:#fe4b01;border:1px solid #fe4b01;padding:.5rem;border-radius:1.5rem}}@layer Dynamic{.dynamic-section{margin-block:5rem 5rem;background-image:url(../src/assets/images/bg-about.png);background-size:cover;background-position:center}.dynamic-header-section{padding-block-start:2rem}.dynamic-header-section h2,.dynamic-header-section p{max-width:650px}.dynamic-header-section p{margin-block-end:2rem}.dynamic-header-section{display:flex;flex-direction:column;align-items:center}.title-dynamic{font-size:2rem;font-weight:600;margin-block:1rem 1rem}.text-dynamic,.text-about{font-size:1rem;color:#afaead;margin-block-end:2rem}.image-dynamic{width:100%;height:auto;margin-block-end:2rem}.dynamic-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}}@layer About{.about-section p{font-size:1.125rem;margin-block-end:2rem;color:#afaead}.title-about{font-size:2rem;font-weight:600;margin-block:1rem 1rem}.text-about{font-size:1rem;color:#afaead;margin-block-end:2rem}}@layer Form{.form-group{display:flex;flex-direction:column;margin-block-end:1rem}.contact-section{margin-inline:auto;border:1.5px solid #332a28;border-radius:30px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 18px #00000026;padding:1.5rem;margin:1.5rem}.contact-title{font-size:2rem;margin-block-end:1.5rem}.contact-title span{color:#fe4b01}.contact-sub-title{color:#afaead;margin-block-end:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form label{font-size:1rem;margin-block-end:.5rem}.contact-form input,.contact-form textarea{padding:1rem;height:48px;border-radius:30px;background-color:#1a1918;color:#fff;border:none;font-size:1.175rem}.contact-form textarea{height:150px;resize:vertical}.contact-form button{margin-block-start:.5rem;font-size:1.125rem;color:#fff;background-color:#fe4b01;border-radius:30px;padding:1rem 1.5rem}.contact-logo{width:80px;height:80px;margin-block-end:1rem}.contact-logo img{width:100%;height:auto;aspect-ratio:1/1;border-radius:1rem}.contact-info div{margin-block-end:1.5rem}.contact-info strong{margin-block-end:1rem}}@layer Footer{footer{border-radius:1rem 1rem 0 0;margin-block-start:2rem;padding:2rem;background-color:#fe4b01;height:40px;display:flex;align-items:center;justify-content:center}}@layer Responsive{@media (min-width: 767px){.s-menu{display:none}.pd-layout{padding:0 2rem}.pd-top{margin-top:2rem}.menu-container{display:flex;align-items:center;justify-content:space-between;width:750px;height:80px;margin-inline:auto;border:1.5px solid #332a28;border-radius:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 18px #00000026;padding:0 1.5rem;position:fixed;top:0rem;left:50%;transform:translate(-50%);z-index:1000;background-color:#060100cc}.menu-container ul{display:flex;gap:2.5rem;font-size:1rem}.features-grid{display:grid;grid-template-columns:1fr 1fr}.dynamic-layout{display:flex;flex-direction:row}.image-dynamic{width:50%;height:auto;margin-block-end:2rem;margin-block:4rem 4rem}.reverse{flex-direction:row-reverse}.about-section p,.about-section li,.text-about{font-size:1.125rem;line-height:1.5}.about-container{display:flex;gap:2rem;margin-block-end:5rem;background-image:url(/_astro/bg_about2.BKDOz-fM.png);background-size:cover;background-position:center}.main-content{height:100vh}}@media (min-width: 1099px){.features-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.main-title{font-size:2.5rem}.sub-title,.intro-text{font-size:1.125rem}.dynamic-section{margin-block:8rem 5rem}.text-dynamic,.text-about{font-size:1.125rem}.contact-section{display:flex;justify-content:space-around;margin:0}.contact-info p,.contact-info a,.contact-info strong{font-size:1.125rem}}}