/* Vietnamese-aware, locally embedded font family: no online loading needed. */
@font-face{font-family:'Be Vietnam Pro';src:url('fonts/BeVietnamPro-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Be Vietnam Pro';src:url('fonts/BeVietnamPro-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Be Vietnam Pro';src:url('fonts/BeVietnamPro-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
:root{--display:'Be Vietnam Pro',Arial,Helvetica,sans-serif}
body{overflow-x:clip;font-family:'Be Vietnam Pro',Arial,Helvetica,sans-serif}
h1,h2,h3,.hero-title-tail,.hero-number,.section-counter,.bar-value,.ratio-box strong,.history-number,.cost-stat>strong,.roundel,.company-mark,.company-number,.company-highlight,.timeline-title,.timeline-items>div span,.memo-card>strong,.closing-quote p,.endmark strong{font-family:var(--display);font-weight:900;font-synthesis:none;letter-spacing:-.055em;text-rendering:optimizeLegibility}
.hero h1{font-size:clamp(64px,6.9vw,107px);letter-spacing:-.072em;line-height:1.07}
.hero-title-tail{font-size:clamp(30px,3.1vw,45px);font-weight:700;letter-spacing:-.047em;line-height:1.25}
.hero-kicker{margin-top:20px}
.hero-copy{padding-top:15px}
.hero-number{letter-spacing:-.12em}
.global-lede h2{font-size:clamp(51px,5.6vw,86px);line-height:1.06}
.india-title h2{font-size:clamp(64px,8vw,118px);line-height:1.07}
.economics-header h2{font-size:clamp(61px,8vw,123px);line-height:1.1}
.incumbents-lede h2{font-size:clamp(62px,6.6vw,105px);line-height:1.13}
.vinfast-lede h2{font-size:clamp(58px,6.15vw,96px);line-height:1.12;white-space:nowrap}
.epilogue h2{font-size:clamp(51px,4.65vw,78px);line-height:1.17}
.closing-quote p{font-size:clamp(40px,5.5vw,80px);line-height:1.18}
.company-number{font-size:clamp(61px,6vw,94px);letter-spacing:-.06em}
.ratio-box strong{font-size:clamp(64px,7vw,105px)}
.cost-stat>strong{font-size:clamp(100px,10vw,150px);letter-spacing:-.07em}
.bar-value{font-size:clamp(17px,1.8vw,25px);letter-spacing:-.04em}
.section-source span{font-size:10px;letter-spacing:1.1px;font-weight:900;color:#566961}
.section-source.dark span{color:#c8d6bf}
.article-copy{max-width:1180px;margin:62px auto 0;padding-top:30px;border-top:1px solid #b3beb7;column-count:2;column-gap:70px;font-size:19px;line-height:1.78;color:#283835}
.article-copy p{break-inside:avoid;max-width:100%;margin:0 0 1.3em;line-height:inherit}
.article-copy strong{font-weight:800}
.article-copy.inverted{color:#e3e9dd;border-color:#ffffff52}
.article-copy.on-orange{color:#25312a;border-top-color:#513a265f;column-count:1;max-width:100%;font-size:20px;margin:35px 0 62px;padding-top:25px;font-weight:600}
.article-copy.closing-prose{column-count:1;max-width:930px;text-align:center;margin-top:25px;border-top:0;font-size:18px;line-height:1.7}
.history-intro>p:last-child{max-width:510px;font-size:16px}
.india-prose{margin-top:62px;max-width:1050px}
.global-lede>p:last-child{font-size:17px}
.global-lede{grid-template-columns:minmax(0,61%) minmax(0,39%)}
.cost-panel{margin-top:20px}
.cost-after{padding:48px 0}
.cost-after p{font-size:25px}
.incumbent-caveat{max-width:1180px;margin-top:44px}
.company-card{min-height:540px}
.company-card.acid p{max-width:500px}
.vinfast-feature{display:grid;grid-template-columns:59% 41%;gap:0;align-items:end;position:relative;isolation:isolate;min-height:435px}
.vinfast-lede{position:relative;z-index:2;padding-bottom:22px}
.vinfast-lede p:last-child{max-width:610px}
.vuong-portrait{margin:0;position:relative;height:435px;align-self:end;overflow:visible;display:flex;justify-content:center;align-items:flex-end}
.portrait-disc{position:absolute;width:min(88%,395px);aspect-ratio:1;background:var(--acid);border-radius:50%;right:0;bottom:26px;box-shadow:0 0 0 22px #c4cb951b;z-index:0}
.vuong-portrait img{position:relative;z-index:1;display:block;height:100%;width:auto;max-width:112%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 9px 0 #17252513)}
.vuong-portrait figcaption{position:absolute;z-index:3;bottom:5px;right:-1px;background:#172525;color:#f5f5e9;padding:10px 13px;font-size:9px;font-weight:900;letter-spacing:1.1px;white-space:nowrap}
.vuong-portrait figcaption span{color:var(--acid)}
.product-matrix{margin-top:45px}
.product-slot.missing{position:relative}
.product-slot.missing::after{content:'02 BÁNH SAU · 01 BÁNH TRƯỚC';position:absolute;top:18px;right:18px;font-size:8px;letter-spacing:.4px;font-weight:900;max-width:85px;text-align:right;line-height:1.2}
.product-slot.missing svg{color:#273b2b;opacity:.8}
.endmark strong{font-size:31px;line-height:1.25}
/* Uniform Vietnamese glyph treatment for tiny caps/captions and cards. */
.brand-name,.header-mid,.header-link,.section-tag,.chart-caption,.chart-note,.bar-name,.comparison-label span,.ratio-box>span,.india-top-legend,.year-btn,.history-unit,.cost-tab,.cost-row>span,.cost-index-note,.cost-footer,.policy-ticker span,.card-index,.company-unit,.company-highlight span,.product-label,.product-slot>span:last-child,.timeline-items>div strong,.timeline-items p,.memo-top,.memo-warning,.closing-small,.page-footer a,.overline,.section-source{font-family:'Be Vietnam Pro',Arial,Helvetica,sans-serif;letter-spacing:.02em;font-synthesis:none;text-rendering:optimizeLegibility}
.section-tag{font-size:12px;letter-spacing:.035em;line-height:1.4}
.chart-caption{font-size:12px;line-height:1.5;letter-spacing:.035em}
.comparison-label span{font-size:12px;line-height:1.4;letter-spacing:.025em}
.ratio-box>span{font-size:13px;line-height:1.55;letter-spacing:.02em}
.company-highlight span{display:inline-block;vertical-align:middle;font-size:14px;font-weight:700;line-height:1.5;letter-spacing:0;margin-left:9px;max-width:70%;text-transform:none}
.company-highlight{line-height:1.2}
.company-highlight span::first-letter{text-transform:none}
.overline{font-size:12px;letter-spacing:.04em;line-height:1.4}
.india-title h2{font-size:clamp(57px,7.05vw,105px)}
.global-lede h2{font-size:clamp(50px,5.8vw,86px)}
.incumbents-lede h2{font-size:clamp(46px,5.5vw,78px);line-height:1.2;letter-spacing:-.055em;max-width:1260px}
.incumbents-lede h2 i{display:inline-block}
.economics-header h2 em:first-child{color:var(--ink)}
.epilogue h2{font-size:clamp(39px,3.6vw,58px);line-height:1.29}
.memo-card>strong{font-size:clamp(43px,4vw,58px);letter-spacing:-.055em;white-space:nowrap}
.india-title>p{font-weight:400;line-height:1.72}
.author-credit{display:flex;align-items:center;justify-content:center;gap:14px;margin:76px auto 0;border-top:1px solid #ffffff48;border-bottom:1px solid #ffffff48;padding:35px 0;text-align:center}
.author-credit span{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#b9c5bb}
.author-credit strong{font-size:22px;font-weight:900;letter-spacing:-.025em;color:var(--acid)}
.hero-copy{padding-top:10px}
.page-footer .container-wide{justify-content:space-between}
/* Reserve a 1.2cm masthead band for CafeF's eMagazine banner and keep the full desktop hero in view. */
.hero{padding-top:1.2cm;min-height:100svh}
.site-header{top:1.2cm;padding-top:17px;padding-bottom:17px}
.hero-inner{min-height:calc(100svh - 1.2cm);padding-top:80px;padding-bottom:35px}
.hero h1{font-size:clamp(62px,5vw,85px);line-height:1.06;letter-spacing:-.072em}
.hero-title-tail{font-size:clamp(28px,2.55vw,40px);line-height:1.2;margin:11px 0 18px}
.hero-sapo{font-size:15px;line-height:1.62;max-width:590px}
.scroll-cue{margin-top:28px}
.hero-visual{height:min(43vw,580px);min-height:420px}
.closing-quote{max-width:1140px}
.closing-quote p{font-size:clamp(40px,4.1vw,66px);line-height:1.19}
.closing-quote p em{white-space:nowrap}
.vuong-portrait figcaption{font-size:11px;letter-spacing:.01em;white-space:normal;max-width:100%;text-transform:none}
@media(max-width:1120px){
  .hero h1{font-size:clamp(58px,5.4vw,76px)}.hero-title-tail{font-size:clamp(26px,2.7vw,37px)}
  .vinfast-lede h2{font-size:6.4vw}
  .vinfast-feature{grid-template-columns:60% 40%;min-height:360px}
  .vuong-portrait{height:350px}.vuong-portrait figcaption{font-size:7px}
  .global-lede h2{font-size:5.3vw}
}
@media(max-width:780px){
  .hero-inner{min-height:0;padding-top:103px;padding-bottom:28px}
  .hero h1{font-size:clamp(44px,9.2vw,70px)}
  .hero-title-tail{font-size:clamp(26px,5.1vw,37px)}
  .hero-kicker{margin-top:0}
  .hero-copy{padding-top:0}
  .hero-visual{height:65vw;min-height:0;max-height:450px;margin-top:24px}
  .closing-quote p{font-size:clamp(36px,7.9vw,51px)}
  .global-lede,.india-title{grid-template-columns:1fr}
  .global-lede h2{font-size:clamp(40px,8.6vw,66px)}
  .india-title h2{font-size:clamp(50px,9.5vw,77px)}
  .economics-header h2{font-size:clamp(49px,10vw,79px)}
  .incumbents-lede h2{font-size:clamp(41px,7.4vw,63px)}
  .epilogue h2{font-size:clamp(37px,6vw,50px)}
  .article-copy{font-size:17px;column-gap:30px;margin-top:45px}
  .article-copy.on-orange{font-size:18px;margin:30px 0 47px}
  .vinfast-feature{grid-template-columns:1fr 42%;min-height:350px}
  .vinfast-lede{grid-column:1/-1;grid-row:1;max-width:100%;padding-bottom:50px}
  .vinfast-lede h2{font-size:clamp(49px,7.8vw,73px)}
  .vinfast-lede p:last-child{max-width:500px}
  .vuong-portrait{grid-column:2;grid-row:1;align-self:end;height:290px;opacity:.95;margin-right:-12px}
  .portrait-disc{bottom:8px}
  .company-number{font-size:clamp(51px,6vw,72px)}
  .company-card{min-height:530px}
  .cost-stat>strong{font-size:clamp(94px,17vw,145px)}
}
@media(max-width:540px){
  .hero-inner{padding-top:100px;padding-bottom:18px}
  .hero h1{font-size:clamp(38px,10.2vw,53px);white-space:nowrap;letter-spacing:-.078em}
  .hero-title-tail{font-size:clamp(22px,5.8vw,31px);letter-spacing:-.055em}
  .hero-sapo{font-size:14px;line-height:1.55}
  .hero-visual{height:66vw;margin-top:17px}
  .scroll-cue{margin-top:20px}
  .closing-quote p{font-size:clamp(31px,8.1vw,42px);line-height:1.2}
  .vuong-portrait figcaption{font-size:9px;line-height:1.5}
  .global-lede h2{font-size:clamp(34px,8.7vw,47px)}
  .india-title h2{font-size:clamp(42px,10vw,57px)}
  .economics-header h2{font-size:clamp(41px,10.5vw,57px)}
  .incumbents-lede h2{font-size:clamp(30px,7.25vw,42px)}
  .epilogue h2{font-size:clamp(31px,7.15vw,40px)}
  .closing-quote p{font-size:clamp(37px,10vw,55px)}
  .article-copy{column-count:1;font-size:16px;margin-top:38px;padding-top:24px;line-height:1.72}
  .article-copy.on-orange{font-size:17px;margin:22px 0 35px}
  .article-copy.closing-prose{font-size:16px}
  .company-card{min-height:0}
  .company-number{font-size:clamp(48px,12vw,65px)}
  .vinfast-feature{display:flex;flex-direction:column;min-height:0}
  .vinfast-lede{padding-bottom:0;width:100%}
  .vinfast-lede h2{font-size:clamp(43px,10.1vw,55px);white-space:normal}
  .vinfast-lede p:last-child{max-width:100%}
  .vuong-portrait{height:310px;width:100%;align-self:center;opacity:1;margin:12px auto 0}
  .vuong-portrait img{max-width:100%}
  .portrait-disc{width:min(85%,305px);left:8%;right:auto;bottom:10px}
  .vuong-portrait figcaption{right:0;font-size:7px}
  .product-matrix{margin-top:30px}
  .product-slot.missing::after{top:40px;right:10px;font-size:6px}
  .timeline-title{font-size:clamp(29px,7.5vw,36px);line-height:1.16}
  .cost-stat>strong{font-size:clamp(88px,23vw,124px)}
  .endmark strong{font-size:23px}
  .company-highlight span{display:block;margin-left:0;max-width:100%;margin-top:7px;font-size:13px}
  .chart-caption{font-size:10px}
  .ratio-box>span{font-size:11px}
  .author-credit{margin-top:52px;padding:27px 0}
}