/* R.A.K. GROUP — Design A / Premium Industrial Luxury unified release 2.1.0.
 * Nine approved feedback items applied across all existing Elementor pages.
 * Pure progressive enhancement; no duplicate site elements or layout builders.
 * Stock architectural photograph is owned by its photographer / Pexels, used as
 * contextual illustration only, NOT as a claimed R.A.K. GROUP project.
 */
body.rak-v21-active{
 --rak21-ink:#0d151f;--rak21-deep:#101c29;--rak21-slate:#233247;
 --rak21-muted:#94a3b8;--rak21-white:#f7f8fa;--rak21-warm:#e98a47;
 --rak21-hairline:rgba(221,232,244,.18);
 --rak21-ease:cubic-bezier(.22,.7,.23,1);
 font-family:'Noto Sans Thai',sans-serif;
}
/* HEADER — hierarchy, optical spacing and a more restrained luxury palette */
body.rak-v21-active .rak-header{
 background:linear-gradient(110deg,#0b111a 0%,#1d2938 62%,#111a25 100%)!important;
 border-bottom:1px solid rgba(226,234,246,.16)!important;
 backdrop-filter:saturate(110%) blur(14px);
}
body.rak-v21-active .rak-header::before{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse at 86% 0%,rgba(121,158,190,.12),transparent 45%)}
body.rak-v21-active .rak-header::after{height:1px!important;background:linear-gradient(90deg,transparent,#b87347 14%,#f4b477 36%,transparent 79%)!important}
body.rak-v21-active .rak-header-inner{max-width:1480px!important;min-height:93px!important;padding:13px clamp(20px,3.2vw,48px)!important;gap:clamp(14px,2vw,30px)!important}
body.rak-v21-active .rak-header-logo,body.rak-v21-active .rak-header-logo img{width:clamp(174px,14.5vw,210px)!important;max-width:210px!important}
body.rak-v21-active .rak-header-logo{flex-basis:clamp(174px,14.5vw,210px)!important}
body.rak-v21-active .rak-nav-links{gap:clamp(2px,.45vw,8px)!important}
body.rak-v21-active .rak-nav-item .elementor-button{font-size:clamp(15px,1.02vw,17px)!important;font-weight:700!important;letter-spacing:0!important;padding:12px clamp(8px,1.1vw,17px)!important;color:#e9edf4!important}
body.rak-v21-active .rak-nav-item .elementor-button:hover,body.rak-v21-active .rak-nav-item .elementor-button:focus-visible{color:#efad79!important;background:rgba(255,255,255,.055)!important}
body.rak-v21-active .rak-header-cta .elementor-button{font-size:15px!important;min-height:52px!important;border-radius:9px!important;background:linear-gradient(125deg,#e9924c,#c9632f)!important;border:1px solid #e9a06b!important;box-shadow:0 9px 22px rgba(0,0,0,.26),0 2px 0 rgba(255,255,255,.16) inset!important}
body.rak-v21-active .rak-global-header{box-shadow:0 14px 35px rgba(2,8,15,.28)!important}
/* HERO — use Elementor Pro's three editable slides, keep fade and all three text layers visible */
body.rak-v21-active .rak-premium-slide-shell{border-bottom:0!important;box-shadow:0 18px 50px rgba(6,16,29,.16)}
body.rak-v21-active .rak-premium-slider .swiper-slide::before{
 background:linear-gradient(90deg,rgba(8,13,22,.94) 0%,rgba(11,18,28,.8) 37%,rgba(9,15,24,.38) 75%,rgba(9,15,24,.24) 100%),linear-gradient(0deg,rgba(8,16,26,.48),transparent 45%)!important
}
body.rak-v21-active .rak-premium-slider .swiper-slide::after{
 width:clamp(45px,6vw,105px)!important;right:3%!important;opacity:.68!important;
 background:linear-gradient(90deg,#bb6739 0%,#eea064 7%,#ce6c35 12%,transparent 16%)!important
}
body.rak-v21-active .rak-premium-slider .swiper-slide-contents{width:min(740px,69%)!important;max-width:740px!important}
body.rak-v21-active .rak-premium-slider .swiper-slide-contents::before{
 content:'R.A.K. GROUP  /  ENGINEERING SOLUTIONS'!important;
 color:#f0c3a1!important;font-size:clamp(11px,.92vw,14px)!important;letter-spacing:.19em!important;margin-bottom:23px!important
}
body.rak-v21-active .rak-premium-slider .elementor-slide-heading{
 font-size:clamp(45px,5.1vw,84px)!important;line-height:1.16!important;letter-spacing:-.036em!important;
 text-shadow:0 8px 24px rgba(0,0,0,.48)!important
}
body.rak-v21-active .rak-premium-slider .elementor-slide-description{
 font-size:clamp(17px,1.23vw,21px)!important;line-height:1.82!important;color:#f0f3f8!important;
 max-width:610px!important;text-shadow:0 3px 14px #000b!important
}
body.rak-v21-active .rak-premium-slider .swiper-slide-active .swiper-slide-contents,
body.rak-v21-active .rak-premium-slider .swiper-slide-duplicate-active .swiper-slide-contents,
body.rak-v21-active .rak-premium-slider .swiper-slide-active .swiper-slide-contents *{
 visibility:visible!important;opacity:1!important;filter:none!important;transform:none!important;
 animation:none!important
}
body.rak-v21-active .rak-premium-slider .elementor-slide-button{background:linear-gradient(120deg,#e78b42,#c85d2b)!important;border-radius:9px!important;box-shadow:0 13px 32px rgba(0,0,0,.28)!important}
body.rak-v21-active .rak-premium-slider .swiper-pagination-bullet-active{background:#f1b37e!important}
/* SHARED SECTION TYPOGRAPHY AND SPACE — every main page, service detail and news archive */
body.rak-v21-active :is(.rak-section,.rak-v11-section){padding-top:clamp(76px,7.5vw,120px)!important;padding-bottom:clamp(76px,7.5vw,120px)!important}
body.rak-v21-active :is(.rak-section-title,.rak-v11-heading-title,.rak-v12-story-title,.rak-v12-tech-title,.rak-v12-project-lead-title,.rak-v11-contact-head) .elementor-heading-title{
 font-size:clamp(34px,3.4vw,58px)!important;line-height:1.24!important;letter-spacing:-.03em!important;text-wrap:balance
}
body.rak-v21-active :is(.rak-section-intro,.rak-v11-intro,.rak-page-intro) .elementor-widget-container{
 font-size:clamp(16px,1.15vw,19px)!important;line-height:1.86!important
}
body.rak-v21-active .rak-section-heading{gap:14px!important}
body.rak-v21-active .rak-section-muted{background:linear-gradient(130deg,#f7f8fa,#edf0f4)!important}
body.rak-v21-active .rak-page-hero{min-height:clamp(400px,36vw,520px)!important}
body.rak-v21-active .rak-page-hero:after{background:linear-gradient(90deg,rgba(4,11,19,.92),rgba(6,16,28,.72) 54%,rgba(4,11,18,.18) 100%)!important}
body.rak-v21-active .rak-page-title .elementor-heading-title{font-size:clamp(46px,4.8vw,78px)!important;line-height:1.14!important}
/* STATS — cinematic but restrained, four responsive metrics */
body.rak-v21-active .rak-stat-bar{
 position:relative!important;isolation:isolate;overflow:hidden!important;
 background:linear-gradient(112deg,rgba(8,15,24,.92),rgba(21,37,52,.88)),url('../assets/project-wide.webp') center 52% / cover no-repeat!important;
 padding:18px max(4%,calc((100vw - 1350px)/2))!important;gap:0!important;
 border-top:1px solid #dc8a545e!important;border-bottom:1px solid #e4eaf222!important;
}
body.rak-v21-active .rak-stat-bar::before{content:"";pointer-events:none;position:absolute;inset:0;
 background:radial-gradient(circle at 12% 70%,#dc824128,transparent 32%),radial-gradient(circle at 90% 5%,#afcce02e,transparent 39%);
 z-index:-1}
body.rak-v21-active .rak-stat{
 background:transparent!important;padding:30px 18px!important;gap:6px!important;position:relative!important;
 border-right:1px solid #d9e3f526!important
}
body.rak-v21-active .rak-stat:last-child{border-right:none!important}
body.rak-v21-active .rak-stat::before{content:"";position:absolute;bottom:10px;width:36px;height:1px;background:#b38c7285}
body.rak-v21-active .rak-stat-num .elementor-heading-title{
 font-size:clamp(37px,3.5vw,58px)!important;font-weight:850!important;color:#f7e9dd!important;
 letter-spacing:-.04em!important;text-shadow:0 3px 22px #070b11!important
}
body.rak-v21-active .rak-stat-label .elementor-widget-container{font-size:clamp(13px,1vw,16px)!important;color:#d0d9e4!important;line-height:1.6!important}
/* SERVICE CARDS — tactile stone/glass panels, image and text hierarchy first, orange only on selected affordances */
body.rak-v21-active .rak-service-card{
 background:linear-gradient(160deg,#fff,#f5f7fa)!important;border:1px solid #dce2e9!important;
 border-radius:15px!important;box-shadow:0 14px 40px #17253513,0 2px 7px #24303f0a!important;
 transition:transform .38s var(--rak21-ease),box-shadow .38s ease!important
}
body.rak-v21-active .rak-service-card::before{height:1px!important;background:linear-gradient(90deg,transparent,#aab6c3 32%,transparent)!important}
body.rak-v21-active .rak-card-photo{height:clamp(260px,21vw,330px)!important}
body.rak-v21-active .rak-service-card .rak-card-photo::after{background:linear-gradient(0deg,#18283b25,transparent 57%)}
body.rak-v21-active .rak-card-content{padding:27px 27px 31px!important;gap:10px!important}
body.rak-v21-active .rak-service-index .elementor-heading-title{
 font-size:clamp(24px,2.4vw,36px)!important;color:#5b6673!important;font-weight:750!important;
 letter-spacing:-.03em!important
}
body.rak-v21-active .rak-card-heading .elementor-heading-title{font-size:clamp(22px,1.5vw,27px)!important;color:#172333!important;font-weight:850!important}
body.rak-v21-active .rak-service-card .rak-english .elementor-widget-container{color:#677486!important;font-weight:650!important;font-size:15px!important}
body.rak-v21-active .rak-service-card .rak-link-button .elementor-button{color:#b06b45!important;font-weight:750!important;font-size:15px!important}
body.rak-v21-active .rak-service-card:hover{transform:translateY(-6px)!important;box-shadow:0 26px 62px #10233828!important}
body.rak-v21-active .rak-service-card :is(.rak-v12-card-number){display:none!important}
/* PROCESS STEPS — single signature dark steel section with connector and ambient lights */
body.rak-v21-active .rak-v11-process-section{
 position:relative!important;isolation:isolate;overflow:hidden!important;
 background:linear-gradient(120deg,#101822,#203146 60%,#0e1925)!important
}
body.rak-v21-active .rak-v11-process-section::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
 background:radial-gradient(ellipse at 5% 82%,#d67c2e25,transparent 39%),radial-gradient(ellipse at 86% 10%,#9fc3ed1c,transparent 38%),repeating-linear-gradient(125deg,transparent 0 56px,#ffffff06 57px 58px)}
body.rak-v21-active .rak-v11-grid-four{position:relative!important;gap:22px!important}
body.rak-v21-active .rak-v11-step-card{
 position:relative!important;overflow:hidden!important;border-radius:15px!important;
 background:linear-gradient(154deg,#30415891,#162434bf)!important;
 border:1px solid rgba(226,236,247,.18)!important;box-shadow:inset 0 1px 0 #fff2,0 14px 35px #0309143d!important;
 padding:clamp(26px,2.4vw,39px)!important
}
body.rak-v21-active .rak-v11-step-card::before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;
 background:linear-gradient(90deg,transparent,#f0c2a37d,transparent)}
body.rak-v21-active .rak-v11-step-card::after{content:"";position:absolute;right:-28px;top:-34px;width:110px;height:110px;
 border:1px solid #dce9f018;border-radius:50%;pointer-events:none}
body.rak-v21-active .rak-v11-step-number .elementor-heading-title{
 font-size:clamp(37px,3.4vw,56px)!important;font-weight:750!important;color:#e4cbb9!important;letter-spacing:-.05em!important
}
body.rak-v21-active .rak-v11-step-title .elementor-heading-title{font-size:clamp(20px,1.3vw,24px)!important;font-weight:750!important;color:#f9fbfd!important}
body.rak-v21-active .rak-v11-step-desc .elementor-widget-container{font-size:15px!important;line-height:1.78!important;color:#c6d0de!important}
body.rak-v21-active .rak-v11-step-card:hover{transform:translateY(-5px)!important;box-shadow:0 22px 55px #0006!important}
/* ABOUT and engineering editorial sections — contained premium corporate panels */
body.rak-v21-active .rak-about-teaser{background:#111d2b!important;isolation:isolate}
body.rak-v21-active .rak-about-media{min-height:clamp(410px,44vw,640px)!important;overflow:hidden!important}
body.rak-v21-active .rak-about-media img{height:100%!important;object-fit:cover!important;object-position:center 46%!important;filter:contrast(1.05) saturate(.94)!important}
body.rak-v21-active .rak-about-text{
 background:radial-gradient(circle at 95% 4%,#5d728a3d,transparent 42%),linear-gradient(140deg,#233348,#101a28)!important;
 border-left:1px solid #d8b39680!important;padding:clamp(48px,5vw,88px)!important;gap:17px!important
}
body.rak-v21-active .rak-about-text::before{content:"";position:absolute;pointer-events:none;top:27px;right:33px;width:100px;height:100px;
 border-top:1px solid #d9e0ed40;border-right:1px solid #d9e0ed40}
body.rak-v21-active :is(.rak-v12-story-copy,.rak-v11-split-copy,.rak-v12-tech-copy,.rak-v12-insight-copy){
 position:relative!important;isolation:isolate;overflow:hidden!important;
 background:linear-gradient(130deg,#26374c,#121e2c)!important
}
body.rak-v21-active :is(.rak-v12-story-copy,.rak-v11-split-copy,.rak-v12-tech-copy,.rak-v12-insight-copy)::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(circle at 90% 14%,#d39a6328,transparent 28%),radial-gradient(circle at 6% 85%,#97c4ec1f,transparent 34%),repeating-linear-gradient(135deg,transparent 0 68px,#ffffff05 69px 70px)
}
body.rak-v21-active :is(.rak-v12-story-copy,.rak-v11-split-copy) .elementor-heading-title{color:#f4f6fa!important}
body.rak-v21-active .rak-v12-story-point{border-bottom:1px solid #cad7e524!important;padding:13px 0!important}
body.rak-v21-active .rak-v12-story-point .elementor-widget-container{color:#f0f4f8!important;font-size:17px!important}
/* OUR COMMITMENT — four ambient light sources, subtle architecture lines */
body.rak-v21-active :is(.rak-v11-quote,.rak-v12-brand-banner){
 position:relative!important;isolation:isolate;overflow:hidden!important;
 background:radial-gradient(ellipse at 7% 24%,#aa744528,transparent 31%),
 radial-gradient(ellipse at 87% 16%,#8cb4dd27,transparent 31%),
 radial-gradient(ellipse at 24% 100%,#799ab927,transparent 30%),
 radial-gradient(ellipse at 94% 93%,#af7b5024,transparent 29%),
 linear-gradient(120deg,#111d2a,#25374c 55%,#101a26)!important
}
body.rak-v21-active :is(.rak-v11-quote,.rak-v12-brand-banner)::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:repeating-linear-gradient(130deg,transparent 0 110px,rgba(255,255,255,.035) 111px 112px);
}
body.rak-v21-active :is(.rak-v11-quote,.rak-v12-brand-banner) .elementor-heading-title{color:#f9fafc!important}
/* SERVICE DETAILS and PROJECT SHOWCASE — consistent cards */
body.rak-v21-active :is(.rak-v11-value-card,.rak-info-panel,.rak-project-card,.rak-article-card){
 border:1px solid #dbe1e8!important;border-radius:14px!important;
 box-shadow:0 13px 38px #17283a17!important;overflow:hidden!important
}
body.rak-v21-active .rak-v11-value-card{border-top:1px solid #cdd7df!important;background:linear-gradient(150deg,#fff,#f7f9fb)!important}
body.rak-v21-active :is(.rak-project-card,.rak-article-card):hover{transform:translateY(-5px)!important;box-shadow:0 23px 48px #10223729!important}
body.rak-v21-active .rak-v12-project-lead-copy{background:linear-gradient(115deg,#0e1b2aef,#1b2d41dc)!important}
body.rak-v21-active .rak-v12-project-lead-title .elementor-heading-title{color:#f9fbfd!important}
body.rak-v21-active .rak-service-detail-img img{border-radius:13px!important;box-shadow:0 24px 46px #17243528!important}
/* CTA and CONTACT — editorial treatment, not a bright sales billboard */
body.rak-v21-active .rak-cta-banner{border-top:1px solid #d7a4788a!important;border-bottom:0!important;min-height:330px!important}
body.rak-v21-active .rak-v11-contact-form-wrap{border:1px solid #d8e0e9!important;border-radius:17px!important;box-shadow:0 22px 58px #13273b16!important}
body.rak-v21-active .rak-v11-pro-form :is(input,textarea,select){border:1px solid #becbd9!important;border-radius:8px!important;min-height:53px!important}
/* FOOTER — quiet luxury, soft architectural imagery, NO list icons */
body.rak-v21-active .rak-footer{
 background:linear-gradient(113deg,rgba(10,18,28,.95),rgba(23,38,54,.95)),url('../assets/foundation.webp') center center / cover no-repeat!important;
 position:relative!important;isolation:isolate;overflow:hidden!important;
 padding:clamp(72px,7vw,116px) max(5%,calc((100vw - 1360px)/2)) 25px!important;
 gap:58px!important
}
body.rak-v21-active .rak-footer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse at 85% 14%,rgba(147,187,215,.18),transparent 41%),radial-gradient(ellipse at 5% 100%,rgba(192,121,71,.13),transparent 36%)}
body.rak-v21-active .rak-footer-inner{gap:clamp(35px,5vw,84px)!important;grid-template-columns:1.35fr .8fr 1.25fr!important}
body.rak-v21-active .rak-footer-inner > .e-con{gap:17px!important}
body.rak-v21-active .rak-footer-logo,body.rak-v21-active .rak-footer-logo img{width:clamp(190px,17vw,240px)!important}
body.rak-v21-active .rak-footer .elementor-heading-title{font-size:clamp(18px,1.3vw,23px)!important;font-weight:750!important;color:#f0f3f8!important}
body.rak-v21-active .rak-footer .elementor-widget-text-editor{font-size:clamp(14px,1vw,16px)!important;line-height:1.8!important;color:#cad4df!important}
body.rak-v21-active .rak-footer-nav .elementor-button{
 font-size:clamp(14px,1vw,16px)!important;line-height:1.65!important;color:#d8e0e9!important;padding:3px 0!important;background:none!important
}
body.rak-v21-active .rak-footer :is(.elementor-icon,.elementor-button-icon){display:none!important}
body.rak-v21-active .rak-footer-nav .elementor-button::before,
body.rak-v21-active .rak-footer-nav .elementor-button::after{content:none!important;display:none!important}
body.rak-v21-active .rak-footer-bottom{border-top:1px solid #e4eaf221!important;padding-top:23px!important}
body.rak-v21-active .rak-footer-bottom .elementor-widget-text-editor{font-size:13px!important;color:#aebac9!important}
/* Desktop/tablet responsive behavior; no squeezed 5-item navigation */
@media(max-width:1320px){
 body.rak-v21-active .rak-nav-links{display:none!important;position:absolute!important;left:0;right:0;top:100%;background:#131e2a!important;padding:22px 6% 28px!important;flex-direction:column!important;align-items:stretch!important;box-shadow:0 26px 37px #07111cc7}
 body.rak-v21-active .rak-header.is-open .rak-nav-links{display:flex!important}
 body.rak-v21-active .rak-nav-item .elementor-button{width:100%!important;text-align:left!important;font-size:16px!important;padding:14px 15px!important}
 body.rak-v21-active .rak-menu-toggle{display:block!important}
 body.rak-v21-active .rak-header-inner{min-height:80px!important}
 body.rak-v21-active .rak-header-cta{margin-left:auto!important}
}
@media(max-width:1024px){
 body.rak-v21-active .rak-stat-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px 5%!important}
 body.rak-v21-active .rak-stat:nth-child(2){border-right:none!important}
 body.rak-v21-active .rak-v11-grid-four{gap:17px!important}
 body.rak-v21-active .rak-footer-inner{grid-template-columns:1.1fr .9fr!important}
 body.rak-v21-active .rak-footer-contact{grid-column:1/-1}
}
@media(max-width:767px){
 body.rak-v21-active .rak-header-inner{min-height:72px!important;padding:10px 17px!important}
 body.rak-v21-active .rak-header-logo,body.rak-v21-active .rak-header-logo img{width:150px!important;max-width:150px!important}
 body.rak-v21-active .rak-header-cta{display:none!important}
 body.rak-v21-active .rak-premium-slider .swiper-slide-inner{min-height:570px!important;padding:65px 7% 86px!important}
 body.rak-v21-active .rak-premium-slider .swiper-slide-contents{width:100%!important;max-width:100%!important}
 body.rak-v21-active .rak-premium-slider .elementor-slide-heading{font-size:clamp(34px,8.4vw,49px)!important}
 body.rak-v21-active .rak-premium-slider .elementor-slide-description{font-size:16px!important}
 body.rak-v21-active .rak-stat-bar{padding:10px 0!important}
 body.rak-v21-active .rak-stat{padding:22px 10px!important}
 body.rak-v21-active .rak-stat-num .elementor-heading-title{font-size:37px!important}
 body.rak-v21-active :is(.rak-section,.rak-v11-section){padding:67px 22px!important}
 body.rak-v21-active .rak-v11-step-card{padding:27px!important}
 body.rak-v21-active .rak-card-photo{height:235px!important}
 body.rak-v21-active .rak-about-media{min-height:340px!important}
 body.rak-v21-active .rak-about-text{padding:52px 25px!important}
 body.rak-v21-active .rak-page-hero{min-height:330px!important}
 body.rak-v21-active .rak-footer{padding:70px 25px 22px!important}
 body.rak-v21-active .rak-footer-inner{grid-template-columns:1fr!important;gap:35px!important}
 body.rak-v21-active .rak-footer-contact{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
 body.rak-v21-active :is(.rak-service-card,.rak-v11-step-card,.rak-project-card,.rak-article-card){transform:none!important;transition:none!important}
 body.rak-v21-active .rak-premium-slider .swiper-slide-bg{transition:none!important;transform:none!important}
}
/* Keep reading contrast on every dark editorial panel, including service and news pages. */
body.rak-v21-active :is(.rak-v12-story-copy,.rak-v11-split-copy,.rak-v12-tech-copy,.rak-v12-insight-copy) :is(.elementor-widget-text-editor,.elementor-widget-text-editor p){color:#e4ecf5!important}
body.rak-v21-active :is(.rak-v12-story-copy,.rak-v11-split-copy,.rak-v12-tech-copy,.rak-v12-insight-copy) :is(.elementor-heading-title){color:#f6f8fb!important}
body.rak-v21-active .rak-v11-step-desc :is(.elementor-widget-container,.elementor-widget-container p){color:#c8d3e1!important}