:root{font-size:min(.13495277vw,1.94332px);--ink:#182a34;--slate:#293942;--blue:#aec6d2;--gold:#d9b960;--muted:#566e7c}
*{box-sizing:border-box}body{margin:0;background:#26363f;color:var(--ink);font:400 11rem/1.4 Thai,Arial,sans-serif}main,header,footer{max-width:1440px;margin-inline:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600}h2{font-size:19rem;line-height:1.3}h3{font-size:12rem;line-height:1.35}img{display:block;width:100%;height:100%;object-fit:cover}svg{display:block}.defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:25rem;height:25rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.arrow{width:12rem;height:12rem}.wrap{width:calc(100% - 96rem);margin-inline:auto}.dark{background-color:var(--slate);color:#f4f5f1}.light{background-color:var(--blue)}.blueprint{position:relative;isolation:isolate;overflow:hidden}.blueprint:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,transparent 0 90rem,#e8f6ff0e 91rem 92rem,transparent 93rem 166rem),linear-gradient(110deg,#ffffff04,transparent)}.gold{color:var(--gold)}.sub{color:var(--muted);font-size:10rem}.dark .sub{color:#e0e5e5}.visual-cta{display:inline-flex;align-items:center;justify-content:center;gap:10rem;min-height:28rem;padding:5rem 15rem;background:linear-gradient(115deg,#f0d17d,#c29c43);border:1rem solid #dfc675;color:#24333a;font-size:10rem;font-weight:600;border-radius:3rem;white-space:nowrap}.visual-cta.outline{background:transparent;color:#f5f6f4;border-color:#d1be83}.visual-cta.soft{background:#dbe6ea88;color:#273c47;border-color:#d3c591}.actions{display:flex;gap:8rem}.eyebrow{font-size:9rem;letter-spacing:1.3rem}.site-header{height:51rem;border-bottom:1rem solid #c7c7ac55;display:flex;align-items:center;padding-inline:60rem 43rem;gap:28rem;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:6rem;flex:none}.logo-symbol{width:47rem;height:46rem;overflow:hidden;position:relative;mix-blend-mode:lighten}.logo-symbol img{position:absolute;width:97rem;height:82rem;max-width:none;left:-24.7rem;top:-3rem;object-fit:fill}.brand-word strong{display:block;font:700 17rem/1 Arial,sans-serif;letter-spacing:.7rem;color:#e4c979}.brand-word small{font-size:7.7rem;color:#e8e9e7}.main-nav{display:flex;gap:16rem;font-size:8rem;white-space:nowrap;align-self:stretch;align-items:center}.main-nav span{position:relative}.main-nav .active:after{content:"";position:absolute;bottom:-13rem;left:0;right:0;height:2rem;background:var(--gold)}.header-contact{margin-left:auto;font-size:7rem;white-space:nowrap;line-height:1.8}.header-contact p{display:flex;align-items:center;gap:4rem}.header-contact .icon{width:10rem;height:10rem;color:var(--gold)}.site-header>.visual-cta{font-size:8rem;padding:5rem 14rem;min-height:26rem;margin-left:-18rem}.hero{height:253rem;position:relative;background:#253641 url('assets/hero.webp') center/cover;isolation:isolate;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#142934c9 0%,#18293290 37%,transparent 65%)}.hero .wrap{padding-top:52rem;padding-left:16rem}.hero h1{font-size:26rem;line-height:1.17;letter-spacing:-.8rem;text-shadow:0 1rem 2rem #11232b}.hero h1 em{display:block;font-style:normal;color:#ead285}.hero-rule{width:40rem;height:2rem;background:#c9ac62;margin:6rem 0}.hero-tagline{font-size:13rem;margin-bottom:7rem}.hero-description{font-size:11rem;line-height:1.45;max-width:340rem;margin-bottom:9rem}.hero .visual-cta{min-height:28rem}.hero-note{position:absolute;right:20rem;bottom:10rem;font:400 9rem/1.15 Arial,sans-serif;letter-spacing:1.3rem}.hero-geometry{position:absolute;inset:0;width:100%;height:100%;z-index:-1;stroke:#d6b76977;fill:none;stroke-width:1}.benefit-strip{height:45rem;border-bottom:1rem solid #dce8ea70}.benefit-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);height:100%;width:calc(100% - 143rem)}.benefit-strip .benefit{display:flex;align-items:center;gap:9rem;justify-content:center;border-right:1rem solid #d8e4e955;font-size:10rem;font-weight:600}.benefit-strip .benefit:last-child{border:0}.benefit .icon{color:#968448;filter:drop-shadow(0 1rem 0 #ffffff);width:26rem;height:26rem}
.services{height:205rem;display:grid;grid-template-columns:25% 38% 37%}.services-intro{padding:17rem 5rem 15rem 48rem}.services-intro h2{font-size:23rem;white-space:nowrap}.services-intro .eyebrow{color:#8b886e;letter-spacing:1rem}.service-copy{font-size:9rem;line-height:1.5;margin:13rem 0 19rem}.services-intro .visual-cta{padding-inline:12rem;font-size:9rem}.service-image{position:relative;overflow:hidden}.service-image img{object-position:56% 50%}.service-image figcaption{position:absolute;bottom:10rem;left:9rem;color:#fff;font:400 11rem/1.15 Arial,sans-serif;letter-spacing:1rem;text-shadow:0 1rem 3rem #000}.service-list{padding:10rem 22rem 9rem 12rem}.service-list article{display:flex;gap:12rem;align-items:flex-start;padding:8rem 0;border-bottom:1rem solid #819aa83b}.service-list article:last-child{border:0}.service-list h3{font-size:11.5rem;line-height:1.3}.service-list p{font-size:8.6rem;line-height:1.35}.number{font:400 28rem/1 Arial,sans-serif;color:#b79a50;letter-spacing:-1.5rem;min-width:25rem}.services:after{position:absolute;content:"";width:100rem;height:5rem;background:#d9bb69;right:-21rem;bottom:6rem;transform:rotate(-51deg)}
.process{height:146rem;background-image:linear-gradient(90deg,#273741 0%,#273741f5 26%,#273741a0 57%,#25374015),url('assets/shop-04.webp');background-size:cover,70% auto;background-position:center,right 57%;background-repeat:no-repeat}.process .wrap{padding-top:9rem}.process h2{font-size:18rem}.process .wrap>p{font-size:11rem}.process-track{display:grid;grid-template-columns:repeat(6,1fr);width:438rem;margin-top:9rem;position:relative}.process-track:before{content:"";position:absolute;left:0;right:0;top:17rem;height:1rem;background:#dfc87b}.process-track:after{content:"";position:absolute;left:-46rem;top:17rem;width:64rem;height:1rem;transform:rotate(-50deg);transform-origin:right;background:#dfc87b}.process-track article{text-align:center;z-index:1;position:relative}.step-icon{width:32rem;height:32rem;border:1rem solid #d0b265;border-radius:50%;background:#34454a;margin:0 auto 3rem;display:grid;place-items:center;box-shadow:inset 0 0 0 3rem #2f3e45}.step-icon .icon{width:21rem;height:21rem;color:#decd87}.process-track small{font-size:9rem}.process-track h3{font-size:9rem;line-height:1.4}.process-track p{font-size:7.5rem;line-height:1.4}.process .process-quote{position:absolute;bottom:7rem;right:19rem;text-align:right;font-size:9rem;line-height:1.25;text-shadow:0 1rem 4rem #172932}
.solutions{height:192rem;padding-top:10rem}.solutions h2{font-size:17rem;letter-spacing:-.5rem}.solutions .sub{font-size:9rem}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr) 30rem;gap:9rem;margin-top:5rem;width:calc(100% + 17rem)}.solution-photo{height:109rem;border:1rem solid #deebef;border-radius:2rem;overflow:hidden}.solution-photo img{object-fit:cover}.solution-grid h3{font-size:11.5rem;margin-top:3rem}.solution-grid figcaption p{font-size:9rem;line-height:1.2}.lift-photo{background:url('assets/services-board.webp') 44% 35%/365% 355%;}.vertical-note{font:400 6.9rem/2.25 Arial,sans-serif;letter-spacing:.2rem;color:#78909e;padding:0 0 0 4rem}.solutions:after{content:"";position:absolute;right:-16rem;bottom:0;transform:rotate(-47deg);width:72rem;height:4rem;background:var(--gold)}
.featured{height:164rem}.featured-layout{display:grid;grid-template-columns:210rem 1fr;gap:0;height:100%;width:calc(100% - 82rem);padding-block:10rem 9rem}.featured h2{font-size:18rem}.featured-copy>p{font-size:10rem}.featured-copy h3{font-size:14rem;line-height:1.25;margin-top:10rem;font-weight:400}.featured-copy .project-description{font-size:8.8rem;line-height:1.5;margin:5rem 0}.featured-copy .visual-cta{min-height:26rem;font-size:9rem}.project-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:5rem;padding-top:9rem;min-width:0}.project-photos figure{min-width:0;display:flex;flex-direction:column}.project-photos img,.project-photos .collage-fragment{height:117rem;width:100%;border:1rem solid #adbac37a}.project-photos figcaption{font-size:8rem;text-align:center;padding-top:4rem;white-space:nowrap}.collage-fragment{background-image:url('assets/shop-02.webp');background-size:400% 300%;background-repeat:no-repeat;min-width:0}.fabrication{background-position:33.333% 50%}.installation{background-position:0 50%}.welding{background-position:100% 50%}.team-group{background-position:33.333% 0}
.work-gallery{height:184rem}.gallery-heading{height:50rem;display:flex;justify-content:space-between;align-items:center}.gallery-heading h2{font-size:17rem}.gallery-heading .sub{font-size:9rem}.gallery-heading .visual-cta{font-size:8rem;min-height:22rem;padding:3rem 10rem}.gallery-strip{height:122rem;display:grid;grid-template-columns:1.5fr 1.05fr 1.08fr .62fr .67fr 1fr;gap:2rem}.gallery-strip img{object-fit:cover;min-width:0}.gallery-strip .welding{background-size:400% 300%}
.why-us{height:109rem;padding-top:9rem}.why-us h2{font-size:19rem}.why-us .sub{font-size:10rem}.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7rem;margin:8rem 23rem 0}.reason-grid article{background:#deebef9c;border:1rem solid #c7d9e16b;border-radius:3rem;display:flex;align-items:center;gap:11rem;padding:7rem 11rem;height:45rem}.reason-grid .icon{width:27rem;height:27rem;color:#9a854d;filter:drop-shadow(0 1rem 0 #fff)}.reason-grid h3{font-size:10.5rem;white-space:nowrap}.reason-grid p{font-size:8.5rem}
.industries{height:104rem;padding-top:8rem}.industries h2{font-size:17rem}.industries .wrap>p{font-size:10rem;line-height:1.2}.industry-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:5rem;width:calc(100% + 44rem);margin-left:-22rem}.industry-grid article{text-align:center;border-right:1rem solid #93a4ad33}.industry-grid article:last-child{border:0}.industry-grid .icon{margin:0 auto 3rem;width:29rem;height:29rem;color:#e3eaed;stroke-width:1}.industry-grid p{font-size:9.5rem}
.standards{height:116rem;padding-top:9rem}.standards h2{font-size:17rem}.standards .sub{font-size:9rem}.standard-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr 1fr 1.17fr;margin:5rem 29rem 0;gap:2rem}.standard-grid article{height:57rem;border:1rem solid #d6e4e979;border-radius:3rem;background:#dfebef88;text-align:center;padding:7rem 3rem}.standard-grid .icon{margin:0 auto 4rem;width:26rem;height:26rem;color:#9d874c;filter:drop-shadow(0 1rem 0 #fff)}.standard-grid h3{font-size:9rem;font-weight:600}
.team{height:137rem;padding-top:7rem}.team .wrap{width:calc(100% - 74rem)}.team-heading{display:flex;justify-content:space-between;padding-inline:11rem 6rem}.team h2{font-size:17rem}.team-heading p{font-size:10rem;line-height:1.2}.team-heading .team-quote{text-align:right;font-size:9rem}.team-photos{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.13fr;gap:5rem;height:87rem;margin-top:6rem}.team-photos>img,.team-photos>.collage-fragment{border:1rem solid #a0b1bb70}.team-photos .team-group{background-size:400% 300%;background-position:33.333% 2%}.team-photos .welding{background-size:400% 300%}
.faq{height:96rem;border-bottom:1rem solid #d7e5eb4d}.faq-layout{display:grid;grid-template-columns:163rem 1fr;gap:15rem;padding-top:13rem}.faq h2{font-size:18rem}.faq .sub{font-size:10rem}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem 18rem}.faq-row{display:flex;align-items:center;gap:7rem;background:#e0ebef80;border:1rem solid #d7e7ec50;border-radius:2rem;min-height:21rem;padding:2rem 8rem;font-size:8rem}.faq-row .icon{width:12rem;height:12rem;color:#a38e50}.plus{margin-left:auto;font:400 12rem Arial}
.contact{height:173rem;padding-top:11rem}.contact-layout{display:grid;grid-template-columns:132rem 326rem 173rem;gap:14rem;width:calc(100% - 96rem)}.contact h2{font-size:22rem;line-height:1.1}.contact-subtitle{font-size:10rem;color:#526b79;line-height:1.2;margin-bottom:6rem}.contact-details>p:not(.contact-subtitle){display:flex;align-items:flex-start;gap:6rem;font-size:8rem;line-height:1.3;margin-top:4rem;white-space:nowrap}.contact-details .icon{width:13rem;height:13rem;background:#c5a964;color:#fff;border-radius:3rem;padding:1.5rem}.contact-form{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:19rem 19rem 19rem 46rem 27rem;gap:4rem 8rem;min-width:0}.field{background:#e0ebeff2;border:1rem solid #cbdde5;border-radius:3rem;color:#78909b;padding:4rem 6rem;font-size:7rem;min-width:0;line-height:1.2}.select-field{display:flex;justify-content:space-between}.select-field span{font-size:10rem;line-height:.6;color:#1e343f}.message-field small{font-size:6.5rem;line-height:1.6}.upload-field{display:flex;align-items:center;gap:11rem;color:#334a57;background:#d7e5ebbc;padding:6rem 14rem}.upload-field .icon{width:23rem;height:23rem}.upload-field strong{font-size:8rem;font-weight:600}.upload-field small{display:block;font-size:6.5rem}.submit-visual{grid-column:2}.submit-visual .visual-cta{width:100%;min-height:25rem;font-size:8rem;padding:4rem;gap:5rem}.map-card{height:144rem;background:#eaf0ed;border:1rem solid #d8e1e3;position:relative;overflow:hidden}.map-art{width:100%;height:100%;object-fit:cover}.map-card .visual-cta{position:absolute;bottom:6rem;left:17rem;right:17rem;font-size:8rem;padding-inline:7rem;min-height:25rem;gap:8rem}
.site-footer{height:148rem;border-top:1rem solid #ccd3bd40}.footer-main{width:calc(100% - 84rem);margin:auto;display:grid;grid-template-columns:113rem 69rem 125rem 195rem 1fr;padding:14rem 0 12rem;gap:12rem;min-height:107rem}.footer-brand{border-right:1rem solid #b1bdc12b}.footer-brand .brand{flex-direction:column;gap:0;align-items:center;padding-right:12rem}.footer-brand .logo-symbol{width:52rem;height:49rem}.footer-brand .logo-symbol img{width:100rem;height:84rem;left:-23rem;top:-4rem}.footer-brand .brand-word{text-align:center}.footer-brand .brand-word strong{font-size:17rem;line-height:1.2}.footer-brand .brand-word small{font-size:7rem;white-space:nowrap}.footer-column{border-right:1rem solid #b1bdc126}.footer-main h3{font-size:9rem;color:#e4cf8c;margin-bottom:4rem;font-weight:400}.footer-main p{font-size:7.2rem;line-height:1.75;color:#d6e0e4}.footer-contact p{display:flex;align-items:flex-start;gap:4rem;line-height:1.35;margin-bottom:3rem}.footer-contact .icon{width:9rem;height:9rem;color:#d8ba67}.footer-social h3{color:#f4f5ef}.social-icons{display:flex;align-items:center;gap:21rem;margin:7rem 0 6rem}.facebook{width:19rem;height:19rem;border-radius:50%;background:#1683e6;color:#fff;font:700 20rem/24rem Arial;text-align:center}.line-social{width:20rem;height:18rem;background:white;color:#22373f;border-radius:50%;font:700 6rem/18rem Arial;text-align:center}.footer-social p{font-size:7rem}.footer-bottom{border-top:1rem solid #afbdc232;display:flex;justify-content:space-between;align-items:center;margin-inline:41rem;padding-top:9rem;color:#dae5eb;font-size:7rem;gap:20rem}.footer-slogan{font:400 6.5rem/1.2 Arial;letter-spacing:.6rem;color:#aeb8b9}
.collage-fragment{background-size:400% auto}.team-photos .welding,.gallery-strip .welding{background-size:400% auto}.team-photos .team-group{background-size:400% auto;background-position:33.333% 12%}.lift-photo{background-size:500% auto;background-position:36% 35%}.logo-symbol,.footer-brand .logo-symbol{height:44rem}.hero-note{text-shadow:0 1rem 5rem #10212e}
.logo-symbol img{filter:contrast(1.3) brightness(1.08)}
@media(min-width:1441px){body{background:#21313b}}
@media(max-width:600px){
 :root{font-size:1px}body{font-size:13rem;overflow-x:hidden}h2{font-size:23rem!important}.wrap{width:calc(100% - 36rem)!important}.site-header{height:69rem;padding:8rem 18rem;gap:12rem;flex-wrap:wrap}.brand-word strong{font-size:18rem}.brand-word small{font-size:8rem}.site-header .logo-symbol{height:45rem}.main-nav{display:none}.header-contact{display:none}.site-header>.visual-cta{margin-left:auto;font-size:10rem}.hero{height:340rem;background-position:63% center}.hero:before{background:linear-gradient(90deg,#172c39ec,#172c3955)}.hero .wrap{padding:52rem 0 0}.hero h1{font-size:26rem;letter-spacing:-1rem}.hero-tagline{font-size:12rem;margin-top:10rem}.hero-description{font-size:11rem;margin:13rem 0}.hero .visual-cta{min-height:33rem;font-size:11rem}.hero-note{bottom:12rem;right:15rem;font-size:8rem}.benefit-strip{height:auto}.benefit-strip .wrap{grid-template-columns:1fr 1fr;width:100%!important}.benefit-strip .benefit{min-height:48rem;font-size:10rem;border-bottom:1rem solid #d9e6eb88}.benefit .icon{width:24rem;height:24rem}.services{height:auto;grid-template-columns:1fr 1fr}.services-intro{padding:23rem 10rem 15rem 18rem}.service-copy{font-size:10rem;line-height:1.55;margin:10rem 0 17rem}.service-copy br{display:none}.services-intro .visual-cta{font-size:9rem}.service-image{min-height:210rem}.service-image img{object-position:58% center}.service-list{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding:16rem 18rem;gap:10rem 12rem}.service-list article{padding:4rem 0;gap:9rem;border:0}.service-list h3{font-size:12rem}.service-list p{font-size:9rem}.number{font-size:25rem;min-width:23rem}.process{height:auto;min-height:277rem;background-size:cover,auto 100%;background-position:center,right center}.process .wrap{padding-top:19rem;padding-bottom:24rem}.process .wrap>p{font-size:11rem}.process-track{width:100%;grid-template-columns:repeat(3,1fr);gap:14rem 0;margin-top:13rem}.process-track:before,.process-track:after{display:none}.step-icon{width:36rem;height:36rem}.process-track h3{font-size:11rem}.process-track p{font-size:8rem}.process .process-quote{display:none}.solutions{height:auto;padding:23rem 0}.solutions h2{font-size:20rem!important;line-height:1.35;letter-spacing:-.5rem}.solutions .sub{font-size:11rem;margin:5rem 0}.solution-grid{grid-template-columns:1fr;width:100%;gap:17rem;margin-top:14rem}.solution-photo{height:185rem}.solution-grid h3{font-size:16rem;margin-top:6rem}.solution-grid figcaption p{font-size:11rem}.vertical-note{display:none}.lift-photo{background-size:365% 355%}.featured{height:auto}.featured-layout{grid-template-columns:1fr;padding-block:23rem;gap:10rem}.featured-copy>p{font-size:12rem}.featured-copy h3{font-size:19rem}.featured-copy .project-description{font-size:11rem;margin:9rem 0}.featured-copy .visual-cta{font-size:11rem;min-height:32rem}.project-photos{grid-template-columns:repeat(2,1fr);gap:15rem 8rem}.project-photos img,.project-photos .collage-fragment{height:164rem}.project-photos figcaption{font-size:10rem}.work-gallery{height:auto;padding-top:19rem}.gallery-heading{height:auto;align-items:flex-start;gap:9rem;margin-bottom:15rem}.gallery-heading h2{font-size:19rem!important}.gallery-heading .sub{font-size:10rem}.gallery-heading .visual-cta{display:none}.gallery-strip{grid-template-columns:repeat(3,1fr);height:240rem;grid-template-rows:1fr 1fr}.gallery-strip img,.gallery-strip .collage-fragment{height:119rem}.why-us{height:auto;padding:23rem 0}.why-us .sub{font-size:11rem;margin-top:5rem}.reason-grid{grid-template-columns:1fr 1fr;margin:15rem 18rem 0;gap:7rem}.reason-grid article{height:76rem;padding:8rem;gap:8rem}.reason-grid h3{font-size:10rem;white-space:normal}.reason-grid p{font-size:8rem}.reason-grid .icon{width:26rem;height:26rem}.industries{height:auto;padding:22rem 0}.industries .wrap>p{font-size:11rem;margin-top:5rem}.industry-grid{width:100%;margin:18rem 0 0;grid-template-columns:repeat(3,1fr);gap:16rem 2rem}.industry-grid article{border:0}.industry-grid p{font-size:9rem}.standards{height:auto;padding:22rem 0}.standards .sub{font-size:11rem}.standard-grid{grid-template-columns:repeat(3,1fr);margin:14rem 18rem 0;gap:5rem}.standard-grid article{height:74rem;padding:9rem 3rem}.standard-grid h3{font-size:9rem}.standard-grid .icon{width:30rem;height:30rem;margin-bottom:8rem}.team{height:auto;padding:22rem 0}.team-heading{padding:0}.team-heading p{font-size:11rem;margin-top:5rem}.team-heading .team-quote{display:none}.team-photos{grid-template-columns:1fr 1fr;grid-template-rows:126rem 126rem;height:auto;margin-top:14rem;gap:6rem}.team-photos>*{height:126rem}.faq{height:auto;padding:23rem 0}.faq-layout{padding:0;grid-template-columns:1fr;gap:12rem}.faq .sub{font-size:11rem}.faq-grid{grid-template-columns:1fr;gap:7rem}.faq-row{min-height:36rem;font-size:11rem;padding:7rem 10rem}.faq-row .icon{width:15rem;height:15rem}.contact{height:auto;padding:23rem 0}.contact-layout{grid-template-columns:1fr;gap:23rem}.contact h2{font-size:26rem!important}.contact-subtitle{font-size:12rem;margin-top:4rem}.contact-details>p:not(.contact-subtitle){font-size:11rem;gap:8rem;margin-top:6rem;white-space:normal}.contact-details .icon{width:17rem;height:17rem;padding:2rem}.contact-form{grid-template-rows:34rem 34rem 34rem 80rem 35rem;gap:7rem}.field{font-size:10rem;padding:9rem 7rem}.message-field small{font-size:9rem}.upload-field{gap:6rem;padding:9rem}.upload-field strong{font-size:10rem}.upload-field small{font-size:8rem}.submit-visual{grid-column:1/-1}.submit-visual .visual-cta{font-size:11rem;min-height:35rem}.map-card{height:220rem}.map-card .visual-cta{bottom:12rem;left:50rem;right:50rem;min-height:35rem;font-size:11rem}.map-art{height:240rem}.site-footer{height:auto}.footer-main{width:calc(100% - 36rem);grid-template-columns:1fr 1fr;gap:21rem 18rem;padding:22rem 0}.footer-brand{grid-column:1/-1;border:0}.footer-brand .brand{flex-direction:row;justify-content:center;gap:9rem;padding:0}.footer-brand .brand-word{text-align:left}.footer-brand .brand-word strong{font-size:22rem}.footer-brand .brand-word small{font-size:10rem}.footer-main h3{font-size:12rem;margin-bottom:7rem}.footer-main p{font-size:9rem}.footer-column{border:0}.footer-contact .icon{width:12rem;height:12rem}.footer-social .social-icons{margin:8rem 0}.facebook{width:25rem;height:25rem;font-size:25rem;line-height:31rem}.line-social{width:28rem;height:24rem;font-size:8rem;line-height:24rem}.footer-bottom{flex-direction:column;align-items:flex-start;margin:0 18rem;gap:8rem;padding:14rem 0 20rem;font-size:8rem}.footer-slogan{font-size:8rem}
}
@media(max-width:600px){.lift-photo{background-size:500% auto;background-position:36% 35%}.site-header .logo-symbol{height:44rem}}
/* === 1D1D: เพิ่มเติม (ไม่แตะดีไซน์ที่อนุมัติ) === */
/* ใช้เฉพาะคลาสที่ขึ้นต้นด้วย js- และ [data-go] — ไม่ทับ selector ใดที่ลูกค้าอนุมัติ
   ทั้งหมดคือ "สถานะที่ดีไซน์ไม่ได้วาด": ชี้เมาส์ โฟกัสด้วยคีย์บอร์ด กำลังพิมพ์ กรอกผิด กำลังส่ง ส่งสำเร็จ
   สีที่ใช้หยิบจากไฟล์ที่อนุมัติทั้งหมด และเลี่ยงสีแดงตามที่ลูกค้าระบุในบรีฟ */
[data-go],.js-submit,.js-faq{cursor:pointer}
[data-go]:focus-visible,.js-submit:focus-visible,.js-faq:focus-visible,.js-input:focus-visible{outline:2px solid #c29c43;outline-offset:2px}
.main-nav [data-go]:hover,.footer-column [data-go]:hover{color:#e4c979}
.visual-cta[data-go]:hover,.js-submit:hover{filter:brightness(1.06)}

/* ฟอร์มขอประเมินราคา — ช่องกรอกจริงวางทับกล่องเดิมพอดี ตำแหน่งและขนาดไม่ขยับ */
.js-field{position:relative}
.js-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:4rem 6rem;border:0;border-radius:3rem;background:transparent;font:inherit;color:#1e343f;outline-offset:-2px;resize:none}
.js-filled{color:transparent}
.js-chosen{color:#1e343f}
.js-select .js-input,.js-upload .js-input{opacity:0;cursor:pointer}
.js-invalid{border-color:#8a5a2b;background:#e6e0d2f2}
.js-submit-wrap{position:relative}
.js-status{position:absolute;top:100%;left:0;right:0;margin:6px 0 0;font-size:12px;line-height:1.55;color:#2c4450}
.js-status:empty{display:none}
.js-status.js-bad{color:#8a5a2b}
.js-busy{opacity:.55;pointer-events:none}
.js-file-name{display:block;color:#2c4450}

/* คำตอบคำถามที่พบบ่อย — ดีไซน์มีแต่คำถามกับเครื่องหมาย + จึงแสดงเป็นแผงลอย
   ไม่ดันเนื้อหาอื่น เพราะส่วนนี้ถูกล็อกความสูงไว้ในดีไซน์ */
.js-faq{position:relative}
.js-faq-panel{position:absolute;z-index:30;background:#eef4f6;border:1rem solid #cddde4;border-radius:2rem;padding:10rem 12rem;font-size:13px;line-height:1.7;color:#22333d;box-shadow:0 6px 18px #16303d29}
.faq-row .plus{transition:none}
.js-open .plus{visibility:hidden}
.js-open:after{content:"–";position:absolute;right:8rem;top:50%;transform:translateY(-50%);font:400 12rem Arial;color:#1e343f}

/* ข้อความบอกสถานะเมื่อยังไม่มีข้อมูล (ใช้ในหน้ารวมผลงาน) */
.js-empty{font-size:14px;line-height:1.7;color:#566e7c;padding:18rem 0}
/* ชื่อผู้ติดต่อที่ต่อท้ายเบอร์โทร — ทำให้เบาและเล็กกว่าเบอร์ เพื่อไม่ให้แถวยาวเกินกรอบที่อนุมัติ */
.js-who { font-weight: 400; font-size: .84em; opacity: .92; }

/* ปุ่มเมนูสามขีดสำหรับมือถือ — ดีไซน์ที่อนุมัติซ่อนแถบแท็บเมื่อจอแคบกว่า 600px
   พอแท็บกลายเป็นวิธีเดินดูเว็บ คนใช้มือถือจึงไม่มีเมนูเลย ปุ่มนี้แก้ตรงนั้น
   บนจอกว้างปุ่มถูกซ่อนสนิท หน้าตาเดสก์ท็อปจึงไม่เปลี่ยนแม้แต่พิกเซลเดียว */
.js-menu { display: none; }

@media (max-width: 600px) {
  .js-menu {
    display: grid;
    place-items: center;
    width: 44rem;
    height: 38rem;
    margin-left: 10rem;
    padding: 0;
    background: transparent;
    border: 1rem solid #d1be83;
    border-radius: 3rem;
    cursor: pointer;
    flex: none;
  }
  .js-bars, .js-bars::before, .js-bars::after {
    display: block;
    width: 20rem;
    height: 2rem;
    background: #e4c979;
    border-radius: 2rem;
  }
  .js-bars { position: relative; }
  .js-bars::before, .js-bars::after { content: ""; position: absolute; left: 0; }
  .js-bars::before { top: -6rem; }
  .js-bars::after { top: 6rem; }
  .js-menu[aria-expanded="true"] .js-bars { background: transparent; }
  .js-menu[aria-expanded="true"] .js-bars::before { top: 0; transform: rotate(45deg); }
  .js-menu[aria-expanded="true"] .js-bars::after { top: 0; transform: rotate(-45deg); }

  .js-menu-panel {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 20;
    background: #223138;
    border-top: 1rem solid #c7c7ac55;
    box-shadow: 0 10px 26px #0d1b2159;
    padding: 6rem 0 10rem;
  }
  .js-menu-panel button {
    display: block;
    width: 100%;
    text-align: left;
    font: inherit;
    font-size: 15px;
    line-height: 1.5;
    padding: 13rem 20rem;
    background: transparent;
    border: 0;
    color: #eef2f3;
    cursor: pointer;
  }
  .js-menu-panel button[data-current="1"] { color: #e4c979; font-weight: 600; }
  .js-menu-panel button:active { background: #2e4149; }
  .js-menu-panel .js-menu-sep {
    height: 1rem;
    background: #ffffff1f;
    margin: 6rem 20rem;
  }
  .js-menu-panel .js-menu-call { color: #e4c979; }
}