/* NovAsia component theme: one small visual layer shared by every route. */ :root{--nct-gold:#d4af6a;--nct-gold-hi:#f0d395;--nct-ink:#081813;--nct-panel:#102a22;--nct-panel-2:#143329;--nct-line:rgba(212,175,106,.28);--nct-line-hi:rgba(212,175,106,.62);--nct-shadow:0 14px 32px rgba(0,0,0,.18);--nct-rise:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease} .ns-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none} *{scroll-margin-top:96px} :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--nct-gold-hi);outline-offset:3px} /* 0. Content-page and project title colour: NovAsia gold (restored 2026-08-18). Scoped to .bwrap content so the two-tone home hero (.mh-main) is untouched. */ main.bwrap h1{color:var(--nct-gold)!important} /* 1. Header, menu and country selector */ .bhead{border-bottom-color:var(--nct-line)!important;box-shadow:0 1px 0 rgba(255,255,255,.03),0 8px 24px rgba(0,0,0,.13)} .bnav .navlink,.bnav-actions a,.market-switch a{transition:color .15s ease,background-color .15s ease,border-color .15s ease} .bnav .navlink:hover,.bnav .navlink:focus-visible{color:var(--nct-gold-hi)!important} .bnav .dropdown{border-color:var(--nct-line-hi)!important;box-shadow:var(--nct-shadow)!important;background:linear-gradient(180deg,rgba(20,51,41,.99),rgba(8,24,19,.99))!important} .bnav .dropdown a{border-radius:7px}.bnav .dropdown a:hover{background:rgba(212,175,106,.11)!important;color:var(--nct-gold-hi)!important} .market-switch{border-color:var(--nct-line-hi)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} .market-switch a.on{box-shadow:0 2px 12px rgba(212,175,106,.14)} .burger,.desktop-menu-toggle{border-color:var(--nct-line-hi)!important;transition:var(--nct-rise)} .burger:hover,.desktop-menu-toggle:hover{border-color:var(--nct-gold-hi)!important;background:rgba(212,175,106,.1)!important} /* 2. Buttons and calls to action */ :is(.rh-btn,.mh-btn,.cta-btn,.hub-cta .btn-ask,.ih-page .ih-cta-primary,.pcard-cta .ask,.zh-btn.primary,.bnav-tg,.bnav-wa,.vsx-bbtn,.pj-ask,.nsfoot-cta){box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 5px 14px rgba(0,0,0,.13);transition:var(--nct-rise)!important} :is(.rh-btn,.mh-btn,.cta-btn,.hub-cta .btn-ask,.ih-page .ih-cta-primary,.pcard-cta .ask,.zh-btn.primary,.bnav-tg,.bnav-wa,.vsx-bbtn,.pj-ask,.nsfoot-cta):hover{transform:translateY(-1px);filter:brightness(1.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 9px 20px rgba(0,0,0,.2)} :is(.rh-btn,.mh-btn,.cta-btn,.hub-cta .btn-ask,.ih-page .ih-cta-primary,.pcard-cta .ask,.zh-btn.primary,.bnav-tg,.bnav-wa,.vsx-bbtn,.pj-ask,.nsfoot-cta):active{transform:translateY(0)} :is(.rh-btn:not(.primary),.mh-btn:not(.primary),.hub-cta .btn-open,.pcard-cta .open,.zh-btn:not(.primary)){border-color:var(--nct-line-hi)!important} /* 3. Chips, tabs and filters */ :is(.pf-btn,.pf-chip,.pf-sum,.pf-control>summary,.pf-sort>select,.pf-mobile-trigger,.hubnav-i,.rh-nav-chip,.rh-secnav a,.pj-nav a,.cmp-chip,.cmp-goal,.lp-sections){border-color:var(--nct-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:var(--nct-rise)!important} :is(.pf-btn,.pf-chip,.pf-sum,.pf-control>summary,.pf-sort>select,.pf-mobile-trigger,.hubnav-i,.rh-nav-chip,.rh-secnav a,.pj-nav a,.cmp-chip,.cmp-goal):hover{border-color:var(--nct-line-hi)!important;background-color:rgba(212,175,106,.09)!important;color:var(--nct-gold-hi)!important} :is(.pf-btn.is-on,.pf-chip.is-on,.hubnav-i.is-on,.rh-nav-chip.is-active,.cmp-chip.is-on,.cmp-goal.is-on){box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 12px rgba(0,0,0,.12)} .pf-modern,.pf-menu,.pf-zero{border-color:var(--nct-line)!important;box-shadow:var(--nct-shadow)} .pf-active-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--nct-gold);box-shadow:0 0 0 3px rgba(212,175,106,.12)} /* 4. Forms */ :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.pf-search,.pf-budget-fields input,.pj-form input,.pj-form select,.pj-form textarea){border-color:var(--nct-line)!important;background-color:rgba(8,24,19,.42)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.16);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease} :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.pf-search,.pf-budget-fields input,.pj-form input,.pj-form select,.pj-form textarea):hover{border-color:rgba(212,175,106,.45)!important} :is(input:not([type=checkbox]):not([type=radio]),textarea,select,.pf-search,.pf-budget-fields input,.pj-form input,.pj-form select,.pj-form textarea):focus{border-color:var(--nct-gold)!important;box-shadow:0 0 0 3px rgba(212,175,106,.13),inset 0 1px 2px rgba(0,0,0,.14)!important;outline:0} input[type=checkbox],input[type=radio]{accent-color:var(--nct-gold)} ::placeholder{color:rgba(229,237,232,.47)!important} /* 5. Tables and comparisons */ :is(.rh-tablewrap,.cmp-table-wrap,.ih-scroll,.vsx-tablewrap){border:1px solid var(--nct-line);border-radius:12px;overflow:auto;background:rgba(8,24,19,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)} :is(.rh-table,.bwrap table,.cmp-table,.ih-scroll table,.vsx-table){margin:0!important} :is(.rh-table th,.bwrap th,.cmp-table th,.ih-scroll th,.vsx-table th){background:linear-gradient(180deg,rgba(212,175,106,.13),rgba(212,175,106,.045))!important;border-bottom-color:var(--nct-line-hi)!important;color:var(--nct-gold-hi)!important} :is(.rh-table td,.bwrap td,.cmp-table td,.ih-scroll td,.vsx-table td){border-color:rgba(212,175,106,.14)!important} :is(.rh-table tbody tr:nth-child(even),.bwrap tbody tr:nth-child(even),.cmp-table tbody tr:nth-child(even),.ih-scroll tbody tr:nth-child(even),.vsx-table tbody tr:nth-child(even)){background:rgba(212,175,106,.028)} /* 6-8. Project, developer and expert cards */ :is(.pcard,.team-card,.rh-idxcard,.rh-explore-card,.bcard,.rcard,.dev-card,.thdev-card){border-color:var(--nct-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 7px 18px rgba(0,0,0,.09);transition:var(--nct-rise)!important} :is(.pcard,.team-card,.rh-idxcard,.rh-explore-card,.bcard,.rcard,.dev-card,.thdev-card):hover{border-color:var(--nct-line-hi)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px rgba(0,0,0,.18);transform:translateY(-2px)} .pcard,.team-card,.rh-idxcard{position:relative}.pcard::before,.team-card::before,.rh-idxcard::before{content:"";position:absolute;top:0;right:0;width:58px;height:58px;pointer-events:none;background:right top/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 58' fill='none'%3E%3Cpath d='M57 .5H22.5M57 .5V35' stroke='%23D4AF6A' stroke-opacity='.58'/%3E%3Cpath d='M49 8.5H29.5M49 8.5V28' stroke='%23D4AF6A' stroke-opacity='.28'/%3E%3Ccircle cx='49' cy='8.5' r='1.5' fill='%23D4AF6A' fill-opacity='.72'/%3E%3C/svg%3E");opacity:.62} .pcard-img::after,.pcard-ph::after{content:"";position:absolute;inset:0;border:1px solid rgba(212,175,106,.2);pointer-events:none;background:linear-gradient(135deg,rgba(212,175,106,.13),transparent 28%,transparent 74%,rgba(212,175,106,.09))} .pcard-badge,.pcard-stage,.src-label{border-color:rgba(212,175,106,.48)!important;box-shadow:0 3px 10px rgba(0,0,0,.15)} .src-label .dot{background:var(--nct-gold)!important;box-shadow:0 0 0 3px rgba(212,175,106,.1)} .pcard-price-anchor{color:var(--nct-gold-hi)!important}.pcard-price-anchor::after{content:"";display:block;width:38px;height:8px;margin-top:2px;background:left center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 8' fill='none'%3E%3Cpath d='M1 4h28M24 1l4 3-4 3' stroke='%23D4AF6A' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='34.5' cy='4' r='1.5' fill='%23D4AF6A' fill-opacity='.68'/%3E%3C/svg%3E");opacity:.76} .team-av{box-shadow:0 0 0 2px rgba(212,175,106,.65),0 0 0 6px rgba(212,175,106,.09),0 10px 22px rgba(0,0,0,.2)} .team-card .tflag,.team-card .tmore{border-color:var(--nct-line-hi)!important}.team-card .tmore::before{content:"✦";color:var(--nct-gold);margin-right:6px} /* 9. Hub widgets and expert views */ :is(.rh-cardgrid>*,.rh-cbox,.rh-checklist,.rh-ddChecklist,.rh-doccheck,.rh-costbands,.rh-comparisonTable,.rh-expert,.rh-botbanner,.rh-band,.rh-timeline,.rh-greenFlags,.rh-mythFact,.rh-doDont,.rh-decisionHelper,.vsx-expert){border-color:var(--nct-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 7px 18px rgba(0,0,0,.08)} :is(.rh-cardgrid>*,.rh-cbox,.rh-checklist,.rh-ddChecklist,.rh-doccheck,.rh-costbands,.rh-comparisonTable,.rh-expert,.rh-botbanner,.rh-band,.rh-timeline,.rh-greenFlags,.rh-mythFact,.rh-doDont,.rh-decisionHelper,.vsx-expert) h2::before,:is(.rh-cardgrid>*,.rh-cbox,.rh-checklist,.rh-ddChecklist,.rh-doccheck,.rh-costbands,.rh-comparisonTable,.rh-expert,.rh-botbanner,.rh-band,.rh-timeline,.rh-greenFlags,.rh-mythFact,.rh-doDont,.rh-decisionHelper,.vsx-expert) h3::before{content:"";display:inline-block;width:18px;margin:0 8px 5px 0;border-top:2px solid var(--nct-gold);vertical-align:middle} .rh-check::before,.rh-dd-check::before,.rh-gf__check::before{color:var(--nct-gold)!important;text-shadow:0 0 10px rgba(212,175,106,.24)} .rh-cb-track,.rh-bc-range{background:rgba(212,175,106,.12) url('/assets/img/ornaments/range-bar-track.png') center/auto 100% repeat-x!important;border-color:rgba(212,175,106,.26)!important} .rh-cb-fill{background:linear-gradient(90deg,rgba(212,175,106,.48),var(--nct-gold))!important} .rh-note,.rh-cb-note,.rh-costx-hint{border-left:2px solid var(--nct-gold);padding-left:12px} .rh-expert,.vsx-expert{position:relative}.rh-expert::before,.vsx-expert::before{content:"";position:absolute;top:12px;left:12px;width:44px;height:44px;background:url('/assets/img/ornaments/quote-mark.png') center/contain no-repeat;opacity:.15;pointer-events:none} /* 10. FAQ and sources */ .rh-faq details,.faq details,.accordion details,.rh-srcd{border-color:var(--nct-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)} .rh-faq summary,.faq summary,.accordion summary,.rh-srcd>summary{transition:color .15s ease,background-color .15s ease} .rh-faq summary:hover,.faq summary:hover,.accordion summary:hover,.rh-srcd>summary:hover{color:var(--nct-gold-hi)!important} .rh-faq details[open],.faq details[open],.accordion details[open]{border-color:var(--nct-line-hi)!important;background:rgba(212,175,106,.045)!important} .rh-faq .a{border-top-color:rgba(212,175,106,.16)!important;background:url('/assets/img/ornaments/faq-divider.png') right bottom/94px auto no-repeat} /* 11-14. In-page navigation, badges, CTA, favourites and chat */ .btoc,.lp-sheet__panel,.lp-top,.lp-sections,.fav-drawer,.fav-launcher,.nsc-w,.nsc-p{border-color:var(--nct-line-hi)!important;box-shadow:var(--nct-shadow)!important} .btoc-h::before{content:"";display:inline-block;width:13px;height:13px;vertical-align:-2px;margin-right:7px;background:url('/assets/img/ornaments/toc-glyph.png') center/contain no-repeat}.btoc a{transition:color .15s ease,padding-left .15s ease}.btoc a:hover{padding-left:4px} .cta,.rh-band,.vsx-band,.ih-cta{border-color:var(--nct-line-hi)!important;background-image:linear-gradient(110deg,rgba(212,175,106,.08),transparent 38%,rgba(212,175,106,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 126 110' fill='none'%3E%3Cpath d='M126 109.5H47.5m78.5 0V31M116 100H69m47 0V53' stroke='%23D4AF6A' stroke-opacity='.42'/%3E%3Cpath d='M50 107c9-12 15-21 30-24s20-14 31-31' stroke='%23D4AF6A' stroke-opacity='.28' stroke-dasharray='3 5'/%3E%3Ccircle cx='81' cy='83' r='3' fill='%23D4AF6A' fill-opacity='.6'/%3E%3C/svg%3E")!important;background-position:center,right bottom!important;background-repeat:no-repeat!important;background-size:auto,110px!important} :is(.date,.updated,.rh-byline,.hub-meta,.pcard-rel){font-variant-numeric:tabular-nums} /* Fixed chat panels must keep their viewport-safe frame, including on tap. */ .fav-launcher:hover,.nsc-w:hover{transform:translateY(-2px) scale(1.03)} /* 15. Footer */ .nsfoot{border-top-color:var(--nct-line-hi)!important} .nsfoot h3::before{content:"";display:inline-block;width:11px;height:11px;margin-right:7px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='m6 1 1 4 4 1-4 1-1 4-1-4-4-1 4-1 1-4Z' fill='%23D4AF6A' fill-opacity='.88'/%3E%3C/svg%3E")} .nsfoot-grp a{transition:color .15s ease,padding-left .15s ease}.nsfoot-grp a:hover{padding-left:3px} @media(max-width:720px){ .pcard:hover,.team-card:hover,.rh-idxcard:hover,.rh-explore-card:hover,.bcard:hover,.rcard:hover,.dev-card:hover,.thdev-card:hover{transform:none} :is(.rh-btn,.mh-btn,.cta-btn,.hub-cta .btn-ask,.ih-page .ih-cta-primary,.pcard-cta .ask,.zh-btn.primary,.vsx-bbtn){min-height:48px} .rh-tablewrap,.bwrap,.cmp-table-wrap,.ih-scroll,.vsx-tablewrap{border-radius:10px} .cta,.rh-band,.vsx-band,.ih-cta{background-size:auto,76px!important} } @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}} /* Dark surfaces for legacy information-hub cards and the mobile drawer's single selector. */ .ih-page :is(.ih-card,.ih-scn,.ih-mat,.ih-source,.ih-scroll th,.ih-scroll td){background:linear-gradient(180deg,#143329,#0d241d)!important;border-color:var(--nct-line)!important;color:#f3f1ec!important} .ih-page :is(.ih-card,.ih-scn,.ih-mat,.ih-source,.ih-scroll th,.ih-scroll td) :is(h2,h3,p,li,strong,span,dt,dd){color:#f3f1ec!important} .ih-page :is(.ih-card,.ih-scn,.ih-mat,.ih-source,.ih-scroll) a{color:var(--nct-gold-hi)!important} .ih-page .ih-scn:hover,.ih-page .ih-mat:hover,.ih-page .ih-source:hover{border-color:var(--nct-line-hi)!important;background:#173a2f!important} .ih-page .ih-scn-chip{background:rgba(212,175,106,.14)!important;border:1px solid rgba(212,175,106,.35)} .ih-page .ih-scn-chip .ih-scn-ic,.ih-page .ih-scn-arw,.ih-page .ih-mat-go{color:var(--nct-gold)!important} .ih-page .ih-scn-t,.ih-page .ih-mat-nm,.ih-page .ih-source h3{color:var(--nct-gold-hi)!important} .ih-page .ih-scn-d,.ih-page .ih-source-pub,.ih-page .ih-mat-tag{color:#aebab2!important} .ih-page .ih-scn-arw{border-color:var(--nct-line-hi)!important;background:#0a1f1a!important} .ih-page .ih-scn:hover .ih-scn-arw{background:var(--nct-gold)!important;color:#0a1f1a!important} /* removed: legacy mobile hide of .market-switch-drawer — the drawer picker is now the intended country switcher at the top of the mobile menu */ /* Bangkok catalogue hero cover (only used on /projects/thailand/bangkok/). */ .hub-hero-cover{display:block;width:100%;margin:16px 0 8px;border-radius:16px;overflow:hidden;border:1px solid rgba(243,241,236,.14);line-height:0} .hub-hero-cover img{display:block;width:100%;height:auto} @media(max-width:640px){.hub-hero-cover{aspect-ratio:4/5}.hub-hero-cover img{height:100%;object-fit:cover}} /* ==== NOVASIA DESIGN ICONS — GLOBAL v2 (обратимо) ==== */ h2:has(+.rh-tldr),h2:has(+.rh-faq),h2:has(+.rh-myths2),h2:has(+.rh-dtvfit),h2:has(+.rh-checks){display:flex;align-items:center;gap:13px} h2:has(+.rh-tldr)::before,h2:has(+.rh-faq)::before,h2:has(+.rh-myths2)::before,h2:has(+.rh-dtvfit)::before,h2:has(+.rh-checks)::before{content:"";flex:0 0 auto;width:46px;height:46px;border-radius:50%;background-color:rgba(212,175,106,.12);background-position:center;background-size:26px;background-repeat:no-repeat;border:1px solid rgba(212,175,106,.45)} h2:has(+.rh-tldr)::before{background-image:url(/assets/img/design/glyph-tldr.webp);background-size:34px} h2:has(+.rh-faq)::before{background-image:url(/assets/img/design/glyph-faq.webp)} h2:has(+.rh-myths2)::before{background-image:url(/assets/img/design/glyph-flags.webp)} h2:has(+.rh-dtvfit)::before{background-image:url(/assets/img/design/glyph-fit.webp)} h2:has(+.rh-checks)::before{background-image:url(/assets/img/design/glyph-checklist.webp)} .mh-market{position:relative;overflow:hidden} .mh-market-cambodia::after,.mh-market-thailand::after{content:"";position:absolute;top:16px;right:16px;width:66px;height:66px;background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.5;pointer-events:none} .mh-market-cambodia::after{background-image:url(/assets/img/design/market-cambodia.webp)} .mh-market-thailand::after{background-image:url(/assets/img/design/market-thailand.webp)} .mh-city b::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.4em;vertical-align:-.12em;background:url(/assets/img/design/icon-pin.webp) center/contain no-repeat;opacity:.85} @media(max-width:640px){ h2:has(+.rh-tldr)::before,h2:has(+.rh-faq)::before,h2:has(+.rh-myths2)::before,h2:has(+.rh-dtvfit)::before,h2:has(+.rh-checks)::before{width:36px;height:36px;background-size:21px} .mh-market-cambodia::after,.mh-market-thailand::after{width:48px;height:48px;top:12px;right:12px} } /* ===== NOVASIA DESIGN ICONS — block A placements ===== */ .nf-h::before{content:"";display:block;width:112px;height:112px;margin:0 auto 16px;background:url(/assets/img/design/art-404.webp) center/contain no-repeat;opacity:.9} .srch-empty::before{content:"";display:block;width:92px;height:92px;margin:4px auto 12px;background:url(/assets/img/design/empty-catalogue.webp) center/contain no-repeat;opacity:.8} .rh-expert{position:relative} .rh-expert::before{content:"";position:absolute;top:12px;left:14px;width:58px;height:58px;background:url(/assets/img/design/quote-mark.webp) center/contain no-repeat;opacity:.13;pointer-events:none} .rh-sources{position:relative} .rh-sources::before{content:"";position:absolute;top:-4px;right:2px;width:38px;height:38px;background:url(/assets/img/design/crest-trust.webp) center/contain no-repeat;opacity:.32;pointer-events:none} /* type icons on catalogue project cards (data-driven, fail-safe) */ .pcard[data-type] .pcard-cat{display:inline-flex;align-items:center;gap:6px} .pcard[data-type] .pcard-cat::before{content:"";flex:0 0 auto;width:17px;height:17px;background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.85} .pcard[data-type="condominium"] .pcard-cat::before{background-image:url(/assets/img/design/type-condo.webp)} .pcard[data-type="mixed_use"] .pcard-cat::before,.pcard[data-type="mixed_use_condominium_hotel"] .pcard-cat::before{background-image:url(/assets/img/design/type-mixed.webp)} .pcard[data-type="hotel_residence"] .pcard-cat::before,.pcard[data-type="serviced"] .pcard-cat::before,.pcard[data-type="serviced_residence"] .pcard-cat::before{background-image:url(/assets/img/design/type-serviced.webp)} .pcard[data-type="strata_office"] .pcard-cat::before,.pcard[data-type="office"] .pcard-cat::before,.pcard[data-type="commercial"] .pcard-cat::before{background-image:url(/assets/img/design/type-commercial.webp)} .pcard[data-type="borey"] .pcard-cat::before,.pcard[data-type="house"] .pcard-cat::before,.pcard[data-type="land"] .pcard-cat::before,.pcard[data-type="landed"] .pcard-cat::before,.pcard[data-type="townhouse"] .pcard-cat::before{background-image:url(/assets/img/design/type-borey.webp)} .pcard[data-type="resort"] .pcard-cat::before,.pcard[data-type="villa"] .pcard-cat::before,.pcard[data-type="pool_villa"] .pcard-cat::before{background-image:url(/assets/img/design/type-resort.webp)} .pcard[data-type="unknown"] .pcard-cat::before{background-image:none} /* motif in master-hub hero corners (class emitted by masterHero) */ .rh-hero{position:relative} .rh-hero--invest::after,.rh-hero--visa::after,.rh-hero--life::after,.rh-hero--thailand::after{content:"";position:absolute;top:8px;right:0;width:120px;height:120px;background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.1;pointer-events:none} .rh-hero--invest::after{background-image:url(/assets/img/design/motif-invest.webp)} .rh-hero--visa::after{background-image:url(/assets/img/design/motif-visa.webp)} .rh-hero--life::after{background-image:url(/assets/img/design/motif-life.webp)} .rh-hero--thailand::after{background-image:url(/assets/img/design/motif-city.webp)} @media(max-width:640px){ .nf-h::before{width:88px;height:88px} .rh-hero--invest::after,.rh-hero--visa::after,.rh-hero--life::after,.rh-hero--thailand::after{width:76px;height:76px} .rh-expert::before{width:44px;height:44px} } /* ===== NOVASIA DESIGN ICONS — block B extras ===== */ /* vs comparison pages — faint motif behind the compare table (scoped by .vsx-*) */ .vsx-tablewrap{position:relative} .vsx-tablewrap::before{content:"";position:absolute;top:-40px;right:6px;width:96px;height:96px;background:url(/assets/img/design/motif-vs.webp) center/contain no-repeat;opacity:.09;pointer-events:none;z-index:0} /* project map placeholder (before the interactive map loads) */ .pj-map-ph{background-image:linear-gradient(180deg,rgba(8,24,19,.15),rgba(8,24,19,.35)),url(/assets/img/design/map-placeholder.webp);background-position:center;background-size:cover;background-repeat:no-repeat} /* expert / team cards — subtle ornamental ring in the corner */ .spec-card,.team-card{position:relative} .spec-card::after,.team-card::after{content:"";position:absolute;top:12px;right:12px;width:36px;height:36px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='none'%3E%3Ccircle cx='18' cy='18' r='13.5' stroke='%23D4AF6A' stroke-opacity='.7'/%3E%3Ccircle cx='18' cy='18' r='8' stroke='%23D4AF6A' stroke-opacity='.36' stroke-dasharray='2 3'/%3E%3Cpath d='m18 13 1.5 3.5L23 18l-3.5 1.5L18 23l-1.5-3.5L13 18l3.5-1.5L18 13Z' fill='%23D4AF6A' fill-opacity='.8'/%3E%3C/svg%3E");opacity:.32;pointer-events:none} /* placeholder fact rows — small "to be confirmed" mark */ .pcard-facts.is-placeholder{display:flex;align-items:center;gap:7px} .pcard-facts.is-placeholder::before{content:"";flex:0 0 auto;width:15px;height:15px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='6.5' stroke='%23D4AF6A' stroke-opacity='.9'/%3E%3Cpath d='M8 4.2v4.1l2.6 1.5' stroke='%23D4AF6A' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");opacity:.82} /* mega-hub market cards — faint corner flourish (top-left, opposite the emblem) */ .mh-market::before{content:"";position:absolute;top:0;left:0;width:70px;height:70px;background:top left/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70' fill='none'%3E%3Cpath d='M.5 47.5V.5h47M7.5 36V7.5H36' stroke='%23D4AF6A' stroke-opacity='.72'/%3E%3Cpath d='M14 29C23 20 26 27 34 19s15-2 24-12' stroke='%23D4AF6A' stroke-opacity='.45' stroke-dasharray='3 4'/%3E%3Ccircle cx='34' cy='19' r='2' fill='%23D4AF6A'/%3E%3C/svg%3E");opacity:.16;pointer-events:none} /* Text-led cards use one quiet vector mark instead of extra image assets. It is outside the reading path and never changes their intrinsic grid dimensions. */ :is(.dev-card,.bcard,.rcard,.rh-explore-card,.thdev-card){position:relative} :is(.dev-card,.bcard,.rcard,.rh-explore-card,.thdev-card)::after{content:"";position:absolute;top:12px;right:12px;width:34px;height:34px;pointer-events:none;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M33.5.5H13M33.5.5V21' stroke='%23D4AF6A' stroke-opacity='.52'/%3E%3Cpath d='M28 6H18M28 6v10' stroke='%23D4AF6A' stroke-opacity='.3'/%3E%3Ccircle cx='28' cy='6' r='1.5' fill='%23D4AF6A' fill-opacity='.72'/%3E%3C/svg%3E");opacity:.32} @media(max-width:640px){ .vsx-tablewrap::before{width:66px;height:66px;top:-28px} .spec-card::after,.team-card::after{width:28px;height:28px} .mh-market::before{width:52px;height:52px} :is(.dev-card,.bcard,.rcard,.rh-explore-card,.thdev-card)::after{top:10px;right:10px;width:26px;height:26px;opacity:.24} } /* Data-gated ten-second summaries on information pages. */ .rh-hero-grid,.rh-hero-grid>*{min-width:0} /* A few older rich-hub inline styles can leave the desktop hero tracks active after the rest of the mobile stylesheet has loaded. A grid item's default min-content width then expands the entire page past a phone viewport. This late shared rule is deliberately defensive: every rich-hub hero is a single readable column below the tablet breakpoint. */ @media(max-width:860px){.rh-hero-grid{grid-template-columns:minmax(0,1fr)!important}.rh .ts-info{width:100%;max-width:100%}} /* A small group of legacy flagship dossiers predates the shared .pj-hero shell and places its cover directly in the article. Keep the same bounded editorial frame as a shared hero instead of letting a portrait render consume the page. */ .pj-legacy-hero{display:block;max-width:100%;height:auto} @media(max-width:859px){.pj-legacy-hero{width:100%;height:clamp(220px,62vw,320px)!important;object-fit:cover;object-position:center}} @media(min-width:860px){.pj-legacy-hero{width:min(100%,760px)!important;height:475px!important;object-fit:cover;object-position:center}} .ts-info{margin:22px 0 30px;padding:24px 28px;max-width:760px;border:1px solid var(--nct-line-hi);border-radius:16px;background:rgba(17,32,25,.97);box-shadow:inset 3px 0 0 var(--nct-gold),var(--nct-shadow);color:#e9e7dc;overflow-wrap:anywhere;box-sizing:border-box} .ts-info-kicker{display:inline-block;padding:5px 11px;border-radius:999px;background:rgba(212,175,106,.14);color:var(--nct-gold-hi);font-size:11px;font-weight:700;letter-spacing:.09em}.ts-info h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} .ts-info-list{margin:14px 0 0}.ts-info-row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:12px 0;border-top:1px solid rgba(243,241,236,.10)}.ts-info-row:first-child{border-top:0}.ts-info-row dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--nct-gold);font-weight:600;margin:2px 0 0}.ts-info-row dd{margin:0;font-weight:400;font-size:15px;line-height:1.6;color:#dfe3dc}.ts-info-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 0}.ts-info-vs>div{padding:14px 16px;border:1px solid rgba(212,175,106,.22);border-radius:12px;background:rgba(0,0,0,.12)}.ts-info-vs b{color:var(--nct-gold-hi);font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-weight:600}.ts-info-vs p{margin:7px 0 0;font-weight:400;font-size:15px;line-height:1.6;color:#dfe3dc}.ts-info-data{display:inline-block;margin:12px 0 0;padding:5px 11px;border-radius:999px;background:rgba(127,224,173,.12);color:#bfeccc;font-size:12.5px}.ts-info-note{margin:16px 0 0;padding:13px 0 0;border-top:1px solid rgba(243,241,236,.10);color:#9fb0a6;font-size:13px;line-height:1.55} @media(max-width:640px){.ts-info{margin:16px 0 24px;padding:18px;max-width:none}.ts-info-row{grid-template-columns:1fr;gap:4px}.ts-info-row dt{margin:0 0 4px}.ts-info-vs{grid-template-columns:1fr}} /* DTV cluster breadcrumbs: a real navigation path for people and crawlers. */ .rh-dtv-breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:18px 0 14px;font:12px/1.4 Arial,sans-serif;color:#98a79c}.rh-dtv-breadcrumbs a{color:#d9b96f;text-decoration:none}.rh-dtv-breadcrumbs a:hover{text-decoration:underline}.rh-dtv-breadcrumbs>span[aria-hidden]{color:#627267}.rh-dtv-breadcrumbs [aria-current]{color:#d9ddd6}@media(max-width:640px){.rh-dtv-breadcrumbs{margin:14px 0 10px;font-size:11.5px}} /* Shared visual language: a vector pin remains crisp at every density and does not add a layout node or a new asset request. It is intentionally limited to existing market-home city links. */ .mh-city b::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4AF6A' stroke-width='1.8'%3E%3Cpath d='M12 21s6-5.2 6-11a6 6 0 1 0-12 0c0 5.8 6 11 6 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.1'/%3E%3C/svg%3E");opacity:.9} /* NovAsia custom select (progressive enhancement). The native