@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&family=Noto+Serif+Thai:wght@400;600;700&display=swap";
:root{--color-navy-950:#050d1a;--color-navy-900:#0a1628;--color-navy-800:#0f2040;--color-navy-700:#162d58;--color-navy-600:#1e3a70;--color-gold-500:#c8973a;--color-gold-400:#d4a84b;--color-gold-300:#e0bb6a;--color-gold-200:#edd49a;--color-gold-100:#f8f0de;--color-cream:#faf8f4;--color-white:#fff;--color-gray-100:#f5f5f5;--color-gray-300:#d1d5db;--color-gray-500:#6b7280;--color-gray-700:#374151;--font-sans:"Sarabun", "Helvetica Neue", sans-serif;--font-serif:"Noto Serif Thai", serif;--section-padding:6rem 1.5rem;--section-padding-sm:4rem 1.5rem;--transition-base:.3s ease;--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-navy-950);color:var(--color-white);line-height:1.7;overflow-x:hidden}#scroll-progress{background:linear-gradient(90deg, var(--color-gold-500), var(--color-gold-300));transform-origin:0;z-index:9999;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){@keyframes grow-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#scroll-progress{animation:linear grow-progress;animation-timeline:scroll()}}}.navbar{z-index:1000;transition:all var(--transition-slow);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);background:#050d1aeb;border-bottom:1px solid #c8973a33;padding:.875rem 2rem}.navbar-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.navbar-logo-icon{background:linear-gradient(135deg, var(--color-gold-500), var(--color-gold-300));width:42px;height:42px;color:var(--color-navy-950);font-size:1.25rem;font-weight:800;font-family:var(--font-serif);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar-logo-img-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar-logo-text{flex-direction:column;line-height:1.2;display:flex}.navbar-logo-text .brand-th{color:var(--color-gold-300);letter-spacing:.05em;font-size:.7rem;font-weight:500}.navbar-logo-text .brand-en{color:var(--color-white);letter-spacing:.02em;font-size:.95rem;font-weight:700}.navbar-menu{align-items:center;gap:.25rem;list-style:none;display:flex}.navbar-menu a{color:#ffffffd9;transition:all var(--transition-base);border-radius:6px;padding:.5rem .875rem;font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.navbar-menu a:after{content:"";background:var(--color-gold-400);width:60%;height:1.5px;transition:transform var(--transition-base);position:absolute;bottom:4px;left:50%;transform:translate(-50%)scaleX(0)}.navbar-menu a:hover{color:var(--color-gold-300)}.navbar-menu a:hover:after{transform:translate(-50%)scaleX(1)}.navbar-cta{background:linear-gradient(135deg, var(--color-gold-500), var(--color-gold-400));color:var(--color-navy-950)!important;transition:all var(--transition-base)!important;border-radius:8px!important;padding:.6rem 1.25rem!important;font-weight:700!important}.navbar-cta:hover{transform:translateY(-1px);color:var(--color-navy-950)!important;box-shadow:0 4px 16px #c8973a66!important}.navbar-cta:after{display:none!important}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--color-white);width:24px;height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{background:linear-gradient(135deg,#050d1aeb 0%,#0a1628c7 50%,#162d58a6 100%);position:absolute;inset:0}.hero-content{z-index:1;max-width:900px;margin-left:max(2rem,50vw - 600px);padding:6rem 2rem 0;position:relative}.hero-badge{color:var(--color-gold-300);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#c8973a26;border:1px solid #c8973a66;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-badge:before{content:"";background:var(--color-gold-400);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{font-family:var(--font-serif);color:var(--color-white);margin-bottom:.5rem;font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.2}.hero h1 .brand-highlight{background:linear-gradient(135deg, var(--color-gold-400), var(--color-gold-200));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffb3;max-width:560px;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.2rem)}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--color-gold-500), var(--color-gold-400));color:var(--color-navy-950);cursor:pointer;transition:all var(--transition-base);letter-spacing:.02em;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c8973a73}.btn-outline{color:var(--color-white);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1.5px solid #ffffff4d;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-outline:hover{border-color:var(--color-gold-400);color:var(--color-gold-300);background:#c8973a14}.hero-stats{z-index:1;flex-wrap:wrap;gap:2rem;display:flex;position:absolute;bottom:3rem;left:max(2rem,50vw - 600px);right:2rem}.hero-stat{flex-direction:column;gap:.1rem;display:flex}.hero-stat .num{color:var(--color-gold-300);font-size:2rem;font-weight:800;font-family:var(--font-serif);line-height:1}.hero-stat .label{color:#fff9;letter-spacing:.05em;font-size:.78rem}.hero-scroll-indicator{z-index:1;color:#fff6;letter-spacing:.1em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem;display:flex;position:absolute;bottom:2rem;right:2rem}.hero-scroll-indicator .scroll-line{background:linear-gradient(#fff6,#0000);width:1.5px;height:48px;animation:2s ease-in-out infinite scrollDown}@keyframes scrollDown{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.5)}}.section{padding:var(--section-padding);max-width:1200px;margin:0 auto}.section-full{padding:var(--section-padding)}.section-header{text-align:center;margin-bottom:4rem}.section-tag{color:var(--color-gold-400);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:inline-flex}.section-tag:before,.section-tag:after{content:"";background:var(--color-gold-500);width:30px;height:1.5px;display:block}.section-title{font-family:var(--font-serif);margin-bottom:1rem;font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:700;line-height:1.25}.section-title.light{color:var(--color-white)}.section-title.dark{color:var(--color-navy-900)}.section-desc{color:#ffffffa6;max-width:560px;margin:0 auto;font-size:1rem;line-height:1.8}.section-desc.dark{color:var(--color-gray-500)}.gold-line{background:linear-gradient(90deg, var(--color-gold-500), var(--color-gold-300));border-radius:2px;width:60px;height:3px;margin:0 auto 1.5rem}.about-section{background:var(--color-navy-950)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.about-image-wrapper{position:relative}.about-main-image{object-fit:cover;aspect-ratio:4/5;border-radius:16px;width:100%;display:block}.about-accent-card{background:linear-gradient(135deg, var(--color-gold-500), var(--color-gold-400));text-align:center;color:var(--color-navy-950);border-radius:12px;padding:1.25rem 1.5rem;position:absolute;bottom:-1.5rem;right:-1.5rem;box-shadow:0 8px 32px #c8973a59}.about-accent-card .accent-num{font-size:2.5rem;font-weight:800;font-family:var(--font-serif);line-height:1}.about-accent-card .accent-label{letter-spacing:.05em;margin-top:.25rem;font-size:.78rem;font-weight:700}.about-content .section-header{text-align:left;margin-bottom:2rem}.about-content .section-header .section-tag{justify-content:flex-start}.about-content .section-header .section-tag:before{display:none}.about-text{color:#ffffffb3;margin-bottom:1rem;font-size:.95rem;line-height:1.9}.about-values{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}.value-card{transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:1.25rem}.value-card:hover{background:#c8973a12;border-color:#c8973a40;transform:translateY(-2px)}.value-card .icon{margin-bottom:.5rem;font-size:1.5rem}.value-card .title{color:var(--color-gold-300);margin-bottom:.25rem;font-size:.875rem;font-weight:700}.value-card .desc{color:#ffffff80;font-size:.78rem;line-height:1.6}.stats-section{background:linear-gradient(135deg, var(--color-navy-800) 0%, var(--color-navy-700) 100%);border-top:1px solid #c8973a26;border-bottom:1px solid #c8973a26}.stats-grid{background:#ffffff0f;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.stat-item{text-align:center;transition:all var(--transition-base);background:#0a1628cc;padding:2.5rem 1.5rem;position:relative}.stat-item:before{content:"";background:linear-gradient(90deg, var(--color-gold-500), var(--color-gold-300));width:60%;height:2px;transition:transform var(--transition-base);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.stat-item:hover{background:#0f2040e6}.stat-item:hover:before{transform:translate(-50%)scaleX(1)}.stat-number{font-size:clamp(2.2rem,4vw,3.5rem);font-weight:800;font-family:var(--font-serif);background:linear-gradient(135deg, var(--color-gold-400), var(--color-gold-200));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;line-height:1}.stat-label{color:#fff9;letter-spacing:.03em;font-size:.85rem;font-weight:500}.services-section{background:var(--color-cream)}.services-section .section-header .section-title{color:var(--color-navy-900)}.services-section .section-header .section-desc{color:var(--color-gray-500)}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.service-card{background:var(--color-white);transition:all var(--transition-slow);border:1px solid #0000000a;border-radius:16px;padding:2rem 1.75rem;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.service-card:before{content:"";background:linear-gradient(90deg, var(--color-gold-500), var(--color-gold-300));height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0000001f}.service-card:hover:before{transform:scaleX(1)}.service-icon{background:linear-gradient(135deg, var(--color-navy-800), var(--color-navy-700));border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.service-card h3{font-family:var(--font-serif);color:var(--color-navy-900);margin-bottom:.625rem;font-size:1.1rem;font-weight:700}.service-card p{color:var(--color-gray-500);font-size:.875rem;line-height:1.75}.management-section{background:var(--color-navy-900)}.management-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto;display:grid}.person-card{transition:all var(--transition-slow);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;overflow:hidden}.person-card:hover{border-color:#c8973a4d;transform:translateY(-6px);box-shadow:0 20px 48px #0000004d}.person-image-wrap{position:relative;overflow:hidden}.person-image-wrap img{aspect-ratio:1;object-fit:cover;object-position:top center;width:100%;transition:transform var(--transition-slow);display:block}.person-card:hover .person-image-wrap img{transform:scale(1.04)}.person-info{border-top:1px solid #ffffff0f;padding:1.5rem}.person-name{font-family:var(--font-serif);color:var(--color-white);margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.person-role{color:var(--color-gold-400);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.person-bio{color:#ffffff8c;font-size:.82rem;line-height:1.75}.projects-section{background:var(--color-navy-950)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.project-card{group:true;cursor:pointer;border-radius:16px;position:relative;overflow:hidden}.project-card-inner{position:relative;overflow:hidden}.project-card-inner img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform var(--transition-slow);display:block}.project-card:hover .project-card-inner img{transform:scale(1.06)}.project-overlay{transition:all var(--transition-base);background:linear-gradient(#0000 0%,#050d1a66 50%,#050d1af2 100%);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.project-tag{color:var(--color-gold-300);letter-spacing:.06em;text-transform:uppercase;background:#c8973a33;border:1px solid #c8973a66;border-radius:100px;width:fit-content;margin-bottom:.5rem;padding:.2rem .65rem;font-size:.7rem;font-weight:700;display:inline-block}.project-title{font-family:var(--font-serif);color:var(--color-white);margin-bottom:.25rem;font-size:1rem;font-weight:700}.project-location{color:#ffffff8c;align-items:center;gap:.25rem;font-size:.78rem;display:flex}.contact-section{background:linear-gradient(135deg, var(--color-navy-800) 0%, var(--color-navy-900) 100%)}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:5rem;display:grid}.contact-info h2{font-family:var(--font-serif);color:var(--color-white);margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.3}.contact-info p{color:#fff9;margin-bottom:2rem;font-size:.9rem;line-height:1.8}.contact-items{flex-direction:column;gap:1.25rem;display:flex}.contact-item{align-items:flex-start;gap:1rem;display:flex}.contact-item .ci-icon{background:#c8973a1f;border:1px solid #c8973a40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.contact-item .ci-text .ci-label{color:var(--color-gold-400);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.15rem;font-size:.72rem;font-weight:700}.contact-item .ci-text .ci-value{color:var(--color-white);font-size:.9rem;line-height:1.5}.contact-form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:2.5rem}.contact-form h3{font-family:var(--font-serif);color:var(--color-white);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.form-group{margin-bottom:1.25rem}.form-group label{color:#ffffffb3;letter-spacing:.03em;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{width:100%;color:var(--color-white);font-family:var(--font-sans);transition:all var(--transition-base);appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.9rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#c8973a0d;border-color:#c8973a80;box-shadow:0 0 0 3px #c8973a1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff40}.form-group textarea{resize:vertical;min-height:120px}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.footer{background:var(--color-navy-950);text-align:center;border-top:1px solid #ffffff0f;padding:2.5rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.footer-logo{align-items:center;gap:.625rem;text-decoration:none;display:flex}.footer-logo-icon{background:linear-gradient(135deg, var(--color-gold-500), var(--color-gold-300));width:36px;height:36px;color:var(--color-navy-950);font-size:1rem;font-weight:800;font-family:var(--font-serif);border-radius:7px;justify-content:center;align-items:center;display:flex}.footer-logo-img-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.footer-logo-name{color:#fff9;font-size:.82rem}.footer-copy{color:#ffffff4d;font-size:.78rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:#fff6;transition:color var(--transition-base);font-size:.8rem;text-decoration:none}.footer-links a:hover{color:var(--color-gold-300)}.fade-up{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity .7s}.fade-in.visible{opacity:1}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.mobile-menu{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#050d1af7;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-menu a{font-family:var(--font-serif);color:var(--color-white);transition:color var(--transition-base);font-size:1.75rem;font-weight:700;text-decoration:none}.mobile-menu a:hover{color:var(--color-gold-300)}.mobile-menu-close{color:var(--color-white);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;position:absolute;top:1.5rem;right:1.5rem}@media (max-width:1024px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-image-wrapper{max-width:500px;margin:0 auto}.contact-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){:root{--section-padding:4rem 1.25rem}.navbar-menu{display:none}.hamburger{display:flex}.hero-content{margin-left:1.25rem;padding-right:1.25rem}.hero-stats{gap:1.25rem;left:1.25rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:1fr}.management-grid{grid-template-columns:1fr;max-width:400px}.projects-grid,.about-values,.form-grid{grid-template-columns:1fr}.footer-content{text-align:center;flex-direction:column;align-items:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}.hero-scroll-indicator{display:none}}@media (max-width:480px){.hero h1{font-size:1.8rem}.hero-actions{flex-direction:column}.btn-primary,.btn-outline{justify-content:center;width:100%}}.timeline-section{background:var(--color-navy-900)}.timeline{flex-direction:column;gap:0;max-width:800px;margin:0 auto;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(#0000,#c8973a66 10% 90%,#0000);width:2px;position:absolute;top:0;bottom:0;left:120px}.timeline-item{grid-template-columns:120px 24px 1fr;align-items:flex-start;gap:0 1.5rem;padding:0 0 2.5rem;display:grid;position:relative}.timeline-year{font-family:var(--font-serif);color:var(--color-gold-400);text-align:right;padding-top:.15rem;font-size:1rem;font-weight:800;line-height:1.4}.timeline-dot{background:linear-gradient(135deg, var(--color-gold-500), var(--color-gold-300));border:3px solid var(--color-navy-900);width:14px;height:14px;box-shadow:0 0 0 2px var(--color-gold-500);transition:transform var(--transition-base);border-radius:50%;flex-shrink:0;justify-self:center;margin-top:.3rem}.timeline-item:hover .timeline-dot{transform:scale(1.4)}.timeline-content{transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;padding:1.25rem 1.5rem}.timeline-item:hover .timeline-content{background:#c8973a0f;border-color:#c8973a33}.timeline-title{font-family:var(--font-serif);color:var(--color-white);margin-bottom:.4rem;font-size:1rem;font-weight:700}.timeline-desc{color:#ffffff8c;font-size:.85rem;line-height:1.75}@media (max-width:600px){.timeline:before{left:11px}.timeline-item{grid-template-columns:24px 1fr;gap:0 1rem;padding-left:0}.timeline-year{display:none}.timeline-title:before{content:attr(data-year) " · ";color:var(--color-gold-400);font-size:.95rem;font-weight:700}}.testimonials-section{background:var(--color-navy-950)}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.testimonial-card{transition:all var(--transition-slow);background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:1.25rem;padding:2rem;display:flex;position:relative}.testimonial-card:hover{border-color:#c8973a40;transform:translateY(-4px);box-shadow:0 12px 40px #00000040}.testimonial-quote{color:var(--color-gold-500);opacity:.6;margin-bottom:-.75rem;font-family:Georgia,serif;font-size:3rem;line-height:1}.testimonial-text{color:#ffffffb3;flex:1;font-size:.875rem;font-style:italic;line-height:1.85}.testimonial-author{border-top:1px solid #ffffff12;align-items:center;gap:.875rem;padding-top:1.25rem;display:flex}.testimonial-avatar{background:linear-gradient(135deg, var(--color-gold-500), var(--color-gold-300));width:44px;height:44px;color:var(--color-navy-950);font-size:1.1rem;font-weight:800;font-family:var(--font-serif);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.testimonial-name{color:var(--color-white);margin-bottom:.15rem;font-size:.875rem;font-weight:700}.testimonial-role{color:#ffffff73;font-size:.75rem;line-height:1.5}.clients-strip{text-align:center;border-top:1px solid #ffffff12;padding-top:2.5rem}.clients-label{color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.75rem;font-weight:700}.clients-list{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.client-badge{color:#ffffff8c;transition:all var(--transition-base);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;padding:.45rem 1.1rem;font-size:.82rem;font-weight:500}.client-badge:hover{color:var(--color-gold-300);background:#c8973a1a;border-color:#c8973a4d}.project-meta{flex-wrap:wrap;gap:.875rem;margin-top:.625rem;display:flex}.project-meta-item{color:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border-radius:100px;padding:.2rem .6rem;font-size:.72rem}@media (max-width:900px){.testimonials-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}@media (max-width:600px){.clients-list{gap:.5rem}.client-badge{padding:.35rem .85rem;font-size:.75rem}}