.svc-scope{--bg:#080b0f;--panel:#0e141b;--panel2:#121923;--panel3:#17202b;--line:rgba(255,255,255,.105);--line2:rgba(255,255,255,.17);--text:#d7dde5;--soft:#aab3bf;--muted:#788391;--bone:#f4efe6;--brass:#b99461;--brass2:#d4b276;--brass-a:rgba(185,148,97,.18);--max:1180px;--mono:'IBM Plex Mono',monospace;--sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}.svc-scope *{box-sizing:border-box}.svc-scope,.svc-scope{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}.svc-scope:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(900px 520px at 84% -8%,rgba(185,148,97,.12),transparent 62%),radial-gradient(800px 640px at -10% 28%,rgba(60,85,110,.18),transparent 62%),linear-gradient(180deg,#080b0f 0%,#0a0f15 52%,#080b0f 100%);z-index:0}.svc-scope a{color:inherit;text-decoration:none}.svc-scope h1,.svc-scope h2,.svc-scope h3,.svc-scope p{margin:0}.svc-scope h1,.svc-scope h2,.svc-scope h3{color:var(--bone);letter-spacing:-.035em;line-height:1.04}.svc-scope p{color:var(--soft)}.svc-scope.location-page{position:relative;z-index:1}.svc-scope .wrap{width:min(var(--max),calc(100% - 48px));margin:0 auto}.svc-scope .section{padding:82px 0;border-top:1px solid var(--line)}.svc-scope .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);font-weight:600;margin-bottom:16px}.svc-scope .title{font-size:clamp(30px,4vw,52px);font-weight:750}.svc-scope .lead{font-size:18px;line-height:1.65;color:var(--text);max-width:78ch}.svc-scope .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line2);border-radius:999px;padding:14px 22px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--bone);background:rgba(255,255,255,.03);transition:.25s}.svc-scope .btn:hover{border-color:rgba(185,148,97,.6);transform:translateY(-2px)}.svc-scope .btn-solid{background:var(--brass);border-color:var(--brass);color:#080b0f}.svc-scope .hero{padding:74px 0 72px}.svc-scope .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) 420px;gap:36px;align-items:end}.svc-scope .hero h1{font-size:clamp(42px,6.6vw,82px);font-weight:800;max-width:12ch}.svc-scope .hero-text{margin-top:22px;display:grid;gap:12px;max-width:820px}.svc-scope .hero-text p{font-size:19px;color:var(--text)}.svc-scope .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.svc-scope .trust-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;max-width:860px}.svc-scope .trust-bar span{border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);background:rgba(255,255,255,.025)}.svc-scope .scope{border:1px solid rgba(185,148,97,.24);background:linear-gradient(145deg,rgba(185,148,97,.10),rgba(255,255,255,.035) 54%,rgba(255,255,255,.015));border-radius:26px;padding:24px;box-shadow:0 22px 80px rgba(0,0,0,.24)}.svc-scope .scope-top{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:12px}.svc-scope .scope-top span{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.svc-scope .scope-top b{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--brass)}.svc-scope .pillar{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.svc-scope .pillar:last-child{border-bottom:0;padding-bottom:0}.svc-scope .pillar .num{font-family:var(--mono);font-size:11px;color:var(--brass);padding-top:3px}.svc-scope .pillar h3{font-size:15px;margin-bottom:4px;letter-spacing:-.02em}.svc-scope .pillar p{font-size:13.5px;line-height:1.52;color:var(--muted)}.svc-scope .section-head{display:grid;grid-template-columns:360px minmax(0,1fr);gap:44px;align-items:start;margin-bottom:26px}.svc-scope .section-head p{font-size:16.5px;line-height:1.7;color:var(--text)}.svc-scope .section-head.stacked-head{display:block;max-width:980px;margin-bottom:24px}.svc-scope .section-head.stacked-head .lead{margin-top:16px;max-width:92ch}.svc-scope .section-head.stacked-head .eyebrow{margin-bottom:14px}.svc-scope .side-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start}.svc-scope .sticky-box{position:sticky;top:28px;border:1px solid rgba(185,148,97,.23);border-radius:24px;background:linear-gradient(145deg,rgba(185,148,97,.105),rgba(255,255,255,.03) 54%,rgba(255,255,255,.012));padding:24px;box-shadow:0 18px 58px rgba(0,0,0,.18)}.svc-scope .sticky-box h3{font-size:24px;margin-bottom:12px}.svc-scope .sticky-box p{font-size:15px;line-height:1.66;color:var(--text)}.svc-scope .meta-list{display:grid;gap:8px;margin-top:18px}.svc-scope .meta-list span{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:10px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.svc-scope .meta-list b{color:var(--brass);font-weight:600;text-align:right}.svc-scope .prose-panel{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.027);padding:26px;display:grid;gap:16px}.svc-scope .prose-panel p{font-size:16px;line-height:1.72;color:var(--text)}.svc-scope .risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.svc-scope .risk-card,.svc-scope .card,.svc-scope .compare-cell,.svc-scope .price-card,.svc-scope .city-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));padding:20px;min-height:0;transition:.25s}.svc-scope .risk-card:hover,.svc-scope .card:hover,.svc-scope .compare-cell:hover,.svc-scope .price-card:hover,.svc-scope .city-card:hover{transform:translateY(-2px);border-color:rgba(185,148,97,.34);background:rgba(185,148,97,.045)}.svc-scope .risk-card h3,.svc-scope .card h3,.svc-scope .compare-cell h3,.svc-scope .city-card h3{font-size:18px;margin-bottom:8px}.svc-scope .risk-card p,.svc-scope .card p,.svc-scope .compare-cell p,.svc-scope .city-card p{font-size:14.3px;line-height:1.58;color:var(--soft)}.svc-scope .client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.svc-scope .client-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:rgba(255,255,255,.025)}.svc-scope .client-card h3{font-size:17px;margin-bottom:8px}.svc-scope .client-card p{font-size:14px;line-height:1.56;color:var(--soft)}.svc-scope .matrix{display:grid;gap:10px}.svc-scope .matrix-row{display:grid;grid-template-columns:60px minmax(0,1fr);gap:18px;border:1px solid var(--line);border-radius:18px;padding:18px 20px;background:rgba(255,255,255,.024)}.svc-scope .row-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--brass);padding-top:4px}.svc-scope .matrix-row h3{font-size:18px;margin-bottom:6px}.svc-scope .matrix-row p{font-size:14.4px;line-height:1.62;color:var(--soft)}.svc-scope .card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.svc-scope .service-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.svc-scope .service-board .card{padding:22px}.svc-scope .compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.svc-scope .process-board{display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px;align-items:start}.svc-scope .process-intro{border:1px solid rgba(185,148,97,.23);border-radius:24px;background:linear-gradient(145deg,rgba(185,148,97,.1),rgba(255,255,255,.028));padding:24px;position:sticky;top:28px}.svc-scope .process-intro h3{font-size:24px;margin-bottom:12px}.svc-scope .process-intro p{font-size:15.5px;line-height:1.66;color:var(--text)}.svc-scope .process-steps{display:grid;gap:10px}.svc-scope .process-step{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);padding:18px 20px}.svc-scope .process-step span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}.svc-scope .process-step h3{font-size:18px;margin-bottom:6px}.svc-scope .process-step p{font-size:14.4px;line-height:1.6;color:var(--soft)}.svc-scope .pricing-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:20px;align-items:start}.svc-scope .rate-box{border:1px solid rgba(185,148,97,.25);border-radius:26px;padding:28px;background:linear-gradient(145deg,rgba(185,148,97,.11),rgba(255,255,255,.03));position:sticky;top:28px}.svc-scope .rate-box span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.svc-scope .rate-box strong{display:block;font-size:36px;line-height:1.05;color:var(--bone);letter-spacing:-.04em;margin-bottom:10px}.svc-scope .rate-box p{font-size:15px;line-height:1.62;color:var(--text)}.svc-scope .price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.svc-scope .price-card span{display:block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}.svc-scope .price-card strong{display:block;color:var(--brass2);font-size:22px;margin-bottom:8px;line-height:1.2}.svc-scope .price-card p{font-size:14.3px;line-height:1.58;color:var(--soft)}.svc-scope .coverage-grid,.svc-scope .coord-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.svc-scope .cta{padding:78px 0}.svc-scope .cta-box{border:1px solid rgba(185,148,97,.26);border-radius:30px;background:linear-gradient(145deg,rgba(185,148,97,.12),rgba(255,255,255,.035) 56%,rgba(255,255,255,.014));padding:36px;text-align:center}.svc-scope .cta-box h2{font-size:clamp(30px,4vw,50px);font-weight:800;margin-bottom:14px}.svc-scope .cta-box p{max-width:850px;margin:0 auto 24px;color:var(--text);font-size:17px;line-height:1.66}.svc-scope .request-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px;text-align:left}.svc-scope .request-grid span{border:1px solid var(--line);border-radius:14px;padding:13px;font-family:var(--mono);font-size:11px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);background:rgba(0,0,0,.12)}.svc-scope .faq{border-top:1px solid var(--line)}.svc-scope .q{border-bottom:1px solid var(--line)}.svc-scope .q button{width:100%;padding:22px 42px 22px 0;background:none;border:0;text-align:left;color:var(--bone);font-size:19px;font-weight:700;letter-spacing:-.02em;position:relative;cursor:pointer}.svc-scope .q .ic{position:absolute;right:4px;top:50%;width:16px;height:16px;transform:translateY(-50%)}.svc-scope .q .ic:before,.svc-scope .q .ic:after{content:'';position:absolute;background:var(--brass);transition:.25s}.svc-scope .q .ic:before{left:0;top:7px;width:16px;height:2px}.svc-scope .q .ic:after{left:7px;top:0;width:2px;height:16px}.svc-scope .q.open .ic:after{opacity:0;transform:rotate(90deg)}.svc-scope .q .a{max-height:0;overflow:hidden;transition:max-height .35s ease}.svc-scope .q .a p{padding:0 52px 22px 0;font-size:15px;line-height:1.68;color:var(--soft);max-width:98ch}.svc-scope .progress{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,var(--brass),var(--brass2));width:0;z-index:50}.svc-scope .js .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.svc-scope .js .reveal.in,.svc-scope .no-js .reveal{opacity:1;transform:none}@media(max-width:1050px){.svc-scope .hero-grid,.svc-scope .section-head,.svc-scope .side-layout,.svc-scope .process-board,.svc-scope .pricing-layout{grid-template-columns:1fr}.svc-scope .sticky-box,.svc-scope .process-intro,.svc-scope .rate-box{position:relative;top:auto}.svc-scope .client-grid,.svc-scope .card-grid,.svc-scope .coverage-grid,.svc-scope .coord-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-scope .trust-bar{grid-template-columns:1fr}}@media(max-width:720px){.svc-scope .wrap{width:min(100% - 32px,var(--max))}.svc-scope .section{padding:58px 0}.svc-scope .hero{padding-top:54px}.svc-scope .risk-grid,.svc-scope .service-board,.svc-scope .compare-grid,.svc-scope .price-grid,.svc-scope .client-grid,.svc-scope .card-grid,.svc-scope .coverage-grid,.svc-scope .coord-grid,.svc-scope .request-grid{grid-template-columns:1fr}.svc-scope .process-step,.svc-scope .matrix-row{grid-template-columns:1fr;gap:8px}.svc-scope .hero h1{font-size:42px}.svc-scope .scope,.svc-scope .cta-box{border-radius:22px;padding:22px}} /* --- Proactive fix pass: established location-luxury fixes applied from the start --- */ .svc-scope .section{padding:18px 0!important} /* Hero photo (from the original site's image library) + guaranteed stacking context so the absolutely-positioned photo is contained within .hero instead of escaping to the page root */ .svc-scope .hero{position:relative!important;z-index:1!important} .svc-scope .hero-photo{position:absolute;inset:0;z-index:-2;overflow:hidden} .svc-scope .hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.8) contrast(1.05);opacity:1} .svc-scope .hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,14,.86) 0%,rgba(7,10,14,.5) 45%,rgba(7,10,14,.18) 100%)} @media(max-width:720px){ .svc-scope .hero-photo{inset:auto;top:0;left:0;right:0;bottom:auto;height:min(78vw,420px)} .svc-scope .hero-photo::after{background:linear-gradient(180deg,rgba(7,10,14,.12) 0%,rgba(7,10,14,.55) 60%,rgba(7,10,14,.97) 100%)} } /* "Bangkok Operational Scope" hero panel: reference gradient stops were 10%/3.5%/1.6% alpha, essentially invisible against the hero photo. Match the solid frosted-panel treatment used on every other page (e.g. Tokyo's .scope: ~88% opaque gradient + blur). */ .svc-scope .scope{background:linear-gradient(180deg,rgba(21,30,40,.88),rgba(12,18,25,.86))!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1)!important;} /* City-card anchor reset (cards below become tags for the international-coordination grid) */ .svc-scope a.city-card{display:block;text-decoration:none;color:inherit;cursor:pointer;} /* --- Fix: sections rendered invisible under the hero. Root cause: .svc-scope:before is a position:fixed, z-index:0 pseudo-element covering the full viewport. Per CSS stacking rules, a *positioned* z-index:0 element paints ABOVE plain position:static content in the same stacking context - so every section without its own explicit position/z-index (all of them, since bangkok's own .section rule never set this, unlike every other location page) was rendering BEHIND that fixed opaque background layer. Giving .section its own stacking context (matching the pattern already used on every other location-luxury page) fixes it. --- */ .svc-scope .section{position:relative!important;z-index:1!important} .svc-scope .cta{position:relative!important;z-index:1!important} /* --- Fix: footer hidden behind the fixed full-viewport background pseudo-element. That decoration is meant to sit behind everything; z-index:0 on a positioned element actually paints ABOVE plain non-positioned siblings like