@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";.header{position:fixed;top:0;left:0;right:0;z-index:1000;font-family:Kanit,sans-serif;transition:all .3s ease}.container{max-width:1400px;margin:0 auto;padding:0 20px}.header-top{background:#333333d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:8px 0;transition:all .3s ease}.header.scrolled .header-top{background:#333333e6}.top-content{display:flex;justify-content:space-between;align-items:center}.top-left{flex:1}.utility-nav{display:flex;gap:20px}.utility-nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:300;transition:color .3s ease;white-space:nowrap}.utility-nav a:hover{color:#e85d04}.top-right{display:flex;align-items:center;gap:25px}.contact-info{display:flex;gap:20px}.contact-info span{color:#fff;font-size:13px;font-weight:300;white-space:nowrap}.social-links{display:flex;gap:10px}.social-links a{color:#fff;font-size:16px;text-decoration:none;transition:transform .3s ease}.social-links a:hover{transform:scale(1.2)}.header-bottom{background:#0000001a;color:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:25px 0;transition:all .3s ease}.header.scrolled .header-bottom{background:#000c;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.header.dark-header .header-bottom{background:#0009}.header.dark-header.scrolled .header-bottom{background:#000c}.header.scrolled .nav-list li a{color:#fff}.bottom-content{display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.nav-left,.nav-right{flex:1}.nav-left{display:flex;justify-content:flex-start}.nav-right{display:flex;justify-content:flex-end}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:30px}.nav-list li a{color:#fff;text-decoration:none;font-size:16px;font-weight:300;padding:8px 12px;border-radius:25px;transition:all .3s ease;white-space:nowrap;position:relative}.nav-list li a:hover{color:#e85d04;background:linear-gradient(135deg,#e85d041a,#b918011a);transform:translateY(-2px)}.nav-list li a.active{color:#e85d04;background:linear-gradient(135deg,#e85d0426,#b9180126);font-weight:300}.logo-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.logo-center img{height:35px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease;overflow:hidden}.logo-center img:hover{transform:scale(1.05)}.mobile-menu-btn{display:none;flex-direction:column;background:none;border:none;padding:8px;cursor:pointer}.mobile-menu-btn span{width:25px;height:3px;background:#333;margin:3px 0;transition:.3s}.mobile-menu-btn:hover span{background:#e85d04}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-100%);transition:transform .3s ease;padding:80px 20px 20px;overflow-y:auto}.mobile-menu-overlay.mobile-menu-open{transform:translate(0)}.mobile-nav-section{margin-bottom:40px}.mobile-nav-section h3{color:#e85d04;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(232,93,4,.3)}.mobile-nav-list{list-style:none;padding:0;margin:0}.mobile-nav-list li{margin-bottom:15px}.mobile-nav-list li a{color:#fff;text-decoration:none;font-size:16px;font-weight:400;display:block;padding:12px 0;transition:color .3s ease}.mobile-nav-list li a:hover{color:#e85d04}@media (max-width: 1200px){.utility-nav{gap:15px}.utility-nav a{font-size:13px}.nav-list{gap:25px}.nav-list li a{font-size:15px;padding:6px 10px}}@media (max-width: 1024px){.utility-nav a:nth-child(4),.utility-nav a:nth-child(5){display:none}.nav-list{gap:20px}.nav-list li a{font-size:14px;padding:5px 8px}.logo-center img{height:50px}}@media (max-width: 768px){.header-top{padding:6px 0}.top-content{flex-direction:column;gap:10px}.top-left,.top-right{width:100%;justify-content:center}.utility-nav{justify-content:center;gap:10px}.utility-nav a:nth-child(3),.utility-nav a:nth-child(4),.utility-nav a:nth-child(5){display:none}.top-right{justify-content:center;gap:15px}.contact-info{gap:15px}.contact-info span{font-size:12px}.nav-left .nav-menu,.nav-right .nav-menu{display:none}.mobile-menu-btn{display:flex}.logo-center img{height:45px}}@media (max-width: 480px){.utility-nav a{font-size:12px}.utility-nav a:nth-child(2),.utility-nav a:nth-child(3),.utility-nav a:nth-child(4),.utility-nav a:nth-child(5){display:none}.contact-info span:nth-child(2){display:none}.logo-center img{height:40px}}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;z-index:10}.hero-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:10}.hero-section{width:100vw;height:100vh;overflow:hidden;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:relative}.hero-button{margin-top:20px;padding:10px 20px;border-radius:5px;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.hero-media-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.hero-overlay{background:linear-gradient(135deg,#000000b3,#00000080,#0006)}.hero-gradient-text{background:linear-gradient(135deg,#e85d04,#dc2f02,#b91801);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{text-shadow:2px 2px 8px rgba(0,0,0,.8),0 0 16px rgba(0,0,0,.5)}.hero-description{text-shadow:1px 1px 4px rgba(0,0,0,.7),0 0 8px rgba(0,0,0,.3);max-width:600px}.hero-counter{text-shadow:2px 2px 6px rgba(0,0,0,.5),0 0 12px rgba(0,0,0,.3)}.hero-bottom-banner{background:linear-gradient(90deg,#fffffff2,#fffffff2 70%,#e85d04f2 70%,#dc2f02f2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hero-message{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.hero-message.active{opacity:1;transform:translateY(0)}.hero-message.inactive{opacity:0;transform:translateY(100%)}.hero-button{transition:all .3s ease;border:2px solid rgba(255,255,255,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-button:hover{background:#fffffff2;color:#1f2937;transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.hero-cta{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.hero-title{font-size:2.5rem;line-height:1.1}.hero-description{font-size:.9rem;line-height:1.5}.hero-bottom-banner{padding:1rem 0}.hero-message{font-size:.85rem;padding-left:1rem}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-description{font-size:.8rem}.hero-counter{font-size:1rem}}.hero-slide{transition:opacity 1.5s ease-in-out}.hero-slide.active{opacity:1}.hero-slide.inactive{opacity:0}.hero-video{will-change:transform}.hero-section,.hero-section *{box-sizing:border-box}.hero-section{margin:0!important;padding:0!important;max-width:none!important;max-height:none!important}.hero-media-container,.hero-video,.hero-bg-image{max-width:none!important;max-height:none!important}.image-gallery{position:relative;width:100%;background:#fff;overflow:hidden}.gallery-header{padding:4rem 0 2rem;background:#fff}.container{max-width:1400px;margin:0 auto;padding:0 40px}.header-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:flex-start}.title-section{text-align:left}.about-tag{display:inline-block;background:#2c3e50;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.5px}.description-section{text-align:left}.sliding-gallery{width:100%;overflow:hidden;background:#fff;margin:2rem 0}.sliding-container{width:100%;overflow:hidden}.sliding-track{display:flex;width:calc(200% + 2rem);animation:slideLeft 60s linear infinite}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.slide-item{flex:0 0 calc(25% - 1rem);margin-right:1rem;height:400px;border-radius:8px;overflow:hidden}.slide-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.slide-item:hover img{transform:scale(1.05)}.statistics-section{padding:4rem 0;background:#f8f9fa}.video-gallery-section{padding:4rem 0;background:#f8f9fa;border-top:1px solid #E9ECEF}.video-header{text-align:center;margin-bottom:3rem}.video-section-title{font-size:1.5rem;font-weight:400;color:#2c3e50;font-family:Kanit,sans-serif}.video-section-subtitle{font-size:1.1rem;color:#6c757d;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.youtube-channel-link{margin-top:1.5rem}.youtube-link{display:inline-flex;align-items:center;gap:.5rem;background:red;color:#fff;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:500;transition:all .3s ease;font-size:1rem}.youtube-link:hover{background:#c00;transform:translateY(-2px);box-shadow:0 4px 15px #ff00004d}.youtube-icon{width:20px;height:20px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.video-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.video-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.video-wrapper{position:relative;width:100%;height:200px;overflow:hidden;border-radius:12px;cursor:pointer;transition:transform .3s ease}.video-wrapper:hover{transform:scale(1.02)}.thumbnail-container{position:relative;width:100%;height:100%;overflow:hidden}.video-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.video-wrapper:hover .video-thumbnail{transform:scale(1.05)}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;transition:transform .3s ease}.video-wrapper:hover .play-overlay{transform:translate(-50%,-50%) scale(1.1)}.play-button{width:60px;height:60px;background:#000c;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.video-wrapper:hover .play-button{background:#ff0000e6}.play-icon{margin-left:4px}.video-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px 12px 12px;transform:translateY(100%);transition:transform .3s ease}.video-wrapper:hover .video-overlay{transform:translateY(0)}.overlay-text{color:#fff;font-size:.9rem;margin:0;text-align:center;font-weight:500}.video-player{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;background:#000}.video-title{padding:1rem;text-align:center}.video-title h4{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem;font-family:Kanit,sans-serif}.watch-youtube-link{display:inline-block;background:#161f3e;color:#fff;padding:.4rem .8rem;border-radius:4px;text-decoration:none;font-size:.85rem;transition:background .3s ease}.watch-youtube-link:hover{background:#0f1629}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4rem;text-align:center}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:4rem;font-weight:300;color:#2c3e50;margin-bottom:1rem;font-family:Montserrat,sans-serif;line-height:1}.stat-info h3{font-size:1.3rem;color:#2c3e50;margin-bottom:.5rem;font-family:Kanit,sans-serif}.stat-info p{font-size:.9rem;color:#6c757d;line-height:1.6;margin:0;font-weight:300}.video-fallback{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #DEE2E6;cursor:pointer;transition:all .3s ease}.video-fallback:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:red}.fallback-content{text-align:center;padding:1rem}.fallback-content .play-icon{margin-bottom:.5rem;transition:transform .3s ease}.video-fallback:hover .play-icon{transform:scale(1.1)}.fallback-content p{margin:.5rem 0;color:#6c757d}.fallback-title{font-weight:600;color:#2c3e50}.fallback-link{display:inline-block;background:red;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;margin-top:.5rem;font-size:.9rem}.fallback-link:hover{background:#c00}@media (max-width: 1024px){.header-content{grid-template-columns:1fr;gap:2rem;text-align:center}.title-section,.description-section{text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:3rem}.slide-item{flex:0 0 calc(33.333% - 1rem)}.video-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.video-section-title{font-size:1rem}}@media (max-width: 1200px){.container{padding:0 30px}}@media (max-width: 768px){.gallery-header{padding:3rem 0}.container{padding:0 20px}.stats-grid{grid-template-columns:1fr;gap:2rem}.stat-number,.text-4xl{font-size:3rem}.slide-item{flex:0 0 calc(50% - 1rem);height:300px}.sliding-track{animation-duration:40s}.video-gallery-section{padding:3rem 0}.video-grid{grid-template-columns:1fr;gap:1.5rem}.video-section-title{font-size:.9rem}.video-section-subtitle{font-size:1rem}.video-wrapper,.video-thumbnail{height:180px}}@media (max-width: 480px){.gallery-header{padding:2rem 0}.about-tag{font-size:.8rem;padding:.4rem .8rem}.stat-number,.text-4xl{font-size:2.5rem}.stat-info h3{font-size:1rem}.stat-info p{font-size:.85rem}.slide-item{flex:0 0 calc(100% - 1rem);height:250px}.statistics-section{padding:3rem 0}.video-gallery-section{padding:2rem 0}.video-section-title{font-size:.75rem}.video-section-subtitle{font-size:.9rem}.video-wrapper,.video-thumbnail{height:160px}.youtube-link{font-size:.9rem;padding:.6rem 1.2rem}.video-title h4{font-size:1rem}}.innovation{padding:80px 0;background:#fff;position:relative}.innovation-container{max-width:1400px;margin:0 auto;padding:0 40px}.innovation-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.innovation-left{display:flex;flex-direction:column;gap:60px}.thumbnails-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.thumbnail-item{cursor:pointer;transition:all .3s ease;padding:15px;border-radius:8px;position:relative;text-align:center}.thumbnail-item:hover{background:#f8f9fa}.thumbnail-item.active{background:#f0f0f0}.thumbnail-image{width:100%;height:80px;margin-bottom:12px;overflow:hidden;border-radius:4px;background:#2d3436;display:flex;align-items:center;justify-content:center}.thumbnail-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.thumbnail-item:hover .thumbnail-image img{transform:scale(1.05)}.thumbnail-content{text-align:center}.thumbnail-number{font-size:.8rem;color:#6c7ae0;font-weight:500;margin-bottom:6px;font-family:Kanit,sans-serif}.thumbnail-title{font-size:.9rem;color:#2d3436;font-weight:600;margin-bottom:4px;font-family:Kanit,sans-serif}.thumbnail-subtitle{font-size:.8rem;color:#999;font-weight:400;font-family:Kanit,sans-serif}.innovation-details{max-width:500px}.detail-number{font-size:1rem;color:#6c7ae0;font-weight:500;margin-bottom:15px;font-family:Kanit,sans-serif}.detail-title{font-size:2rem;font-weight:300;color:#2d3436;line-height:1.3;margin-bottom:20px;font-family:Kanit,sans-serif}.detail-description{font-size:1rem;color:#666;line-height:1.7;font-family:Kanit,sans-serif;font-weight:300}.innovation-right{position:sticky;top:100px}.main-image-container{width:100%;height:500px;border-radius:12px;overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center}.main-innovation-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .5s ease}@media (max-width: 1200px){.innovation-container{padding:0 30px}.innovation-content{gap:60px}.thumbnails-grid{gap:15px}}@media (max-width: 1024px){.innovation-content{grid-template-columns:1fr;gap:60px}.innovation-right{position:relative;top:auto}.thumbnails-grid{grid-template-columns:repeat(4,1fr);gap:15px}.thumbnail-image{height:70px}}@media (max-width: 768px){.innovation{padding:60px 0}.innovation-container{padding:0 20px}.innovation-left{gap:40px}.thumbnails-grid{grid-template-columns:repeat(2,1fr);gap:15px}.thumbnail-item{padding:12px}.thumbnail-image{height:60px}.thumbnail-title{font-size:.85rem}.thumbnail-subtitle{font-size:.75rem}.detail-title{font-size:1.5rem}.main-image-container{height:300px}}@media (max-width: 480px){.thumbnails-grid{grid-template-columns:repeat(2,1fr);gap:10px}.thumbnail-item{padding:10px}.thumbnail-image{height:50px}.thumbnail-title{font-size:.8rem}.thumbnail-subtitle{font-size:.7rem}.detail-title{font-size:1.3rem}.detail-description{font-size:.9rem}}.services{padding:80px 0;background:#fff;position:relative;text-align:left}.services-container{max-width:1400px;margin:0 auto;padding:0 40px;text-align:left}.services-description{max-width:800px;margin-bottom:20px;text-align:left}.services-description p:last-child{margin-bottom:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-card{border:1px solid #e0e0e0;padding:40px 30px;background:#fff;position:relative;transition:all .3s ease;min-height:200px;display:flex;flex-direction:column;text-align:left}.service-card:hover{border-color:#ddd;box-shadow:0 2px 15px #0000000d}.service-number{font-size:1rem;color:#999;font-weight:400;margin-bottom:20px;font-family:Kanit,sans-serif}.service-title{font-size:1.2rem;font-weight:600;color:#2d3436;margin-bottom:10px;font-family:Kanit,sans-serif;line-height:1.4;text-align:left}.service-subtitle{font-size:.9rem;color:#999;font-weight:400;margin-bottom:15px;font-family:Kanit,sans-serif;font-style:italic;text-align:left}.service-description{font-size:.9rem;color:#666;font-weight:300;line-height:1.6;margin:0;font-family:Kanit,sans-serif;text-align:left}@media (max-width: 1024px){.services-container{padding:0 30px}.services-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width: 768px){.services{padding:60px 0}.services-container{padding:0 20px}.services-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:30px 25px}}@media (max-width: 480px){.service-card{padding:25px 20px}.service-title{font-size:1.1rem}.service-description{font-size:.85rem}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.portfolio{padding:0;position:relative;overflow:hidden;font-family:Kanit,sans-serif;height:100vh;min-height:800px}.portfolio-content{height:100vh;min-height:800px;position:relative;width:100%}.portfolio-text{position:absolute;top:50%;left:80px;transform:translateY(-50%);width:500px;z-index:10;padding:40px;color:#fff}.project-number{font-size:.85rem;font-weight:500;color:#ff6b35;display:block;margin-bottom:8px;letter-spacing:2px}.portfolio-main-image-slides{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;overflow:hidden;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;transition:none}.project-details-portfolio{margin-bottom:40px}.project-description-portfolio{font-size:.9rem;line-height:1.6;color:#fffc;margin-bottom:25px;font-family:Kanit,sans-serif}.project-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.project-info-grid .className:first-child{grid-column:1 / -1}.className{display:flex;flex-direction:column;gap:5px}.info-label-portfolio{font-size:.75rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-family:Kanit,sans-serif}.info-value-portfolio{font-size:.9rem;font-weight:600;color:#ffffffe6;font-family:Kanit,sans-serif}.price{color:#ff6b35;font-weight:700;font-size:1.1rem}.portfolio-btn{display:flex;align-items:center;gap:12px;background:transparent;border:2px solid rgba(255,255,255,.8);padding:12px 24px;margin-top:25px;cursor:pointer;transition:all .3s ease;font-family:Kanit,sans-serif;font-weight:600;letter-spacing:1px;color:#fff}.portfolio-btn:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.btn-dots{font-size:1.5rem;color:#ff6b35}.btn-text{font-size:.8rem}.portfolio-controls{display:flex;align-items:center;gap:20px;margin:30px 0 25px}.portfolio-nav-btn{width:50px;height:50px;border:2px solid rgba(255,255,255,.3);background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#ffffffb3}.portfolio-nav-btn:hover{border-color:#fffc;background:#ffffff1a;color:#fff;transform:scale(1.1)}.portfolio-counter{font-family:Kanit,sans-serif;font-weight:600;color:#ffffffe6;font-size:.9rem;letter-spacing:1px;min-width:60px;text-align:center}.portfolio-showcase{width:100%;height:80vh;position:relative}.portfolio-swiper{width:100%;height:100vh;min-height:800px}.portfolio-swiper .swiper-wrapper,.portfolio-swiper .swiper-slide{height:100%}.portfolio-slide{height:90vh!important;min-height:800px!important;outline:none;position:relative}.portfolio-slide:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#000000bf,#000000b3 20%,#0006,#0003);z-index:2;pointer-events:none}.portfolio-image-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;overflow:hidden}.portfolio-main-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;transition:none}.portfolio-main-image:hover{filter:brightness(.7) contrast(1.1)}.image-overlay{display:none}.portfolio-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid rgba(255,255,255,.4);background:#0003;border-radius:50%;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.portfolio-arrow:hover{border-color:#fff9;background:#ffffff1a}.portfolio-arrow svg{width:16px;height:16px}.portfolio-button-prev{left:20px}.portfolio-button-next{right:20px}.portfolio-pagination{bottom:0!important;left:60%;display:flex!important;align-items:center;justify-content:center;z-index:10;gap:8px}.portfolio-bullet{width:10px;height:10px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:all .3s ease;display:block!important;opacity:1}.portfolio-bullet:hover{background:#fff9}.portfolio-bullet.swiper-pagination-bullet-active{background:#ff6b35!important;width:12px;height:12px}@media (max-width: 1024px){.portfolio,.portfolio-content{height:80vh;min-height:600px}.portfolio-text{width:90%;left:5%;padding:30px;text-align:left}.project-info-grid{grid-template-columns:1fr;gap:15px}.portfolio-showcase{width:100%;height:80vh}.portfolio-swiper{height:80vh;min-height:600px}.portfolio-swiper .swiper-slide{height:80vh}.portfolio-slide{height:80vh!important;min-height:600px!important}.portfolio-pagination{bottom:0;left:55%}.portfolio-arrow{width:35px;height:35px}.portfolio-arrow svg{width:14px;height:14px}.portfolio-button-prev{left:15px}.portfolio-button-next{right:15px}.portfolio-controls{gap:15px;margin:20px 0 15px}.portfolio-nav-btn{width:40px;height:40px}.portfolio-counter{font-size:.8rem;min-width:50px}}@media (max-width: 768px){.portfolio,.portfolio-content{height:70vh;min-height:500px}.portfolio-text{width:95%;left:2.5%;padding:20px;top:40%}.portfolio-text h2{font-size:2rem}.project-number{font-size:.9rem}.project-subtitle{font-size:1rem}.project-description-portfolio{font-size:.85rem}.portfolio-showcase{height:80vh}.portfolio-swiper{height:70vh;min-height:500px}.portfolio-swiper .swiper-slide{height:100%}.portfolio-slide{height:70vh!important;min-height:500px!important}.portfolio-arrow{width:30px;height:30px}.portfolio-arrow svg{width:12px;height:12px}.portfolio-button-prev{left:10px}.portfolio-button-next{right:10px}.portfolio-pagination{bottom:15px;left:50%}.portfolio-bullet{width:8px;height:8px}.portfolio-bullet.swiper-pagination-bullet-active{width:10px;height:10px}.nav-btn{width:35px;height:35px;font-size:1rem}.portfolio-controls{gap:10px;margin:15px 0 10px}.portfolio-nav-btn{width:35px;height:35px}.portfolio-counter{font-size:.7rem;min-width:45px}}.partners{padding:80px 0;text-align:center;font-family:Kanit,sans-serif}.partners-container{max-width:1400px;margin:0 auto;padding:0 40px}.partners-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:30px;margin-top:50px}.partner-card{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border:1px solid #e9ecef;aspect-ratio:1}.partner-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.partner-logo-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:#fff}.partner-logo{max-width:80%;max-height:80%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;transition:all .3s ease;filter:grayscale(20%)}.partner-card:hover .partner-logo{filter:grayscale(0%);transform:scale(1.05)}.partner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#161f3ef2,#161f3ef2);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;padding:20px}.partner-card:hover .partner-overlay{opacity:1}.partner-info{text-align:center;color:#fff}.partner-info h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;font-family:Noto Sans Thai,sans-serif;line-height:1.3}.partner-info p{font-size:.9rem;margin-bottom:0;font-family:Noto Sans Thai,sans-serif;line-height:1.4;opacity:.9}@media (max-width: 1024px){.partners-container{padding:0 30px}.partners-grid{grid-template-columns:repeat(3,1fr);gap:25px}}@media (max-width: 768px){.partners{padding:60px 0}.partners-container{padding:0 20px}.partners-grid{grid-template-columns:repeat(2,1fr);gap:20px}.partner-logo-container{padding:15px}.partner-logo{max-width:85%;max-height:85%}.partner-info h3{font-size:1rem}.partner-info p{font-size:.85rem}}@media (max-width: 480px){.partners-grid{grid-template-columns:repeat(2,1fr);gap:15px}.partner-logo-container{padding:12px}.partner-logo{max-width:90%;max-height:90%}.partner-overlay{padding:15px}.partner-info h3{font-size:.9rem}.partner-info p{font-size:.8rem}}.testimonials{overflow:hidden;width:100%;padding:8rem 0}.testimonials .container{max-width:1400px;margin:0 auto;padding:0 40px}.testimonials-carousel{position:relative;width:100%;max-width:none;margin:0}.carousel-container{display:flex;align-items:center;position:relative;margin-bottom:4rem;width:100%}.testimonial-slide{flex:1;display:flex;justify-content:center;padding:0 80px}.testimonial-content-main{display:flex;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000001a;width:100%;max-width:1200px;min-height:500px;position:relative}.testimonial-left{flex:1;background:linear-gradient(135deg,#e74c3c,#c0392b);padding:4rem 3rem;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative}.testimonial-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.quote-mark{font-size:4rem;font-family:Georgia,serif;color:#ffffff4d;line-height:1;margin-bottom:1rem;position:relative;z-index:1}.testimonial-quote{font-size:1.2rem;line-height:1.7;color:#fff;margin:0 0 3rem;font-style:normal;font-weight:300;position:relative;z-index:1}.testimonial-right{flex:1;background:linear-gradient(135deg,#ecf0f1,#bdc3c7);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.author-avatar-main{width:100%;height:100%;border-radius:0;-o-object-fit:cover;object-fit:cover;box-shadow:none;transition:transform .5s ease;position:relative;z-index:2}.author-avatar-main:hover{transform:scale(1.05)}.author-info-main{text-align:left;position:relative;z-index:1}.author-name-main{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 .5rem;font-family:Montserrat,sans-serif}.author-role-main{font-size:1rem;color:#fffc;margin:0;font-weight:400;text-transform:uppercase;letter-spacing:1px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:none;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s ease;z-index:10;box-shadow:0 8px 30px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-btn:hover{background:#e74c3c;transform:translateY(-50%) scale(1.1);box-shadow:0 12px 40px #e74c3c4d}.carousel-btn:hover span{color:#fff}.prev-btn{left:20px}.next-btn{right:20px}.carousel-btn span{font-size:1.4rem;font-weight:700;color:#333;transition:color .3s ease}@media (max-width: 1024px){.testimonials .container{padding:0 30px}.testimonial-slide{padding:0 20px}}@media (max-width: 768px){.testimonials{padding:4rem 0}.testimonials .container{padding:0 20px}.testimonial-slide{padding:0 10px}.testimonial-content-main{flex-direction:column;min-height:auto}.testimonial-left{padding:3rem 2rem;order:2}.testimonial-right{order:1;min-height:300px}.quote-mark{font-size:3rem}.testimonial-quote{font-size:1.1rem;margin-bottom:2rem}.author-avatar-main{width:100%;height:100%;border-radius:0}.author-name-main{font-size:1.1rem}.author-role-main{font-size:.9rem}.carousel-btn{width:50px;height:50px}.carousel-btn span{font-size:1.1rem}.prev-btn{left:10px}.next-btn{right:10px}}@media (max-width: 480px){.testimonials .container{padding:0 20px}.testimonial-slide{padding:0 5px}.testimonial-left{padding:2rem 1.5rem}.testimonial-right{min-height:250px}.quote-mark{font-size:2.5rem}.testimonial-quote{font-size:1rem;margin-bottom:1.5rem}.author-avatar-main{width:100%;height:100%;border-radius:0}.author-name-main{font-size:1rem}.author-role-main{font-size:.85rem}}.contact-section{display:flex;width:100%;min-height:100vh;background-color:#f8f9fa}.contact-image-container{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.contact-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contact-form-container{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;background-color:#fff;border:1px solid #eee}.contact-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.contact-background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contact-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#000c,#00000080,#0003)}.contact-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 500px;gap:80px;align-items:center;min-height:100vh}.contact-content{color:#fff}.contact-title{font-size:2.5rem;font-weight:300;line-height:1.1;margin-bottom:20px}.contact-title .highlight{color:#ff6b35;font-weight:400}.contact-divider{width:60px;height:4px;background:#ff6b35;margin:20px 0 30px}.contact-description{font-size:1.2rem;font-weight:300;line-height:1.6;margin-bottom:40px;opacity:.9}.contact-features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.feature-item{text-align:center}.feature-icon{width:80px;height:80px;background:#ff6b3533;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:2rem}.feature-text{font-size:.9rem;font-weight:300;opacity:.8;line-height:1.4}.form-header{text-align:center;margin-bottom:2rem}.form-title{font-size:2rem;font-weight:600;color:#333;margin-bottom:.5rem}.form-divider{height:2px;width:50px;background-color:#007bff;margin:0 auto 1rem}.form-subtitle{font-size:1rem;color:#555;line-height:1.6;margin-bottom:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:500px;margin:0 auto}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#495057;margin-bottom:.5rem}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#adb5bd;opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:#adb5bd;opacity:1}.form-input:focus,.form-textarea:focus{outline:0;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.form-textarea{resize:vertical;min-height:120px}.form-checkbox-container{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem;margin-bottom:1.5rem}.form-checkbox{margin-top:.2rem;width:1rem;height:1rem}.checkbox-label{font-size:.875rem;color:#495057;line-height:1.5}.form-submit{background-color:#343a40;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease;align-self:flex-start}.form-submit:hover{background-color:#23272b}@media (max-width: 1024px){.contact-container{grid-template-columns:1fr;gap:40px;padding:40px 20px}.contact-title{font-size:3rem;text-align:center}.contact-features{justify-content:center}.contact-form-container{max-width:500px;margin:0 auto}}@media (max-width: 768px){.contact-title{font-size:2.5rem}.contact-description{font-size:1rem;text-align:center}.contact-features{grid-template-columns:1fr;gap:20px;max-width:300px;margin:30px auto}.contact-form-container{padding:30px 25px}}@media (max-width: 480px){.contact-title{font-size:2rem}.feature-icon{width:60px;height:60px;font-size:1.5rem}.contact-form-container{padding:25px 20px}.form-input{padding:12px 15px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#212529}.contact-page-new-design{width:100%;overflow-x:hidden}.contact-hero-section{height:60vh;min-height:400px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0003;display:flex;align-items:center;justify-content:center}.hero-content{color:#fff;max-width:800px;padding:20px}.hero-content h1{font-size:3.5rem;font-weight:600;margin-bottom:1rem}.hero-content p{font-size:1.1rem;line-height:1.6;opacity:.9}.main-content-section{background-color:#fff;padding:60px 0}.main-content-container{max-width:1140px;margin:0 auto;padding:0 15px;display:flex;gap:40px}.contact-info-column{flex:1 1 45%}.contact-info-column h2{font-size:2.25rem;font-weight:600;color:#333;margin-bottom:.75rem;line-height:1.3}.contact-info-column .assistance-subtitle{font-size:1rem;color:#555;line-height:1.7;margin-bottom:2rem}.contact-details-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.contact-detail-item-main .detail-label{display:block;font-size:.9rem;font-weight:600;color:#333;margin-bottom:.3rem}.contact-detail-item-main p{font-size:.95rem;color:#555;line-height:1.6;margin:0}.social-media-block .detail-label{display:block;font-size:.9rem;font-weight:600;color:#333;margin-bottom:.5rem}.social-icons{display:flex;gap:1rem}.social-icons a{font-size:1.1rem;color:#555;text-decoration:none;border:1px solid #ddd;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:color .3s ease,border-color .3s ease}.social-icons a:hover{color:#007bff;border-color:#007bff}.contact-form-column{flex:1 1 55%}.contact-form-main{display:flex;flex-direction:column;gap:1.25rem}.form-group-main label{display:block;font-size:.875rem;font-weight:500;color:#495057;margin-bottom:.5rem}.form-group-main input,.form-group-main textarea{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group-main input::-moz-placeholder,.form-group-main textarea::-moz-placeholder{color:#adb5bd;opacity:1}.form-group-main input::placeholder,.form-group-main textarea::placeholder{color:#adb5bd;opacity:1}.form-group-main input:focus,.form-group-main textarea:focus{outline:0;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.submit-button-main{background-color:#343a40;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease;align-self:flex-start}.submit-button-main:hover{background-color:#23272b}.map-section{width:100%;background-color:#f8f9fa;padding:40px 0}.map-container{max-width:1140px;margin:0 auto;padding:0 15px}.map-container h3{font-size:2rem;font-weight:600;color:#333;text-align:center;margin-bottom:30px}.location-info{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px;align-items:start}.location-details h4{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:15px}.location-details p{margin-bottom:8px;color:#555;line-height:1.5}.map-links{display:flex;flex-direction:column;gap:10px}.map-link{display:inline-block;padding:12px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;text-align:center;transition:background-color .3s ease}.map-link:hover{background-color:#0056b3;color:#fff;text-decoration:none}.map-link.apple-maps{background-color:#000}.map-link.apple-maps:hover{background-color:#333}.map-link.osm-maps{background-color:#28a745}.map-link.osm-maps:hover{background-color:#1e7e34}.static-map{margin-top:20px;text-align:center}.static-map img{border:2px solid #ddd;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.location-info{grid-template-columns:1fr;gap:20px}.map-container h3{font-size:1.5rem}}@media (max-width: 991px){.main-content-container{flex-direction:column}.contact-info-column,.contact-form-column{flex-basis:auto}}@media (max-width: 767px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1rem}.contact-info-column h2{font-size:1.75rem}.main-content-section{padding:40px 0}}@media (max-width: 575px){.hero-content h1{font-size:2rem}.contact-info-column h2{font-size:1.5rem}.social-icons a{width:32px;height:32px;font-size:.9rem}.submit-button-main{width:100%;text-align:center}}.footer{background:linear-gradient(135deg,#fff,#f8f9fa);color:#333;padding:80px 0 40px;margin-top:0;border-top:1px solid #e9ecef;width:100%}.footer-container{max-width:1400px;margin:0 auto;padding:0 20px;width:100%}.footer-content{font-family:Kanit,sans-serif;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1fr 1.2fr;gap:1.5rem;margin-bottom:2rem}.footer-logo{display:flex;flex-direction:column;align-items:flex-start}.footer-logo-img{max-width:180px;height:auto;margin-bottom:1rem;filter:brightness(1) contrast(1.1)}.footer-section h3{color:#ff6b35;font-weight:700;margin-bottom:1rem;font-size:1.5rem}.footer-section h4{color:#333;font-weight:600;margin-bottom:1rem;font-size:1.1rem;border-bottom:2px solid #ff6b35;padding-bottom:.5rem}.footer-section p{color:#666;line-height:1.6;margin-bottom:1rem;font-size:.9rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.6rem}.footer-links a{color:#555;text-decoration:none;transition:all .3s ease;font-size:.9rem;padding:.2rem 0;display:block}.footer-links a:hover{color:#ff6b35;padding-left:.5rem}.footer-contact{font-size:.9rem}.footer-contact p{color:#666;margin-bottom:.75rem;line-height:1.5}.footer-contact strong{color:#666}.footer-contact a{color:#666;text-decoration:none;transition:color .3s ease}.footer-contact a:hover{color:#333}.business-hours{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.business-hours p{margin-bottom:.5rem}.footer-bottom{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding-top:2rem;border-top:1px solid #e9ecef;gap:1rem}.footer-bottom-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-bottom-links a{color:#777;text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer-bottom-links a:hover{color:#ff6b35}.footer-copyright{text-align:center}.footer-copyright p{color:#777;margin:0;font-size:.85rem}.footer-social{display:flex;gap:.8rem;justify-self:end}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#0000000d;border-radius:50%;text-decoration:none;font-size:1rem;transition:all .3s ease;border:1px solid #e9ecef;position:relative}.social-link svg{width:20px;height:20px;transition:all .3s ease}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.social-link.facebook{background:#3b59981a;color:#3b5998;border-color:#3b599833}.social-link.line{background:#00c3001a;color:#00c300;border-color:#00c30033}.social-link.youtube{background:#ff00001a;color:red;border-color:#f003}.social-link.facebook:hover{background:#3b5998cc;color:#fff;border-color:#3b5998}.social-link.line:hover{background:#00c300cc;color:#fff;border-color:#00c300}.social-link.youtube:hover{background:#f00c;color:#fff;border-color:red}@media (max-width: 1200px){.footer-content{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.2fr;gap:1.2rem}.footer-logo-img{max-width:160px}}@media (max-width: 992px){.footer-content{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.footer-section:first-child{grid-column:1 / -1;text-align:center;margin-bottom:1rem}.footer-logo{align-items:center}.footer-logo-img{max-width:200px}}@media (max-width: 768px){.footer-container{padding:0 15px}.footer-content{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-section:first-child{grid-column:1 / -1}.footer-section:last-child{grid-column:1 / -1}.footer-bottom{grid-template-columns:1fr;text-align:center;gap:1rem}.footer-bottom-links{justify-content:center}.footer-social{justify-self:center}.footer-logo-img{max-width:180px}}@media (max-width: 480px){.footer-container{padding:0 10px}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-section h4{text-align:center}.footer-links a:hover{padding-left:0}.footer-bottom-links{flex-direction:column;gap:.8rem}.footer-logo-img{max-width:150px}.footer-social{gap:1rem}.social-link{width:44px;height:44px}.social-link svg{width:22px;height:22px}}.house-designs-modern{width:100%;overflow-x:hidden;background:#f8fafc;min-height:100vh;font-family:Roboto,Kanit,sans-serif}.container-modern{max-width:1400px;margin:0 auto;padding:0 40px}.filter-section-wrapper{padding:2rem 0}.filter-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #f3f4f6;padding:2rem;margin-bottom:2rem}.filter-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.filter-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.filter-count-badge{background:#f9fafb;color:#6b7280;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:9999px}.filter-grid-modern{display:grid;grid-template-columns:4fr 2fr 2fr 2fr 2fr;gap:1rem;align-items:end}.filter-group-wrapper{display:flex;flex-direction:column}.filter-label-modern{display:block;color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.filter-input-search{position:relative}.filter-input-search input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:.875rem;transition:all .2s ease;outline:none}.filter-input-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af}.filter-select-modern{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:.875rem;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease;outline:none}.filter-select-modern:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-clear-btn{width:100%;padding:.75rem;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.filter-clear-btn:hover{background:#f9fafb;border-color:#9ca3af}.filter-clear-icon{width:1rem;height:1rem}.cards-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;max-width:100%}.house-card-modern{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #f3f4f6;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;height:100%}.house-card-modern:hover{box-shadow:0 4px 20px #00000026;border-color:#e5e7eb;transform:translateY(-2px)}.card-image-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f9fafb;max-height:200px;width:100%}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .5s ease;display:block;max-width:100%}.house-card-modern:hover .card-image{transform:scale(1.02)}.card-featured-badge{position:absolute;top:1rem;left:1rem;background:#059669;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.025em}.card-indicators{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.25rem}.card-indicator{width:.375rem;height:.375rem;border-radius:50%;background:#fffc}.card-indicator.active{background:#fff}.house-card-content{padding:1.5rem}.card-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem;line-height:1.3}.card-price{font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.75rem}.card-location{color:#6b7280;font-size:.875rem;margin-bottom:1rem;padding-bottom:.25rem;border-bottom:1px solid rgba(65,105,91,.2);display:inline-block}.card-specs{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.card-spec-item{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.card-spec-icon{width:1rem;height:1rem;color:#9ca3af;flex-shrink:0}.card-update-time{color:#9ca3af;font-size:.75rem}.loading-spinner-inline{text-align:center;padding:3rem}.loading-spinner-icon{width:3rem;height:3rem;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.container-modern{padding:0 30px}.filter-grid-modern{grid-template-columns:1fr;gap:1rem}.cards-grid-modern{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 768px){.container-modern{padding:0 20px}.filter-card{padding:1.5rem;border-radius:12px}.cards-grid-modern{grid-template-columns:1fr;gap:1.5rem}}.no-results-modern{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;border:1px solid #f3f4f6;margin:2rem 0}.no-results-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;color:#9ca3af}.no-results-modern h3{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:.5rem}.no-results-modern p{color:#6b7280;margin-bottom:2rem}.no-results-btn{background:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.no-results-btn:hover{background:#2563eb}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.group:hover .group-hover\:scale-102{transform:scale(1.02)}@media (max-width: 1024px){.banner-title{font-size:2.8rem}.banner-subtitle{font-size:1.3rem}}@media (max-width: 768px){.video-banner{height:35vh}.works-banner-content{top:45%}.banner-title{font-size:2.2rem}.banner-subtitle{font-size:1.1rem}}@media (max-width: 480px){.banner-title{font-size:1.8rem}.banner-subtitle{font-size:1rem}}.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5,25.5,25.5))}@media (hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media (max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px;left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:120px;width:90px}@media (max-width: 768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:72px;width:48px}}@media (max-width: 480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media (max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media (max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;-o-object-fit:contain;object-fit:contain}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media (hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media (max-width: 768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media (max-width: 480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid rgba(0,0,0,0);transition:border .3s ease-out;width:100px;background:#0000;padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid rgba(0,0,0,0);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media (hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px hsl(0,0%,10%);transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.house-detail-page{min-height:100vh;background-color:#fff;padding-top:80px;font-family:Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.house-detail-page *{box-sizing:border-box}.house-detail-container{max-width:1400px;margin:0 auto;padding:40px 20px;overflow-x:hidden}.detail-breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-size:14px;color:#6b7280}.breadcrumb-back{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;padding:0;text-decoration:none;transition:color .2s}.breadcrumb-back:hover{color:#2563eb;text-decoration:underline}.breadcrumb-divider{color:#d1d5db}.breadcrumb-active{color:#111827;font-weight:500}.hero-banner-fullwidth{position:relative;width:100vw;height:500px;margin-left:calc(50% - 50vw);margin-bottom:32px;overflow:hidden;background-color:#f8f9fa}.hero-banner-fullwidth img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background-color:#f8f9fa}.hero-banner{position:relative;width:100%;height:auto;border-radius:16px;overflow:hidden;margin-bottom:32px;border:1px solid #e5e7eb}.hero-banner img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;background-color:#f8f9fa}.hero-banner-overlay{position:absolute;bottom:16px;right:16px;background:#000000b3;border-radius:8px;padding:8px 12px;color:#fff;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.camera-icon{width:16px;height:16px;fill:currentColor}.gallery-main-container{margin-bottom:16px}.gallery-main-image{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s ease}.gallery-main-image:hover{transform:scale(1.02)}.gallery-main-image img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;transition:filter .3s ease}.gallery-main-image:hover img{filter:brightness(1.1)}.gallery-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.gallery-thumbnails::-webkit-scrollbar{height:6px}.gallery-thumbnails::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gallery-thumbnail{position:relative;flex-shrink:0;width:80px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.gallery-thumbnail:hover{transform:scale(1.05);border-color:#3b82f6}.gallery-thumbnail.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.gallery-thumbnail img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;transition:filter .3s ease}.gallery-thumbnail:hover img{filter:brightness(1.1)}.thumbnail-wrapper{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;transition:transform .2s}.thumbnail-wrapper:hover{transform:scale(1.02)}.thumbnail-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.85);transition:filter .3s ease}.thumbnail-wrapper:hover img{filter:brightness(1)}.thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center}.thumbnail-count{color:#fff;font-size:24px;font-weight:600}.detail-content{display:grid;grid-template-columns:1fr 400px;gap:48px;align-items:start}.content-main{max-width:none}.main-content-grid{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start;max-width:100%;overflow:hidden}.content-left-column{display:flex;flex-direction:column;gap:40px;min-width:0}.property-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.heading-info{flex:1}.property-name{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px;line-height:1.2}.property-location{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:16px}.location-icon{width:16px;height:16px;fill:currentColor}.favorite-button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.favorite-button:hover{border-color:#f87171;background-color:#fef2f2}.heart-outline{width:24px;height:24px;stroke:#6b7280;fill:none;stroke-width:2}.favorite-button:hover .heart-outline{stroke:#f87171}.property-intro{font-size:16px;line-height:1.6;color:#4b5563;margin-bottom:48px}.detail-section{margin-bottom:48px}.section-heading{font-size:24px;font-weight:700;color:#111827;margin:0 0 24px}.info-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.info-block{padding:20px;background:#f9fafb;border-radius:12px}.info-title{font-size:14px;color:#6b7280;margin:0 0 4px;font-weight:400}.info-content{font-size:16px;color:#111827;font-weight:600}.details-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e5e7eb}.detail-name{font-size:14px;color:#6b7280}.detail-data{font-size:14px;color:#111827;font-weight:500}.features-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.feature-card{display:flex;gap:16px}.feature-symbol{width:48px;height:48px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-symbol svg{width:24px;height:24px;fill:#3b82f6}.feature-info{flex:1}.feature-name{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.feature-text{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.floor-plans-wrapper{display:grid;grid-template-columns:1fr;gap:32px}.floor-plan-item{border:1px solid #e5e7eb;border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s}.floor-plan-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.floor-plan-header{margin-bottom:20px}.floor-plan-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.floor-plan-description{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.floor-plan-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.floor-plan-image{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e5e7eb}.floor-plan-image img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;transition:transform .3s}.floor-plan-image:hover img{transform:scale(1.02)}.video-wrapper{position:relative;padding-bottom:56.25%;border-radius:16px;overflow:hidden;background:#f3f4f6}.video-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s}.video-wrapper:hover .video-play-overlay{opacity:1}.play-circle{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026}.play-triangle{width:0;height:0;border-left:20px solid #3b82f6;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}.content-sidebar{position:sticky;top:100px;margin-top:40px;min-width:0;max-width:100%}.pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;box-shadow:0 1px 3px #0000001a}.price-header{text-align:center;padding-bottom:24px;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.price-title{font-size:14px;color:#6b7280;margin:0 0 8px}.price-value{font-size:24px;font-weight:700;color:#111827;margin:0}.schedule-button{width:100%;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:24px}.schedule-button:hover{background:#2563eb}.contact-title{font-size:2.5rem;font-weight:600;color:#fff;margin:0 0 20px;text-align:center}.contact-fields{display:flex;flex-direction:column;gap:16px}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:14px;font-weight:500;color:#374151}.field-input,.field-textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.field-input:focus,.field-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.field-textarea{resize:vertical;min-height:80px}.submit-button{width:100%;background:#111827;color:#fff;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.submit-button:hover{background:#1f2937}.success-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;gap:12px}.success-icon{width:48px;height:48px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.success-icon svg{width:24px;height:24px}.success-text{font-size:18px;font-weight:600;color:#166534;margin:0}.success-subtext{font-size:14px;color:#16a34a;margin:0}.loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:#6b7280;font-size:16px}.error-wrapper{display:flex;align-items:center;justify-content:center;min-height:400px}.error-box{text-align:center;padding:48px}.error-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 16px}.error-button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.error-button:hover{background:#2563eb}@media (max-width: 1200px){.house-detail-container{max-width:1200px;padding:32px 20px}.main-content-grid{grid-template-columns:1fr 320px;gap:32px}.content-left-column{gap:32px}}@media (max-width: 1024px){.house-detail-container{padding:24px 16px}.hero-banner-fullwidth{height:400px}.hero-banner,.gallery-main-image{height:300px}.main-content-grid{grid-template-columns:1fr;gap:24px}.content-left-column{gap:24px}.content-sidebar{position:static;max-width:600px;margin:0 auto}.property-name{font-size:28px}.section-heading{font-size:22px}}@media (max-width: 768px){.house-detail-page{padding-top:70px}.house-detail-container{padding:20px 12px}.hero-banner-fullwidth{height:300px;margin-bottom:20px}.hero-banner{height:250px;margin-bottom:20px}.gallery-main-image{height:250px}.gallery-thumbnails{gap:6px;padding:4px 0}.gallery-thumbnail{width:55px;height:42px}.main-content-grid,.content-left-column{gap:20px}.property-heading{margin-bottom:16px}.property-intro{margin-bottom:20px}.info-layout,.details-layout,.features-layout{grid-template-columns:1fr;gap:12px}.feature-card{gap:10px}.feature-symbol{width:36px;height:36px}.feature-symbol svg{width:18px;height:18px}.feature-name{font-size:14px}.feature-text{font-size:12px}.section-heading{font-size:18px;margin-bottom:16px}.detail-section{margin-bottom:20px}.floor-plan-item{padding:16px}.floor-plan-title{font-size:16px}.floor-plan-images{grid-template-columns:1fr}.pricing-card{padding:20px}.price-value{font-size:20px}}@media (max-width: 480px){.house-detail-page{padding-top:60px}.house-detail-container{padding:16px 10px}.hero-banner-fullwidth{height:220px;margin-bottom:16px}.hero-banner{height:180px;margin-bottom:16px}.gallery-main-image{height:180px}.gallery-thumbnails{gap:4px;padding:4px 0}.gallery-thumbnail{width:45px;height:34px}.main-content-grid,.content-left-column{gap:16px}.property-heading{margin-bottom:12px}.property-name{font-size:20px}.property-intro{margin-bottom:16px;font-size:14px}.section-heading{font-size:16px;margin-bottom:12px}.detail-section{margin-bottom:16px}.info-block{padding:12px}.info-title{font-size:12px}.info-content{font-size:14px}.feature-card{gap:8px}.feature-symbol{width:32px;height:32px}.feature-symbol svg{width:16px;height:16px}.feature-name{font-size:13px}.feature-text{font-size:11px}.floor-plan-item{padding:12px}.floor-plan-title{font-size:14px}.floor-plan-description{font-size:12px}.pricing-card{padding:16px}.price-title{font-size:12px}.price-value{font-size:18px}.field-label{font-size:12px}.field-input,.field-textarea{padding:8px 12px;font-size:13px}.submit-button{padding:10px;font-size:14px}}@media (max-width: 360px){.house-detail-container{padding:12px 6px}.hero-banner{height:160px;margin-bottom:12px}.gallery-main-image{height:160px}.gallery-thumbnails{gap:3px}.gallery-thumbnail{width:40px;height:30px}.main-content-grid,.content-left-column{gap:10px}.property-name{font-size:16px}.section-heading{font-size:14px;margin-bottom:8px}.detail-section{margin-bottom:10px}.pricing-card{padding:12px}.price-value{font-size:16px}}.gallery-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center}.gallery-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;cursor:pointer}.gallery-modal-content{position:relative;width:90vw;height:90vh;max-width:1200px;max-height:800px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (max-width: 768px){.gallery-modal-content{width:95vw;height:85vh;border-radius:12px}.gallery-close-button{top:12px;right:12px;width:40px;height:40px}.gallery-close-button svg{width:20px;height:20px}}@media (max-width: 480px){.gallery-modal-content{width:98vw;height:90vh;border-radius:8px}.gallery-close-button{top:8px;right:8px;width:36px;height:36px}.gallery-close-button svg{width:18px;height:18px}}.gallery-close-button{position:absolute;top:16px;right:16px;z-index:10000;background:#00000080;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.gallery-close-button:hover{background:#000000b3;transform:scale(1.1)}.gallery-close-button svg{width:24px;height:24px;stroke:#fff;stroke-width:2}.gallery-modal .image-gallery{height:100%!important}.gallery-modal .image-gallery-content{height:calc(100% - 100px)!important;background:#000!important}.gallery-modal .image-gallery-content .image-gallery-slides{height:100%!important}.gallery-modal .image-gallery-content .image-gallery-slides .image-gallery-slide{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:500px!important}.gallery-modal .image-gallery-content .image-gallery-slides .image-gallery-slide .image-gallery-image{-o-object-fit:cover!important;object-fit:cover!important;width:100%!important;height:700px!important;max-width:none!important;min-height:500px!important}.gallery-modal-content .image-gallery{height:100%!important}.gallery-modal-content .image-gallery-content{height:calc(100% - 100px)!important;background:#000!important}.gallery-modal-content .image-gallery-slide{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.gallery-modal-content .image-gallery-image{-o-object-fit:cover!important;object-fit:cover!important;width:100%!important;height:100%!important;max-height:none!important;max-width:none!important}.gallery-main,.thumbnail-wrapper{cursor:pointer}.gallery-main:hover,.thumbnail-wrapper:hover{transform:scale(1.02)}@media (max-width: 768px){.gallery-modal-content .image-gallery-content{height:calc(100% - 80px)!important}.gallery-modal-content .image-gallery-thumbnails-wrapper{padding:0 10px!important}.gallery-modal-content .image-gallery-thumbnails{padding:5px 0!important}.gallery-modal-content .image-gallery-thumbnail{width:60px!important;height:40px!important;margin:0 2px!important}.gallery-modal-content .image-gallery-left-nav,.gallery-modal-content .image-gallery-right-nav{font-size:2.5em!important;padding:15px!important}.gallery-modal .image-gallery-content .image-gallery-slides .image-gallery-slide{min-height:300px!important}.gallery-modal .image-gallery-content .image-gallery-slides .image-gallery-slide .image-gallery-image{height:auto!important;min-height:300px!important;max-height:500px!important}.gallery-main:hover,.thumbnail-wrapper:hover{transform:none}.gallery-main:active,.thumbnail-wrapper:active{transform:scale(.98);transition:transform .1s}}@media (max-width: 480px){.gallery-modal-content .image-gallery-content{height:calc(100% - 70px)!important}.gallery-modal-content .image-gallery-thumbnail{width:50px!important;height:35px!important;margin:0 1px!important}.gallery-modal-content .image-gallery-left-nav,.gallery-modal-content .image-gallery-right-nav{font-size:2em!important;padding:10px!important}.gallery-modal-content .image-gallery-bullets{bottom:10px!important}.gallery-modal .image-gallery-content .image-gallery-slides .image-gallery-slide{min-height:250px!important}.gallery-modal .image-gallery-content .image-gallery-slides .image-gallery-slide .image-gallery-image{height:auto!important;min-height:250px!important;max-height:400px!important}}.works-page{width:100%;overflow-x:hidden}.video-banner{position:relative;width:100%;height:40vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.banner-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:1;-o-object-fit:cover;object-fit:cover}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2}.works-banner-content{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:3;width:100%;max-width:800px}.banner-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.banner-subtitle{font-size:1.5rem;font-weight:300;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.works-grid-section{padding:4rem 0;background-color:#f8f9fa}.container{max-width:1600px;margin:0 auto;padding:0 1rem}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.work-card{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001a;transition:transform .3s ease,box-shadow .3s ease;background:#fff}.work-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000026}.work-card-image{position:relative;height:400px;overflow:hidden}.work-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;filter:brightness(.85) contrast(1.1)}.work-card:hover .work-card-image img{transform:scale(1.05)}.work-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000b3,#00000080 40%,#0000004d,#0000001a);display:flex;align-items:flex-end;padding:1.5rem;opacity:1;transition:all .3s ease;z-index:4}.work-card:hover .work-card-overlay{background:linear-gradient(to top,#000c,#0009 40%,#0006,#0003)}.work-card-content{color:#fff;text-align:left;width:100%;position:absolute;bottom:0;left:0;padding:0;margin:0}.work-card-title{padding-left:15px;padding-bottom:8px;font-size:1.2rem;font-weight:400;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.8);letter-spacing:.5px}.work-card-description{padding-left:15px;padding-bottom:15px;font-size:.85rem;line-height:1.4;margin:0;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:pre-line}@media (max-width: 1024px){.works-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.banner-title{font-size:2.8rem}.banner-subtitle{font-size:1.3rem}}@media (max-width: 768px){.works-grid{grid-template-columns:1fr;gap:1.5rem}.works-banner-content{top:45%}.banner-title{font-size:2.2rem}.banner-subtitle{font-size:1.1rem}.container{padding:0 1.5rem}.works-grid-section{padding:2rem 0}.work-card-image{height:300px}.work-card-overlay{padding:1rem}.work-card-title{font-size:1rem;padding-bottom:6px}.work-card-description{font-size:.8rem;line-height:1.3}}@media (max-width: 480px){.banner-title{font-size:1.8rem}.banner-subtitle{font-size:1rem}.work-card-image{height:250px}.work-card-title{font-size:.9rem;padding-bottom:5px}.work-card-description{font-size:.75rem;line-height:1.3;padding-left:12px;padding-bottom:12px}.work-card-overlay{padding:.75rem}}.loading-state{text-align:center;padding:60px 20px;color:#666;font-size:1.1rem}.work-card img{transition:opacity .3s ease}.work-card img[src$=fallback]{opacity:.8;filter:grayscale(.3)}@media (max-width: 768px){.loading-state{padding:40px 20px;font-size:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;opacity:0;animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.modal-container{background:#fff;border-radius:12px;max-width:95vw;max-height:95vh;width:1200px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:#000000b3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.modal-close:hover{background:#000000e6;transform:scale(1.1)}.modal-close span{color:#fff;font-size:24px;font-weight:700}.modal-content{display:flex;flex-direction:column;height:100%;max-height:95vh;overflow:hidden}.main-image-container{position:relative;height:60vh;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.main-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.main-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.image-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:3rem 2rem 1.5rem;transform:translateY(100%);transition:transform .3s ease}.main-image-wrapper:hover .image-info{transform:translateY(0)}.image-info h4{font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.image-info p{font-size:.9rem;margin:0;opacity:.9;line-height:1.4}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;color:#333;transition:all .3s ease;z-index:5}.nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 5px 15px #0000004d}.prev-btn{left:1rem}.next-btn{right:1rem}.project-details{display:flex;flex-direction:column;padding:2rem;gap:1.5rem;background:#fff;overflow-y:auto;flex:1}.project-info-content{display:flex;gap:2rem}.details-left{flex:1}.details-left h2{font-size:2rem;font-weight:700;margin:0 0 1rem;color:#1a1a1a}.project-description{font-size:1rem;line-height:1.6;color:#666;margin-bottom:2rem;white-space:pre-line}.project-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #E85D04}.spec-label{font-weight:600;color:#333}.spec-value{color:#666;font-weight:500}.thumbnail-gallery{flex-shrink:0;width:100%;padding-top:1rem}.thumbnails-container{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:#E85D04 #f1f1f1}.thumbnails-container::-webkit-scrollbar{height:6px}.thumbnails-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.thumbnails-container::-webkit-scrollbar-thumb{background:#e85d04;border-radius:3px}.thumbnails-container::-webkit-scrollbar-thumb:hover{background:#d14d00}.thumbnail{flex-shrink:0;width:100px;height:75px;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .3s ease}.thumbnail:hover{border-color:#e85d04;transform:scale(1.05)}.thumbnail.active{border-color:#e85d04;box-shadow:0 0 0 2px #e85d044d}.thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.thumbnail:hover img{transform:scale(1.1)}.image-counter{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;z-index:10}@media (max-width: 768px){.modal-overlay{padding:1rem}.modal-container{width:100%;max-height:90vh}.main-image-container{height:50vh}.project-details{padding:1.5rem;gap:1rem}.project-info-content{flex-direction:column;gap:1rem}.thumbnail{width:80px;height:60px}.thumbnails-container{gap:.5rem}.details-left h2{font-size:1.5rem}.nav-btn{width:40px;height:40px;font-size:20px}.prev-btn{left:.5rem}.next-btn{right:.5rem}.project-specs{grid-template-columns:1fr}}@media (max-width: 480px){.modal-container{border-radius:0;height:100vh;max-height:100vh}.main-image-container{height:40vh}.project-details{padding:1rem}.thumbnail{width:70px;height:50px}.thumbnails-container{gap:.4rem}.details-left h2{font-size:1.3rem}.image-info{padding:2rem 1rem 1rem}}.news-page{min-height:100vh;background:#fff}.news-grid{display:grid;max-width:1400px;margin:0 auto;padding:0 1rem;gap:2rem;grid-auto-rows:max-content}@supports (grid-template-rows: masonry){.news-grid{grid-template-rows:masonry}}@media (min-width: 900px){.news-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;padding:0 2rem}}@media (min-width: 600px) and (max-width: 899px){.news-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 599px){.news-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}}.news-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:0}.news-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.news-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);opacity:0;transition:opacity .4s ease}.news-card:hover:before{opacity:1}.news-image{position:relative;height:220px;overflow:hidden;background:linear-gradient(45deg,#f3f4f6,#e5e7eb)}.news-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .6s cubic-bezier(.4,0,.2,1)}.news-card:hover .news-image img{transform:scale(1.05);filter:brightness(1.1) contrast(1.05)}.news-category{position:absolute;top:12px;right:12px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#374151;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.news-card:hover .news-category{transform:translateY(-2px);box-shadow:0 8px 12px -3px #00000026}.news-content{padding:1.5rem;position:relative}.news-meta{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.news-date{font-weight:600;background:#f3f4f6;padding:4px 8px;border-radius:6px;font-size:.8rem}.news-author{color:#8b5cf6;font-weight:500}.news-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.news-card:hover .news-title{color:#3b82f6}.news-excerpt{color:#6b7280;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-read-more{display:inline-flex;align-items:center;color:#3b82f6;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;background:linear-gradient(90deg,#3b82f6,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;padding:0;font-size:.9rem;position:relative}.news-read-more:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s ease}.news-read-more:hover:after{width:100%}.news-read-more:hover{transform:translate(4px)}.news-read-more svg{transition:transform .3s ease;margin-left:6px;color:#3b82f6}.news-read-more:hover svg{transform:translate(4px)}@media (max-width: 640px){.news-page .container{padding-left:1rem;padding-right:1rem}.news-page h1{font-size:2.5rem}.news-content{padding:1.25rem}.news-meta{margin-bottom:.75rem}.news-image{height:200px}.news-title{font-size:1.1rem}.news-excerpt{font-size:.9rem;margin-bottom:1.25rem}.news-read-more{font-size:.85rem}.news-card{border-radius:12px}.news-category{padding:4px 8px;font-size:.7rem}}@media (max-width: 480px){.news-grid{gap:1.25rem}.news-content{padding:1rem}.news-image{height:180px}.news-title{font-size:1rem;line-height:1.3}.news-excerpt{font-size:.85rem;-webkit-line-clamp:2}}.news-content-text{text-align:center;margin-top:100px;font-weight:300}.news-banner{display:flex;height:70vh;min-height:500px;position:relative;overflow:hidden}.news-banner-left{flex:1;background:linear-gradient(135deg,#161f3e,#161f3e,#4a5a7a);color:#fff;padding:4rem 3rem;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:200px}.news-banner-title{font-size:2.4rem;font-weight:400;line-height:1;margin-bottom:2rem;letter-spacing:-.02em}.news-banner-subtitle{font-size:1.2rem;line-height:1.6;opacity:.9;max-width:400px;margin-bottom:3rem}.news-banner-filters{margin-top:auto}.news-banner-right{flex:1;background:#f0fdfa;position:relative;display:flex;align-items:stretch;justify-content:center;padding:0;overflow:hidden}.featured-article{width:100%;height:100%;position:relative;display:flex;flex-direction:column;transition:all .3s ease}.featured-article:hover{transform:translateY(-3px);box-shadow:0 10px 25px -5px #00000026}.featured-article-category{display:inline-block;background:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.banner-nav-arrow{position:absolute;right:2rem;bottom:2rem;background:#fff;color:#4f46e5;border:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 25px #00000026;transition:all .3s ease;z-index:10}@media (max-width: 1024px){.news-banner{flex-direction:column;height:auto}.news-banner-left{padding:3rem 2rem}.news-banner-title{font-size:3rem}.news-banner-right{height:60vh;min-height:400px}.featured-article-content{padding:1.5rem}.featured-article-title{font-size:1.5rem}.banner-nav-arrow{right:1.5rem;bottom:1.5rem;width:48px;height:48px}.banner-nav-arrow svg{width:20px;height:20px}}@media (max-width: 768px){.news-banner-left{padding:2rem 1rem}.news-banner-title{font-size:2.5rem}.news-banner-subtitle{font-size:1rem}.news-banner-right{height:50vh;min-height:350px}.filter-buttons{gap:.25rem}.filter-button{padding:.4rem .8rem;font-size:.8rem}.featured-article-content{padding:1rem}.featured-article-title{font-size:1.25rem;margin-bottom:.75rem}.featured-article-excerpt{font-size:.9rem;margin-bottom:1rem}.featured-article-category{padding:.375rem .75rem;font-size:.8rem}.banner-nav-arrow{right:1rem;bottom:1rem;width:44px;height:44px}.banner-nav-arrow svg{width:18px;height:18px}}.news-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:#6b7280}.news-author{font-weight:500}.no-results{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.no-results p{font-size:1.125rem;color:#6b7280;margin:0}.featured-article .loading-placeholder{display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:8px;color:#6b7280;font-size:1rem}@media (max-width: 768px){.filter-buttons{flex-wrap:wrap;gap:.5rem}.filter-button{font-size:.875rem;padding:.5rem 1rem}.news-meta{flex-direction:column;gap:.5rem}}.latest-news-banner{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;border:1px solid #e5e7eb;height:-moz-fit-content;height:fit-content}.latest-news-banner-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #3b82f6;font-family:Prompt,Noto Sans Thai,sans-serif}.latest-news-banner-list{display:flex;flex-direction:column;gap:.875rem}.latest-news-banner-item{display:flex;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.latest-news-banner-item:hover{background-color:#f8fafc;border-color:#e2e8f0;transform:translateY(-1px)}.latest-news-banner-image{flex-shrink:0;width:55px;height:55px;border-radius:6px;overflow:hidden}.latest-news-banner-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.latest-news-banner-content{flex:1;display:flex;flex-direction:column;justify-content:center}.latest-news-banner-article-title{font-size:.875rem;font-weight:600;color:#374151;line-height:1.4;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.latest-news-banner-item:hover .latest-news-banner-article-title{color:#3b82f6}.latest-news-banner-date{font-size:.75rem;color:#6b7280;font-weight:500}@media (max-width: 768px){.latest-news-banner{margin-top:1rem;padding:1.25rem}.latest-news-banner-item{padding:.5rem}.latest-news-banner-image{width:45px;height:45px}.latest-news-banner-title{font-size:1.1rem}}.news-detail-page{min-height:100vh;background:#fff;font-family:Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:0;padding-top:0}.detail-banner{position:relative;height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3b82f6cc,#2563eb99);z-index:2}.detail-banner-content{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;color:#fff;max-width:800px;padding:2rem;width:100%}.banner-article-title{font-size:2.5rem;font-weight:800;line-height:1.2;color:#fff;margin-bottom:1rem;letter-spacing:-.02em;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-family:Kanit,sans-serif}.banner-article-subtitle{font-size:1.25rem;line-height:1.6;color:#fff;margin-bottom:2rem;font-weight:400;opacity:.95;text-shadow:1px 1px 2px rgba(0,0,0,.3);font-family:Kanit,sans-serif}.detail-nav{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #f0f0f0;z-index:100;padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#6b7280;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:20px;transition:all .2s ease;background:none;border:none;cursor:pointer;font-size:.9rem;font-family:Kanit,sans-serif}.back-link:hover{background:#f3f4f6;color:#374151}.nav-actions{display:flex;gap:.5rem}.action-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;border-radius:50%;color:#6b7280;cursor:pointer;transition:all .2s ease}.action-button:hover{background:#f3f4f6;color:#374151}.article-header{padding:3rem 0 2rem;border-bottom:1px solid #f0f0f0}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;justify-content:center}.detail-banner .article-meta{margin-bottom:1.5rem;justify-content:center}.category-badge{background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:Kanit,sans-serif}.read-time{color:#6b7280;font-size:.9rem;font-family:Kanit,sans-serif}.article-title{font-size:2.5rem;font-weight:800;line-height:1.2;color:#111827;margin-bottom:1rem;letter-spacing:-.02em;font-family:Kanit,sans-serif}.article-subtitle{font-size:1.25rem;line-height:1.6;color:#6b7280;margin-bottom:2rem;font-weight:400;font-family:Kanit,sans-serif}.author-info{display:flex;align-items:center;gap:1rem;justify-content:center}.detail-banner .author-info{justify-content:center;margin-top:1rem}.author-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem}.author-details{flex:1}.author-name{font-weight:600;color:#111827;margin-bottom:.25rem;font-family:Kanit,sans-serif}.publish-info{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem;font-family:Kanit,sans-serif}.separator{opacity:.5}.featured-image-container{margin:2rem 0 3rem;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 2rem}.featured-image{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:12px;box-shadow:0 10px 25px #0000001a}.article-main{padding:3rem 0 4rem;margin-top:0}.article-content{margin-bottom:3rem}.article-meta-info{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0;justify-content:center;flex-wrap:wrap;font-family:Kanit,sans-serif}.article-meta-info span{color:#6b7280;font-size:.9rem;font-weight:500;font-family:Kanit,sans-serif}.article-author{color:#111827!important;font-weight:600!important;font-family:Kanit,sans-serif}.article-date,.article-views{font-family:Kanit,sans-serif}.article-views:before{content:"•";margin:0 .5rem;color:#d1d5db}.content-body{line-height:1.8;font-size:1.1rem;color:#374151;font-family:Kanit,sans-serif}.content-body p{margin-bottom:1.5rem;font-family:Kanit,sans-serif}.content-body h2{font-size:1.75rem;font-weight:700;color:#111827;margin:2.5rem 0 1rem;line-height:1.3;font-family:Kanit,sans-serif}.content-body h3{font-size:1.5rem;font-weight:600;color:#111827;margin:2rem 0 1rem;line-height:1.4;font-family:Kanit,sans-serif}.content-body ul{margin:1.5rem 0;padding-left:0}.content-body li{list-style:none;margin-bottom:.75rem;padding-left:1.5rem;position:relative;font-family:Kanit,sans-serif}.content-body li:before{content:"•";position:absolute;left:0;color:#3b82f6;font-weight:700;font-size:1.2rem}.content-body strong{font-weight:700;color:#111827}.article-tags{margin-top:3rem;padding-top:2rem;border-top:1px solid #f0f0f0}.article-tags h3{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:1rem;font-family:Kanit,sans-serif}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#f3f4f6;color:#6b7280;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .2s ease;cursor:pointer;font-family:Kanit,sans-serif}.tag:hover{background:#e5e7eb;color:#374151}.related-articles{margin-top:4rem;padding-top:3rem;border-top:1px solid #f0f0f0}.related-articles h2{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:2rem;font-family:Kanit,sans-serif}.related-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.related-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;cursor:pointer;border:1px solid #f0f0f0}.related-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#e5e7eb}.related-image{width:100%;height:160px;-o-object-fit:cover;object-fit:cover}.related-content{padding:1.25rem}.related-category{display:inline-block;background:#f3f4f6;color:#6b7280;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-family:Kanit,sans-serif}.related-title{font-size:1rem;font-weight:600;color:#111827;line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Kanit,sans-serif}.related-date{color:#9ca3af;font-size:.85rem;font-family:Kanit,sans-serif}.contact-cta{background-color:#f8f9fa;padding:30px;border-radius:12px;margin:30px 0;text-align:center;border:2px solid #007bff;font-family:Kanit,sans-serif}.contact-cta h3{color:#007bff;margin-bottom:15px;font-family:Kanit,sans-serif}.contact-cta p{margin-bottom:20px;font-size:16px;font-family:Kanit,sans-serif}.contact-cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.contact-cta-button{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-family:Kanit,sans-serif;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.contact-cta-button.phone{background-color:#007bff;color:#fff}.contact-cta-button.phone:hover{background-color:#0056b3;transform:translateY(-2px)}.contact-cta-button.line{background-color:#25d366;color:#fff}.contact-cta-button.line:hover{background-color:#128c7e;transform:translateY(-2px)}.not-found{text-align:center;padding:4rem 2rem}.not-found h1{font-size:2rem;color:#111827;margin-bottom:1rem;font-family:Kanit,sans-serif}.back-button{background:#3b82f6;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Kanit,sans-serif}.back-button:hover{background:#2563eb;transform:translateY(-1px)}@media (max-width: 1024px){.banner-article-title{font-size:2.2rem}.banner-article-subtitle{font-size:1.1rem}}@media (max-width: 768px){.detail-banner{height:400px}.detail-banner-content{padding:1rem}.banner-article-title{font-size:1.8rem}.banner-article-subtitle{font-size:1rem}.article-meta{flex-direction:column;gap:.5rem}.author-info{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.detail-banner{height:350px}.banner-article-title{font-size:1.5rem}.banner-article-subtitle{font-size:.9rem}.detail-banner-content{padding:.75rem}}@media (max-width: 768px){.nav-container,.container{padding:0 1rem}.article-title{font-size:2rem}.article-subtitle{font-size:1.1rem}.featured-image-container{padding:0 1rem}.featured-image{height:250px}.content-body{font-size:1rem}.content-body h2{font-size:1.5rem}.content-body h3{font-size:1.25rem}.related-grid{grid-template-columns:1fr}.nav-actions{display:none}}@media (max-width: 480px){.article-header{padding:2rem 0 1rem}.article-title{font-size:1.75rem}.article-subtitle{font-size:1rem}.featured-image{height:200px;border-radius:8px}.author-info{flex-direction:column;align-items:flex-start;gap:.75rem}.category-badge{font-size:.7rem;padding:.2rem .6rem}}.blog-page{min-height:100vh;background:#fff}.blog-grid{display:grid;max-width:1400px;margin:0 auto;padding:0 1rem;gap:2rem;grid-auto-rows:max-content}@supports (grid-template-rows: masonry){.blog-grid{grid-template-rows:masonry}}@media (min-width: 1200px){.blog-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem;padding:0 2rem}}@media (min-width: 900px) and (max-width: 1199px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (min-width: 600px) and (max-width: 899px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 599px){.blog-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:0}.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#d97706,#b45309);opacity:0;transition:opacity .4s ease}.blog-card:hover:before{opacity:1}.blog-image{position:relative;height:220px;overflow:hidden;background:linear-gradient(45deg,#f3f4f6,#e5e7eb)}.blog-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .6s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-image img{transform:scale(1.05);filter:brightness(1.1) contrast(1.05)}.blog-category{position:absolute;top:12px;right:12px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#374151;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.blog-card:hover .blog-category{transform:translateY(-2px);box-shadow:0 8px 12px -3px #00000026}.blog-content{padding:1.5rem;position:relative}.blog-meta{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.blog-date{font-weight:600;background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:6px;font-size:.8rem}.blog-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.blog-card:hover .blog-title{color:#f59e0b}.blog-excerpt{color:#6b7280;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-read-more{display:inline-flex;align-items:center;color:#f59e0b;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;background:linear-gradient(90deg,#f59e0b,#d97706);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;padding:0;font-size:.9rem;position:relative}.blog-read-more:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#f59e0b,#d97706);transition:width .3s ease}.blog-read-more:hover:after{width:100%}.blog-read-more:hover{transform:translate(4px)}.blog-read-more svg{transition:transform .3s ease;margin-left:6px;color:#f59e0b}.blog-read-more:hover svg{transform:translate(4px)}@media (max-width: 640px){.blog-page .container{padding-left:1rem;padding-right:1rem}.blog-page h1{font-size:2.5rem}.blog-content{padding:1.25rem}.blog-meta{margin-bottom:.75rem}.blog-image{height:200px}.blog-title{font-size:1.1rem}.blog-excerpt{font-size:.9rem;margin-bottom:1.25rem}.blog-read-more{font-size:.85rem}.blog-card{border-radius:12px}.blog-category{padding:4px 8px;font-size:.7rem}}@media (max-width: 480px){.blog-grid{gap:1.25rem}.blog-content{padding:1rem}.blog-image{height:180px}.blog-title{font-size:1rem;line-height:1.3}.blog-excerpt{font-size:.85rem;-webkit-line-clamp:2}}.blog-content-text{text-align:center;margin-top:100px;font-weight:300}.blog-banner{display:flex;height:70vh;min-height:500px;position:relative;overflow:hidden}.blog-banner-left{flex:1;background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);color:#fff;padding:4rem 3rem;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:200px}.blog-banner-title{font-size:2.4rem;font-weight:400;line-height:1;margin-bottom:2rem;letter-spacing:-.02em}.blog-banner-subtitle{font-size:1.2rem;line-height:1.6;opacity:.9;max-width:400px;margin-bottom:3rem}.blog-banner-filters{margin-top:auto}.filter-section{margin-bottom:2rem}.filter-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.8rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-button{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-button:hover,.filter-button.active{background:#fff3;border-color:#ffffff80}.blog-banner-right{flex:1;background:#fef7ed;position:relative;display:flex;align-items:stretch;justify-content:center;padding:0;overflow:hidden}.featured-article{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.featured-article-image{width:100%;height:100%;flex:1;border-radius:0;overflow:hidden;box-shadow:none;margin-bottom:0;position:relative}.featured-article-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.featured-article-content{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:0;box-shadow:0 -10px 25px #0000001a;margin:0}.featured-article-category{display:inline-block;background:#f59e0b;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.featured-article-title{font-size:1.75rem;font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:1rem}.featured-article-excerpt{color:#6b7280;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.featured-article-meta{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#9ca3af;font-weight:500}.banner-nav-arrow{position:absolute;right:2rem;bottom:2rem;background:#fff;color:#f59e0b;border:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 25px #00000026;transition:all .3s ease;z-index:10}.banner-nav-arrow:hover{background:#f8fafc;transform:translate(4px);box-shadow:0 12px 35px #0003}.banner-nav-arrow svg{width:24px;height:24px}@media (max-width: 1024px){.blog-banner{flex-direction:column;height:auto}.blog-banner-left{padding:3rem 2rem}.blog-banner-title{font-size:3rem}.blog-banner-right{height:60vh;min-height:400px}.featured-article-content{padding:1.5rem}.featured-article-title{font-size:1.5rem}.banner-nav-arrow{right:1.5rem;bottom:1.5rem;width:48px;height:48px}.banner-nav-arrow svg{width:20px;height:20px}}@media (max-width: 768px){.blog-banner-left{padding:2rem 1rem}.blog-banner-title{font-size:2.5rem}.blog-banner-subtitle{font-size:1rem}.blog-banner-right{height:50vh;min-height:350px}.filter-buttons{gap:.25rem}.filter-button{padding:.4rem .8rem;font-size:.8rem}.featured-article-content{padding:1rem}.featured-article-title{font-size:1.25rem;margin-bottom:.75rem}.featured-article-excerpt{font-size:.9rem;margin-bottom:1rem}.featured-article-category{padding:.375rem .75rem;font-size:.8rem}.banner-nav-arrow{right:1rem;bottom:1rem;width:44px;height:44px}.banner-nav-arrow svg{width:18px;height:18px}}.promotion-page{min-height:100vh;background:#fff}.promotion-grid{display:grid;max-width:1400px;margin:0 auto;padding:0 1rem;gap:2rem;grid-auto-rows:max-content}@supports (grid-template-rows: masonry){.promotion-grid{grid-template-rows:masonry}}@media (min-width: 900px){.promotion-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;padding:0 2rem}}@media (min-width: 600px) and (max-width: 899px){.promotion-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 599px){.promotion-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}}.promotion-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:0}.promotion-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.promotion-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef4444,#dc2626,#b91c1c);opacity:0;transition:opacity .4s ease}.promotion-card:hover:before{opacity:1}.promotion-image{position:relative;height:220px;overflow:hidden;background:linear-gradient(45deg,#fef2f2,#fee2e2)}.promotion-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .6s cubic-bezier(.4,0,.2,1)}.promotion-card:hover .promotion-image img{transform:scale(1.05);filter:brightness(1.1) contrast(1.05)}.promotion-category{position:absolute;top:12px;right:12px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#374151;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.promotion-card:hover .promotion-category{transform:translateY(-2px);box-shadow:0 8px 12px -3px #00000026}.promotion-content{padding:1.5rem;position:relative}.promotion-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.promotion-card:hover .promotion-title{color:#ef4444}.promotion-excerpt{color:#6b7280;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.promotion-read-more{display:inline-flex;align-items:center;color:#ef4444;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;background:linear-gradient(90deg,#ef4444,#dc2626);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;padding:0;font-size:.9rem;position:relative}.promotion-read-more:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#ef4444,#dc2626);transition:width .3s ease}.promotion-read-more:hover:after{width:100%}.promotion-read-more:hover{transform:translate(4px)}.promotion-read-more svg{transition:transform .3s ease;margin-left:6px;color:#ef4444}.promotion-read-more:hover svg{transform:translate(4px)}@media (max-width: 640px){.promotion-page .container{padding-left:1rem;padding-right:1rem}.promotion-page h1{font-size:2.5rem}.promotion-content{padding:1.25rem}.promotion-image{height:200px}.promotion-title{font-size:1.1rem}.promotion-excerpt{font-size:.9rem;margin-bottom:1.25rem}.promotion-read-more{font-size:.85rem}.promotion-card{border-radius:12px}.promotion-category{padding:4px 8px;font-size:.7rem}}@media (max-width: 480px){.promotion-grid{gap:1.25rem}.promotion-content{padding:1rem}.promotion-image{height:180px}.promotion-title{font-size:1rem;line-height:1.3}.promotion-excerpt{font-size:.85rem;-webkit-line-clamp:2}}.promotion-content-text{text-align:center;margin-top:100px;font-weight:300}.m-auto{text-align:center;margin:auto}.promotion-banner-hero{position:relative;height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%}.banner-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.banner-hero-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ef4444cc,#dc262699);z-index:2}.promotion-banner-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;color:#fff;max-width:800px;padding:2rem;width:100%}.promotion-banner-main-title{font-size:2.1rem;font-weight:500;color:#fff;margin:0 0 12px;line-height:1.2;font-family:Kanit,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.3);text-align:center}.promotion-banner-subtitle{font-size:20px;color:#fff;line-height:1.7;max-width:800px;margin:0 auto;font-weight:300;text-shadow:1px 1px 2px rgba(0,0,0,.3);text-align:center}.promotion-banner-highlight{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;border-radius:20px;border:2px solid rgba(255,255,255,.2);display:inline-block;margin-top:1rem;text-align:center}.promotion-highlight-text{display:block;font-size:3rem;font-weight:900;color:#fbbf24;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:.5rem}.promotion-highlight-desc{font-size:1.2rem;font-weight:600;opacity:.9}@media (max-width: 1024px){.promotion-banner-main-title{font-size:1.9rem}.promotion-banner-subtitle{font-size:18px}}@media (max-width: 768px){.promotion-banner-hero{height:400px}.promotion-banner-content{padding:1rem}.promotion-banner-main-title{font-size:1.7rem}.promotion-banner-subtitle{font-size:16px}}@media (max-width: 480px){.promotion-banner-hero{height:350px}.promotion-banner-main-title{font-size:1.5rem}.promotion-banner-subtitle{font-size:14px}}.promotion-featured-content{max-width:600px}.promotion-badge{display:flex;gap:.5rem;margin-bottom:1rem}.discount-label{background:#ef4444;color:#fff;padding:.375rem .75rem;border-radius:6px;font-weight:600;font-size:.875rem}.active-label{background:#10b981;color:#fff;padding:.375rem .75rem;border-radius:6px;font-weight:600;font-size:.875rem}.expired-label{background:#6b7280;color:#fff;padding:.375rem .75rem;border-radius:6px;font-weight:600;font-size:.875rem}.promotion-expiry{display:flex;gap:.5rem;align-items:center;margin:1rem 0;font-size:.875rem;color:#fbbf24}.days-left{font-weight:600}.banner-cta-button{background:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:background .3s ease;margin-top:1rem}.banner-cta-button:hover{background:#2563eb}.promotion-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.promotion-date,.promotion-expiry{font-size:.8rem}.promotion-details{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;flex-wrap:wrap;gap:.5rem}.promotion-status{display:flex;gap:.5rem;align-items:center}.active-status{color:#10b981;font-size:.875rem;font-weight:500}.expired-status{color:#ef4444;font-size:.875rem;font-weight:500}.featured-badge{background:#fbbf24;color:#92400e;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.expired-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.promotion-read-more.disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.promotion-read-more.disabled:hover{background:#d1d5db}.no-promotions{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.no-promotions p{font-size:1.125rem;color:#6b7280;margin:0}.promotion-cta-section{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;padding:3rem 2rem;text-align:center;margin-top:3rem;color:#fff}.cta-content h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-content p{font-size:1.125rem;margin-bottom:2rem;opacity:.9;color:#fff}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:.875rem 1.5rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.cta-primary{background:#fff;color:#3b82f6}.cta-primary:hover{background:#f1f5f9;transform:translateY(-2px)}.cta-secondary{background:transparent;color:#fff;border:2px solid white}.cta-secondary:hover{background:#fff;color:#3b82f6;transform:translateY(-2px)}@media (max-width: 768px){.promotion-badge{flex-direction:column;gap:.25rem}.promotion-details{flex-direction:column;align-items:flex-start}.promotion-status{flex-wrap:wrap}.cta-buttons{flex-direction:column}.cta-content h2{font-size:1.5rem}.promotion-meta{flex-direction:column;gap:.25rem}.promotion-featured-content{max-width:100%}}.about{background:#f8f9fa;padding:0;overflow:hidden}.hero-video-container{position:relative;width:100%;height:50vh;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.about-hero-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:3;max-width:900px;width:90%}.hero-tags{font-size:.9rem;font-weight:500;letter-spacing:2px;color:#fffc;margin-bottom:1.5rem;text-transform:uppercase}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-project-info{position:absolute;bottom:-200px;left:50px;text-align:left;z-index:3}.project-name{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.project-type{font-size:1rem;color:#fffc;margin:0}.scroll-indicator{position:absolute;bottom:50px;right:50px;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;z-index:3;animation:bounce 2s infinite}.scroll-indicator svg{width:24px;height:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.about-sections{background:#fff}.about-section{padding:50px 0;overflow:hidden}.section-content{display:grid;grid-template-columns:3fr 2fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.section-content.left-text{grid-template-areas:"image text";grid-template-columns:3fr 2fr}.section-content.right-text{grid-template-areas:"text image";grid-template-columns:2fr 3fr}.section-text{grid-area:text}.section-image{grid-area:image}.section-title{font-size:1.2rem;font-weight:300;color:#2c3e50;margin-bottom:1.5rem;line-height:1.2}.section-description{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:1.5rem}.section-image img{width:100%;height:600px;-o-object-fit:cover;object-fit:contain;border-radius:12px;transition:transform .3s ease}.section-image img:hover{transform:scale(1.05)}.quote{font-size:1.5rem;font-style:italic;color:#3498db;border-left:4px solid #3498db;padding-left:2rem;margin:2rem 0;font-weight:600}.leader-info{margin:2rem 0}.leader-info h3{font-size:1.4rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.leader-info p{color:#7f8c8d;font-size:1rem}.process-steps{margin-top:2rem}.step{display:flex;gap:1.5rem;margin-bottom:2rem;align-items:flex-start}.step-number{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.step-content h4{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.step-content p{color:#555;line-height:1.6}.certifications{margin-top:2rem}.cert-item{margin-bottom:1.5rem}.cert-content h4{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.cert-content p{color:#555;line-height:1.6;font-size:.95rem}.quality-standards-layout{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0;width:100%;margin:0;padding:0;border:1px solid #e9ecef;background:#fff}.quality-text-column{display:flex;flex-direction:column;justify-content:flex-start;padding:40px;border-right:1px solid #e9ecef}.quality-text-column h2{font-size:1.6rem;font-weight:400;color:#2c3e50;margin-bottom:1rem;line-height:1.2}.quality-text-column p{font-size:1rem;line-height:1.6;color:#666;margin-bottom:2rem}.tasks-list{margin-top:2rem;flex-grow:1;padding-bottom:2rem}.task-item{display:flex;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.task-item:hover{background-color:#f8f9fa;padding-left:1rem;border-radius:8px;border-bottom:1px solid transparent}.task-item:last-child{border-bottom:none}.task-number{font-size:1rem;color:#3498db;font-weight:600;min-width:50px}.task-title{font-size:1rem;color:#2c3e50;font-weight:500}.quality-card{background:#fff;border-right:1px solid #e9ecef;transition:all .3s ease;cursor:pointer;padding:40px;display:flex;flex-direction:column}.quality-card:last-child{border-right:none}.quality-card:hover{background:#f8f9fa}.card-image{width:100%;height:200px;overflow:hidden;position:relative;margin-bottom:20px;border-radius:8px}.card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.quality-card:hover .card-image img{transform:scale(1.05)}.card-content{padding:0;position:relative;flex:1;display:flex;flex-direction:column}.card-title{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:1rem;line-height:1.3;flex-grow:1}.card-description{font-size:.95rem;line-height:1.6;color:#666;margin-bottom:1.5rem;flex-grow:1}.card-meta{margin-top:auto}.card-date{font-size:.8rem;color:#999;font-weight:500}.work-process-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start;max-width:1200px;margin:0 auto;padding:0 2rem}.work-process-description{position:sticky;top:100px}.work-process-box{background:#fff;padding:2.5rem;border:2px solid #e9ecef;border-radius:8px;transition:border-color .3s ease}.work-process-box:hover{border-color:#3498db}.work-process-box .section-title{font-size:1.8rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;line-height:1.3}.work-process-box .section-description{font-size:1rem;line-height:1.7;color:#555;margin-bottom:1.2rem;text-align:justify}.process-highlights{display:flex;gap:2rem;margin-top:2rem}.highlight-item{display:flex;flex-direction:column;align-items:center;text-align:center}.highlight-number{font-size:2.5rem;font-weight:700;color:#3498db;line-height:1;margin-bottom:.5rem}.highlight-text{font-size:.9rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:1px}.stages-grid{padding:2rem 0}.stages-title{font-size:1.8rem;font-weight:600;color:#2c3e50;margin-bottom:2rem;text-align:center;position:relative}.stages-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:#3498db;border-radius:2px}.stages-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1.5rem}.stage-box{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.stage-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71);transform:translate(-100%);transition:transform .3s ease}.stage-box:hover:before{transform:translate(0)}.stage-box:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a;border-color:#3498db}.stage-number{font-size:1rem;color:#3498db;font-weight:600;margin-bottom:1rem;display:block}.stage-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0;line-height:1.4}.stage-box:hover .stage-title{color:#3498db}.stage-image{width:100%;height:80px;margin-top:1rem;border-radius:8px;overflow:hidden}.stage-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.stage-box:hover .stage-image img{transform:scale(1.05)}@media (max-width: 768px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))!important}.col-span-3,.col-span-1{grid-column:span 1 / span 1!important}.quality-standards-section .grid-cols-4{grid-template-columns:1fr!important;gap:0!important}.quality-standards-section .gap-4{gap:0!important}.quality-standards-section .quality-card{border-right:none!important;border-bottom:1px solid #e9ecef!important;margin-bottom:0!important}.quality-standards-section .quality-card:last-child{border-bottom:none!important}.quality-standards-section .col-span-1,.quality-standards-section .col-span-3{grid-column:1 / -1!important}}@media (max-width: 1024px){.hero-title{font-size:3rem}.hero-project-info{bottom:3rem;left:2rem}.scroll-indicator{bottom:2rem;right:2rem}}@media (max-width: 768px){.hero-video-container{height:70vh}.hero-title{font-size:2.5rem}.hero-tags{font-size:.8rem}.hero-project-info{bottom:-150px;left:20px}.project-name{font-size:1.2rem}.scroll-indicator{bottom:30px;right:30px}.hero-video{min-width:100%;min-height:100%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.section-content{grid-template-columns:1fr!important;gap:40px;padding:0 1rem;display:grid!important}.section-content.left-text,.section-content.right-text{grid-template-areas:"text" "image"!important;grid-template-columns:1fr!important}.section-text{grid-area:text;width:100%!important}.section-image{grid-area:image;width:100%!important}.section-image img{width:100%!important;max-width:100%!important}.about .section-content{grid-template-columns:1fr!important;display:grid!important}.about .section-content.right-text{grid-template-areas:"text" "image"!important;grid-template-columns:1fr!important}.section-title{font-size:2rem}.section-description{font-size:1rem}.section-image img{height:300px}.quote{font-size:1.3rem;padding-left:1.5rem}.step{gap:1rem}.step-number{width:40px;height:40px;font-size:1rem}.quality-standards-section{padding:60px 15px}.quality-standards-layout{grid-template-columns:1fr!important;gap:0!important}.quality-text-column{grid-column:1 / -1;border-right:none;border-bottom:1px solid #e9ecef;margin-bottom:0}.quality-card{border-right:none!important;border-bottom:1px solid #e9ecef!important;padding:30px}.quality-card:last-child{border-bottom:none!important}.quality-card-container{grid-template-columns:1fr!important;gap:0!important}.work-process-layout{grid-template-columns:1fr;gap:40px;padding:0 1rem}.work-process-description{position:static}.work-process-box{padding:2rem}.work-process-box .section-title{font-size:1.8rem}.stages-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);gap:1rem}.stages-container .stage-box:last-child{grid-column:1 / -1}.stage-box{padding:1.2rem;min-height:140px}.stage-title{font-size:.95rem}.stages-title{font-size:1.5rem}.stage-image{height:60px}}@media (max-width: 480px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))!important}.col-span-3,.col-span-1{grid-column:span 1 / span 1!important}.quality-standards-section .grid-cols-4{grid-template-columns:1fr!important;gap:0!important}.quality-standards-section .gap-4{gap:0!important}.section-content{grid-template-columns:1fr!important;gap:30px;padding:0 15px;display:grid!important}.section-content.left-text,.section-content.right-text{grid-template-areas:"text" "image"!important;grid-template-columns:1fr!important}.section-text{grid-area:text;width:100%!important}.section-image{grid-area:image;width:100%!important}.section-image img{width:100%!important;max-width:100%!important;height:250px!important}.hero-title{font-size:2rem}.hero-tags{font-size:.8rem}.hero-project-info{bottom:-100px;left:15px}.project-name{font-size:1.1rem}.project-type{font-size:.9rem}.section-title{font-size:1.8rem}.quote{font-size:1.2rem}.quality-standards-section{padding:40px 15px}.quality-standards-layout{grid-template-columns:1fr!important;gap:0!important}.quality-text-column{grid-column:1;border-right:none;border-bottom:1px solid #e9ecef;margin-bottom:0;padding:30px}.quality-card{border-right:none!important;border-bottom:1px solid #e9ecef!important;padding:30px}.quality-card:last-child{border-bottom:none!important}.quality-card-container{grid-template-columns:1fr!important;gap:0!important}.card-image{height:180px}.card-title{font-size:1.1rem}.card-description{font-size:.9rem}.work-process-box{padding:1.5rem}.work-process-box .section-title{font-size:1.5rem}.stages-container{grid-template-columns:1fr;grid-template-rows:repeat(9,1fr);gap:.8rem}.stages-container .stage-box:last-child{grid-column:1}.stage-box{padding:1rem;min-height:120px}.stage-number{font-size:.9rem;margin-bottom:.5rem}.stage-title{font-size:.9rem}.stages-title{font-size:1.3rem}.stage-image{height:50px;margin-top:.5rem}}.about-hero-section{padding:60px 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.about-container{max-width:1200px;margin:0 auto;padding:0 20px}.about-header{text-align:center;margin-bottom:60px}.about-title{font-size:3.5rem;font-weight:700;color:#2c3e50;margin-bottom:20px;font-family:Kanit,sans-serif;letter-spacing:-.02em}.about-accent-line{width:80px;height:4px;background:linear-gradient(90deg,#e85d04,#ff8c42);margin:0 auto 30px;border-radius:2px}.about-subtitle{font-size:1.3rem;color:#6c757d;max-width:600px;margin:0 auto;line-height:1.6;font-weight:300}.about-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-bottom:60px}.timeline-card{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px #0000001a;border:1px solid #e9ecef;transition:all .3s ease;position:relative;overflow:hidden}.timeline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e85d04,#ff8c42)}.timeline-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.card-header{display:flex;align-items:center;margin-bottom:20px}.card-number{width:50px;height:50px;background:linear-gradient(135deg,#e85d04,#ff8c42);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-right:20px;box-shadow:0 4px 15px #e85d044d}.card-title{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0;font-family:Kanit,sans-serif}.card-content{font-size:1rem;color:#555;line-height:1.7;font-weight:300}.about-highlight{background:linear-gradient(135deg,#fff3e0,#ffe0b3);border:2px solid #ffb74d;padding:50px 40px;border-radius:25px;text-align:center;position:relative;overflow:hidden}.about-highlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,183,77,.1) 50%,transparent 70%);pointer-events:none}.highlight-icon{width:70px;height:70px;background:linear-gradient(135deg,#e85d04,#ff8c42);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 30px;box-shadow:0 8px 25px #e85d0466}.highlight-title{font-size:2.5rem;font-weight:600;color:#2c3e50;margin-bottom:25px;font-family:Kanit,sans-serif}.highlight-content{font-size:1.1rem;color:#444;line-height:1.8;max-width:800px;margin:0 auto;font-weight:300}@media (max-width: 768px){.about-hero-section{padding:60px 0}.about-container{padding:0 15px}.about-title{font-size:2.5rem}.about-subtitle{font-size:1.1rem}.about-timeline{grid-template-columns:1fr;gap:30px}.timeline-card{padding:30px 25px}.card-header{flex-direction:column;text-align:center}.card-number{margin-right:0;margin-bottom:15px}.about-highlight{padding:40px 25px}.highlight-title{font-size:2rem}}@media (max-width: 480px){.about-title{font-size:2rem}.timeline-card{padding:25px 20px}.about-highlight{padding:30px 20px}}.about-on-video{margin-top:80px;padding:0 20px;z-index:5;position:relative}.about-video-container{max-width:1000px;margin:0 auto}.about-video-content{text-align:center;padding:40px;max-width:900px;margin:0 auto}.about-video-title{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:20px;font-family:Kanit,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.1)}.about-video-accent-line{width:80px;height:4px;background:linear-gradient(90deg,#e85d04,#ff8c42);margin:0 auto 30px;border-radius:2px}.about-story-content{text-align:left;margin-top:20px}.hero-content-about{position:relative;z-index:10;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;margin-top:20px;margin-bottom:20px;margin-left:20px}.about-story-text{font-size:1.2rem;color:#000;line-height:1.8;margin-bottom:20px;font-weight:300;text-align:justify;text-indent:2em}.about-story-text strong{color:#e85d04;font-weight:600}.about-story-text:last-child{margin-bottom:0}@media (max-width: 768px){.about-on-video{margin-top:50px;padding:0 15px}.about-video-content{padding:30px 25px}.about-video-title{font-size:2.2rem}.about-story-text{font-size:1rem;line-height:1.7;text-indent:1.5em}}@media (max-width: 480px){.about-video-content{padding:25px 20px}.about-video-title{font-size:1.8rem}.about-story-text{font-size:.95rem;line-height:1.6;text-indent:1em;text-align:left}}.gallery-page{text-align:center}.gallery-banner{position:relative;width:100%;height:60vh;overflow:hidden;margin:0;padding:0;flex-shrink:0}.gallery-banner-content{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10;padding:32px}.gallery-section{padding:4rem 0;background:#fff}.gallery-section .container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:1.25rem;font-weight:600;color:#2c3e50;margin-bottom:3rem;font-family:Kanit,sans-serif;text-align:center}.gallery-header{margin-bottom:2rem;margin-top:4rem}.gallery-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.gallery-header p{font-size:1.125rem;color:#555;max-width:600px;margin:0 auto 2rem}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 auto;max-width:1200px}.grid-item{overflow:hidden;border-radius:8px;transition:transform .3s ease}.grid-item:hover{transform:translateY(-5px)}.grid-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.grid-item img:hover{transform:scale(1.05)}@media (max-width: 1024px){.image-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}.section-title{font-size:1rem}}@media (max-width: 768px){.gallery-section{padding:3rem 0}.gallery-section .container{padding:0 1rem}.image-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.section-title{font-size:.9rem;margin-bottom:2rem}}.gallery-video-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:2rem}.gallery-video-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.gallery-video-iframe-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px}.gallery-video-iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.gallery-video-wrapper{position:relative;width:100%;height:200px;overflow:hidden;border-radius:12px;cursor:pointer;transition:transform .3s ease}.gallery-video-wrapper:hover{transform:scale(1.02)}.gallery-video-thumbnail-container{position:relative;width:100%;height:100%;overflow:hidden}.gallery-video-thumbnail-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;pointer-events:none;transition:opacity .3s ease}.gallery-video-wrapper:hover .gallery-video-thumbnail-container:after{opacity:.7}.gallery-video-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.gallery-video-wrapper:hover .gallery-video-thumbnail{transform:scale(1.05)}.gallery-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;transition:transform .3s ease}.gallery-video-wrapper:hover .gallery-play-overlay{transform:translate(-50%,-50%) scale(1.1)}.gallery-play-button{width:60px;height:60px;background:#000c;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.gallery-video-wrapper:hover .gallery-play-button{background:#ff0000e6}.gallery-play-icon{margin-left:4px}.gallery-video-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px 12px 12px;transform:translateY(100%);transition:transform .3s ease}.gallery-video-wrapper:hover .gallery-video-overlay{transform:translateY(0)}.gallery-overlay-text{color:#fff;font-size:.9rem;margin:0;text-align:center;font-weight:500}.gallery-video-title{padding:1rem;text-align:center}.gallery-video-title h4{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem;font-family:Kanit,sans-serif}.gallery-watch-youtube-link{display:inline-block;background:#161f3e;color:#fff;padding:.4rem .8rem;border-radius:4px;text-decoration:none;font-size:.85rem;transition:background .3s ease}.gallery-watch-youtube-link:hover{background:#0f1629}@media (max-width: 480px){.image-grid{grid-template-columns:1fr}.section-title{font-size:.75rem}}.customer-testimonial-section{padding:4rem 0;background:#f8f9fa}.customer-testimonial-section .container{max-width:1200px;margin:0 auto;padding:0 2rem}.testimonial-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.testimonial-video{position:relative}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 8px 30px #00000026}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.testimonial-text{text-align:left;padding:2rem 0}.testimonial-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1rem;font-family:Kanit,sans-serif}.testimonial-subtitle{font-size:1.4rem;font-weight:500;color:#34495e;margin-bottom:2rem;line-height:1.4;font-family:Kanit,sans-serif}.testimonial-description{font-size:1rem;color:#666;line-height:1.6;margin-bottom:2rem;font-family:Sarabun,sans-serif}.read-more-btn{background-color:#daa520;color:#fff;border:none;padding:12px 30px;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-family:Kanit,sans-serif}.read-more-btn:hover{background-color:#b8860b;transform:translateY(-2px);box-shadow:0 4px 15px #daa5204d}@media (max-width: 768px){.customer-testimonial-section{padding:3rem 0}.testimonial-content{grid-template-columns:1fr;gap:2rem;text-align:center}.testimonial-text{text-align:center;padding:1rem 0}.testimonial-title{font-size:2rem}.testimonial-subtitle{font-size:1.2rem}.gallery-banner{height:50vh}.gallery-banner-content{top:50%;padding:20px}.banner-title{font-size:1.8rem}.banner-subtitle{font-size:16px}}@media (max-width: 480px){.gallery-banner{height:40vh}.gallery-banner-content{padding:16px}.banner-title{font-size:1.5rem}.banner-subtitle{font-size:14px}}.specification-page{background:#f8f9fa;padding:0}.spec-hero-container{position:relative;width:100%;height:40vh;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff}.spec-hero-video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.spec-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:2}.spec-hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:3;max-width:800px;width:90%}.spec-hero-content h1{margin-top:5rem;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.spec-hero-content p{font-size:1.3rem;line-height:1.6;color:#ffffffe6;margin:0}.spec-category-filter-container{padding:40px 0;background-color:#fff;border-bottom:1px solid #e0e0e0}.spec-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:0 2rem}.spec-category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 15px;background-color:#f0f3f7;border-radius:8px;border:1px solid #d1d9e6;cursor:pointer;transition:all .3s ease;text-align:center;min-height:120px}.spec-category-item:hover{background-color:#e0e7ef;border-color:#b0b9c9;transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.spec-category-item:hover .spec-cat-icon{transform:scale(1.1)}.spec-category-item.active{background-color:#161f3e;color:#fff;border-color:#0f1729;box-shadow:0 6px 15px #161f3e33}.spec-category-icon-wrapper{margin-bottom:10px;font-size:2rem;color:#161f3e;display:flex;justify-content:center;align-items:center}.spec-cat-icon{width:32px;height:32px;transition:all .3s ease}.spec-category-item.active .spec-category-icon-wrapper{color:#fff}.spec-category-name{font-size:.9rem;font-weight:500;color:#333}.spec-category-item.active .spec-category-name{color:#fff}.spec-content{background:#fff}.spec-intro{padding:80px 0 60px;text-align:center}.spec-intro .container{max-width:1000px;margin:0 auto;padding:0 2rem}.spec-intro h2{font-size:2.5rem;font-weight:600;color:#2c3e50;margin-bottom:2rem;line-height:1.3}.spec-intro p{font-size:1.2rem;line-height:1.8;color:#555;margin:0}.spec-intro-logo{margin-top:3rem;text-align:center}.spec-intro-logo img{width:100%;height:auto;border-radius:8px}.spec-sections{background:#fff}.no-specs-message{text-align:center;padding:40px 20px;font-size:1.2rem;color:#777}.spec-section{padding:60px 0;border-bottom:1px solid #eee}.spec-section:last-child{border-bottom:none}.spec-section.left-layout .spec-section-content{grid-template-areas:"text image";grid-template-columns:1fr 1fr}.spec-section.right-layout .spec-section-content{grid-template-areas:"image text";grid-template-columns:1fr 1fr}.spec-section-content{display:grid;gap:60px;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.spec-text{grid-area:text;padding:2rem}.spec-image{grid-area:image;position:relative}.spec-title{font-size:2rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;line-height:1.3}.spec-description{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:2rem}.spec-details ul{list-style:none;padding:0;margin:0}.spec-details li{font-size:1rem;line-height:1.8;color:#666;padding:.8rem 0 .8rem 2rem;position:relative;border-bottom:1px solid #f0f0f0}.spec-details li:last-child{border-bottom:none}.spec-details li:before{content:"✓";position:absolute;left:0;top:.8rem;color:#28a745;font-weight:700;font-size:1.1rem}.spec-image img{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:12px;transition:transform .3s ease}.spec-image:hover img{transform:scale(1.05)}.spec-number{position:absolute;top:-10px;right:-10px;background:#3498db;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;box-shadow:0 4px 12px #3498db4d}.spec-cta{padding:80px 0;background:linear-gradient(135deg,#161f3e,#24305c);color:#fff;text-align:center}.cta-content{max-width:800px;margin:0 auto;padding:0 2rem}.cta-content h2{font-size:2.5rem;font-weight:600;margin-bottom:1.5rem;line-height:1.3}.cta-content p{font-size:1.2rem;line-height:1.8;margin-bottom:3rem;color:#ffffffe6}.cta-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.cta-button{display:inline-block;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;min-width:200px}.cta-button.primary{background:#0e173b;color:#fff}.cta-button.primary:hover{background:#0f1729;transform:translateY(-2px);box-shadow:0 8px 20px #161f3e4d}.cta-button.secondary{background:transparent;color:#fff;border:2px solid white}.cta-button.secondary:hover{background:#fff;color:#161f3e;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 1024px){.spec-hero-content h1{font-size:3rem}.spec-category-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px}.spec-category-item{padding:15px 10px;min-height:110px}.spec-section-content{gap:40px}.spec-title{font-size:1.8rem}}@media (max-width: 768px){.spec-hero-container{height:50vh}.spec-hero-content h1{font-size:1.5rem}.spec-hero-content p{font-size:1.1rem}.spec-category-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.spec-category-item{padding:12px 8px;min-height:100px}.spec-category-icon-wrapper{font-size:1.8rem}.spec-cat-icon{width:28px;height:28px}.spec-category-name{font-size:.8rem}.spec-intro h2{font-size:2rem}.spec-intro p{font-size:1.1rem}.spec-intro-logo img{max-width:300px}.spec-section{padding:40px 0}.spec-section-content{grid-template-columns:1fr!important;grid-template-areas:"image" "text"!important;gap:30px}.spec-text{padding:1rem}.spec-title{font-size:1.5rem}.spec-description{font-size:1rem}.spec-image img{height:300px}.spec-number{width:50px;height:50px;font-size:1rem}.cta-content h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center;gap:1rem}.cta-button{width:100%;max-width:300px}}@media (max-width: 480px){.spec-hero-content h1{font-size:2rem}.spec-category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.spec-category-item{padding:10px 5px;min-height:90px}.spec-category-icon-wrapper{font-size:1.5rem}.spec-cat-icon{width:24px;height:24px}.spec-category-name{font-size:.75rem}.spec-intro{padding:60px 0 40px}.spec-intro h2{font-size:1.8rem}.spec-intro-logo img{max-width:250px}.spec-section{padding:30px 0}.spec-text{padding:.5rem}.spec-title{font-size:1.3rem}.spec-image img{height:250px}.spec-number{width:40px;height:40px;font-size:.9rem}.spec-cta{padding:60px 0}.cta-content h2{font-size:1.8rem}.cta-content p{font-size:1rem}}.spec-section{animation:fadeInUp .6s ease-out}.spec-section:nth-child(2n){animation-delay:.1s}.spec-section:nth-child(odd){animation-delay:.2s}.cost-calculator-page{min-height:100vh;background-color:#f8f9fa}.calculator-hero-section{position:relative;height:60vh;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;color:#fff;max-width:800px;padding:0 20px;width:100%}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.hero-content p{font-size:1.2rem;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.calculator-section{padding:80px 0;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.calculators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:40px;margin-bottom:60px}.calculator-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a;border:1px solid #e9ecef;transition:transform .3s ease,box-shadow .3s ease}.calculator-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.calculator-card h2{font-size:1.8rem;font-weight:700;color:#2c5530;margin-bottom:30px;text-align:center;border-bottom:3px solid #4CAF50;padding-bottom:15px}.calculator-form{display:flex;flex-direction:column;gap:30px}.input-group{display:flex;flex-direction:column;gap:10px}.input-group label{font-weight:600;color:#495057;font-size:1.1rem}.input-group input{padding:15px 20px;border:2px solid #e9ecef;border-radius:10px;font-size:1.1rem;transition:border-color .3s ease,box-shadow .3s ease;background-color:#f8f9fa}.input-group input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;background-color:#fff}.calculation-display{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;padding:25px;border:1px solid #dee2e6}.formula{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;font-size:1.3rem;font-weight:600}.input-value{color:#007bff;font-weight:700;min-width:60px;text-align:center}.operator{color:#6c757d;font-weight:700}.multiplier{color:#28a745;font-weight:700}.result{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#fff;border-radius:10px;border:2px solid #4CAF50}.result-label{font-size:1.1rem;color:#495057;font-weight:600}.result-value{font-size:1.8rem;font-weight:700;color:#2c5530;text-align:center}.info-section{margin-top:60px}.info-card{background:linear-gradient(135deg,#e8f5e8,#f1f8f1);border-radius:20px;padding:40px;border:1px solid #c3e6cb}.info-card h3{font-size:1.5rem;font-weight:700;color:#2c5530;margin-bottom:25px;text-align:center}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{border-bottom:1px solid rgba(76,175,80,.2);color:#495057;font-size:1rem;line-height:1.6;position:relative;padding:12px 0 12px 30px}.info-card li:last-child{border-bottom:none}.info-card li:before{content:"•";color:#4caf50;font-weight:700;position:absolute;left:10px;font-size:1.2rem}@media (max-width: 768px){.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}.calculators-grid{grid-template-columns:1fr;gap:30px}.calculator-card{padding:30px 20px}.calculator-card h2{font-size:1.5rem}.formula{font-size:1.1rem;flex-direction:column;gap:5px}.result-value{font-size:1.5rem}.info-card{padding:30px 20px}.calculator-hero-section{height:50vh;min-height:300px}}@media (max-width: 480px){.container{padding:0 15px}.calculators-grid{grid-template-columns:1fr;gap:20px}.calculator-card{padding:25px 15px}.hero-content h1{font-size:1.8rem}.result-value{font-size:1.3rem}.formula{font-size:1rem}}.faq-page{min-height:100vh;width:100%;background-color:#fff;font-family:Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.faq-banner{position:relative;width:100%;height:60vh;overflow:hidden;margin:0;padding:0;flex-shrink:0}.banner-background{position:absolute;top:0;left:0;width:100%;height:100%}.banner-background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.faq-banner-content{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10;padding:32px}.banner-title{font-size:2.1rem;font-weight:500;color:#fff;margin:0 0 12px;line-height:1.2;font-family:Kanit,sans-serif}.banner-subtitle{font-size:20px;color:#fff;line-height:1.7;max-width:800px;margin:0 auto;font-weight:300}.faq-page .container{padding:80px 0}.faq-content{max-width:800px;margin:0 auto}.faq-item{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 6px 20px #00000026}.faq-question{width:100%;padding:25px 30px;background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;color:#2c3e50;transition:background-color .3s ease}.faq-question:hover{background-color:#f8f9fa}.faq-icon{font-size:1.5rem;font-weight:700;color:#007bff;transition:transform .3s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 30px 30px;animation:fadeIn .3s ease}.faq-answer p{line-height:1.7;color:#495057;margin-bottom:20px;font-size:1rem}.faq-links{display:flex;gap:15px;flex-wrap:wrap}.faq-link{display:inline-flex;align-items:center;padding:8px 16px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .3s ease}.faq-link:hover{background-color:#0056b3;transform:translateY(-2px);text-decoration:none;color:#fff}.faq-footer{margin-top:80px;text-align:center}.faq-contact-cta{background:#fff;padding:40px;border-radius:15px;box-shadow:0 6px 20px #0000001a;max-width:600px;margin:0 auto}.faq-contact-cta h3{font-size:1.8rem;color:#2c3e50;margin-bottom:10px}.faq-contact-cta p{color:#6c757d;margin-bottom:30px;font-size:1.1rem}.cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid transparent}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3;transform:translateY(-2px);text-decoration:none;color:#fff}.btn-secondary{background-color:transparent;color:#007bff;border-color:#007bff}.btn-secondary:hover{background-color:#007bff;color:#fff;transform:translateY(-2px);text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.faq-banner{height:50vh}.faq-banner-content{padding:16px}.banner-title{font-size:1.8rem}.banner-subtitle{font-size:16px}.faq-page .container{padding:60px 0}.faq-question{padding:20px;font-size:1rem}.faq-answer{padding:0 20px 25px}.faq-contact-cta{padding:30px 20px;margin:0 20px}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:250px}}/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-700:oklch(52% .105 223.128);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-700:oklch(45.7% .24 277.023);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-700:oklch(49.6% .265 301.924);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-600:oklch(59.2% .249 .584);--color-pink-800:oklch(45.9% .187 3.815);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-thin:100;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-20{bottom:calc(var(--spacing)*20)}.left-0{left:calc(var(--spacing)*0)}.left-4{left:calc(var(--spacing)*4)}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-20{margin-top:calc(var(--spacing)*20)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-20{margin-bottom:calc(var(--spacing)*20)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-48{height:calc(var(--spacing)*48)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1\/5{width:20%}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-\[30\%\]{width:30%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[500px\]{max-width:500px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.flex-shrink-0{flex-shrink:0}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-cyan-200{background-color:var(--color-cyan-200)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-red-100{background-color:var(--color-red-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.bg-white\/40{background-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-20{padding-top:calc(var(--spacing)*20)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-cyan-700{color:var(--color-cyan-700)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-700{color:var(--color-indigo-700)}.text-pink-600{color:var(--color-pink-600)}.text-pink-800{color:var(--color-pink-800)}.text-purple-700{color:var(--color-purple-700)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white)50%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1500{--tw-duration:1.5s;transition-duration:1.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-white\/60:hover{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/60:hover{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:48rem){.md\:right-6{right:calc(var(--spacing)*6)}.md\:bottom-28{bottom:calc(var(--spacing)*28)}.md\:left-6{left:calc(var(--spacing)*6)}.md\:mb-6{margin-bottom:calc(var(--spacing)*6)}.md\:mb-8{margin-bottom:calc(var(--spacing)*8)}.md\:mb-10{margin-bottom:calc(var(--spacing)*10)}.md\:flex{display:flex}.md\:h-16{height:calc(var(--spacing)*16)}.md\:w-\[70\%\]{width:70%}.md\:max-w-md{max-width:var(--container-md)}.md\:max-w-xl{max-width:var(--container-xl)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:py-6{padding-block:calc(var(--spacing)*6)}.md\:pt-30{padding-top:calc(var(--spacing)*30)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:right-12{right:calc(var(--spacing)*12)}.lg\:bottom-32{bottom:calc(var(--spacing)*32)}.lg\:left-12{left:calc(var(--spacing)*12)}.lg\:max-w-2xl{max-width:var(--container-2xl)}.lg\:max-w-lg{max-width:var(--container-lg)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:px-12{padding-inline:calc(var(--spacing)*12)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:80rem){.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}}*{box-sizing:border-box;max-width:100%;margin:0;padding:0}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.grayscale{filter:grayscale()}.grayscale-0{filter:grayscale(0%)}.tracking-widest{letter-spacing:.25em}body{color:#32322f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;max-width:100%;font-family:Inter,Kanit,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}#root{max-width:100%;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.section-header{text-align:center;margin-bottom:60px}.section-title{color:#2d3436;margin-bottom:0;font-family:Kanit,sans-serif;font-size:2.5rem;font-weight:300;line-height:1.3}.section-subtitle{color:#666;max-width:800px;margin:auto auto 0;font-family:Kanit,sans-serif;font-size:1rem;font-weight:300;line-height:1.7}.main-title,.services-main-title,.innovation-main-title,.portfolio-title,.about-title{color:#2d3436;margin-bottom:20px;font-family:Kanit,sans-serif;font-size:2.5rem;font-weight:300;line-height:1.3}.project-header h2,.project-title{color:inherit;margin-bottom:20px;font-family:Kanit,sans-serif;font-size:2.5rem;font-weight:300;line-height:1.3}.btn-primary{color:#fff;background:#e85d04;border:none;border-radius:8px;padding:12px 24px;font-family:Kanit,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary:hover{background:#d00000;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 25px #e85d0466}.btn-secondary{color:#e85d04;background:0 0;border:2px solid #e85d04;border-radius:8px;padding:10px 22px;font-family:Kanit,sans-serif;font-weight:600;transition:all .3s}.btn-secondary:hover{color:#fff;background:#e85d04;transform:translateY(-2px)}.section-padding{padding:80px 0}.text-center{text-align:center}.font-kanit{font-family:Kanit,sans-serif!important;font-weight:300!important}.card{background:#fff;border:1px solid #ecf0f1;border-radius:16px;transition:all .3s;box-shadow:0 4px 20px #00000014}.card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0000001f}.accent-color{color:#e85d04}.accent-bg{background:#e85d04}.gradient-bg{background:linear-gradient(135deg,#32322f,#1a1a1a)}.gradient-accent{background:linear-gradient(135deg,#e85d04,#d00000)}.shadow-soft{box-shadow:0 4px 20px #00000014}.shadow-medium{box-shadow:0 8px 30px #0000001f}.shadow-strong{box-shadow:0 12px 40px #00000026}.text-primary{color:#32322f}.text-secondary{color:#7f8c8d}.text-muted{color:#95a5a6}.space-xs{margin:.5rem}.space-sm{margin:1rem}.space-md{margin:1.5rem}.space-lg{margin:2rem}.space-xl{margin:3rem}.no-overflow-x{max-width:100%!important;overflow-x:hidden!important}.fit-screen{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}@media (max-width:1024px){.section-title,.main-title,.services-main-title,.innovation-main-title,.portfolio-title,.about-title,.project-header h2,.project-title{font-size:2.2rem}}@media (max-width:768px){.section-title,.main-title,.services-main-title,.innovation-main-title,.portfolio-title,.about-title,.project-header h2,.project-title{font-size:2rem}.container{padding:0 15px}}@media (max-width:480px){.section-title,.main-title,.services-main-title,.innovation-main-title,.portfolio-title,.about-title,.project-header h2,.project-title{font-size:1.8rem}.section-subtitle{font-size:.9rem}}.house-designs-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.house-designs-hero{text-align:center;color:#fff;background:linear-gradient(#0009,#0006),url(/assets/Mancave006-DcbBMVrK.jpg) 50%/cover;justify-content:center;align-items:center;height:60vh;display:flex;position:relative}.hero-content{max-width:800px;padding:0 20px;animation:1s fadeInUp}.hero-title{text-shadow:2px 2px 4px #0000004d;margin-bottom:1.5rem;font-family:Kanit,sans-serif;font-size:4rem;font-weight:300}.hero-description{opacity:.95;text-shadow:1px 1px 2px #0000004d;font-size:1.25rem;font-weight:300;line-height:1.7}.house-designs-layout{max-width:1600px;min-height:40vh;margin:0 auto;display:flex;position:relative}.house-designs-sidebar{z-index:100;background:linear-gradient(135deg,#fff,#f8f9fa);border-right:1px solid #e9ecef;width:380px;height:100vh;padding-top:80px;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:4px 0 20px #00000014}.house-designs-sidebar::-webkit-scrollbar{width:8px}.house-designs-sidebar::-webkit-scrollbar-track{background:#f8f9fa80}.house-designs-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e85d04,#d00000);border-radius:10px;-webkit-transition:all .3s;transition:all .3s}.house-designs-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d00000,#b91c1c)}.sidebar-content{height:100%;padding:2rem 1.5rem}.filters-title{color:#fff;text-align:center;margin-bottom:1.5rem;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:600}.filter-group{margin-bottom:1.5rem}.filter-label{color:#fff;margin-bottom:.75rem;font-family:Kanit,sans-serif;font-size:1rem;font-weight:500;display:block}.filter-select{color:#32322f;cursor:pointer;background:#fffffff2;border:none;border-radius:12px;width:100%;padding:12px 16px;font-family:Kanit,sans-serif;font-size:1rem;font-weight:400;transition:all .3s;box-shadow:0 2px 8px #0000001a}.filter-select:focus{background:#fff;outline:none;transform:translateY(-1px);box-shadow:0 4px 20px #00000026}.filter-select:hover{background:#fff;transform:translateY(-1px)}.projects-nav{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #00000014}.nav-title{color:#32322f;text-align:center;border-bottom:2px solid #f8f9fa;margin-bottom:1.5rem;padding-bottom:1rem;font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:600}.projects-list{flex-direction:column;gap:.5rem;display:flex}.project-nav-item{cursor:pointer;text-align:left;background:#f8f9fa;border:none;border-left:4px solid #0000;border-radius:12px;align-items:center;gap:1rem;padding:1rem;font-family:Kanit,sans-serif;transition:all .3s;display:flex}.project-nav-item:hover{background:linear-gradient(135deg,#fff,#f0f8ff);border-left-color:#e85d04;transform:translate(4px);box-shadow:0 4px 20px #e85d041a}.project-nav-item.active{color:#fff;background:linear-gradient(135deg,#e85d04,#d00000);border-left-color:#fff;transform:translate(8px);box-shadow:0 8px 25px #e85d044d}.project-number{color:inherit;text-align:center;background:#fff3;border-radius:8px;min-width:45px;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.project-nav-item.active .project-number{color:#e85d04;background:#ffffffe6}.project-name{flex:1;font-size:.95rem;font-weight:500;line-height:1.4}.project-price{opacity:.8;font-size:.875rem;font-weight:600}.project-nav-item.active .project-price{opacity:1}.house-designs-main{background:#fff;flex:1;padding:2rem}.projects-grid{grid-template-columns:1fr;gap:3rem;max-width:1000px;margin:0 auto;display:grid}.project-card{background:#fff;border:1px solid #e85d041a;border-radius:24px;transition:all .4s;overflow:hidden;box-shadow:0 12px 40px #00000014}.project-card:hover{border-color:#e85d044d;transform:translateY(-8px);box-shadow:0 20px 60px #00000026}.project-images{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:2px;height:320px;display:grid;overflow:hidden}.project-image{background:#f8f9fa;border-radius:0;position:relative;overflow:hidden}.project-image:first-child{border-top-left-radius:24px;grid-row:1/3}.project-image:nth-child(2){border-top-right-radius:24px}.project-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all .4s}.project-card:hover .project-image img{transform:scale(1.05)}.image-overlay{color:#fff;background:linear-gradient(135deg,#e85d04,#d00000);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0003}.project-info{padding:2rem}.project-title{color:#32322f;margin-bottom:1rem;font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.4}.project-details-portfolio{color:#fff;flex-direction:column;flex:1;gap:1rem;display:flex;overflow-y:auto}.project-details{flex-direction:column;gap:1rem;display:flex}.price{color:#e85d04;font-family:Kanit,sans-serif;font-size:1.75rem;font-weight:700}.details-grid{color:#666;grid-template-columns:1fr 1fr;gap:.75rem;font-size:.95rem;font-weight:400;display:grid}.details-grid span{align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.category-badge{color:#32322f;text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e85d04;border-radius:12px;margin-top:.5rem;padding:.75rem 1.25rem;font-family:Kanit,sans-serif;font-size:.875rem;font-weight:500;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.house-designs-sidebar{width:320px}.hero-title{font-size:3rem}}@media (max-width:768px){.house-designs-layout{flex-direction:column}.house-designs-sidebar{width:100%;height:auto;padding-top:0;position:relative}.house-designs-main{margin-left:0;padding:1rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.project-images{grid-template-rows:200px 100px 100px;grid-template-columns:1fr}.project-image:first-child{border-radius:24px 24px 0 0;grid-row:1}}.house-designs-main::-webkit-scrollbar{width:8px}.house-designs-main::-webkit-scrollbar-track{background:#f8f9fa80}.house-designs-main::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e85d04,#d00000);border-radius:10px}*{transition:color .3s,background-color .3s,border-color .3s,transform .3s,box-shadow .3s}.project-image:hover .project-hover-overlay{opacity:1!important;background-color:#e85d04cc!important}.project-image:hover img{transform:scale(1.05)}.property-detail-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.property-detail-card{background:#fff;border-radius:12px;transition:all .3s;box-shadow:0 2px 12px #00000014}.property-detail-card:hover{box-shadow:0 4px 20px #0000001f}.property-image-main{-o-object-fit:cover;object-fit:cover;border-radius:12px;height:400px;transition:transform .3s;box-shadow:0 4px 16px #0000001a}.property-image-main:hover{transform:scale(1.02)}.property-image-thumbnail{-o-object-fit:cover;object-fit:cover;border-radius:8px;height:190px;transition:transform .3s;box-shadow:0 2px 8px #00000014}.property-image-thumbnail:hover{transform:scale(1.05)}.property-gallery-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(45deg,#000000b3,#0006);border-radius:8px}.property-title{color:#1a1a1a;letter-spacing:-.02em;font-family:Kanit,sans-serif;font-weight:600;line-height:1.2}.property-location{color:#64748b;font-weight:400}.property-location .material-icons{color:#e85d04;font-size:18px!important}.property-description{color:#475569;font-weight:400;line-height:1.7}.property-info-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;transition:all .3s;box-shadow:0 1px 8px #0000000a}.property-info-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.property-info-title{color:#1e293b;font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:600}.property-info-label{color:#94a3b8;margin-bottom:4px;font-size:.875rem;font-weight:500}.property-info-value{color:#334155;font-size:.95rem;font-weight:600}.property-feature-item{border-bottom:1px solid #f1f5f9;padding:12px 0;transition:all .3s}.property-feature-item:last-child{border-bottom:none}.property-feature-item:hover{background:#f8fafc;border-radius:8px;margin:0 -16px;padding:12px 16px}.property-feature-icon{color:#e85d04!important;font-size:20px!important}.property-feature-title{color:#1e293b;margin-bottom:2px;font-weight:600}.property-feature-description{color:#64748b;line-height:1.5}.property-price-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;position:sticky;top:32px;box-shadow:0 4px 20px #00000014}.property-price{color:#e85d04;font-family:Kanit,sans-serif;font-size:2rem;font-weight:700;line-height:1.1}.property-cta-button{color:#fff;background:linear-gradient(135deg,#1f2937,#374151);border:none;border-radius:12px;padding:12px 24px;font-family:Kanit,sans-serif;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #1f29374d}.property-cta-button:hover{background:linear-gradient(135deg,#374151,#4b5563);transform:translateY(-2px);box-shadow:0 6px 20px #1f293766}.property-agent-avatar{color:#fff;background:linear-gradient(135deg,#e85d04,#f97316);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:600;display:flex;box-shadow:0 4px 12px #e85d044d}.property-agent-name{color:#1e293b;font-family:Kanit,sans-serif;font-weight:600}.property-agent-email{color:#94a3b8;font-size:.75rem}.property-contact-button{color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:10px 20px;font-family:Kanit,sans-serif;font-weight:500;transition:all .3s}.property-contact-button:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.property-breadcrumb{color:#64748b;margin-bottom:24px;font-size:.875rem}.property-breadcrumb button{color:#64748b;transition:color .3s}.property-breadcrumb button:hover{color:#e85d04}.property-favorite-button{background:#fff;border:2px solid #f1f5f9;border-radius:50%;padding:12px;transition:all .3s;box-shadow:0 2px 8px #0000000d}.property-favorite-button:hover{background:#fef2f2;border-color:#fecaca;transform:scale(1.1)}.property-favorite-button .material-icons{color:#e85d04!important;font-size:24px!important}.property-video-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(45deg,#0006,#0003)}.property-play-button{background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex;box-shadow:0 4px 16px #0003}.property-play-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 24px #0000004d}.property-play-button .material-icons{color:#e85d04!important;font-size:2.5rem!important}@media (max-width:768px){.property-image-main{height:250px}.property-image-thumbnail{height:120px}.property-title,.property-price{font-size:1.75rem}.property-price-card{margin-top:24px;position:static}.property-info-card{margin-bottom:16px}}.property-breadcrumb-wide{color:#64748b;margin-bottom:32px;padding:16px 0;font-size:.875rem}.property-breadcrumb-link{color:#64748b;font-size:inherit;cursor:pointer;background:0 0;border:none;transition:color .3s}.property-gallery-layout{grid-template-columns:2fr 1fr;gap:16px;height:400px;margin-bottom:40px;display:grid}.property-main-image-container{border-radius:16px;height:100%;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}.property-main-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;max-height:50vh;transition:transform .3s}.property-main-image:hover{transform:scale(1.02)}.property-thumbnail-grid{grid-template-rows:repeat(2,1fr);gap:12px;display:grid}.property-thumbnail-item{border-radius:12px;height:calc(25vh - 6px);position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.property-thumbnail-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.property-thumbnail-image:hover{transform:scale(1.05)}.property-gallery-overlay-new{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(45deg,#000000b3,#0006);border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.property-gallery-count{color:#fff;font-family:Kanit,sans-serif;font-size:2rem;font-weight:700}.property-main-layout{grid-template-columns:2fr 1fr;gap:48px;margin-bottom:40px;display:grid}.property-details-column{flex-direction:column;gap:32px;display:flex}.property-sidebar-column{height:-moz-fit-content;height:fit-content;position:sticky;top:24px}.property-header-section{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.property-title-group{flex:1}.property-main-title{color:#1a1a1a;letter-spacing:-.025em;margin-bottom:8px;font-family:Inter,Kanit,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.1}.property-location-text{color:#6b7280;align-items:center;margin-bottom:24px;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;display:flex}.property-location-icon{color:#9ca3af;margin-right:6px;font-size:1rem}.property-favorite-btn{background:#fff;border:2px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000014}.property-favorite-btn:hover{background:#fef2f2;border-color:#fecaca;transform:scale(1.1)}.property-heart-icon{font-size:1.5rem}.property-description-section{margin-bottom:8px}.property-description-text{color:#374151;margin-bottom:32px;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.65}.property-section-title{color:#111827;letter-spacing:-.015em;margin-bottom:20px;font-family:Inter,sans-serif;font-size:1.375rem;font-weight:700}.property-info-section{background:#fff;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.property-info-grid{grid-template-columns:1fr 1fr;gap:48px 32px;display:grid}.property-info-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.property-info-item:nth-child(2n){border-bottom:1px solid #f3f4f6}.property-info-item:nth-last-child(-n+2){border-bottom:none}.property-info-label{color:#6b7280;flex:1;margin-bottom:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400}.property-info-value{color:#111827;text-align:right;flex-shrink:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600}.property-details-section{background:#fff;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.property-details-grid{flex-direction:column;gap:0;display:flex}.property-detail-row{border-bottom:1px solid #f3f4f6;grid-template-columns:1fr 1fr;gap:48px;padding:20px 0;display:grid}.property-detail-row:last-child{border-bottom:none}.property-detail-item{justify-content:space-between;align-items:center;display:flex}.property-detail-item .property-info-label{color:#6b7280;flex:1;margin-bottom:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400}.property-detail-item .property-info-value{color:#111827;text-align:right;flex-shrink:0;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600}.property-features-section{background:#fff;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.property-features-list{flex-direction:column;gap:16px;display:flex}.property-feature-item-new{border-bottom:1px solid #f9fafb;align-items:flex-start;padding:16px 0;display:flex}.property-feature-item-new:last-child{border-bottom:none}.property-feature-icon-container{background:#f3f4f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:16px;display:flex}.property-feature-icon-new{color:#6b7280;font-size:1.25rem}.property-feature-content{flex:1}.property-feature-title-new{color:#111827;margin-bottom:4px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;line-height:1.3}.property-feature-description-new{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5}.property-price-section{background:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:24px;position:sticky;top:24px;box-shadow:0 1px 3px #0000001a}.property-total-price-label{color:#6b7280;margin-bottom:8px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.property-price-amount{color:#111827;letter-spacing:-.02em;margin-bottom:24px;font-family:Inter,sans-serif;font-size:2rem;font-weight:700;line-height:1.1}.property-schedule-btn{color:#fff;background:#111827;border:none;border-radius:8px;width:100%;margin-bottom:24px;padding:12px 24px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.property-schedule-btn:hover{background:#1f2937}.property-contact-section{border-top:1px solid #f3f4f6;padding-top:24px}.property-contact-title{color:#111827;margin-bottom:16px;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600}.property-agent-info{background:#f9fafb;border-radius:8px;align-items:center;margin-bottom:20px;padding:12px;display:flex}.property-agent-avatar-new{color:#fff;background:#6b7280;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;display:flex}.property-agent-name-new{color:#111827;margin-bottom:2px;font-family:Inter,Kanit,sans-serif;font-size:.95rem;font-weight:600}.property-agent-email-new{color:#6b7280;font-family:Inter,sans-serif;font-size:.8rem}.property-contact-form{flex-direction:column;gap:16px;display:flex}.property-form-group{flex-direction:column;gap:6px;display:flex}.property-form-label{color:#374151;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.property-form-input,.property-form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}.property-form-input:focus,.property-form-textarea:focus{border-color:#6b7280;outline:none;box-shadow:0 0 0 3px #6b72801a}.property-form-textarea{resize:vertical;min-height:80px}.property-submit-btn{color:#fff;background:#111827;border:none;border-radius:6px;margin-top:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.property-submit-btn:hover{background:#1f2937}.property-breadcrumb-wide{color:#6b7280;margin-bottom:24px;padding:16px 0;font-family:Inter,sans-serif;font-size:.875rem}.property-breadcrumb-link{color:#6b7280;font-size:inherit;cursor:pointer;background:0 0;border:none;font-family:Inter,sans-serif;transition:color .2s}.property-breadcrumb-link:hover{color:#111827}.property-breadcrumb-separator{color:#9ca3af;margin:0 8px}.property-breadcrumb-current{color:#111827;font-weight:500}.property-detail-container-wide{background:#f9fafb;min-height:100vh;padding:0}.property-content-wrapper{max-width:1200px;margin:0 auto;padding:24px}@media (max-width:768px){.property-main-title{font-size:1.875rem}.property-price-amount{font-size:1.75rem}.property-info-grid{grid-template-columns:repeat(2,1fr);gap:16px}.property-detail-row{grid-template-columns:1fr;gap:16px}.property-detail-item{grid-template-columns:1fr;gap:4px}.property-detail-item .property-info-value{text-align:left}}.property-video-section{background:#fff;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.property-video-container{border-radius:8px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.property-video-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.property-agent-details{flex:1}.property-bottom-action{justify-content:center;padding:24px 0;display:flex}.property-bottom-favorite-btn{background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.property-bottom-favorite-btn:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width:1024px){.property-main-layout{grid-template-columns:1fr;gap:24px}.property-sidebar-column{position:static}.property-gallery-layout{grid-template-columns:1fr;gap:12px;height:auto}.property-main-image-container{height:250px}.property-thumbnail-grid{grid-template-rows:1fr;grid-template-columns:repeat(3,1fr);height:100px}}.property-content-wrapper-full{width:100%;margin:0;padding:0}.property-breadcrumb-wide.max-w-6xl{padding:16px 24px}.property-gallery-layout-full{box-sizing:border-box;grid-template-columns:2fr 1fr;gap:16px;width:100vw;height:50vh;margin-bottom:40px;padding:0 24px;display:grid}.property-sidebar-column-lower{height:-moz-fit-content;height:fit-content;margin-top:350px;position:sticky;top:24px}.property-main-layout.max-w-6xl{grid-template-columns:2fr 1fr;gap:48px;margin-top:0;margin-bottom:40px;padding:0 24px;display:grid}.property-bottom-action.max-w-6xl{justify-content:center;padding:32px 24px;display:flex}@media (max-width:1024px){.property-gallery-layout-full{grid-template-columns:1fr;gap:12px;width:100%;height:auto;padding:0 16px}.property-main-layout.max-w-6xl{grid-template-columns:1fr;gap:32px;padding:0 16px}.property-sidebar-column-lower{margin-top:0;position:static}.property-breadcrumb-wide.max-w-6xl{padding:16px}.property-bottom-action.max-w-6xl{padding:24px 16px}}@media (max-width:480px){.property-info-grid{grid-template-columns:1fr}.property-main-title,.property-price-amount{font-size:1.5rem}}.detail-info-centered-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);width:100%;margin:40px 0;padding:60px 0}.detail-info-centered-wrapper{max-width:1200px;margin:0 auto;padding:0 24px}.detail-info-section-title{text-align:center;color:#1a202c;letter-spacing:-.025em;margin-bottom:48px;font-family:Inter,sans-serif;font-size:2rem;font-weight:700}.detail-info-centered-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:900px;margin:0 auto;display:grid}.detail-info-centered-item{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px 24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.detail-info-centered-item:hover{border-color:#cbd5e0;transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.detail-info-centered-item:before{content:"";opacity:0;background:linear-gradient(90deg,#4299e1,#3182ce);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.detail-info-centered-item:hover:before{opacity:1}.detail-info-centered-label{color:#718096;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;display:block}.detail-info-centered-value{color:#1a202c;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.3;display:block}@media (max-width:768px){.detail-info-centered-container{margin:24px 0;padding:40px 0}.detail-info-section-title{margin-bottom:32px;font-size:1.75rem}.detail-info-centered-grid{grid-template-columns:1fr;gap:20px;max-width:400px}.detail-info-centered-item{padding:24px 20px}.detail-info-centered-value{font-size:1.125rem}}@media (max-width:480px){.detail-info-centered-wrapper{padding:0 16px}.detail-info-section-title{margin-bottom:24px;font-size:1.5rem}.detail-info-centered-item{padding:20px 16px}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}