img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */



/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */



:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */



@font-face{font-family:"Be Vietnam Pro";src:url("./chamxe/fonts/BeVietnamPro-Regular.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"DT Phudu";src:url("./chamxe/fonts/DTPHUDU-LIGHT.OTF") format("opentype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"DT Phudu";src:url("./chamxe/fonts/DTPHUDU-REGULAR.OTF") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"DT Phudu";src:url("./chamxe/fonts/DTPHUDU-MEDIUM.OTF") format("opentype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"DT Phudu";src:url("./chamxe/fonts/DTPHUDU-BOLD.OTF") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"DT Phudu";src:url("./chamxe/fonts/DTPHUDU-BLACK.OTF") format("opentype");font-style:normal;font-weight:900;font-display:swap}
body,.t-sans{font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif!important}
.t-serif{font-family:"DT Phudu","Be Vietnam Pro",sans-serif!important;font-style:normal!important}
.project-filters{display:none!important;visibility:hidden!important;pointer-events:none!important}
.chamxe-logo{font-family:"Be Vietnam Pro",system-ui,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:-.04em;text-decoration:none;white-space:nowrap;color:inherit}
.dark .chamxe-logo{color:#fff}

/* Build10: keep global chrome anchored exactly like REF. */
.header{top:0!important}
.loader{visibility:hidden!important;opacity:0!important;pointer-events:none!important}

.js-description1,.js-description2{white-space:nowrap!important}
video[src*="Contra_Promo_DRIBBLE"]{aspect-ratio:4/3!important;object-fit:cover!important}

.chamxe-device-stage{position:relative;overflow:hidden;background:#141414;isolation:isolate}
.chamxe-device-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(187,132,39,.22),transparent 34%),radial-gradient(circle at 78% 70%,rgba(90,58,22,.22),transparent 30%),linear-gradient(135deg,#151515,#090909 72%);z-index:0}
.chamxe-device-stage:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;z-index:0}
.chamxe-stage-copy{position:absolute;left:4.5%;bottom:5%;z-index:1;color:#fff;text-transform:uppercase;line-height:.88;letter-spacing:-.055em;font-size:clamp(34px,4.5vw,72px);pointer-events:none}
.chamxe-stage-copy .serif{font-family:"DT Phudu","Be Vietnam Pro",sans-serif;font-style:normal;font-weight:400}
.chamxe-stage-kicker{position:absolute;left:4.5%;top:5%;z-index:1;color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.02em;pointer-events:none}
.chamxe-stage-index{position:absolute;right:4.5%;top:5%;z-index:1;color:#fff;font-size:.8rem;pointer-events:none}
.chamxe-phone-target{position:absolute;left:31%;top:7%;width:38%;height:86%;z-index:2}
.chamxe-phone-target.wide{left:28%;width:44%}
.chamxe-hero-phone img,.chamxe-phone-target img,.chamxe-phone-target video{width:100%;height:100%;object-fit:cover}
.chamxe-hero-iphone>img{visibility:hidden!important;opacity:0!important}

@media(min-width:768px){
  .js-description1[data-cx-scale-x]{transform:translateX(-15.235%)!important}
  .js-description2[data-cx-scale-x]{transform:translateX(-6.125%)!important}
  .chamxe-gap-a{padding-bottom:3rem!important}
  .chamxe-gap-b{padding-bottom:4.5rem!important}
  .chamxe-testimonial-gap{padding-bottom:10.7rem!important}
  .chamxe-design-copy{margin-bottom:5.3rem!important}
}

@media(max-width:767px){
  .js-current-title{min-height:84px;display:inline-flex!important;align-items:flex-start;justify-content:center}
}




/* Cursor coordinates: REF cursor is viewport-relative; pin its origin to 0,0. */
.cursor{left:0!important;top:0!important}
/* Keep Vietnamese labels inside the REF 41rem menu panel. */
.menu__nav-item{font-size:5.55rem!important;line-height:5.55rem!important;letter-spacing:-.12rem!important}
.menu__hover-text{left:2.6rem!important}
.chamxe-logo{font-size:1.35rem!important;letter-spacing:-.025em!important}
/* Preserve REF header density with Vietnamese labels. */
.js-navigation .nav-item__text,.js-navigation .nav-item__text--hover{letter-spacing:-.025em}
/* Give CHĂM XE a REF-like horizontal footprint without changing the wording. */
.chamxe-hero-iphone>img,.chamxe-dual-iphone>img{visibility:hidden!important;opacity:0!important}



.js-world-intro,.js-footer-cta{display:none!important;visibility:hidden!important;pointer-events:none!important}
html,body{overflow-x:hidden!important}
/* Keep hero typography within safe bounds across phones/tablets/desktops. */
.js-description1,.js-description2{white-space:nowrap!important}
@media(max-width:767px){
 .js-project-header{padding-top:.15rem}
 .js-description1{font-size:clamp(2.15rem,10.8vw,3rem)!important;line-height:.94!important}
 .js-description2{font-size:clamp(2.05rem,10.2vw,3rem)!important;line-height:1!important}
 .js-current-title{position:relative;left:auto!important;transform:none!important;transform-origin:left top!important}
}
@media(min-width:768px) and (max-width:1199px){
 .js-description1,.js-description2{font-size:clamp(3.5rem,6.1vw,5.1rem)!important}
 .js-current-title{position:relative;left:auto!important;transform:none!important;transform-origin:left center!important}
}
@media(min-width:1200px){
 .js-current-title{position:relative;left:auto!important;transform:none!important;transform-origin:left center!important}
}
.js-current-title{border:0!important;outline:0!important;text-shadow:none!important;-webkit-text-stroke:0!important}
@media(min-width:768px){.chamxe-title-row{text-align:left!important;padding-left:2.75rem!important}}
@media(max-width:767px){.chamxe-title-row{text-align:center!important;padding-left:0!important}}
@media(min-width:768px){
 .js-description1[data-cx-scale-x],.js-description2[data-cx-scale-x]{transform:none!important}
}


:root{--vh:1vh}
.cx-build15-main-ready{visibility:visible!important;opacity:1!important}
.cx-b15-style-04b206927d{height:clamp(32rem,68dvh,44rem);min-height:0}
.cx-b15-style-05c233e1b8{perspective: 1000px;}
.cx-b15-style-0d96a1d1f7{transform: translate(-2%, -10%)}
.cx-b15-style-0db0e90605{transform: translate(12%, 12%)}
.cx-b15-style-2bbc71b21e{transform: translate(4%, -8%)}
.cx-b15-style-48df6055ea{padding-left: 0.1rem;}
.cx-b15-style-52dd2014ce{user-select: none;}
.cx-b15-style-52defd68b8{visibility: hidden}
.cx-b15-style-5dfe99dfa3{transform: translate(-13%, -15%)}
.cx-b15-style-7406cd6d2d{transform: translate(10%, 2%)}
.cx-b15-style-7770bbe8ff{transform: translate(-15%, -11%)}
.cx-b15-style-844ef2899e{list-style-type: none;}
.cx-b15-style-8caf7db48d{transform: translate(-8%, -15%)}
.cx-b15-style-9197dc3413{transform: translate(-10%, 6%)}
.cx-b15-style-981e9655fd{transform: translate(-11%, -12%)}
.cx-b15-style-9d648980c2{transform: translate(8%, -12%)}
.cx-b15-style-b60e28e8b0{transform: translate(9%, -9%)}
.cx-b15-style-cda1a81e0f{touch-action: pan-y}
.cx-b15-style-d742e69a62{transform: translate(9%, 2%)}
.cx-b15-style-da36b4be62{transform: translate(0%, -14%)}
.cx-b15-style-db661a609e{transform: translate(-7%, -6%)}
.cx-b15-style-de1b4295f6{transform: translate(1%, -11%)}
.cx-b15-style-ef33243f38{transform: translate(4%, -7%)}

/* Owner UAT-1: Build15 navigation/menu runtime state */
.js-menu-wrapper{display:none}
.js-menu{transform:translate3d(100%,0,0)}
.js-menu .js-menu-inner{transform:translate3d(-100%,0,0)}


.cx-global-footer .js-global-mute-btn{display:flex!important;visibility:visible!important;pointer-events:auto!important}
.cx-global-footer .js-world-btn{visibility:visible!important;pointer-events:auto!important}
.cx-global-footer .js-footer-cr{visibility:visible!important}
@media(max-width:767px){
  .cx-global-footer .js-footer-cr{display:none!important}
  .cx-global-footer .js-global-mute-btn,.cx-global-footer .js-miniapp-btn{display:flex!important;visibility:visible!important;pointer-events:auto!important}
}


.cx-global-footer .__legacy-miniapp-icons{
  width:1.35rem;height:1.35rem;left:50%;top:50%;transform:translate(-50%,-50%);
  fill:none;stroke:currentColor;stroke-width:1.6;vector-effect:non-scaling-stroke
}
.cx-global-footer .__legacy-miniapp-hover{color:#fff}
.cx-global-footer .js-miniapp-btn{cursor:pointer}


/* Mini App launcher + QR modal */
.cx-global-footer .__legacy-miniapp-icons{
  display:block!important;opacity:1;z-index:4;pointer-events:none;
  width:1.35rem;height:1.35rem;left:50%;top:50%;
  fill:none!important;stroke:#212121!important;stroke-width:1.7;vector-effect:non-scaling-stroke
}
.cx-global-footer .__legacy-miniapp-hover{stroke:#fff!important;opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-70deg)}
.cx-global-footer .__legacy-miniapp-icon{transform:translate(-50%,-50%)}
.cx-global-footer .__legacy-miniapp-hover1{transform:translate(-50%,-50%) scale(.72) rotate(8deg)}
.cx-global-footer .__legacy-miniapp-hover2{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}
.cx-global-footer .__legacy-miniapp-icons{transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s cubic-bezier(.16,1,.3,1)}

.cx-global-footer .js-mute-icon{transform-origin:50% 50%}
.cx-global-footer .js-sound-line{transform-box:fill-box;transform-origin:50% 100%;stroke:#212121;will-change:transform}
.cx-global-footer .js-mute-fill{transform:scale(0);transform-origin:50% 50%;will-change:transform}

.cx-miniapp-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center}
.cx-miniapp-modal[aria-hidden="false"]{display:flex}
.cx-miniapp-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.cx-miniapp-modal__panel{position:relative;z-index:1;width:min(92vw,31rem);background:#f2f0e8;color:#191919;padding:2.25rem 2.25rem 2rem;border-radius:.4rem;text-align:center;box-shadow:0 2rem 7rem rgba(0,0,0,.42)}
.cx-miniapp-modal__close{position:absolute;right:1rem;top:1rem;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#191919;color:#fff;font-size:1.65rem;line-height:1;cursor:pointer}
.cx-miniapp-modal__eyebrow{font-size:.72rem;letter-spacing:.12em;font-weight:600;margin-bottom:1.2rem}
.cx-miniapp-modal__title{font-size:clamp(2.6rem,5vw,4.8rem);line-height:.9;margin:0 0 1rem;font-weight:500}
.cx-miniapp-modal__copy{max-width:23rem;margin:0 auto 1.4rem;font-size:1rem;line-height:1.35}
.cx-miniapp-modal__qr{width:min(64vw,18rem);aspect-ratio:1;margin:0 auto;background:#fff;padding:1rem;border-radius:.35rem}
.cx-miniapp-modal__qr svg{display:block;width:100%;height:100%}
.cx-miniapp-modal__hint{margin:.8rem 0 0;text-transform:uppercase;font-size:.72rem;font-weight:600;letter-spacing:.08em}
body.has-miniapp-modal{overflow:hidden}
@media(max-width:767px){.cx-miniapp-modal{display:none!important}}


.cx-miniapp-modal__qr-label{margin:0 auto .8rem;font-size:.82rem;line-height:1.35;font-weight:600}


/* Stable Lucide Mini App launcher */
.cx-global-footer .js-miniapp-btn{color:#212121}
.cx-global-footer .cx-miniapp-lucide{
  position:absolute;left:50%;top:50%;z-index:6;width:1.28rem;height:1.28rem;
  transform:translate(-50%,-50%) scale(1);
  fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;
  pointer-events:none;transition:transform .42s cubic-bezier(.16,1,.3,1),color .3s ease
}
.cx-global-footer .js-miniapp-btn:hover .cx-miniapp-lucide{transform:translate(-50%,-50%) scale(.9);color:#fff}
.cx-global-footer .js-miniapp-btn:active .cx-miniapp-lucide{transform:translate(-50%,-50%) scale(.78)}



/* Keep Lucide icon above hover fill */
.cx-global-footer .cx-miniapp-lucide{z-index:60!important}

/* Mini App modal aligned with Build15 visual language */
.cx-miniapp-modal__backdrop{background:rgba(25,25,25,.84);backdrop-filter:blur(4px)}
.cx-miniapp-modal__panel{
  width:min(92vw,40rem);background:#f1edeb;color:#212121;padding:5.5rem 4.5rem 4rem;
  border-radius:0;box-shadow:none;text-align:left;overflow:hidden
}
.cx-miniapp-modal__close{
  right:1.5rem;top:1.5rem;width:3.3rem;height:3.3rem;border:0;border-radius:50%;
  background:#fff;color:#212121;font-size:1.65rem;transition:transform .45s cubic-bezier(.16,1,.3,1),background .25s ease,color .25s ease
}
.cx-miniapp-modal__close:hover{transform:rotate(90deg) scale(1.08);background:#212121;color:#fff}
.cx-miniapp-modal__eyebrow{text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;margin-bottom:2.25rem;font-weight:500}
.cx-miniapp-modal__title{font-family:Neue Montreal,system-ui,sans-serif;font-size:clamp(4rem,7vw,6.25rem);letter-spacing:-.055em;line-height:.86;margin:0 0 2rem;font-weight:500}
.cx-miniapp-modal__copy{max-width:29rem;margin:0 0 2.5rem;font-size:1.05rem;line-height:1.45}
.cx-miniapp-modal__qr-label{text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;margin:0 0 .8rem;font-weight:500}
.cx-miniapp-modal__qr{width:min(56vw,17.5rem);aspect-ratio:1;margin:0;background:#fff;padding:1rem;border-radius:0}
@media(max-width:767px){
 .cx-miniapp-modal__panel{width:100%;height:100%;padding:6.5rem 1.5rem 2rem;display:flex;flex-direction:column;justify-content:center}
 .cx-miniapp-modal__title{font-size:3.6rem}.cx-miniapp-modal__qr{width:min(70vw,17rem)}
}



/* Mini App CTA keeps the REF world-button motion with the owner-approved white fill. */
.cx-global-footer .js-miniapp-btn .js-world-inner-bg,
.cx-global-footer .js-miniapp-btn .js-world-btn-hover{
  background:#fff!important
}
.cx-global-footer .js-miniapp-btn .js-world-btn-hover{
  display:block!important;
  transform:scale(0);transform-origin:50% 50%
}
.cx-global-footer .js-miniapp-btn .world-btn__icon{
  color:#212121!important;fill:none!important;stroke:#212121!important
}
.cx-global-footer .js-miniapp-btn .world-btn__inner-icon{
  color:#212121!important;fill:none!important;stroke:#212121!important
}
.cx-global-footer .js-miniapp-btn .cx-miniapp-lucide{
  color:#212121!important;stroke:currentColor!important;z-index:60!important
}
.cx-global-footer .js-miniapp-btn:hover .cx-miniapp-lucide{
  color:#212121!important;stroke:#212121!important;opacity:1!important;visibility:visible!important
}

/* Owner UAT 2026-09-21: exact REF cursor + hero inset + world launcher */
.cursor__circle{
  background:transparent!important;
  box-shadow:none!important;
}
.cursor__video{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
.cursor__hold,
.cursor__click-hold-prompt{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.cursor__drag,
.cursor__progress{
  transform:translate(-50%,-50%) scale(0);
  transform-origin:50% 50%;
}

/* Keep the right-side hero statement inside the same visual safe area as REF. */
@media(min-width:768px) and (max-width:1199px){
  .chamxe-hero-copy{transform:translateX(-2rem)}
}
@media(min-width:1200px){
  .chamxe-hero-copy{transform:translateX(-4.5rem)}
}

.cx-global-footer .js-miniapp-btn .world-btn__icon{
  display:block;
  opacity:1;
  visibility:visible;
}
.cx-global-footer .js-miniapp-btn .world-btn__inner-icon{
  display:block;
}
.cx-global-footer .js-miniapp-btn .world-btn__text{
  display:block;
  overflow:visible!important;
  pointer-events:none;
  z-index:40!important;
}
.cx-global-footer .js-miniapp-btn .world-btn__text>div{
  overflow:hidden!important;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:max-content;
  min-width:max-content;
  flex-shrink:0;
}
.cx-global-footer .js-miniapp-btn .world-btn__text-left{
  right:100%!important;
  text-align:right;
}
.cx-global-footer .js-miniapp-btn .world-btn__text-right{
  left:100%!important;
}
.cx-global-footer .js-miniapp-btn .world-btn__text span{
  display:block;
  padding:0 .65rem;
  color:#fff!important;
  white-space:nowrap;
  flex-shrink:0;
}
.cx-global-footer .js-miniapp-btn .world-btn__inner{
  isolation:isolate;
  z-index:60!important;
}
.cx-global-footer .js-miniapp-btn .js-world-inner-bg{
  z-index:50!important;
}
.cx-global-footer .js-miniapp-btn .world-btn__icon,
.cx-global-footer .js-miniapp-btn .world-btn__inner-icon,
.cx-global-footer .js-miniapp-btn .cx-miniapp-lucide{
  z-index:70!important;
}



/* Owner UAT 2026-09-21 round 2: safe hero, exact cursor states, news gallery */
.cursor__circle{
  background:none!important;
  border:1.5px solid #212121!important;
  box-shadow:none!important;
}
.dark .cursor__circle{border-color:#fff!important}
.cursor__drag,
.cursor__progress{
  transform-origin:50% 50%!important;
}
.cursor__video,
.cursor__hold,
.cursor__click-hold-prompt{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Vietnamese hero copy is materially longer than the REF English copy.
   Preserve the REF offset while giving it a real right safe area. */
@media(min-width:768px){
  .chamxe-hero-copy{
    box-sizing:border-box;
    max-width:41.666667%;
    padding-right:clamp(2rem,4vw,5rem);
    transform:none!important;
  }
  .chamxe-hero-copy .js-description1,
  .chamxe-hero-copy .js-description2{
    display:block!important;
    max-width:100%!important;
    white-space:normal!important;
  }
  .chamxe-hero-copy .js-description2{
    font-size:clamp(3rem,3.8vw,5.25rem)!important;
  }
}
@media(min-width:1200px){
  .chamxe-hero-copy{padding-right:clamp(2.5rem,4vw,5rem)}
}

/* Product contract: the Build15 drag gallery is the Home news preview. */
.chamxe-news-gallery{touch-action:pan-y}
.chamxe-news-gallery__row{min-width:100%;overflow:visible}
.chamxe-news-gallery__intro{position:relative;z-index:2}
.chamxe-news-gallery__all{
  color:inherit;
  display:inline-block;
  font-size:.75rem;
  font-weight:500;
  margin-top:1rem;
  text-decoration:none;
  text-transform:uppercase;
}
.chamxe-news-gallery__items{
  align-items:stretch;
  gap:clamp(1rem,2vw,2rem);
  width:max-content;
  will-change:transform;
}
.chamxe-news-card{
  border-top:1px solid rgba(255,255,255,.75);
  color:inherit;
  display:flex;
  flex-direction:column;
  min-height:22rem;
  padding:1rem 0 1.25rem;
  text-decoration:none;
  transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .45s ease;
  width:clamp(20rem,29vw,31rem);
}
.chamxe-news-card:hover{
  border-color:#fff;
  transform:translateY(-.35rem);
}
.chamxe-news-card small{
  font-size:.7rem;
  letter-spacing:.03em;
  margin-bottom:2.5rem;
  text-transform:uppercase;
}
.chamxe-news-card h3{
  font-size:clamp(1.65rem,2.35vw,2.8rem);
  font-weight:400;
  letter-spacing:-.035em;
  line-height:1.05;
  margin:0 0 1.25rem;
}
.chamxe-news-card p{
  display:-webkit-box;
  font-size:.95rem;
  line-height:1.45;
  margin:0 0 2rem;
  max-width:90%;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}
.chamxe-news-card>span{
  font-size:.75rem;
  margin-top:auto;
  text-transform:uppercase;
}
.chamxe-news-card--empty{opacity:.78}
@media(max-width:767px){
  .chamxe-news-gallery__row{align-items:flex-start;flex-direction:column}
  .chamxe-news-gallery__intro{
    margin-bottom:2rem;
    margin-right:0!important;
    width:100%!important;
  }
  .chamxe-news-card{min-height:19rem;width:min(78vw,24rem)}
}


/* Owner UAT 2026-09-21 round 3: rigid hero, mobile readability, visual news mosaic */

/* Hero wording is two art-directed lines; never let MỌI THỨ CHO wrap. */
.chamxe-hero-copy__line{display:block;max-width:100%}
.chamxe-hero-copy__line--top .js-description1{
  display:block!important;
  white-space:nowrap!important;
  width:max-content;
  max-width:none!important;
}
.chamxe-hero-copy__line--bottom .js-description2{
  display:block!important;
  white-space:nowrap!important;
  width:max-content;
  max-width:none!important;
}

@media(min-width:768px){
  .chamxe-hero-copy{
    max-width:41.666667%!important;
    padding-right:clamp(2.25rem,4vw,5.25rem)!important;
  }
  .chamxe-hero-copy__line--top .js-description1{
    font-size:clamp(3.5rem,4.6vw,6.15rem)!important;
  }
  .chamxe-hero-copy__line--bottom .js-description2{
    font-size:clamp(2.8rem,3.65vw,5rem)!important;
  }
}

/* Mobile keeps the cinematic overlap. A WebGL gradient plane is rendered
   above the phone (renderOrder 250) and below hero text (renderOrder 300). */
@media(max-width:767px){
  .chamxe-hero-copy{
    box-sizing:border-box;
    max-width:100%!important;
    padding:0 1rem!important;
    position:relative;
  }
  .chamxe-hero-copy__line--top .js-description1{
    font-size:clamp(2.05rem,9.4vw,2.75rem)!important;
    line-height:.92!important;
  }
  .chamxe-hero-copy__line--bottom .js-description2{
    font-size:clamp(1.75rem,7.2vw,2.35rem)!important;
    line-height:.92!important;
  }
  .chamxe-hero-phone-stage{width:72%!important;max-width:72%!important}
}

/* Build15 article detail — safe provider text, same public visual language */
.cx-article-page{
  background:#191919;
  color:#fff;
  min-height:100vh;
}
.cx-article-header{
  align-items:center;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  left:0;
  padding:1.6rem 2rem;
  position:absolute;
  right:0;
  top:0;
  z-index:5;
}
.cx-article-brand,
.cx-article-nav a,
.cx-article-header__center{
  color:#fff;
  text-decoration:none;
}
.cx-article-brand{font-size:1.15rem;font-weight:500}
.cx-article-header__center{
  font-size:.78rem;
  font-weight:500;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.cx-article-nav{
  display:flex;
  gap:1.6rem;
  justify-content:flex-end;
}
.cx-article-nav a{
  font-size:1rem;
  transition:opacity .25s ease;
}
.cx-article-nav a:hover{opacity:.62}
.cx-article{
  margin:0 auto;
  max-width:92rem;
  padding:10rem 2rem 7rem;
}
.cx-article__meta{
  display:flex;
  flex-wrap:wrap;
  font-size:.7rem;
  gap:1.4rem;
  letter-spacing:.05em;
  margin-bottom:2rem;
  text-transform:uppercase;
}
.cx-article>h1{
  font-size:clamp(3.8rem,8.3vw,9.5rem);
  font-weight:400;
  letter-spacing:-.065em;
  line-height:.86;
  margin:0 0 4.5rem;
  max-width:13ch;
}
.cx-article__hero{
  margin:0 0 5rem;
  overflow:hidden;
  width:100%;
}
.cx-article__hero img{
  display:block;
  max-height:72vh;
  object-fit:cover;
  width:100%;
}
.cx-article__layout{
  display:grid;
  gap:4rem;
  grid-template-columns:minmax(9rem,1fr) minmax(0,3fr);
  margin-left:auto;
  max-width:78rem;
}
.cx-article__aside{
  display:flex;
  flex-direction:column;
  font-size:.7rem;
  gap:1rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.cx-article__aside a,
.cx-article__source{
  color:inherit;
  text-decoration:none;
}
.cx-article__body{
  font-size:clamp(1.05rem,1.5vw,1.4rem);
  line-height:1.55;
  max-width:52rem;
}
.cx-article__lead{
  font-size:clamp(1.5rem,2.5vw,2.7rem);
  letter-spacing:-.035em;
  line-height:1.15;
  margin:0 0 3rem;
}
.cx-article__content{
  white-space:normal;
}
.cx-article__source{
  border-bottom:1px solid rgba(255,255,255,.65);
  display:inline-block;
  font-size:.75rem;
  margin-top:3rem;
  padding-bottom:.25rem;
  text-transform:uppercase;
}
.cx-article-footer{
  align-items:center;
  display:flex;
  justify-content:space-between;
  padding:2rem;
}
.cx-article-footer a{
  color:#fff;
  text-decoration:none;
}
@media(max-width:767px){
  .cx-article-header{
    grid-template-columns:1fr auto;
    padding:1.25rem 1rem;
  }
  .cx-article-header__center{display:none}
  .cx-article-nav{gap:1rem}
  .cx-article-nav a{font-size:.82rem}
  .cx-article{
    padding:8rem 1rem 5rem;
  }
  .cx-article>h1{
    font-size:clamp(3rem,15vw,5rem);
    margin-bottom:2.5rem;
  }
  .cx-article__hero{margin-bottom:3rem}
  .cx-article__layout{
    gap:2.5rem;
    grid-template-columns:1fr;
  }
  .cx-article__aside{
    flex-direction:row;
    justify-content:space-between;
  }
  .cx-article-footer{padding:1rem}
}


/* Owner UAT 2026-09-21 round 4: typography, soft mobile veil, REF news gallery, article body */

/* Hero copy: two fixed art-directed lines with enough leading so the italic
   second line never touches the first line's descenders. */
.chamxe-hero-copy__line--top{
  margin-bottom:clamp(.65rem,.9vw,1.15rem);
}
.chamxe-hero-copy__line--top .js-description1{
  line-height:1!important;
}
.chamxe-hero-copy__line--bottom .js-description2{
  line-height:1.06!important;
}
@media(max-width:767px){
  .chamxe-hero-copy__line--top{
    margin-bottom:.48rem;
  }
  .chamxe-hero-copy__line--top .js-description1{
    line-height:1!important;
  }
  .chamxe-hero-copy__line--bottom .js-description2{
    line-height:1.05!important;
  }
}

/* Long owner copy remains readable without stretching across the whole row. */
.chamxe-gap-a .grid>div:last-child p,
.chamxe-gap-b .grid>div:last-child p{
  max-width:46rem;
  line-height:1.55;
}
.chamxe-story-banner,
.chamxe-story-video{
  display:block;
  height:auto;
  width:100%;
}
.chamxe-story-banner{object-fit:cover}

/* Canonical landing News gallery.
   The owner REF keeps intro + visual cluster in one horizontal, vertically
   centered scene on mobile. The two image rows retain the REF stagger and
   spacing. Copy is disclosure-only on touch: first tap reveals, second tap
   follows the existing article link. */
.chamxe-news-gallery{
  touch-action:pan-y;
}
.chamxe-news-gallery__row{
  align-items:center!important;
  min-width:100%;
  overflow:visible;
}
.chamxe-news-gallery__intro{
  position:relative;
  z-index:2;
}
.chamxe-news-gallery__items{
  box-sizing:content-box;
  display:block!important;
  padding-bottom:clamp(2rem,3vw,3rem);
  padding-top:clamp(2rem,3vw,3rem);
  width:max-content!important;
  will-change:transform;
}
.chamxe-news-gallery__track{
  align-items:flex-start;
  display:flex;
  gap:clamp(2rem,4vw,4rem);
  width:max-content;
}
.chamxe-news-gallery__track--top{
  margin-bottom:4rem;
}
.chamxe-news-tile{
  aspect-ratio:4 / 3;
  background:#242424;
  color:#fff;
  display:block;
  flex:0 0 clamp(15rem,20vw,22rem);
  height:auto;
  min-height:0!important;
  min-width:0!important;
  overflow:hidden;
  position:relative;
  text-decoration:none;
  width:clamp(15rem,20vw,22rem);
}
.chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(1){
  transform:translate(1%,-11%)!important;
}
.chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(2){
  transform:translate(-13%,-15%)!important;
}
.chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(3){
  transform:translate(-10%,6%)!important;
}
.chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(1){
  transform:translate(0%,-14%)!important;
}
.chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(2){
  transform:translate(4%,-7%)!important;
}
.chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(3){
  transform:translate(-2%,-10%)!important;
}
.chamxe-news-tile__media{
  background:#242424;
  height:100%;
  inset:0;
  overflow:hidden;
  position:absolute;
  width:100%;
}
.chamxe-news-tile__media:after{
  background:linear-gradient(180deg,rgba(0,0,0,0) 58%,rgba(0,0,0,.16) 100%);
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
}
.chamxe-news-tile__media img{
  display:block;
  height:100%;
  object-fit:cover;
  transform:scale(1.001);
  transition:filter .65s ease,transform .8s cubic-bezier(.16,1,.3,1);
  width:100%;
}
.chamxe-news-tile__fallback{
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.16),transparent 28%),
    linear-gradient(145deg,#444 0%,#232323 48%,#111 100%);
  height:100%;
  width:100%;
}
.chamxe-news-tile__overlay{
  background:linear-gradient(180deg,rgba(10,10,10,.04) 0%,rgba(10,10,10,.78) 34%,rgba(10,10,10,.97) 100%);
  bottom:0;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  left:0;
  min-height:100%;
  opacity:1;
  padding:1rem 1rem 1.1rem;
  pointer-events:none;
  position:absolute;
  right:0;
  transform:none;
  z-index:2;
}
.chamxe-news-gallery .chamxe-news-tile__overlay:not(.chamxe-news-tile__overlay--static){
  opacity:0;
  transform:translateY(101%)!important;
  transition:
    opacity .28s ease,
    transform .48s cubic-bezier(.16,1,.3,1),
    background .48s ease;
}
.chamxe-news-tile__meta{
  align-items:center;
  display:flex;
  font-size:.68rem;
  gap:1rem;
  justify-content:space-between;
  letter-spacing:.02em;
  order:2;
  text-transform:uppercase;
}
.chamxe-news-tile__overlay h3{
  display:-webkit-box;
  font-size:clamp(1.1rem,1.5vw,1.7rem);
  font-weight:400;
  letter-spacing:-.035em;
  line-height:1.08;
  margin:0 0 .8rem;
  max-width:100%;
  order:1;
  overflow:hidden;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.chamxe-news-tile__overlay p,
.chamxe-news-tile__cta{
  display:none!important;
}
.chamxe-news-tile__overlay--static{
  opacity:1!important;
  transform:translateY(0)!important;
}
@media(hover:hover) and (pointer:fine){
  .chamxe-news-gallery .chamxe-news-tile:hover .chamxe-news-tile__overlay:not(.chamxe-news-tile__overlay--static),
  .chamxe-news-gallery .chamxe-news-tile:focus-visible .chamxe-news-tile__overlay:not(.chamxe-news-tile__overlay--static){
    opacity:1;
    transform:translateY(0)!important;
  }
  .chamxe-news-gallery .chamxe-news-tile:hover .chamxe-news-tile__media img,
  .chamxe-news-gallery .chamxe-news-tile:focus-visible .chamxe-news-tile__media img{
    filter:brightness(.62);
    transform:scale(1.055);
  }
}
@media(max-width:767px){
  .chamxe-news-gallery__row{
    align-items:center!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
  }
  .chamxe-news-gallery__intro{
    box-sizing:border-box;
    flex:0 0 50%!important;
    margin:0 5rem 0 0!important;
    max-width:50%!important;
    padding-top:0!important;
    width:50%!important;
  }
  .chamxe-news-gallery__items{
    flex:0 0 auto!important;
    padding-bottom:2rem!important;
    padding-top:2rem!important;
    width:max-content!important;
  }
  .chamxe-news-gallery__track{
    column-gap:4rem!important;
    row-gap:0!important;
  }
  .chamxe-news-gallery__track--top{
    margin-bottom:4rem!important;
  }
  /* Mobile keeps the REF asymmetry, but with smaller per-card offsets than
     desktop so the 4rem gutters stay visibly open at 390px and 430px. */
  .chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(1){
    transform:translate(0%,-7%)!important;
  }
  .chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(2){
    transform:translate(2%,-11%)!important;
  }
  .chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(3){
    transform:translate(-1%,4%)!important;
  }
  .chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(1){
    transform:translate(3%,-5%)!important;
  }
  .chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(2){
    transform:translate(-2%,2%)!important;
  }
  .chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(3){
    transform:translate(1%,7%)!important;
  }
  .chamxe-news-tile{
    flex:0 0 min(31vw,7.5rem)!important;
    width:min(31vw,7.5rem)!important;
  }
  .chamxe-news-gallery .chamxe-news-tile.is-disclosed .chamxe-news-tile__overlay:not(.chamxe-news-tile__overlay--static){
    opacity:1;
    transform:translateY(0)!important;
  }
  .chamxe-news-gallery .chamxe-news-tile.is-disclosed .chamxe-news-tile__media img{
    filter:brightness(.62);
    transform:scale(1.035);
  }
  .chamxe-news-tile__overlay{
    padding:.45rem .55rem .55rem!important;
  }
  .chamxe-news-tile__meta{
    align-items:flex-start;
    flex-direction:column;
    font-size:clamp(.42rem,1.5vw,.55rem);
    gap:.12rem;
  }
  .chamxe-news-tile__overlay h3{
    font-size:clamp(.68rem,2.55vw,.88rem)!important;
    line-height:1.08!important;
    margin:0 0 .38rem!important;
    -webkit-line-clamp:2;
  }
}

/* Article detail: render the locally extracted full article as safe structured
   blocks instead of stopping at the feed excerpt. */
.cx-article>h1{
  font-size:clamp(3.35rem,7.2vw,8.25rem)!important;
  line-height:.94!important;
  max-width:14ch!important;
}
.cx-article__lead{
  line-height:1.22!important;
}
.cx-article__content{
  display:flex;
  flex-direction:column;
  gap:1.45rem;
}
.cx-article__content h2,
.cx-article__content h3{
  font-weight:500;
  letter-spacing:-.03em;
  line-height:1.08;
  margin:1.8rem 0 0;
}
.cx-article__content h2{font-size:clamp(1.8rem,3vw,3rem)}
.cx-article__content h3{font-size:clamp(1.45rem,2.2vw,2.2rem)}
.cx-article__content p{
  margin:0;
}
.cx-article__content blockquote{
  border-left:1px solid rgba(255,255,255,.58);
  font-size:1.12em;
  margin:1rem 0;
  padding:.3rem 0 .3rem 1.25rem;
}
.cx-article__content ul,
.cx-article__content ol{
  margin:.25rem 0;
  padding-left:1.35rem;
}
.cx-article__content li+li{margin-top:.45rem}
.cx-article__content figure{
  margin:2rem 0;
}
.cx-article__content figure img{
  display:block;
  height:auto;
  max-height:76vh;
  object-fit:contain;
  width:100%;
}
.cx-article__content figcaption{
  font-size:.72rem;
  margin-top:.5rem;
  opacity:.65;
}
.cx-article__source{
  display:none!important;
}
@media(max-width:767px){
  .cx-article>h1{
    font-size:clamp(2.75rem,13vw,4.6rem)!important;
    line-height:.96!important;
  }
  .cx-article__content{
    gap:1.15rem;
  }
}


/* Owner UAT round: stable media document flow + article native scrolling. */
.chamxe-media-frame{
  display:block;
  overflow:hidden;
  position:relative;
  width:100%;
}
.chamxe-media-frame--presentation{
  aspect-ratio:4 / 3;
}
.chamxe-media-frame--story{
  aspect-ratio:16 / 9;
}
.chamxe-media-frame > video.chamxe-media-video{
  display:block!important;
  height:100%!important;
  inset:0;
  object-fit:cover!important;
  object-position:50% 50%!important;
  position:absolute!important;
  width:100%!important;
}
.cx-article-page{
  height:auto!important;
  min-height:100vh;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto;
  touch-action:pan-y!important;
}
.cx-article-page .cx-article{
  min-height:100vh;
  position:relative;
}

/* Owner UAT PR27: native knowledge scrolling + Build15 news index.
   Unseen's recovered project stylesheet owns ASScroll on the landing page.
   Knowledge routes deliberately opt out and must remain normal documents. */
html.cx-native-scroll{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y!important;
}
html.cx-native-scroll body.cx-article-page,
html.cx-native-scroll body.cx-news-index-page{
  height:auto!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  position:relative!important;
  touch-action:pan-y!important;
}
body.cx-news-index-page{
  background:#191919;
  color:#fff;
}
.cx-news-index{
  margin:0 auto;
  max-width:92rem;
  min-height:100vh;
  padding:10rem 2rem 7rem;
  position:relative;
}
.cx-news-index__intro{
  border-bottom:1px solid rgba(255,255,255,.18);
  margin-bottom:3rem;
  padding-bottom:4rem;
}
.cx-news-index__eyebrow{
  display:block;
  font-size:.7rem;
  letter-spacing:.09em;
  margin-bottom:1.25rem;
  text-transform:uppercase;
}
.cx-news-index__intro h1{
  font-size:clamp(3.8rem,8.3vw,9rem);
  font-weight:400;
  letter-spacing:-.065em;
  line-height:.88;
  margin:0;
  max-width:11ch;
}
.cx-news-index__intro p{
  font-size:clamp(1rem,1.45vw,1.35rem);
  line-height:1.45;
  margin:2rem 0 0;
  max-width:42rem;
  opacity:.72;
}
.cx-news-index__grid{
  display:grid;
  gap:clamp(1rem,1.6vw,1.6rem);
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.cx-news-index__card{
  aspect-ratio:4 / 3;
  min-height:21rem;
  transform:none!important;
}
.cx-news-index__card .chamxe-news-tile__overlay{
  min-height:68%;
  transform:translateY(calc(100% - 3.2rem));
}
.cx-news-index__card-link{
  display:block;
  font-size:.7rem;
  letter-spacing:.04em;
  margin-top:1rem;
  text-transform:uppercase;
}
.cx-news-index__empty{
  border:1px solid rgba(255,255,255,.22);
  min-height:18rem;
  padding:2rem;
}
.cx-news-index__empty h2{
  font-size:clamp(2rem,4vw,4rem);
  font-weight:400;
  letter-spacing:-.045em;
  margin:0 0 1rem;
}
.cx-news-index__empty p{margin:0;max-width:36rem;opacity:.68}
@media(max-width:980px){
  .cx-news-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .cx-news-index{padding:8rem 1rem 5rem}
  .cx-news-index__intro{margin-bottom:1.5rem;padding-bottom:2.5rem}
  .cx-news-index__intro h1{font-size:clamp(3rem,15vw,5rem);line-height:.94}
  .cx-news-index__grid{grid-template-columns:1fr}
  .cx-news-index__card{aspect-ratio:1.15 / 1;min-height:0}
  .cx-news-index__card .chamxe-news-tile__overlay{
    min-height:64%;
    transform:translateY(0);
  }
}

/* Owner UAT: mobile menu containment + open-menu logo contrast. */
@media(max-width:767px){
  body.has-open-mobile-menu .chamxe-logo{color:#212121!important}
  .menu .menu__inner{
    box-sizing:border-box;
    min-width:100%!important;
    width:100%!important;
  }
  .menu .menu__nav{
    box-sizing:border-box;
    max-width:100%!important;
    min-width:0!important;
    padding:0 .35rem;
    width:100%!important;
  }
  .menu .menu__nav-item{
    box-sizing:border-box;
    font-size:clamp(2.35rem,11.5vw,3.15rem)!important;
    letter-spacing:-.065em!important;
    line-height:.98!important;
    margin-bottom:.75rem!important;
    max-width:100%!important;
    min-width:0!important;
    width:100%!important;
  }
  .menu .menu__nav-number{
    flex:0 0 auto;
    font-size:.8rem;
    line-height:1;
    padding-right:.45rem;
    padding-top:.45rem;
  }
  .menu .menu__text,
  .menu .menu__hover-text{
    max-width:calc(100vw - 3.5rem)!important;
    white-space:nowrap;
  }
  .menu .menu__hover-text{left:1.6rem!important}
}

/* Owner UAT 2026-09-23 round 2: make the mobile differences
   explicit and measurable instead of relying on subtle inherited REF values. */
@media(max-width:767px){
  /* Screenshot comparison: the REF phone occupies materially more of the
     viewport than the prior 66.67% stage. Keep the same vertical composition
     but give the 3D phone enough width to match the REF visual weight. */
  .chamxe-hero-phone-stage{
    width:82%!important;
    max-width:82%!important;
  }

  /* The final CTA should not reserve a full blank viewport on phones.
     Keep enough stage for the final 3D transition while ending the document
     substantially closer to the visible CTA. */
  .cx-b15-style-04b206927d{
    box-sizing:border-box;
    height:auto!important;
    min-height:clamp(28rem,64dvh,38rem)!important;
    margin-bottom:0!important;
    padding-bottom:max(1rem,env(safe-area-inset-bottom))!important;
  }


}

/* Owner UAT 2026-09-23 round 3: keep the hero DOM hit area usable for
   pointer QA. Actual touch delivery is window-level in PhoneModel, matching
   the REF input boundary while preserving vertical page scrolling. */
@media(max-width:767px){
  .chamxe-hero-phone-stage{
    pointer-events:auto!important;
    touch-action:pan-y!important;
  }
  .chamxe-hero-iphone{
    pointer-events:auto!important;
    touch-action:pan-y!important;
  }
}


/* Owner UAT 2026-09-23: desktop News custom drag cursor must remain renderable. */
@media (hover:hover) and (pointer:fine){
  .cursor__drag,
  .cursor__progress{
    display:block!important;
    visibility:visible!important;
  }
  .chamxe-news-gallery[data-cursor="drag"]{
    cursor:none!important;
  }
}


/* Owner UAT Build11: final transition + News motion */

/* ASScroll must never expose the browser/default light canvas after
   the terminal scene ends. The WebGL transition itself remains free
   to draw the intentional cream rising shape above this base. */
html,
body,
[asscroll-container],
.cx-build15-main-ready{
  background-color:#191919;
}

/* DOM News cards now receive REF-style reversible vertical scrub
   from GridGallery while the existing horizontal drag remains active. */
.chamxe-news-gallery .chamxe-news-tile__media{
  will-change:clip-path,transform;
  backface-visibility:hidden;
}

/* Eight items per row on Home need a repeating art-directed stagger,
   rather than only styling the first three cards. */
.chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(4n+1){
  transform:translate(1%,-11%)!important;
}
.chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(4n+2){
  transform:translate(-7%,-15%)!important;
}
.chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(4n+3){
  transform:translate(-3%,6%)!important;
}
.chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(4n){
  transform:translate(5%,-6%)!important;
}

.chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(4n+1){
  transform:translate(0%,-14%)!important;
}
.chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(4n+2){
  transform:translate(4%,-7%)!important;
}
.chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(4n+3){
  transform:translate(-2%,-10%)!important;
}
.chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(4n){
  transform:translate(6%,4%)!important;
}

/* Build14: the standalone News index no longer uses Build11's
   one-shot `.is-visible` reveal state. Build13 continuously drives
   card visibility and geometry through CSS custom properties from
   news-index.js, so cards must remain visible without an is-visible class. */

.cx-news-index__sentinel{
  align-items:center;
  display:flex;
  justify-content:center;
  min-height:8rem;
  padding:2rem 0;
  text-align:center;
}

.cx-news-index__sentinel[hidden]{
  display:none!important;
}

.cx-news-index__sentinel span{
  font-size:.7rem;
  letter-spacing:.08em;
  opacity:.64;
  text-transform:uppercase;
}

.cx-news-index__sentinel[data-loading="true"] span{
  opacity:1;
}

@media(max-width:767px){
  /* Build10 used max 7.5rem (~120px on a 390px viewport).
     Give the visual News cluster enough weight while preserving
     the REF two-row horizontal composition. */
  .chamxe-news-gallery__intro{
    flex:0 0 44%!important;
    margin-right:2rem!important;
    max-width:44%!important;
    width:44%!important;
  }

  .chamxe-news-gallery__track{
    column-gap:2.25rem!important;
  }

  .chamxe-news-gallery__track--top{
    margin-bottom:2.75rem!important;
  }

  .chamxe-news-tile{
    flex:0 0 min(42vw,10.5rem)!important;
    width:min(42vw,10.5rem)!important;
  }

  .chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(4n+1){
    transform:translate(0%,-7%)!important;
  }

  .chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(4n+2){
    transform:translate(2%,-11%)!important;
  }

  .chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(4n+3){
    transform:translate(-1%,4%)!important;
  }

  .chamxe-news-gallery__track--top .chamxe-news-tile:nth-child(4n){
    transform:translate(3%,-4%)!important;
  }

  .chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(4n+1){
    transform:translate(3%,-5%)!important;
  }

  .chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(4n+2){
    transform:translate(-2%,2%)!important;
  }

  .chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(4n+3){
    transform:translate(1%,7%)!important;
  }

  .chamxe-news-gallery__track--bottom .chamxe-news-tile:nth-child(4n){
    transform:translate(-1%,-3%)!important;
  }

  .chamxe-news-tile__overlay{
    padding:.7rem .75rem .72rem!important;
  }

  .chamxe-news-tile__overlay h3{
    font-size:clamp(.82rem,3.05vw,1.05rem)!important;
    -webkit-line-clamp:3;
  }

  /* Standalone News page remains one-column, but uses a more
     substantial editorial card rather than a short thumbnail. */
  .cx-news-index__grid{
    gap:1.35rem!important;
  }

  .cx-news-index__card{
    aspect-ratio:1.24 / 1!important;
    min-height:min(74vw,22rem)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cx-news-index--enhanced .js-news-index-card{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* Owner UAT Build13: editorial News index experience */

.cx-news-index-page .cx-article-header{
  grid-template-columns:1fr auto;
  position:fixed;
  background:
    linear-gradient(
      180deg,
      rgba(25,25,25,.96) 0%,
      rgba(25,25,25,.72) 72%,
      rgba(25,25,25,0) 100%
    );
  padding-bottom:2.8rem;
  pointer-events:none;
  z-index:80;
}
.cx-news-index-page .cx-article-brand,
.cx-news-index-page .cx-article-nav{
  pointer-events:auto;
}
.cx-news-index-page .cx-article-nav a{
  position:relative;
}
.cx-news-index-page .cx-article-nav a:after{
  background:#fff;
  bottom:-.35rem;
  content:"";
  height:1px;
  left:0;
  position:absolute;
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .45s cubic-bezier(.16,1,.3,1);
  width:100%;
}
.cx-news-index-page .cx-article-nav a:hover:after,
.cx-news-index-page .cx-article-nav a:focus-visible:after,
.cx-news-index-page .cx-article-nav a.is-active:after{
  transform:scaleX(1);
  transform-origin:left center;
}

.cx-news-index{
  max-width:none;
  padding:11rem 2rem 8rem;
}
.cx-news-index__intro{
  border-bottom:0;
  margin:0 auto clamp(4rem,8vw,9rem);
  max-width:92rem;
  padding:0;
}
.cx-news-index__intro h1{
  font-size:clamp(5rem,13vw,14rem);
  font-weight:400;
  letter-spacing:-.075em;
  line-height:.78;
  margin:0;
  max-width:none;
}
.cx-news-index__eyebrow,
.cx-news-index__intro p{
  display:none!important;
}

.cx-news-index__grid{
  align-items:start;
  display:grid;
  gap:clamp(1.25rem,2.3vw,2.8rem);
  grid-auto-flow:dense;
  grid-template-columns:
    repeat(12,minmax(0,1fr));
  margin:0 auto;
  max-width:92rem;
}

.cx-news-index__card{
  --cx-news-y:0px;
  --cx-news-scale:1;
  --cx-news-opacity:1;
  --cx-news-clip:0%;
  --cx-news-rotate:0deg;
  --cx-pointer-x:0px;
  --cx-pointer-y:0px;
  align-self:start;
  aspect-ratio:4 / 3;
  clip-path:
    inset(
      var(--cx-news-clip)
      0
      0
      0
    );
  flex:none!important;
  grid-column:span 4;
  min-height:0!important;
  opacity:var(--cx-news-opacity);
  transform:
    translate3d(
      0,
      var(--cx-news-y),
      0
    )
    rotate(
      var(--cx-news-rotate)
    )
    scale(
      var(--cx-news-scale)
    )!important;
  transform-origin:center center;
  width:100%!important;
  will-change:
    transform,
    opacity,
    clip-path;
}

.cx-news-index__card:nth-child(8n+1){
  aspect-ratio:16 / 9;
  grid-column:span 8;
}
.cx-news-index__card:nth-child(8n+2){
  aspect-ratio:4 / 5;
  grid-column:span 4;
}
.cx-news-index__card:nth-child(8n+3),
.cx-news-index__card:nth-child(8n+4),
.cx-news-index__card:nth-child(8n+5){
  grid-column:span 4;
}
.cx-news-index__card:nth-child(8n+6){
  aspect-ratio:5 / 4;
  grid-column:span 5;
}
.cx-news-index__card:nth-child(8n+7){
  aspect-ratio:7 / 4;
  grid-column:span 7;
}
.cx-news-index__card:nth-child(8n){
  aspect-ratio:16 / 9;
  grid-column:span 12;
}

.cx-news-index__card
.chamxe-news-tile__media{
  overflow:hidden;
}
.cx-news-index__card
.chamxe-news-tile__media img{
  height:calc(100% + 1.5rem);
  left:-1.5rem;
  max-width:none;
  position:absolute;
  top:-.75rem;
  transform:
    translate3d(
      var(--cx-pointer-x),
      var(--cx-pointer-y),
      0
    )
    scale(1.055);
  transition:
    filter .55s ease,
    transform .25s ease-out;
  width:calc(100% + 3rem);
}

.cx-news-index__card
.chamxe-news-tile__overlay{
  background:
    linear-gradient(
      180deg,
      rgba(8,8,8,0) 0%,
      rgba(8,8,8,.18) 30%,
      rgba(8,8,8,.92) 74%,
      rgba(8,8,8,.98) 100%
    );
  min-height:100%;
  opacity:1;
  padding:
    clamp(1rem,1.7vw,1.7rem);
  transform:
    translateY(
      calc(100% - 5.4rem)
    )!important;
  transition:
    transform .7s cubic-bezier(.16,1,.3,1),
    background .55s ease;
}

.cx-news-index__card
.chamxe-news-tile__overlay h3{
  font-size:clamp(1.15rem,1.65vw,2rem);
  margin-bottom:.9rem;
  -webkit-line-clamp:3;
}

.cx-news-index__card
.cx-news-index__card-link{
  display:inline-flex;
  font-size:.68rem;
  margin-top:.9rem;
  transform:translateX(0);
  transition:
    transform .55s cubic-bezier(.16,1,.3,1);
}

@media(hover:hover) and (pointer:fine){
  .cx-news-index__card:hover
  .chamxe-news-tile__overlay,
  .cx-news-index__card:focus-visible
  .chamxe-news-tile__overlay{
    transform:
      translateY(0)!important;
  }

  .cx-news-index__card:hover
  .chamxe-news-tile__media img,
  .cx-news-index__card:focus-visible
  .chamxe-news-tile__media img{
    filter:brightness(.68);
    transform:
      translate3d(
        var(--cx-pointer-x),
        var(--cx-pointer-y),
        0
      )
      scale(1.095);
  }

  .cx-news-index__card:hover
  .cx-news-index__card-link,
  .cx-news-index__card:focus-visible
  .cx-news-index__card-link{
    transform:translateX(.55rem);
  }
}

.cx-news-index__card
.chamxe-news-tile__fallback{
  align-items:flex-end;
  display:flex;
  justify-content:flex-start;
  padding:1rem;
}
.cx-news-index__card
.chamxe-news-tile__fallback strong{
  font-size:clamp(1rem,1.8vw,1.7rem);
  font-weight:500;
  letter-spacing:-.04em;
}

.cx-news-index__sentinel{
  margin:clamp(3rem,6vw,6rem) auto 0;
  max-width:92rem;
  padding:2rem 0;
  text-align:center;
}

@media(max-width:1100px){
  .cx-news-index__grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .cx-news-index__card,
  .cx-news-index__card:nth-child(n){
    aspect-ratio:4 / 3;
    grid-column:auto;
  }

  .cx-news-index__card:nth-child(6n+1){
    aspect-ratio:16 / 9;
    grid-column:span 2;
  }
}

@media(max-width:767px){
  .cx-news-index-page .cx-article-header{
    padding:
      1.25rem
      1rem
      2.4rem;
  }

  .cx-news-index-page .cx-article-nav{
    gap:.8rem;
  }

  .cx-news-index{
    padding:
      8.5rem
      1rem
      5rem;
  }

  .cx-news-index__intro{
    margin-bottom:3rem;
  }

  .cx-news-index__intro h1{
    font-size:
      clamp(4.5rem,22vw,7.2rem);
    line-height:.82;
  }

  .cx-news-index__grid{
    gap:1.2rem;
    grid-template-columns:1fr;
  }

  .cx-news-index__card,
  .cx-news-index__card:nth-child(n){
    aspect-ratio:1.18 / 1;
    grid-column:auto;
  }

  .cx-news-index__card:nth-child(5n+1){
    aspect-ratio:4 / 5;
  }

  .cx-news-index__card:nth-child(5n+3){
    aspect-ratio:16 / 11;
  }

  .cx-news-index__card
  .chamxe-news-tile__overlay{
    background:
      linear-gradient(
        180deg,
        rgba(8,8,8,0) 12%,
        rgba(8,8,8,.82) 68%,
        rgba(8,8,8,.98) 100%
      );
    min-height:100%;
    padding:1rem;
    transform:
      translateY(0)!important;
  }

  .cx-news-index__card
  .chamxe-news-tile__overlay h3{
    font-size:
      clamp(1.15rem,5vw,1.55rem)!important;
    -webkit-line-clamp:3;
  }

  .cx-news-index__card
  .chamxe-news-tile__media img{
    height:calc(100% + .8rem);
    left:-.8rem;
    top:-.4rem;
    width:calc(100% + 1.6rem);
  }
}

@media(prefers-reduced-motion:reduce){
  .cx-news-index__card{
    clip-path:none!important;
    opacity:1!important;
    transform:none!important;
  }

  .cx-news-index__card
  .chamxe-news-tile__media img{
    transform:scale(1.02)!important;
  }
}


/* Owner UAT Build15: menu / terminal / mobile interaction closure */

/* Use the runtime-stabilized viewport instead of mobile browser chrome dvh
   changes for the terminal section. */
.cx-b15-style-04b206927d{
  height:clamp(
    32rem,
    var(--cx-vh-68,68vh),
    44rem
  );
}

.cx-build15-main-ready
.js-transition-plane{
  height:
    var(--cx-vh-100,100vh)!important;
}

/* The custom Chăm Xe cursor is a desktop/fine-pointer affordance only. */
@media (hover:none), (pointer:coarse){
  .cursor{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .chamxe-news-gallery[data-cursor="drag"]{
    cursor:auto!important;
  }
}

/* Mobile Hero art direction:
   - MINI APP / CHĂM XE shares the same left container edge as GIỚI THIỆU.
   - the two statement rows are right-aligned with an intentional safe inset. */
@media(max-width:767px){
  .js-project-header{
    text-align:left!important;
  }

  .js-project-header
  > .t-uppercase.mb-2
  > div:first-child{
    padding-left:0!important;
  }

  .chamxe-title-row{
    padding-left:0!important;
    text-align:left!important;
  }

  .chamxe-hero-copy{
    box-sizing:border-box;
    max-width:100%!important;
    padding:
      0
      clamp(1.25rem,5vw,2rem)
      0
      0!important;
    text-align:right!important;
  }

  .chamxe-hero-copy__line{
    display:flex!important;
    justify-content:flex-end!important;
    width:100%!important;
  }

  .chamxe-hero-copy__line
  .js-description1,
  .chamxe-hero-copy__line
  .js-description2{
    text-align:right!important;
  }

  .cx-b15-style-04b206927d{
    height:auto!important;
    min-height:clamp(
      28rem,
      var(--cx-vh-64,64vh),
      38rem
    )!important;
    margin-bottom:0!important;
    padding-bottom:
      max(
        1rem,
        env(safe-area-inset-bottom)
      )!important;
  }
}


/* Build16 Drawer close + font contract */
.menu .menu__text{
  font-family:
    "Be Vietnam Pro",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif!important;
  font-style:normal!important;
  font-weight:400!important;
}

.menu .menu__hover-text{
  font-family:
    "DT Phudu",
    "Be Vietnam Pro",
    sans-serif!important;
  font-style:normal!important;
  font-weight:400!important;
}


/* Build19 REF Project intro lifecycle closure */

/* REF keeps the desktop current-title source geometry centered.
   HeroWebGLText then animates CHĂM XE from center to the left edge.
   Mobile retains the owner-approved left alignment from Build15. */
@media(min-width:768px){
  .chamxe-title-row{
    padding-left:0!important;
    text-align:center!important;
  }
}