:root{--green:#0b6b4d;--green2:#084a38;--red:#c7222b;--gold:#c6a24b;--ink:#13201b;--muted:#65716d;--soft:#f4f7f4;--line:#dfe6e1;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans Thai",system-ui,sans-serif;line-height:1.7;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,230,225,.8)}.nav-wrap{min-height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.06em;font-size:13px;white-space:nowrap}.brand img{width:48px;height:48px;object-fit:contain}.nav{display:flex;gap:25px;margin-left:auto}.nav a{font-size:14px;font-weight:600;color:#4b5752;position:relative;padding:28px 0}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--red);transform:scaleX(0);transition:.2s}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.lang-btn,.menu-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;font-weight:800;cursor:pointer}.menu-btn{display:none}.hero{min-height:680px;display:flex;align-items:center;position:relative;color:#fff;background-size:cover;background-position:center}.hero-home{background-image:url("https://images.unsplash.com/photo-1525625293386-3f8f99389edd?auto=format&fit=crop&w=2000&q=85")}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,28,19,.9),rgba(2,28,19,.48),rgba(2,28,19,.15))}.hero-content{position:relative;padding:90px 0;max-width:820px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--gold);margin:0 0 12px;text-transform:uppercase}.hero h1,.page-hero h1{font-family:"Playfair Display","Noto Sans Thai",serif;line-height:1.15;font-size:clamp(42px,6vw,72px);margin:0 0 22px;letter-spacing:-.02em}.hero-lead{font-size:20px;max-width:670px;color:#edf5f0}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border-radius:4px;border:1px solid transparent;font-weight:800;font-size:14px;cursor:pointer;transition:.2s}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:#a91922;transform:translateY(-1px)}.btn-light{background:#fff;color:var(--ink)}.btn-dark{background:var(--ink);color:#fff}.btn-outline{border-color:var(--green);color:var(--green);background:#fff}.btn-outline:hover{background:var(--green);color:#fff}.btn-light-dark{background:#e9efeb;color:var(--ink)}.trust-strip{background:var(--green);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{padding:25px 22px;border-right:1px solid rgba(255,255,255,.15)}.trust-grid div:last-child{border:0}.trust-grid strong{display:block;font-size:18px;letter-spacing:.03em}.trust-grid span{display:block;color:#cfe1d9;font-size:12px;margin-top:2px}.section{padding:90px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--green2);color:#fff}.section-head{max-width:750px;margin:0 auto 45px;text-align:center}.section h2{font-family:"Playfair Display","Noto Sans Thai",serif;font-size:clamp(34px,4vw,52px);line-height:1.2;margin:0 0 16px}.section-head p:last-child{color:var(--muted);margin:0}.section-dark p{color:#c7d8d1}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.feature{background:#fff;padding:28px 23px}.icon{width:36px;height:36px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--green);font-size:11px;font-weight:800;margin-bottom:20px}.feature h3{font-size:17px;margin:0 0 9px}.feature p{color:var(--muted);font-size:13px;margin:0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.text-link{display:inline-block;color:#fff;font-weight:800;margin-top:20px;border-bottom:1px solid var(--gold);padding-bottom:5px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.15)}.stats div{padding:32px;background:rgba(255,255,255,.04)}.stats strong{font-family:"Playfair Display",serif;font-size:29px;color:#fff;display:block}.stats span{color:#bed1c9;font-size:13px}.tour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tour-card{border:1px solid var(--line);background:#fff;transition:.25s;overflow:hidden}.tour-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(13,48,36,.1)}.tour-img,.service-image{height:245px;background-size:cover;background-position:center}.malaysia{background-image:url("https://images.unsplash.com/photo-1506534829542-4d6f8b6c1a86?auto=format&fit=crop&w=1200&q=80")}.singapore{background-image:url("https://images.unsplash.com/photo-1496939376851-89342e90adcd?auto=format&fit=crop&w=1200&q=80")}.thailand{background-image:url("https://images.unsplash.com/photo-1470214304380-aadaedcfff1b?auto=format&fit=crop&w=1200&q=80")}.tour-body{padding:24px}.tour-body>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--red)}.tour-body h3{font-size:20px;line-height:1.35;margin:9px 0}.tour-body p{font-size:13px;color:var(--muted);margin:0}.cta{background:linear-gradient(135deg,#fff 0%,#edf4ef 100%);border-top:1px solid var(--line)}.cta-inner{padding:65px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-family:"Playfair Display",serif;margin:0;font-size:42px}.cta p{color:var(--muted)}.footer{background:#101714;color:#dce7e2;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:50px}.footer-logo{width:100px;height:70px;object-fit:contain;object-position:left center}.footer h4{color:#fff;margin:0 0 10px}.footer p{margin:4px 0;color:#b9c8c2;font-size:13px}.footer small{color:#81938b}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding:18px;font-size:12px;color:#81938b}.page-hero{background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;padding:100px 0 85px}.page-hero h1{font-size:clamp(42px,5vw,65px);margin-bottom:10px}.page-hero p:last-child{color:#d3e5dc;margin:0;max-width:650px}.story-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.story-grid p{color:var(--muted)}.story-card{background:var(--green);color:#fff;padding:45px;min-height:340px;display:flex;flex-direction:column;justify-content:center}.story-number{font-family:"Playfair Display",serif;font-size:90px;line-height:1;color:#fff}.story-card p{color:#cfe1d9}.license{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);font-size:11px;letter-spacing:.15em}.license strong{font-size:22px;letter-spacing:.02em}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.timeline article{background:#fff;padding:34px;display:grid;grid-template-columns:55px 1fr;gap:20px}.timeline b{font-family:"Playfair Display",serif;color:var(--red);font-size:26px}.timeline h3{margin:0 0 6px;font-size:19px}.timeline p{color:var(--muted);margin:0;font-size:14px}.quote{text-align:center;max-width:800px}.quote>p:first-child{font-family:serif;font-size:80px;line-height:.6;color:var(--gold);margin:0}.quote .small{font-size:12px;letter-spacing:.2em;color:var(--red)}.service-list{display:grid;gap:28px}.service-card{display:grid;grid-template-columns:40% 60%;border:1px solid var(--line);background:#fff}.service-card .service-image{height:100%;min-height:350px}.service-content{padding:42px}.tag{display:inline-block;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.15em}.service-content h2{font-size:32px;margin:10px 0}.en-title{color:var(--muted);font-style:italic}.route{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:25px 0;color:var(--muted);font-size:14px}.route span{display:inline-grid;place-items:center;background:var(--green);color:#fff;width:28px;height:28px;margin-right:8px;font-size:11px}.empty-section{min-height:530px;display:grid;place-items:center}.empty-card{text-align:center;max-width:680px;border:1px dashed #c9d5cf;padding:70px 40px;background:var(--soft)}.empty-mark{font-size:36px;color:var(--gold);margin-bottom:15px}.empty-card h2{font-size:36px}.empty-card p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-list{border-top:1px solid var(--line);margin-top:30px}.contact-list a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.contact-list span{color:var(--muted);text-align:right}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.address-card{background:var(--green);color:#fff;padding:42px}.address-card h3{font-family:"Playfair Display",serif;font-size:34px;margin:0 0 15px}.address-card p{color:#d1e1db}.address-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.hours{margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);display:grid;gap:5px}.hours span{color:#c8d9d2;font-size:13px}.contact-banner{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.contact-banner>div{background:#fff;padding:35px}.contact-banner h2{font-size:28px;margin:0}.contact-banner p:last-child{color:var(--muted)}@media(max-width:1000px){.nav{gap:14px}.nav a{font-size:13px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature:last-child{grid-column:span 2}.tour-grid{grid-template-columns:1fr 1fr}.service-card{grid-template-columns:1fr}.service-card .service-image{height:270px}.split,.story-grid,.contact-grid{grid-template-columns:1fr;gap:40px}}@media(max-width:760px){.container{width:min(100% - 28px,1160px)}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:12px 0}.nav a:after{display:none}.menu-btn{display:block;margin-left:auto}.lang-btn{order:3}.brand span{display:none}.hero{min-height:600px}.hero h1{font-size:43px}.hero-lead{font-size:17px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div{border-bottom:1px solid rgba(255,255,255,.15)}.section{padding:65px 0}.feature-grid,.tour-grid,.timeline,.contact-banner{grid-template-columns:1fr}.feature:last-child{grid-column:auto}.cta-inner{display:block}.cta h2{font-size:34px;margin-bottom:12px}.footer-grid{grid-template-columns:1fr}.story-card{min-height:280px}.service-content{padding:28px}.service-content h2{font-size:27px}.contact-grid{gap:35px}.contact-list a{display:block}.contact-list span{display:block;text-align:left;margin-top:3px}.page-hero{padding:75px 0 65px}}
/* Visual expansion v3 */
.story-grid-photo{grid-template-columns:1fr 1fr;gap:55px}
.story-photo{height:460px;overflow:hidden;border-radius:2px;box-shadow:0 18px 50px rgba(13,48,36,.12)}
.story-photo img{width:100%;height:100%;object-fit:cover;display:block}
.destination-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.destination-photo{height:300px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.destination-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.72))}
.destination-photo span{position:absolute;left:22px;bottom:18px;color:#fff;font-weight:800;font-size:20px;z-index:1}
.custom-tour-card{border-color:#d9c77a;box-shadow:0 16px 45px rgba(13,48,36,.06)}
.custom-tour-card .service-content{background:linear-gradient(135deg,#fffdf4,#fff)}
.custom-points{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.custom-points span{border:1px solid #dfe7e2;padding:8px 11px;font-size:12px;color:#53635b;background:#fff}
.custom{background-image:url('https://ecospirits.global/wp-content/uploads/2022/11/SG-skyline.jpg')}
.highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.highlight-card{background:#fff;border:1px solid var(--line);overflow:hidden;transition:.2s}
.highlight-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(13,48,36,.1)}
.highlight-img,.story-post-img{height:210px;background-size:cover;background-position:center}
.highlight-card>div:last-child{padding:18px}
.highlight-card span,.story-post-body>span{font-size:10px;letter-spacing:.14em;color:var(--red);font-weight:800}
.highlight-card h3{margin:6px 0;font-size:19px}
.highlight-card p{margin:0;color:var(--muted);font-size:13px}
.petronas{background-image:url('https://image.kkday.com/v2/image/get/w_1920%2Ch_1080%2Cc_fit%2Cq_55%2Cwm_auto/s1.kkday.com/product_130320/20220624015651_XtJWi/jpg')}
.penang{background-image:url('https://ik.imagekit.io/tvlk/blog/2025/03/shutterstock_2445869035.jpg?tr=q-80,c-at_max,w-1200,h-900')}
.genting{background-image:url('https://media.rojaklah.com/2023/03/awana-skyway-closed-for-maintenance-1.jpg')}
.cameron{background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80')}
.marina{background-image:url('https://miro.medium.com/v2/resize%3Afit%3A1200/0%2AeyEiqf8SIwIXKkOW.jpg')}
.gardens{background-image:url('https://d2vbr83hnyiux1.cloudfront.net/image/975050285728/image_rkfam3t6n11mh1snkjfdpv9828/-FWEBP-Ro%3A5%2Cw%3A1440%2Ch%3A810%2Cn%3Adefault')}
.merlion{background-image:url('https://d13249khxscn08.cloudfront.net/prd/s3fs-public/styles/global_guide/public/2022-11/singapore_0.png?h=6d09afa8&itok=qykboi3L')}
.johor{background-image:url('https://thebruneian.news/wp-content/uploads/2023/12/IMG-20231128-WA0050-scaled.jpg')}
.story-grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.story-post{border:1px solid var(--line);background:#fff;overflow:hidden}
.story-post-body{padding:22px}
.story-post-body h3{font-size:23px;margin:7px 0}
.story-post-body p{margin:0;color:var(--muted);font-size:13px}
.portfolio-banner{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid var(--line)}
.portfolio-photo{min-height:430px;background:url('https://images.secretescapes.io/t/36/f2/36f2107099981aa0e7b7b8945040c1ca?auto=compress%2Cformat&crop=faces%2Cedges%2Ccenter&fit=crop&h=720&w=1080') center/cover}
.portfolio-copy{padding:55px;display:flex;flex-direction:column;justify-content:center}
.portfolio-copy h2{font-family:"Playfair Display","Noto Sans Thai",serif;font-size:42px;line-height:1.2;margin:0 0 14px}
.portfolio-copy p:not(.eyebrow){color:var(--muted);line-height:1.8}
.contact-grid-photo{align-items:center}
.contact-visual{position:relative;min-height:460px;overflow:hidden}
.contact-visual img{width:100%;height:460px;object-fit:cover;display:block}
.contact-visual-caption{position:absolute;left:0;right:0;bottom:0;padding:24px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78));display:flex;flex-direction:column;gap:5px}
.contact-visual-caption strong{font-size:15px;letter-spacing:.08em}
.contact-visual-caption span{font-size:12px;color:#e2eee8}
.contact-map-card{background:#fff;border:1px solid var(--line);padding:16px}
.map-art{height:390px;background:linear-gradient(135deg,#dce8dd,#f6f1d9);position:relative;overflow:hidden}
.map-road{position:absolute;height:16px;background:rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(0,0,0,.08);transform:rotate(-23deg)}
.road-a{width:120%;left:-10%;top:38%}.road-b{width:110%;left:-5%;top:62%;transform:rotate(17deg)}.road-c{width:80%;left:20%;top:20%;transform:rotate(70deg)}
.map-pin{position:absolute;z-index:2;left:51%;top:44%;width:54px;height:54px;border-radius:50% 50% 50% 0;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900;transform:rotate(-45deg);box-shadow:0 8px 20px rgba(0,0,0,.2)}
.map-pin::first-letter{transform:rotate(45deg)}
.map-label{position:absolute;z-index:3;left:50%;top:60%;transform:translateX(-50%);background:#fff;padding:12px 16px;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.12);font-weight:800;font-size:13px;white-space:nowrap}
.map-label small{font-weight:500;color:var(--muted)}
.map-open{margin-top:12px;width:100%}
@media(max-width:1000px){.highlight-grid{grid-template-columns:repeat(2,1fr)}.destination-strip{grid-template-columns:1fr 1fr}.destination-photo:last-child{grid-column:span 2}.portfolio-banner{grid-template-columns:1fr}.portfolio-photo{min-height:320px}}
@media(max-width:760px){.story-grid-photo,.destination-strip,.story-grid-cards{grid-template-columns:1fr}.destination-photo:last-child{grid-column:auto}.highlight-grid{grid-template-columns:1fr}.story-photo,.contact-visual,.contact-visual img{height:320px;min-height:320px}.portfolio-copy{padding:32px}.portfolio-copy h2{font-size:34px}.map-art{height:300px}}

.service-image img,.highlight-img img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.service-image{overflow:hidden}.highlight-img{overflow:hidden}


/* =========================================================
   PREMIUM ENHANCEMENTS v5
   ========================================================= */
.site-header{box-shadow:0 4px 24px rgba(10,35,25,.06)}
.nav-wrap{min-height:96px}
.brand{gap:14px;font-size:14px}
.brand img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.12))}
.brand span{max-width:230px;white-space:normal;line-height:1.25}
.nav a{padding:36px 0}
.nav a:after{bottom:26px}
.hero-home{background-image:url("https://images.unsplash.com/photo-1525625293386-3f8f99389edd?auto=format&fit=crop&w=2200&q=90")}
.trust-strip{background:linear-gradient(90deg,rgba(4,57,41,.94),rgba(7,88,62,.82)),url("https://images.unsplash.com/photo-1596422846543-75c6fc197f07?auto=format&fit=crop&w=2000&q=85") center/cover}
.section-dark{position:relative;background:linear-gradient(90deg,rgba(4,40,29,.94),rgba(4,57,41,.78)),url("https://images.unsplash.com/photo-1519501025264-65ba15a82390?auto=format&fit=crop&w=2200&q=85") center/cover}
.section-dark .container{position:relative;z-index:1}
.cta{position:relative;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(239,246,241,.78)),url("https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=2200&q=85") center/cover}
.page-hero{position:relative;background:linear-gradient(90deg,rgba(3,52,37,.9),rgba(3,83,58,.62)),url("https://images.unsplash.com/photo-1596422846543-75c6fc197f07?auto=format&fit=crop&w=2200&q=85") center/cover}
.page-hero .container{position:relative;z-index:1}
.feature{transition:.25s;position:relative;overflow:hidden}
.feature:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(13,48,36,.10);z-index:2}
.quick-actions{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;gap:9px}
.quick-actions a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 8px 25px rgba(0,0,0,.13);font-size:18px;font-weight:900}
.quick-actions a.quote{background:var(--red);color:#fff;border-color:var(--red)}
.vehicle-section{background:#f7f9f7}
.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vehicle-card{background:#fff;border:1px solid var(--line);overflow:hidden;transition:.25s}
.vehicle-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(13,48,36,.11)}
.vehicle-photo{height:260px;overflow:hidden}
.vehicle-photo img{width:100%;height:100%;object-fit:cover;display:block}
.vehicle-body{padding:24px}
.vehicle-body h3{margin:0 0 8px;font-size:22px;color:var(--green2)}
.vehicle-body p{margin:0;color:var(--muted);font-size:14px}
.vehicle-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.vehicle-tags span{font-size:11px;border:1px solid #dce6e0;padding:6px 9px;background:#fbfdfb}
.service-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.service-benefit{background:#fff;border:1px solid var(--line);padding:24px}
.service-benefit strong{display:block;color:var(--red);font-size:28px;margin-bottom:7px}
.service-benefit h3{margin:0 0 7px;font-size:18px}
.service-benefit p{margin:0;color:var(--muted);font-size:13px}
.credibility{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cred-card{padding:32px;background:#fff;border:1px solid var(--line)}
.cred-card h3{font-size:22px;margin:0 0 12px;color:var(--green2)}
.cred-card p{color:var(--muted);margin:0 0 14px}
.cred-list{margin:0;padding-left:20px;color:var(--muted)}
.cred-list li{margin:8px 0}
.quote-banner{padding:28px 30px;background:linear-gradient(90deg,#fffaf0,#fff);border-left:4px solid var(--gold);border-top:1px solid #eadfbf;border-right:1px solid #eadfbf;border-bottom:1px solid #eadfbf;margin-top:28px}
.quote-banner h3{margin:0 0 5px;color:var(--green2)}
.quote-banner p{margin:0;color:var(--muted)}
.float-quote{position:fixed;left:18px;bottom:18px;z-index:79}
.float-quote a{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border-radius:999px;background:var(--red);color:#fff;font-weight:800;box-shadow:0 10px 28px rgba(199,34,43,.3)}
@media(max-width:1000px){.vehicle-grid{grid-template-columns:1fr 1fr}.service-benefit-grid{grid-template-columns:1fr 1fr}.credibility{grid-template-columns:1fr}}
@media(max-width:760px){.nav-wrap{min-height:82px}.brand img{width:62px;height:62px}.brand span{font-size:11px;max-width:160px}.nav{top:82px}.nav a{padding:12px 0}.vehicle-grid,.service-benefit-grid{grid-template-columns:1fr}.quick-actions{right:10px;bottom:10px}.quick-actions a{width:44px;height:44px}.float-quote{left:10px;bottom:10px}.float-quote a{padding:11px 14px;font-size:12px}.page-hero{padding-top:90px}}

.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal-ready.is-visible{opacity:1;transform:none}
.address-card{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,70,49,.94),rgba(5,70,49,.78)),url("https://images.unsplash.com/photo-1525625293386-3f8f99389edd?auto=format&fit=crop&w=1600&q=85") center/cover}
\n\n/* Interaction polish + tour showcase */\n.btn, .quick-actions a, .float-quote a, .nav a, .tour-card { transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, color .22s ease; }\n.btn:hover, .quick-actions a:hover, .float-quote a:hover { transform: translateY(-3px); }\n.is-pressed { transform: translateY(1px) scale(.97) !important; }\n.tour-showcase-section { background:linear-gradient(180deg,#fff,#faf7ef); }\n.tour-carousel { max-width:1180px; margin:0 auto; }\n.carousel-media { position:relative; min-height:510px; border-radius:24px; overflow:hidden; box-shadow:0 24px 70px rgba(0,0,0,.18); background:#222; }\n.carousel-media > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:1; transition:opacity .55s ease, transform 6s ease; transform:scale(1.02); }\n.carousel-media.is-changing > img { opacity:.05; transform:scale(1.06); }\n.carousel-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.25) 58%,rgba(0,0,0,.12)); }\n.carousel-copy { position:absolute; z-index:2; left:7%; top:50%; transform:translateY(-50%); max-width:650px; color:#fff; }\n.carousel-copy > span { display:inline-block; font-size:12px; font-weight:800; letter-spacing:.18em; color:#f5d98b; margin-bottom:12px; }\n.carousel-copy h3 { font-family:"Playfair Display","Noto Sans Thai",serif; font-size:clamp(30px,4vw,54px); line-height:1.12; margin:0 0 16px; }\n.carousel-copy p { font-size:16px; line-height:1.7; color:#f1f1f1; margin:0 0 24px; }\n.carousel-dots { position:absolute; z-index:3; right:28px; bottom:26px; display:flex; gap:8px; }\n.carousel-dot { width:9px; height:9px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.45); cursor:pointer; transition:.25s; }\n.carousel-dot.active { width:28px; border-radius:999px; background:#f2c866; }\n.travel-prep { background:#f7f5ef; }\n.warning-box { display:flex; gap:16px; align-items:flex-start; padding:20px 22px; margin:0 0 26px; border:1px solid #e8c86e; border-left:5px solid #c7222b; background:linear-gradient(90deg,#fff8df,#fff); border-radius:14px; }\n.warning-icon { flex:0 0 36px; width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:#c7222b; color:#fff; font-weight:900; }\n.warning-box strong { color:#a51f27; font-size:17px; }\n.warning-box p { margin:5px 0 0; color:#5c625e; line-height:1.7; font-size:13px; }\n.prep-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }\n.prep-card { padding:24px; background:#fff; border:1px solid var(--line); border-radius:14px; transition:.25s; }\n.prep-card:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(13,48,36,.09); }\n.prep-card > span { color:var(--red); font-weight:900; letter-spacing:.12em; font-size:11px; }\n.prep-card h3 { margin:8px 0 7px; font-size:19px; color:var(--green2); }\n.prep-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.75; }\n@media(max-width:760px){ .carousel-media{min-height:560px;border-radius:18px}.carousel-shade{background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.18))}.carousel-copy{left:24px;right:24px;top:auto;bottom:62px;transform:none}.carousel-copy h3{font-size:31px}.carousel-copy p{font-size:14px}.carousel-dots{left:24px;right:auto}.prep-grid{grid-template-columns:1fr}.warning-box{padding:16px}.warning-icon{flex-basis:32px;width:32px;height:32px}.tour-showcase-section .section-head{padding:0 4px} }\n

/* Bento home navigation */
html, body { overflow-x: hidden; }
body { width: 100%; }
.bento-section { padding-top: 72px; }
.bento-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: minmax(190px, auto);
  gap: 18px;
}
.bento-card {
  position: relative;
  min-width: 0;
  min-height: 190px;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 24px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  isolation: isolate;
  background: #102d22;
  box-shadow: 0 18px 45px rgba(10,35,26,.10);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.bento-card::before {
  content: ""; position: absolute; inset: 0; z-index: -2;
  background: linear-gradient(135deg, rgba(7,31,23,.30), rgba(7,31,23,.82));
}
.bento-card::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background-size: cover; background-position: center; opacity: .58;
  transform: scale(1.01); transition: transform .35s ease, opacity .35s ease;
}
.bento-card:hover { transform: translateY(-6px); box-shadow: 0 24px 55px rgba(10,35,26,.18); border-color: rgba(217,199,122,.55); }
.bento-card:hover::after { transform: scale(1.06); opacity: .72; }
.bento-card h3 { margin: 7px 0 8px; font-size: clamp(21px, 2vw, 31px); line-height: 1.15; max-width: 650px; }
.bento-card p { margin: 0; color: rgba(255,255,255,.82); line-height: 1.65; font-size: 13px; max-width: 620px; }
.bento-kicker { font-size: 10px; letter-spacing: .18em; font-weight: 900; color: #f0df91; }
.bento-arrow { display: inline-block; margin-top: 18px; font-size: 12px; font-weight: 800; color: #fff; }
.bento-about { grid-column: span 2; grid-row: span 2; min-height: 398px; background: #183e2f; }
.bento-malaysia { grid-column: span 1; grid-row: span 1; }
.bento-singapore { grid-column: span 1; grid-row: span 1; }
.bento-thailand { grid-column: span 2; }
.bento-custom { grid-column: span 2; background: #3d3420; }
.bento-services { grid-column: span 2; }
.bento-blog { grid-column: span 1; }
.bento-contact { grid-column: span 1; background: #8f2020; }
.bento-malaysia::after { background-image: url('https://ik.imagekit.io/tvlk/blog/2025/03/shutterstock_2445869035.jpg?tr=q-80,c-at_max,w-1200,h-900'); }
.bento-singapore::after { background-image: url('https://miro.medium.com/v2/resize%3Afit%3A1200/0%2AeyEiqf8SIwIXKkOW.jpg'); }
.bento-thailand::after { background-image: url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1400&q=80'); }
.bento-about::after { background-image: url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=1400&q=80'); }
.bento-custom::after { background-image: url('https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1400&q=80'); }
.bento-services::after { background-image: url('https://images.unsplash.com/photo-1469474968028-56623f02e42e?auto=format&fit=crop&w=1400&q=80'); }
.bento-blog::after { background-image: url('https://image.kkday.com/v2/image/get/w_1920%2Ch_1080%2Cc_fit%2Cq_55%2Cwm_auto/s1.kkday.com/product_130320/20220624015651_XtJWi/jpg'); }
.bento-contact::after { background-image: url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1400&q=80'); }
@media (max-width: 980px) {
  .bento-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bento-about, .bento-thailand, .bento-custom, .bento-services { grid-column: span 2; }
  .bento-malaysia, .bento-singapore, .bento-blog, .bento-contact { grid-column: span 1; }
}
@media (max-width: 620px) {
  .bento-grid { grid-template-columns: 1fr; gap: 14px; }
  .bento-card, .bento-about, .bento-thailand, .bento-custom, .bento-services, .bento-malaysia, .bento-singapore, .bento-blog, .bento-contact { grid-column: span 1; min-height: 205px; }
  .bento-about { min-height: 300px; }
  .bento-card { border-radius: 19px; padding: 23px; }
}


/* ANGEL CONTACT SOCIAL UPGRADE */
.contact-social-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:34px;
}
.contact-social-card{
  position:relative;
  min-height:235px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:28px 18px 24px;
  border-radius:28px;
  text-decoration:none;
  color:inherit;
  overflow:hidden;
  border:1px solid rgba(20,20,20,.09);
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 35px rgba(0,0,0,.08);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.contact-social-card::before{
  content:"";
  position:absolute;
  width:170px;height:170px;
  border-radius:50%;
  top:-90px;right:-70px;
  background:currentColor;
  opacity:.07;
  transition:transform .4s ease;
}
.contact-social-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,0),rgba(255,255,255,.25));
  pointer-events:none;
}
.contact-social-card:hover{
  transform:translateY(-9px) scale(1.015);
  box-shadow:0 22px 50px rgba(0,0,0,.15);
}
.contact-social-card:hover::before{transform:scale(1.7)}
.social-icon{
  width:92px;height:92px;
  display:grid;place-items:center;
  border-radius:27px;
  margin-bottom:7px;
  background:#f5f5f5;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.05),0 10px 25px rgba(0,0,0,.09);
  transition:transform .3s ease,box-shadow .3s ease;
}
.contact-social-card:hover .social-icon{
  transform:translateY(-3px) rotate(-3deg) scale(1.06);
  box-shadow:0 14px 32px rgba(0,0,0,.14);
}
.social-icon svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.social-name{font-size:1.22rem;font-weight:800;letter-spacing:.02em}
.social-value{font-size:.9rem;opacity:.72;word-break:break-word;text-align:center}
.social-action{
  margin-top:8px;
  padding:8px 14px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:700;
  background:rgba(0,0,0,.055);
}
.line-card{color:#06c755}.facebook-card{color:#1877f2}.tiktok-card{color:#111}.whatsapp-card{color:#25d366}.email-card{color:#d44638}.phone-card{color:#d49a00}
.contact-info-strip{
  margin-top:28px;
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:16px;
}
.contact-info-strip>div{
  padding:20px 22px;
  border-radius:20px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(20,20,20,.08);
}
.contact-info-strip strong{display:block;margin-bottom:5px}
.contact-info-strip span{display:block;line-height:1.6}
@media (max-width:900px){
  .contact-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-info-strip{grid-template-columns:1fr}
}
@media (max-width:560px){
  .contact-social-grid{grid-template-columns:1fr}
  .contact-social-card{min-height:220px}
  .social-icon{width:84px;height:84px}
}