:root{
  --earth-950:#2d2420;
  --earth-900:#43322b;
  --earth-800:#5d4438;
  --earth-700:#755244;
  --clay-700:#a85f45;
  --clay-600:#c87455;
  --ochre-600:#c28f3d;
  --ochre-500:#dda953;
  --sand-300:#e6cdb9;
  --sand-200:#f0ddd0;
  --sand-100:#f7eae0;
  --cream:#fbf7f2;
  --paper:#fffdfa;
  --ink:#302824;
  --muted:#746a64;
  --line:rgba(93,68,56,.13);
  --line-strong:rgba(93,68,56,.22);
  --shadow:0 22px 60px rgba(91,61,47,.12);
  --shadow-soft:0 12px 36px rgba(91,61,47,.08);
  --font-display:"Poppins","Montserrat","Be Vietnam Pro",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Poppins","Montserrat","Be Vietnam Pro",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:var(--font-display);
  --sans:var(--font-body);
  --max:1240px;
  --article:760px;
  --ease:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--cream)}
body{margin:0;color:var(--ink);font-family:var(--sans);background:
  radial-gradient(circle at 8% 8%,rgba(200,155,74,.1),transparent 25%),
  linear-gradient(180deg,#fbf8f1 0%,#fffdf8 52%,#f5ecdf 100%);line-height:1.65;overflow-x:hidden;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--ochre-500);color:#fff}
.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--earth-900);color:#fff;padding:12px 16px;border-radius:0 0 12px 12px;transition:top .2s}
.skip-link:focus{top:0}
.page-loader{position:fixed;inset:0;z-index:1000;background:var(--earth-950);color:#f4e5c6;display:grid;place-content:center;gap:16px;text-align:center;transition:opacity .7s var(--ease),visibility .7s var(--ease)}
.page-loader.loaded{opacity:0;visibility:hidden}
.loader-mark{width:72px;height:72px;border:1px solid rgba(244,229,198,.34);display:grid;place-items:center;margin:auto;font-family:var(--serif);font-size:38px;animation:loaderPulse 1.2s ease-in-out infinite alternate}
.page-loader span{text-transform:uppercase;letter-spacing:.22em;font-size:11px}
@keyframes loaderPulse{from{transform:scale(.92);opacity:.65}to{transform:scale(1);opacity:1}}
.page-progress{position:fixed;left:0;top:0;z-index:999;width:0;height:3px;background:linear-gradient(90deg,var(--clay-600),var(--ochre-500),#f2d38c);box-shadow:0 0 18px rgba(200,155,74,.55)}
.cursor-glow{position:fixed;z-index:-1;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(200,155,74,.12),transparent 68%);pointer-events:none;transform:translate(-50%,-50%);opacity:.8}
.section-shell{width:min(calc(100% - 44px),var(--max));margin-inline:auto}
.editorial-section{position:relative;padding:96px 0}
.overline{margin:0;color:var(--clay-600);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.vi-text{display:inline}.en-text{display:none}.lang-en .vi-text{display:none}.lang-en .en-text{display:inline}
.site-header{position:sticky;top:0;z-index:100;background:rgba(251,247,239,.88);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s,background .3s}
.site-header.scrolled{background:rgba(255,253,248,.95);border-color:var(--line);box-shadow:0 10px 30px rgba(58,39,31,.06)}
.header-shell{width:min(calc(100% - 36px),1360px);height:82px;margin:auto;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--earth-800);background:linear-gradient(145deg,var(--earth-900),var(--clay-700));color:#f3ddb0;font-family:var(--serif);font-size:24px;box-shadow:8px 8px 0 var(--sand-200);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.brand:hover .brand-mark{transform:translate(-2px,-2px);box-shadow:11px 11px 0 var(--sand-200)}
.brand-copy{display:grid;line-height:1.15}.brand-copy strong{font-size:14px;letter-spacing:-.01em}.brand-copy small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.desktop-nav{margin-left:auto;display:flex;align-items:center}
.nav-link{position:relative;display:flex;align-items:center;gap:5px;padding:12px 9px;font-size:11.5px;font-weight:760;white-space:nowrap;color:#574a42;transition:color .25s}
.nav-link:after{content:"";position:absolute;left:9px;right:9px;bottom:5px;height:1px;background:var(--clay-600);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.nav-link:hover,.nav-link.active{color:var(--earth-950)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}
.nav-no{font-size:8px;color:var(--ochre-600);transform:translateY(-4px)}
.header-actions{display:flex;align-items:center;gap:8px}
.icon-action{width:40px;height:40px;border:1px solid var(--line);background:var(--paper);cursor:pointer;font-size:11px;font-weight:900;transition:all .25s}.icon-action:hover{background:var(--earth-900);color:#fff}
.menu-trigger{display:none;align-items:center;gap:4px;border:0;background:none;cursor:pointer;padding:10px}.menu-trigger span{width:16px;height:1px;background:currentColor}.menu-trigger b{font-size:11px;margin-left:5px}
.site-drawer{position:fixed;inset:0;z-index:500;visibility:hidden;pointer-events:none}.site-drawer.open{visibility:visible;pointer-events:auto}
.drawer-scrim{position:absolute;inset:0;border:0;background:rgba(31,22,18,.52);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s;cursor:pointer}.site-drawer.open .drawer-scrim{opacity:1}
.drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(520px,94vw);padding:28px;background:linear-gradient(160deg,#f9f1e5,#fffdf8 52%,#ead8bb);transform:translateX(104%);transition:transform .42s var(--ease);overflow:auto}.site-drawer.open .drawer-panel{transform:none}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.drawer-head span{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.drawer-head button{width:44px;height:44px;border:1px solid var(--earth-800);background:transparent;font-size:26px;cursor:pointer}
.drawer-kicker{font-family:var(--serif);font-size:34px;line-height:1;margin:46px 0 20px}
.drawer-links{display:grid}.drawer-link{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);transition:padding .25s,color .25s}.drawer-link:hover,.drawer-link.active{padding-left:10px;color:var(--clay-700)}.drawer-link span{font-size:10px;color:var(--ochre-600)}.drawer-link b{font-family:var(--serif);font-size:27px;font-weight:500}.drawer-link i{font-style:normal}
.drawer-foot{margin-top:46px;padding:22px;background:var(--earth-900);color:#fff}.drawer-foot p{color:#d8c7b5;font-size:13px}.drawer-foot a{color:#f0cb82;font-weight:800}
.mobile-tabbar{display:none}
.cover-story{padding-top:42px;overflow:hidden}
.issue-rail{width:min(calc(100% - 44px),1360px);margin:0 auto 24px;padding:10px 0;border-top:1px solid var(--earth-800);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.issue-rail b{text-align:center}.issue-rail time{text-align:right}
.cover-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:64px;align-items:center}
.cover-copy h1,.masthead-copy h1,.article-header h1,.simple-masthead h1,.status-card h1{font-family:var(--serif);font-weight:500;letter-spacing:-.055em;color:var(--earth-950)}
.cover-copy h1{font-size:clamp(54px,7.7vw,112px);line-height:.9;margin:20px 0 28px;max-width:920px}.cover-copy h1 em{color:var(--clay-600);font-weight:500}
.cover-deck{max-width:730px;font-size:clamp(18px,1.8vw,23px);line-height:1.58;color:#564942}
.cover-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:0 20px;border:0;cursor:pointer;font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s}
.button-primary{background:var(--earth-900);color:#fff;box-shadow:10px 10px 0 var(--sand-200)}.button-primary:hover{background:var(--clay-700);box-shadow:13px 13px 0 var(--sand-300)}
.text-link{display:inline-flex;align-items:center;border:0;background:none;padding:0 0 4px;border-bottom:1px solid var(--earth-800);font-size:12px;font-weight:800;cursor:pointer}
.cover-index{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.cover-index div{padding:18px 18px 0 0;border-right:1px solid var(--line)}.cover-index div:last-child{border:0;padding-left:18px}.cover-index b{display:block;font-family:var(--serif);font-size:38px;color:var(--earth-800);line-height:1}.cover-index span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.cover-visual{margin:0;position:relative;min-height:680px;background:var(--sand-200);overflow:hidden;box-shadow:var(--shadow)}.cover-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.55);z-index:2;pointer-events:none}.cover-visual img{width:100%;height:680px;object-fit:cover;filter:saturate(.84) sepia(.08);transition:transform 1.2s var(--ease)}.cover-visual:hover img{transform:scale(1.035)}
.cover-visual figcaption{position:absolute;left:28px;right:28px;bottom:28px;z-index:3;padding:18px;background:rgba(43,29,23,.84);backdrop-filter:blur(12px);color:#fff}.cover-visual figcaption span,.cover-visual figcaption small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#dbc9ae}.cover-visual figcaption b{display:block;font-family:var(--serif);font-size:24px;margin:4px 0}
.cover-stamp{position:absolute;right:-12px;top:34px;z-index:4;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--ochre-500);color:var(--earth-950);border:8px solid rgba(255,253,248,.9);font-size:11px;font-weight:900;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;transform:rotate(9deg)}
.ticker{overflow:hidden;background:var(--earth-900);color:#f4e0b7;padding:13px 0}.ticker-track{width:max-content;display:flex;align-items:center;gap:28px;animation:ticker 28s linear infinite;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.14em}.ticker-track i{color:var(--ochre-500);font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}
.section-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:50px;align-items:end;margin-bottom:44px}.section-heading>div{position:relative}.section-no{display:block;color:var(--ochre-600);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}.section-heading h2,.earth-copy h2,.vision-heading h2,.split-feature h2,.impact-copy h2,.newsletter h2,.contact-copy h2,.contact-form h2,.resource-hero h2,.media-profile h2{font-family:var(--serif);font-size:clamp(38px,5vw,68px);font-weight:500;line-height:1;letter-spacing:-.045em;margin:8px 0 0;color:var(--earth-950)}.section-heading>p{margin:0;color:var(--muted);font-size:16px}
.feature-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:26px}.lead-feature{display:grid;grid-template-columns:1.08fr .92fr;background:var(--paper);border:1px solid var(--line);min-height:520px}.feature-image{overflow:hidden;min-height:100%}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.lead-feature:hover img{transform:scale(1.04)}.feature-copy{padding:42px;display:flex;flex-direction:column;justify-content:flex-end}.article-meta{display:block;color:var(--clay-600);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.feature-copy h3{font-family:var(--serif);font-size:clamp(30px,3.4vw,50px);font-weight:500;line-height:1.02;letter-spacing:-.04em;margin:13px 0 20px}.feature-copy p{color:var(--muted)}.feature-copy a{font-weight:850;margin-top:18px}
.editorial-notes{display:grid;border-top:1px solid var(--earth-800)}.note-card{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:38px 1fr;column-gap:14px}.note-card span{grid-row:1/3;color:var(--ochre-600);font-family:var(--serif);font-size:22px}.note-card h3{margin:0;font-family:var(--serif);font-size:30px;font-weight:500}.note-card p{margin:7px 0 0;color:var(--muted);font-size:14px}
.earth-panel{background:linear-gradient(135deg,var(--earth-900),#5e3d2e);color:#fff;overflow:hidden}.earth-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.08) 50%,transparent 50.1%)}.split-editorial{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.earth-copy h2{color:#fff}.earth-copy p{color:#e5d6c8;max-width:650px}.earth-image{margin:0;min-height:520px}.earth-image img{width:100%;height:520px;object-fit:cover;background:#fff5e5}.palette{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.palette span{position:relative;padding:9px 12px 9px 32px;border:1px solid rgba(255,255,255,.2);font-size:11px}.palette span:before{content:"";position:absolute;left:9px;top:50%;width:14px;height:14px;border-radius:50%;background:var(--swatch);transform:translateY(-50%);border:1px solid rgba(255,255,255,.35)}
.magazine-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:260px;gap:18px}.mag-card{grid-column:span 4;position:relative;overflow:hidden;background:var(--earth-900);color:#fff}.mag-card-wide{grid-column:span 8}.mag-card-tall{grid-row:span 2}.mag-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .8s;filter:saturate(.82)}.mag-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(35,23,18,.84))}.mag-card>div{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.mag-card span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#f1d493}.mag-card h3{font-family:var(--serif);font-size:30px;line-height:1.05;font-weight:500;margin:7px 0 0}.mag-card p{font-size:13px;color:#e9ddd2;max-width:520px}.mag-card:hover img{transform:scale(1.05);filter:saturate(1)}
.quote-section{background:var(--sand-100)}.quote-section blockquote{max-width:980px;margin:auto;position:relative;text-align:center}.quote-section blockquote>span{font-family:var(--serif);font-size:120px;line-height:.5;color:var(--ochre-500)}.quote-section p{font-family:var(--serif);font-size:clamp(34px,5.2vw,70px);line-height:1.08;letter-spacing:-.04em;margin:0;color:var(--earth-950)}.quote-section cite{display:block;margin-top:25px;font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--clay-600)}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story-card{background:var(--paper);border:1px solid var(--line)}.story-image{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sand-100)}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.story-card:hover .story-image img{transform:scale(1.04)}.story-card>div{padding:24px}.story-card h3{font-family:var(--serif);font-size:29px;line-height:1.08;font-weight:500;margin:10px 0}.story-card p{margin:0;color:var(--muted);font-size:14px}
.newsletter{background:linear-gradient(135deg,#f0dfc4,#fffaf0)}.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.newsletter h2{max-width:680px}.newsletter p{color:var(--muted)}.newsletter-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.newsletter-form label span,.contact-form label>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:8px}.newsletter-form input,.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:0;border-bottom:1px solid var(--earth-800);background:transparent;padding:13px 2px;outline:none}.newsletter-form input:focus,.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--clay-600);box-shadow:0 1px 0 var(--clay-600)}.form-status{grid-column:1/-1;margin:8px 0 0;font-size:13px;color:var(--clay-700)}
.page-masthead{padding-top:72px;background:linear-gradient(180deg,#f2e4d0 0%,transparent 100%)}.masthead-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);gap:70px;align-items:center}.masthead-copy{max-width:820px}.edition-label{display:inline-block;margin-top:32px;padding-top:9px;border-top:1px solid var(--earth-800);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.masthead-copy h1{font-size:clamp(52px,7vw,96px);line-height:.91;margin:24px 0 28px}.masthead-copy>p:last-child{font-size:18px;color:var(--muted);max-width:680px}.masthead-visual{margin:0;position:relative;background:var(--sand-200);min-height:570px;overflow:hidden}.masthead-visual img{width:100%;height:570px;object-fit:cover}.masthead-visual figcaption{position:absolute;left:24px;bottom:24px;right:24px;padding:17px;background:rgba(43,29,23,.86);color:#fff}.masthead-visual figcaption b,.masthead-visual figcaption span{display:block}.masthead-visual figcaption b{font-family:var(--serif);font-size:23px}.masthead-visual figcaption span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#ddc9aa}
.profile-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:70px}.dropcap-copy h2{font-family:var(--serif);font-size:clamp(42px,5vw,68px);font-weight:500;line-height:1.04;letter-spacing:-.04em;margin:12px 0 28px}.dropcap-copy>p{font-size:18px;color:#4e433c}.dropcap{float:left;font-family:var(--serif);font-size:90px;line-height:.75;color:var(--clay-600);padding:12px 12px 0 0}.profile-facts{border-top:1px solid var(--earth-800)}.profile-facts div{padding:18px 0;border-bottom:1px solid var(--line)}.profile-facts span{display:block;color:var(--clay-600);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.profile-facts b{display:block;margin-top:5px;font-family:var(--serif);font-size:21px;font-weight:500;line-height:1.25}
.timeline-section{background:#f4eadb}.timeline-editorial{border-top:1px solid var(--earth-800)}.timeline-entry{display:grid;grid-template-columns:140px 1fr 70px;gap:28px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line)}.timeline-entry time{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--clay-600)}.timeline-entry h3{font-family:var(--serif);font-size:36px;font-weight:500;margin:0}.timeline-entry p{color:var(--muted);margin:6px 0 0;max-width:700px}.timeline-entry>span{font-family:var(--serif);font-size:42px;color:var(--sand-300);text-align:right}
.vision-section{background:var(--earth-950);color:#fff}.vision-heading{max-width:900px;margin-bottom:48px}.vision-heading h2{color:#fff}.vision-heading>p:last-child{max-width:720px;color:#cfbfae}.vision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vision-card{position:relative;padding:18px;background:#fffaf0;color:var(--ink);min-height:480px;display:flex;flex-direction:column}.vision-card>span{align-self:flex-end;color:var(--clay-600);font-size:10px}.vision-card img{height:220px;width:100%;object-fit:contain;margin:16px 0;background:#f4eadc}.vision-card h3{font-family:var(--serif);font-size:38px;font-weight:500;margin:10px 0 4px}.vision-card p{font-size:14px;color:var(--muted);margin:0}
.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-feature.reverse figure{order:2}.split-feature figure{margin:0;background:var(--sand-100);min-height:560px}.split-feature figure img{width:100%;height:560px;object-fit:cover}.numbered-principles{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--earth-800)}.numbered-principles li{display:grid;grid-template-columns:160px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.numbered-principles b{font-family:var(--serif);font-size:22px;font-weight:500}.numbered-principles span{font-size:14px;color:var(--muted)}
.academic-masthead .masthead-visual img,.oer-masthead .masthead-visual img,.media-masthead .masthead-visual img,.contact-masthead .masthead-visual img{object-fit:contain;padding:18px;background:#fff7e8}.research-stack{border-top:1px solid var(--earth-800)}.research-row{display:grid;grid-template-columns:70px 1fr 260px;gap:28px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.research-row>span{font-family:var(--serif);font-size:42px;color:var(--sand-300)}.research-row h3{font-family:var(--serif);font-size:38px;font-weight:500;margin:4px 0}.research-row p{margin:0;color:var(--muted)}.research-row img{width:260px;height:160px;object-fit:cover;background:var(--sand-100)}
.impact-band{background:var(--clay-700);color:#fff}.impact-band .section-shell{display:grid;grid-template-columns:1fr 1fr;gap:70px}.impact-copy h2{color:#fff}.impact-metrics{display:grid;grid-template-columns:1fr 1fr}.impact-metrics div{padding:22px;border-left:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.impact-metrics b{display:block;font-family:var(--serif);font-size:58px;line-height:1;color:#f6d99d}.impact-metrics span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#eadbd1}
.activity-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.activity-feature{background:var(--paper);border:1px solid var(--line)}.activity-image{height:420px;position:relative;overflow:hidden}.activity-image img{width:100%;height:100%;object-fit:cover}.activity-image span{position:absolute;left:18px;top:18px;background:var(--earth-900);color:#fff;padding:8px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.activity-feature>div:last-child{padding:30px}.activity-feature h3{font-family:var(--serif);font-size:40px;line-height:1.05;font-weight:500;margin:9px 0}.activity-feature p{color:var(--muted)}.activity-feature a{font-weight:800}.activity-list{border-top:1px solid var(--earth-800)}.activity-item{display:grid;grid-template-columns:76px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.activity-item time{font-family:var(--serif);font-size:22px;color:var(--clay-600)}.activity-item span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.activity-item h3{font-family:var(--serif);font-size:27px;line-height:1.1;font-weight:500;margin:6px 0}.activity-item p{font-size:13px;color:var(--muted);margin:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.tag-cloud span{border:1px solid var(--line-strong);padding:9px 12px;font-size:11px}.body-copy{color:var(--muted)}
.publication-section{background:#f4eadb}.publication-list{border-top:1px solid var(--earth-800)}.publication-row{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);transition:padding .25s,color .25s}.publication-row:hover{padding-left:10px;color:var(--clay-700)}.publication-row>span{font-family:var(--serif);font-size:26px;color:var(--ochre-600)}.publication-row b{display:block;font-family:var(--serif);font-size:28px;font-weight:500}.publication-row small{color:var(--muted)}.publication-row i{font-style:normal;font-size:22px}
.insights-masthead{min-height:620px;display:flex;align-items:end;background:linear-gradient(120deg,#f2e3ca,rgba(242,227,202,.35)),url('stock/ai-experience.jpg') center/cover no-repeat}.insights-masthead .masthead-copy{max-width:980px}.insights-masthead .masthead-copy h1{max-width:940px}.insight-lead{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);background:var(--paper)}.insight-lead figure{margin:0;position:relative;min-height:550px}.insight-lead figure img{width:100%;height:550px;object-fit:cover}.insight-lead figcaption{position:absolute;left:18px;top:18px;background:var(--earth-900);color:#fff;padding:8px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.insight-lead>div{padding:46px;display:flex;flex-direction:column;justify-content:center}.insight-lead h2{font-family:var(--serif);font-size:clamp(40px,5vw,66px);font-weight:500;line-height:1;margin:13px 0 20px}.insight-lead p{color:var(--muted)}.insight-lead .button{align-self:flex-start;margin-top:18px}
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}.filter-bar button{border:1px solid var(--line-strong);background:transparent;padding:10px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.filter-bar button.active,.filter-bar button:hover{background:var(--earth-900);color:#fff}.filter-bar.compact{justify-content:flex-end;margin:0}
.insight-list{border-top:1px solid var(--earth-800)}.insight-row{display:grid;grid-template-columns:50px 180px 1fr 52px;gap:24px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.insight-row[hidden]{display:none}.insight-number{font-family:var(--serif);font-size:24px;color:var(--ochre-600)}.insight-thumb{width:180px;height:120px;overflow:hidden;background:var(--sand-100)}.insight-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.insight-row:hover .insight-thumb img{transform:scale(1.05)}.insight-row h2{font-family:var(--serif);font-size:33px;font-weight:500;line-height:1.05;margin:7px 0}.insight-row p{color:var(--muted);margin:0;font-size:14px}.round-arrow{width:48px;height:48px;border:1px solid var(--earth-800);border-radius:50%;display:grid;place-items:center;transition:all .25s}.round-arrow:hover{background:var(--earth-900);color:#fff;transform:rotate(45deg)}
.topic-rail{background:var(--earth-900);color:#fff}.topic-rail .section-heading h2{color:#fff}.topic-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-card{min-height:260px;padding:26px;border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;transition:background .25s,transform .25s}.topic-card:hover{background:var(--clay-700);transform:translateY(-5px)}.topic-card b{color:#f0c978;font-family:var(--serif);font-size:36px}.topic-card span{font-family:var(--serif);font-size:34px;margin:auto 0 12px}.topic-card small{color:#d7c6b8}
.article-header{padding-bottom:58px}.article-shell{width:min(calc(100% - 44px),920px);margin:auto}.article-header h1{font-size:clamp(54px,8vw,104px);line-height:.92;margin:23px 0 28px}.article-deck{font-family:var(--serif);font-size:clamp(21px,2.5vw,30px);line-height:1.35;color:#584b43}.article-byline{display:flex;align-items:center;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.author-avatar{width:46px;height:46px;background:var(--earth-900);color:#f4d89f;display:grid;place-items:center;font-family:var(--serif);font-size:24px}.article-byline div{display:grid}.article-byline small{color:var(--muted)}.share-button{margin-left:auto;border:1px solid var(--line-strong);background:transparent;padding:10px 14px;cursor:pointer}.article-hero-image{margin:0 auto 80px;width:min(calc(100% - 44px),1280px)}.article-hero-image img{width:100%;max-height:760px;object-fit:cover}.article-hero-image figcaption,.article-inline-image figcaption{font-size:11px;color:var(--muted);margin-top:8px}
.article-layout{display:grid;grid-template-columns:220px minmax(0,var(--article));gap:70px;align-items:start}.article-toc{position:sticky;top:110px;display:grid;border-top:1px solid var(--earth-800)}.article-toc b{padding:14px 0;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.article-toc a{padding:10px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.article-toc a:hover{color:var(--clay-700)}.article-content section{scroll-margin-top:110px;margin-bottom:70px}.article-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--clay-600)}.article-content h2{font-family:var(--serif);font-size:clamp(38px,5vw,58px);line-height:1.03;font-weight:500;letter-spacing:-.04em}.article-content p,.article-content li{font-size:18px;line-height:1.82;color:#403630}.article-content blockquote{margin:40px 0;padding:30px;border-left:4px solid var(--clay-600);background:var(--sand-100);font-family:var(--serif);font-size:29px;line-height:1.35}.article-inline-image{margin:38px 0}.article-inline-image img{width:100%;background:var(--sand-100)}.article-callout{background:var(--earth-900);color:#fff;padding:30px;margin:36px 0}.article-callout b{font-family:var(--serif);font-size:28px}.article-callout li{color:#e7d9cc}.article-footer{padding:20px 0 100px;border-top:1px solid var(--earth-800);display:flex;justify-content:space-between;align-items:center}.article-footer>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.article-footer>div span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.article-footer>div a{padding:8px 10px;background:var(--sand-100);font-size:11px}
.resource-hero{display:grid;grid-template-columns:420px 1fr;gap:55px;padding:30px;background:var(--paper);border:1px solid var(--line)}.resource-hero figure{margin:0;background:var(--sand-100)}.resource-hero figure img{width:100%;height:520px;object-fit:contain}.resource-hero>div{padding:30px 20px 30px 0;display:flex;flex-direction:column;justify-content:center}.resource-hero h2{font-size:clamp(40px,5vw,64px)}.resource-hero p{color:var(--muted)}.resource-hero dl{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0 28px}.resource-hero dl div{padding:14px;border-right:1px solid var(--line)}.resource-hero dt{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--clay-600)}.resource-hero dd{margin:4px 0 0;font-family:var(--serif);font-size:17px}.resource-hero .button{align-self:flex-start}
.library-section{background:#f4eadb}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.resource-card{background:var(--paper);border:1px solid var(--line);padding:18px}.resource-card[hidden]{display:none}.resource-card img{height:230px;width:100%;object-fit:contain;background:var(--sand-100);margin:12px 0 20px}.resource-type{font-size:9px;color:var(--clay-600);text-transform:uppercase;letter-spacing:.12em}.resource-card h3{font-family:var(--serif);font-size:27px;line-height:1.08;font-weight:500;margin:0 0 10px}.resource-card p{font-size:13px;color:var(--muted)}.resource-card a{font-size:12px;font-weight:800}
.media-profile{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.media-profile figure{margin:0;min-height:580px;background:var(--sand-100)}.media-profile figure img{width:100%;height:580px;object-fit:cover}.media-profile p{font-size:17px;color:var(--muted)}.media-facts{border-top:1px solid var(--earth-800);margin:28px 0}.media-facts div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.media-facts span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--clay-600)}.media-facts b{font-family:var(--serif);font-size:18px;font-weight:500}.media-assets{background:#f4eadb}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.asset-card{background:var(--paper);border:1px solid var(--line)}.asset-card img{height:320px;width:100%;object-fit:cover;background:var(--sand-100)}.asset-card>div{display:grid;grid-template-columns:1fr auto;padding:18px}.asset-card b{font-family:var(--serif);font-size:22px;font-weight:500}.asset-card span{grid-column:1;color:var(--muted);font-size:10px}.asset-card i{grid-column:2;grid-row:1/3;font-style:normal;font-size:25px}.interview-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--earth-800)}.interview-grid article{padding:26px 22px 26px 0;border-right:1px solid var(--line)}.interview-grid article+article{padding-left:22px}.interview-grid span{font-family:var(--serif);font-size:32px;color:var(--ochre-600)}.interview-grid h3{font-family:var(--serif);font-size:30px;line-height:1.1;font-weight:500}.interview-grid p{color:var(--muted);font-size:14px}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact-types{border-top:1px solid var(--earth-800);margin-top:30px}.contact-types article{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.contact-types article>span{font-family:var(--serif);font-size:26px;color:var(--ochre-600)}.contact-types h3{font-family:var(--serif);font-size:26px;font-weight:500;margin:0}.contact-types p{margin:6px 0 0;color:var(--muted);font-size:14px}.contact-note{margin-top:28px;padding:22px;background:var(--sand-100)}.contact-note b{font-family:var(--serif);font-size:22px}.contact-note p{margin:5px 0 0;color:var(--muted)}.contact-form{padding:38px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.form-head{margin-bottom:30px}.form-head>span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--clay-600)}.contact-form h2{font-size:44px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-form>label{display:block;margin-top:22px}.contact-form textarea{resize:vertical}.check-field{display:flex!important;align-items:flex-start;gap:10px}.check-field input{width:18px!important;margin-top:3px}.check-field span{margin:0!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:12px!important;color:var(--muted)}.contact-form .button{margin-top:24px}
.simple-masthead{padding-top:120px;background:#f0e2cc}.simple-masthead h1{font-size:clamp(52px,8vw,94px);line-height:.94}.simple-masthead p:last-child{font-size:19px;color:var(--muted)}.legal-content{padding-bottom:100px}.legal-content section{padding:25px 0;border-bottom:1px solid var(--line)}.legal-content h2{font-family:var(--serif);font-size:30px;font-weight:500}.legal-content p{font-size:17px;color:var(--muted)}
.status-page{min-height:74vh;display:grid;place-items:center}.status-card{width:min(calc(100% - 44px),760px);text-align:center;padding:60px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.status-card h1{font-size:clamp(44px,7vw,76px);line-height:.95}.status-card p{color:var(--muted);font-size:17px}.status-card>div{display:flex;justify-content:center;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.status-mark{width:72px;height:72px;display:grid;place-items:center;margin:auto;background:var(--earth-900);color:#f3d89e;font-size:34px}.status-code{display:block;font-family:var(--serif);font-size:90px;line-height:1;color:var(--ochre-500)}
.site-footer{background:var(--earth-950);color:#fff;padding:54px 0 28px}.footer-shell{width:min(calc(100% - 44px),var(--max));margin:auto;display:grid;grid-template-columns:1.4fr .6fr;gap:42px}.footer-brand{display:flex;gap:18px;max-width:680px}.footer-brand .brand-mark{box-shadow:8px 8px 0 rgba(255,255,255,.1)}.footer-brand b{font-family:var(--serif);font-size:25px;font-weight:500}.footer-brand p{margin:7px 0;color:#cdbcae;font-size:13px}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.footer-nav a{font-size:12px;color:#dfcdbf}.footer-nav a:hover{color:#f0c978}.footer-meta{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#a99586}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in-view{opacity:1;transform:none}.image-reveal{position:relative;overflow:hidden}.image-reveal:after{content:"";position:absolute;inset:0;background:var(--sand-200);transform-origin:right;transition:transform 1s var(--ease)}.image-reveal.in-view:after,.reveal.in-view .image-reveal:after{transform:scaleX(0)}.hover-lift{transition:transform .35s var(--ease),box-shadow .35s}.hover-lift:hover{transform:translateY(-7px);box-shadow:var(--shadow)}

/* =========================================================
   V10 — Warm lifestyle editorial layer
   Mục tiêu: bớt học thuật, tăng thẩm mỹ, độ thân thiện và UX.
   ========================================================= */
:root{
  --rose-earth:#b86f63;
  --sun-wash:#f3c87a;
  --soft-peach:#f6ded0;
  --warm-white:#fffaf5;
  --radius-sm:14px;
  --radius:22px;
  --radius-lg:32px;
}
body.v10-soft{
  background:
    radial-gradient(circle at 8% 3%,rgba(221,169,83,.13),transparent 28%),
    radial-gradient(circle at 92% 18%,rgba(200,116,85,.10),transparent 24%),
    linear-gradient(180deg,#fffaf5 0%,#fffdfa 48%,#f8efe8 100%);
  font-size:16px;
  line-height:1.72;
  letter-spacing:-.006em;
}
body.v10-soft p{max-width:72ch}
body.v10-soft h1,body.v10-soft h2,body.v10-soft h3,body.v10-soft h4{
  text-wrap:balance;
  letter-spacing:-.038em;
}
body.v10-soft .site-header{background:rgba(255,250,245,.84)}
body.v10-soft .site-header.scrolled{background:rgba(255,253,250,.94);box-shadow:0 12px 34px rgba(91,61,47,.07)}
body.v10-soft .header-shell{height:78px}
body.v10-soft .brand-mark{border:0;border-radius:15px;background:linear-gradient(145deg,#a8644c,#d58c68);box-shadow:7px 7px 0 #f2d7c4;font-weight:700}
body.v10-soft .brand:hover .brand-mark{box-shadow:10px 10px 0 #efcdb6}
body.v10-soft .brand-copy strong{font-weight:700}
body.v10-soft .brand-copy small{letter-spacing:.06em;text-transform:none;font-size:10px}
body.v10-soft .nav-link{border-radius:999px;padding:10px 12px;font-weight:650;letter-spacing:-.01em}
body.v10-soft .nav-link:after{display:none}
body.v10-soft .nav-link:hover,body.v10-soft .nav-link.active{background:#f5e7dc;color:var(--earth-950)}
body.v10-soft .nav-no{display:none}
body.v10-soft .icon-action{border-radius:999px;background:rgba(255,255,255,.75)}
body.v10-soft .menu-trigger{border-radius:999px;background:#f5e7dc;padding:11px 14px}
body.v10-soft .drawer-panel{background:linear-gradient(155deg,#fffaf5,#fff 52%,#f4dfcf)}
body.v10-soft .drawer-head button{border:0;border-radius:999px;background:#f4e2d5}
body.v10-soft .drawer-kicker{font-size:32px;font-weight:700}
body.v10-soft .drawer-link{border-radius:14px;border-bottom:0;padding:13px 12px;margin:2px 0}
body.v10-soft .drawer-link:hover,body.v10-soft .drawer-link.active{background:rgba(200,116,85,.1);padding-left:16px}
body.v10-soft .drawer-link b{font-size:21px;font-weight:650}
body.v10-soft .drawer-foot{border-radius:20px;background:linear-gradient(135deg,#5a4035,#8b5d49)}
body.v10-soft .page-loader{background:linear-gradient(145deg,#3b2c26,#78503f)}
body.v10-soft .loader-mark{border-radius:22px;background:rgba(255,255,255,.07);font-weight:700}
body.v10-soft .editorial-section{padding:88px 0}
body.v10-soft .overline,body.v10-soft .article-meta,body.v10-soft .resource-type{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 11px;
  border-radius:999px;
  background:#f5e5d8;
  color:#9b5b45;
  font-size:10px;
  font-weight:750;
  letter-spacing:.035em;
  text-transform:none;
}
body.v10-soft .section-no,body.v10-soft .edition-label{
  display:inline-flex;
  width:auto;
  border:0;
  border-radius:999px;
  padding:6px 10px;
  margin:0 0 10px;
  background:#fff0df;
  color:#9a6544;
  font-size:10px;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:none;
}
body.v10-soft .issue-rail{border:0;background:#fff;border-radius:999px;padding:9px 16px;box-shadow:var(--shadow-soft);color:#76645a}
body.v10-soft .cover-grid{gap:54px}
body.v10-soft .cover-copy h1{font-size:clamp(50px,6.4vw,92px);line-height:1.01;font-weight:750;letter-spacing:-.055em}
body.v10-soft .cover-copy h1 em{font-style:normal;color:#bd6b4d}
body.v10-soft .cover-deck{font-size:clamp(17px,1.45vw,20px);line-height:1.7;color:#695b54}
body.v10-soft .button{border-radius:999px;text-transform:none;letter-spacing:0;font-weight:700;min-height:52px;padding:0 22px}
body.v10-soft .button-primary{background:linear-gradient(135deg,#8d5946,#c87858);box-shadow:0 12px 28px rgba(168,95,69,.22)}
body.v10-soft .button-primary:hover{background:linear-gradient(135deg,#744735,#b86547);box-shadow:0 15px 34px rgba(168,95,69,.28);transform:translateY(-2px)}
body.v10-soft .text-link{border-bottom-color:#c68a6c;font-weight:650}
body.v10-soft .cover-index{border-top:0;gap:10px}
body.v10-soft .cover-index div{border:0!important;padding:16px!important;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(91,61,47,.06)}
body.v10-soft .cover-index b{font-size:32px;font-weight:750}
body.v10-soft .cover-index span{text-transform:none;letter-spacing:0;font-size:11px}
body.v10-soft .cover-visual,body.v10-soft .masthead-visual{border-radius:var(--radius-lg);box-shadow:0 30px 70px rgba(91,61,47,.18)}
body.v10-soft .cover-visual:before{border-radius:23px}
body.v10-soft .cover-visual img,body.v10-soft .masthead-visual img{filter:saturate(.92) contrast(.98);object-position:center}
body.v10-soft .cover-visual figcaption,body.v10-soft .masthead-visual figcaption{border-radius:18px;background:rgba(48,36,31,.74);backdrop-filter:blur(14px)}
body.v10-soft .cover-stamp{background:linear-gradient(145deg,#e7b65d,#d98b5d);box-shadow:0 12px 30px rgba(120,75,48,.25)}
body.v10-soft .ticker{background:#6b493b;color:#fff3e8}
body.v10-soft .ticker-track{font-weight:600;letter-spacing:.02em}
body.v10-soft .section-heading{margin-bottom:36px}
body.v10-soft .section-heading h2,body.v10-soft .earth-copy h2,body.v10-soft .vision-heading h2,body.v10-soft .split-feature h2,body.v10-soft .impact-copy h2,body.v10-soft .newsletter h2,body.v10-soft .contact-copy h2,body.v10-soft .contact-form h2,body.v10-soft .resource-hero h2,body.v10-soft .media-profile h2{
  font-size:clamp(34px,4.2vw,58px);
  line-height:1.12;
  font-weight:720;
}
body.v10-soft .feature-layout{gap:22px}
body.v10-soft .lead-feature,body.v10-soft .story-card,body.v10-soft .insight-lead,body.v10-soft .resource-card,body.v10-soft .asset-card,body.v10-soft .contact-form,body.v10-soft .status-card{
  border:0;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-soft);
  background:rgba(255,255,255,.9);
}
body.v10-soft .feature-copy h3{font-size:clamp(29px,3vw,44px);line-height:1.13;font-weight:720}
body.v10-soft .editorial-notes{gap:12px}
body.v10-soft .note-card{border:0;border-radius:18px;background:#fff9f4;padding:22px;box-shadow:0 10px 26px rgba(91,61,47,.06)}
body.v10-soft .note-card h3{font-weight:720}
body.v10-soft .earth-panel{background:linear-gradient(130deg,#5f4338,#97634d 58%,#b97558)}
body.v10-soft .earth-panel:before{background:radial-gradient(circle at 85% 10%,rgba(255,210,145,.22),transparent 33%)}
body.v10-soft .earth-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 26px 60px rgba(37,24,20,.22)}
body.v10-soft .palette span{border:0;border-radius:999px;background:rgba(255,255,255,.1);padding:9px 14px 9px 34px}
body.v10-soft .magazine-grid{gap:20px;grid-auto-rows:280px}
body.v10-soft .mag-card{border-radius:var(--radius);box-shadow:var(--shadow-soft)}
body.v10-soft .mag-card:after{background:linear-gradient(180deg,transparent 25%,rgba(41,29,24,.74))}
body.v10-soft .mag-card span{text-transform:none;letter-spacing:.02em;font-weight:650;color:#ffdba0}
body.v10-soft .mag-card h3{font-size:28px;line-height:1.15;font-weight:700}
body.v10-soft .story-grid{gap:20px}
body.v10-soft .story-image{border-radius:18px 18px 0 0}
body.v10-soft .story-card h3{font-size:25px;line-height:1.2;font-weight:700}
body.v10-soft .newsletter{background:linear-gradient(135deg,#f7e4d5,#fff9f3 58%,#f6e7cf)}
body.v10-soft .newsletter-form input,body.v10-soft .contact-form input,body.v10-soft .contact-form textarea,body.v10-soft .contact-form select{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:14px 15px;
}
body.v10-soft .newsletter-form input:focus,body.v10-soft .contact-form input:focus,body.v10-soft .contact-form textarea:focus,body.v10-soft .contact-form select:focus{box-shadow:0 0 0 4px rgba(200,116,85,.12);border-color:#c87858}
body.v10-soft .newsletter-form label span,body.v10-soft .contact-form label>span{text-transform:none;letter-spacing:0;font-size:11px}
body.v10-soft .page-masthead{background:linear-gradient(180deg,#f8e8dc 0%,rgba(255,250,245,.45) 70%,transparent 100%)}
body.v10-soft .masthead-copy h1{font-size:clamp(46px,6vw,78px);line-height:1.04;font-weight:750}
body.v10-soft .masthead-copy>p:last-child{line-height:1.75}
body.v10-soft .profile-intro{gap:56px}
body.v10-soft .dropcap-copy h2{font-size:clamp(38px,4.5vw,58px);line-height:1.12;font-weight:720}
body.v10-soft .dropcap{font-size:72px;font-weight:800;color:#c87858}
body.v10-soft .profile-facts,body.v10-soft .media-facts,body.v10-soft .numbered-principles{border-top:0}
body.v10-soft .profile-facts div,body.v10-soft .media-facts div,body.v10-soft .numbered-principles li{border:0;border-radius:16px;background:#fff8f3;margin-bottom:10px;padding:16px 18px}
body.v10-soft .profile-facts span,body.v10-soft .media-facts span{text-transform:none;letter-spacing:0;font-size:10px}
body.v10-soft .profile-facts b,body.v10-soft .media-facts b,body.v10-soft .numbered-principles b{font-weight:700}
body.v10-soft .vision-grid{gap:18px}
body.v10-soft .vision-card{border:0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-soft);background:#fff}
body.v10-soft .vision-card img{filter:saturate(.9)}
body.v10-soft .split-feature figure{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft)}
body.v10-soft .research-row,body.v10-soft .activity-feature,body.v10-soft .publication-row,body.v10-soft .insight-row{
  border-radius:20px;
  border:0;
  background:#fff;
  box-shadow:0 10px 30px rgba(91,61,47,.06);
  margin-bottom:14px;
  padding:18px;
}
body.v10-soft .research-row h3,body.v10-soft .activity-feature h3,body.v10-soft .insight-row h2{font-weight:720;line-height:1.18}
body.v10-soft .research-row img,body.v10-soft .activity-image,body.v10-soft .insight-thumb,body.v10-soft .resource-card img,body.v10-soft .asset-card img{border-radius:16px}
body.v10-soft .insights-masthead{background:linear-gradient(110deg,rgba(255,244,233,.96),rgba(250,231,215,.72)),url('stock/ai-experience.jpg') center/cover no-repeat}
body.v10-soft .resource-hero{border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fff}
body.v10-soft .resource-card{padding:14px}
body.v10-soft .resource-card img{height:260px}
body.v10-soft .media-assets{background:#f8eee7}
body.v10-soft .media-profile figure{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft)}
body.v10-soft .asset-card>div{padding:18px 20px}
body.v10-soft .asset-card b{font-size:19px;font-weight:700}
body.v10-soft .contact-form{padding:34px}
body.v10-soft .simple-masthead{background:linear-gradient(180deg,#f7e6da,#fffaf5)}
body.v10-soft .site-footer{background:linear-gradient(145deg,#352821,#51392f)}
body.v10-soft .footer-brand b{font-weight:700}
body.v10-soft .reveal{transform:translateY(20px);transition-duration:.65s}
body.v10-soft .image-reveal:after{background:#f3ddcf}
body.v10-soft .hover-lift:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(91,61,47,.14)}
body.v10-soft img{transition:transform .65s var(--ease),filter .65s var(--ease)}
body.v10-soft a:focus-visible,body.v10-soft button:focus-visible,body.v10-soft input:focus-visible,body.v10-soft textarea:focus-visible,body.v10-soft select:focus-visible{outline:3px solid rgba(200,116,85,.45);outline-offset:3px}

@media(max-width:1180px){
  .desktop-nav{display:none}.menu-trigger{display:flex}.cover-grid,.masthead-grid{grid-template-columns:1fr 440px;gap:38px}.cover-copy h1{font-size:72px}.cover-visual,.cover-visual img{height:620px;min-height:620px}.vision-grid{grid-template-columns:1fr 1fr}.resource-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .editorial-section{padding:72px 0}.cover-grid,.masthead-grid,.split-editorial,.feature-layout,.profile-intro,.split-feature,.impact-band .section-shell,.activity-grid,.newsletter-grid,.insight-lead,.resource-hero,.media-profile,.contact-layout{grid-template-columns:1fr}.cover-copy h1{font-size:clamp(54px,12vw,88px)}.cover-visual,.cover-visual img{height:640px;min-height:640px}.section-heading{grid-template-columns:1fr;gap:16px}.lead-feature{grid-template-columns:1fr}.feature-image{height:420px}.magazine-grid{grid-template-columns:1fr 1fr;grid-auto-rows:300px}.mag-card,.mag-card-wide{grid-column:span 1}.mag-card-tall{grid-row:span 1}.story-grid{grid-template-columns:1fr 1fr}.masthead-visual{min-height:520px}.masthead-visual img{height:520px}.timeline-entry{grid-template-columns:110px 1fr 50px}.vision-grid{grid-template-columns:1fr 1fr}.split-feature.reverse figure{order:initial}.impact-band .section-shell{gap:36px}.research-row{grid-template-columns:50px 1fr 210px}.research-row img{width:210px}.article-layout{grid-template-columns:1fr}.article-toc{position:static;grid-template-columns:repeat(2,1fr);gap:0 18px;margin-bottom:40px}.article-toc b{grid-column:1/-1}.resource-hero figure img{height:480px}.asset-grid,.interview-grid,.topic-cards{grid-template-columns:1fr 1fr}.resource-grid{grid-template-columns:1fr 1fr}.contact-layout{gap:42px}
}
@media(max-width:680px){
  body{padding-bottom:82px}.cursor-glow{display:none}.section-shell,.article-shell,.article-hero-image{width:min(calc(100% - 28px),var(--max))}.editorial-section{padding:54px 0}.header-shell{height:68px;width:calc(100% - 24px)}.brand-copy strong{font-size:12px}.brand-copy small{display:none}.brand-mark{width:38px;height:38px;box-shadow:5px 5px 0 var(--sand-200)}.icon-action{display:none}.menu-trigger b{display:none}.site-footer{display:none}.mobile-tabbar{position:fixed;z-index:200;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:7px;background:rgba(255,253,248,.92);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 14px 45px rgba(58,39,31,.18)}.mobile-tabbar a,.mobile-tabbar button{border:0;background:transparent;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:14px}.mobile-tabbar b{font-size:9px}.cover-story{padding-top:18px}.issue-rail{width:calc(100% - 28px);grid-template-columns:1fr auto;font-size:8px}.issue-rail b{display:none}.cover-grid{gap:28px}.cover-copy h1{font-size:clamp(48px,15vw,66px);line-height:.91;margin:16px 0 22px}.cover-deck{font-size:16px}.cover-actions{align-items:flex-start;gap:18px;flex-direction:column}.cover-index{margin-top:34px}.cover-index b{font-size:30px}.cover-index span{font-size:9px}.cover-visual,.cover-visual img{height:500px;min-height:500px}.cover-stamp{width:92px;height:92px;font-size:9px;right:-5px}.ticker{padding:11px 0}.section-heading h2,.earth-copy h2,.vision-heading h2,.split-feature h2,.impact-copy h2,.newsletter h2,.contact-copy h2,.contact-form h2,.resource-hero h2,.media-profile h2{font-size:clamp(34px,10vw,48px)}.section-heading>p{font-size:14px}.feature-image{height:300px}.feature-copy{padding:24px}.feature-copy h3{font-size:35px}.earth-panel:before{display:none}.earth-image,.earth-image img{height:380px;min-height:380px}.magazine-grid{grid-template-columns:1fr;grid-auto-rows:340px}.story-grid{grid-template-columns:1fr}.quote-section blockquote>span{font-size:80px}.quote-section p{font-size:34px}.newsletter-form{grid-template-columns:1fr}.newsletter-form .button{width:100%}.masthead-copy h1{font-size:clamp(46px,14vw,64px)}.masthead-copy>p:last-child{font-size:16px}.masthead-visual,.masthead-visual img{height:450px;min-height:450px}.profile-intro{gap:36px}.dropcap-copy h2{font-size:42px}.dropcap-copy>p{font-size:16px}.timeline-entry{grid-template-columns:1fr 42px;gap:10px}.timeline-entry time{grid-column:1/-1}.timeline-entry h3{font-size:29px}.vision-grid{grid-template-columns:1fr}.vision-card{min-height:430px}.split-feature{gap:30px}.split-feature figure,.split-feature figure img{height:400px;min-height:400px}.numbered-principles li{grid-template-columns:1fr;gap:4px}.research-row{grid-template-columns:38px 1fr}.research-row img{grid-column:1/-1;width:100%;height:210px}.research-row h3{font-size:30px}.impact-metrics div{padding:16px}.impact-metrics b{font-size:44px}.activity-image{height:300px}.activity-feature h3{font-size:34px}.publication-row{grid-template-columns:42px 1fr auto}.publication-row b{font-size:22px}.insights-masthead{min-height:520px}.insight-lead figure,.insight-lead figure img{height:380px;min-height:380px}.insight-lead>div{padding:26px}.insight-list{border:0}.insight-row{grid-template-columns:32px 1fr 38px;gap:12px}.insight-thumb{grid-column:2/-1;width:100%;height:210px}.insight-row>div{grid-column:2/3}.insight-row h2{font-size:28px}.topic-cards{grid-template-columns:1fr}.article-header h1{font-size:clamp(48px,14vw,68px)}.article-deck{font-size:20px}.article-byline{align-items:flex-start;flex-wrap:wrap}.share-button{margin-left:58px}.article-hero-image{margin-bottom:50px}.article-toc{grid-template-columns:1fr}.article-content h2{font-size:38px}.article-content p,.article-content li{font-size:16px}.article-content blockquote{font-size:25px;padding:22px}.article-footer{align-items:flex-start;gap:24px;flex-direction:column}.resource-hero{padding:18px;gap:24px}.resource-hero figure img{height:400px}.resource-hero>div{padding:0 4px 14px}.resource-hero dl{grid-template-columns:1fr}.resource-hero dl div{border-right:0;border-bottom:1px solid var(--line)}.resource-grid,.asset-grid,.interview-grid{grid-template-columns:1fr}.filter-bar.compact{justify-content:flex-start}.media-profile{gap:34px}.media-profile figure,.media-profile figure img{height:470px;min-height:470px}.asset-card img{height:280px}.interview-grid article,.interview-grid article+article{padding:24px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.field-grid{grid-template-columns:1fr}.contact-form{padding:24px}.status-card{padding:38px 22px}.drawer-panel{padding:20px}.drawer-kicker{font-size:29px;margin-top:34px}.drawer-link b{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.image-reveal:after{display:none}.page-loader{display:none}
}
@media(max-width:680px){.mobile-tabbar a.active{background:var(--earth-900);color:#f4d89f}.mobile-tabbar a.active span{transform:translateY(-1px)}}

@media(max-width:680px){
  body.v10-soft .editorial-section{padding:50px 0}
  body.v10-soft .header-shell{height:66px}
  body.v10-soft .mobile-tabbar{border:0;border-radius:22px;background:rgba(255,250,245,.94);box-shadow:0 16px 44px rgba(91,61,47,.18)}
  body.v10-soft .mobile-tabbar a,body.v10-soft .mobile-tabbar button{border-radius:15px}
  body.v10-soft .mobile-tabbar a.active{background:linear-gradient(135deg,#8d5946,#c87858);color:#fff}
  body.v10-soft .issue-rail{border-radius:16px;padding:10px 13px}
  body.v10-soft .cover-copy h1{font-size:clamp(43px,13vw,58px);line-height:1.03}
  body.v10-soft .cover-visual,body.v10-soft .cover-visual img{height:470px;min-height:470px;border-radius:24px}
  body.v10-soft .cover-index{grid-template-columns:1fr;gap:8px}
  body.v10-soft .cover-index div:last-child{padding:16px!important}
  body.v10-soft .section-heading h2,body.v10-soft .earth-copy h2,body.v10-soft .vision-heading h2,body.v10-soft .split-feature h2,body.v10-soft .impact-copy h2,body.v10-soft .newsletter h2,body.v10-soft .contact-copy h2,body.v10-soft .contact-form h2,body.v10-soft .resource-hero h2,body.v10-soft .media-profile h2{font-size:clamp(31px,9vw,42px)}
  body.v10-soft .feature-copy{padding:24px}
  body.v10-soft .magazine-grid{grid-auto-rows:320px}
  body.v10-soft .masthead-copy h1{font-size:clamp(40px,12vw,56px);line-height:1.06}
  body.v10-soft .masthead-visual,body.v10-soft .masthead-visual img{height:430px;min-height:430px;border-radius:24px}
  body.v10-soft .research-row,body.v10-soft .activity-feature,body.v10-soft .publication-row,body.v10-soft .insight-row{padding:14px;border-radius:17px}
  body.v10-soft .contact-form{padding:22px}
}

/* =========================================================
   V11 — KHAI PHÓNG / YOUTHFUL NATIVE EXPERIENCE
   Nền Thổ ấm + cam năng lượng + vàng nắng + xanh mở.
   ========================================================= */
:root{
  --kp-ink:#202936;
  --kp-ink-soft:#4b5665;
  --kp-orange:#f27043;
  --kp-orange-deep:#d9562d;
  --kp-sun:#ffc95b;
  --kp-sky:#4c8bf5;
  --kp-mint:#59c8ad;
  --kp-lilac:#8d7cf6;
  --kp-paper:#fffdfb;
  --kp-cloud:#f5f7fb;
  --kp-peach:#fff0e8;
  --kp-sand:#f4e4d6;
  --kp-line:rgba(40,51,65,.10);
  --kp-shadow:0 24px 70px rgba(49,56,70,.12);
  --kp-shadow-hover:0 34px 90px rgba(49,56,70,.18);
  --kp-radius:26px;
  --kp-radius-lg:38px;
  --kp-spring:cubic-bezier(.16,1,.3,1);
}
body.v11-khaiphong{
  color:var(--kp-ink);
  background:
    radial-gradient(circle at 5% 4%,rgba(255,201,91,.20),transparent 26%),
    radial-gradient(circle at 97% 13%,rgba(76,139,245,.10),transparent 25%),
    radial-gradient(circle at 54% 55%,rgba(89,200,173,.07),transparent 27%),
    linear-gradient(180deg,#fff9f4 0%,#fffdfb 38%,#f7f8fb 72%,#fff7ef 100%);
}
body.v11-khaiphong::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background-image:radial-gradient(rgba(32,41,54,.055) .7px,transparent .7px);
  background-size:22px 22px;
  mask-image:linear-gradient(to bottom,black,transparent 85%);
}
body.v11-khaiphong.page-leaving [data-app-main]{opacity:0;transform:translateY(8px);filter:blur(4px)}
body.v11-khaiphong [data-app-main]{transition:opacity .25s ease,transform .25s ease,filter .25s ease}
body.v11-khaiphong p{color:var(--kp-ink-soft)}
body.v11-khaiphong .section-shell{position:relative;z-index:1}
body.v11-khaiphong .editorial-section{isolation:isolate}
body.v11-khaiphong .editorial-section.motion-section::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  right:max(-190px,calc((100vw - var(--max))/2 - 240px));
  top:8%;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle,rgba(242,112,67,.09),transparent 68%);
  opacity:0;
  transform:scale(.7);
  transition:opacity 1.2s var(--kp-spring),transform 1.2s var(--kp-spring);
}
body.v11-khaiphong .editorial-section.motion-section:nth-of-type(3n)::before{background:radial-gradient(circle,rgba(76,139,245,.09),transparent 68%);left:-190px;right:auto}
body.v11-khaiphong .editorial-section.motion-section:nth-of-type(4n)::before{background:radial-gradient(circle,rgba(89,200,173,.10),transparent 68%)}
body.v11-khaiphong .editorial-section.motion-section.section-active::before{opacity:1;transform:scale(1)}

/* Header trẻ, gọn, có cảm giác sản phẩm số */
body.v11-khaiphong .site-header{border-bottom:1px solid rgba(255,255,255,.55);background:rgba(255,250,246,.76);backdrop-filter:blur(24px) saturate(145%)}
body.v11-khaiphong .site-header.scrolled{background:rgba(255,255,255,.88);box-shadow:0 14px 45px rgba(42,51,66,.08)}
body.v11-khaiphong .brand-mark{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,var(--kp-orange),#f89b63 55%,var(--kp-sun));
  color:#fff;
  box-shadow:0 10px 26px rgba(242,112,67,.25);
}
body.v11-khaiphong .brand-mark::after{content:"";position:absolute;inset:-30%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%) rotate(15deg);transition:transform .7s var(--kp-spring)}
body.v11-khaiphong .brand:hover .brand-mark::after{transform:translateX(120%) rotate(15deg)}
body.v11-khaiphong .brand-copy strong{color:var(--kp-ink);font-weight:800}
body.v11-khaiphong .brand-copy small{color:#788292}
body.v11-khaiphong .nav-link{color:#536071;transition:background .28s,color .28s,transform .28s var(--kp-spring)}
body.v11-khaiphong .nav-link:hover{transform:translateY(-2px);background:#fff0e8}
body.v11-khaiphong .nav-link.active{color:var(--kp-orange-deep);background:linear-gradient(135deg,#fff0e8,#fff8e4);box-shadow:inset 0 0 0 1px rgba(242,112,67,.08)}
body.v11-khaiphong .icon-action,body.v11-khaiphong .menu-trigger{transition:transform .3s var(--kp-spring),box-shadow .3s,background .3s}
body.v11-khaiphong .icon-action:hover,body.v11-khaiphong .menu-trigger:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 30px rgba(42,51,66,.10);color:var(--kp-orange-deep)}

/* Tiêu đề & nhãn theo tinh thần khai phóng */
body.v11-khaiphong .overline,
body.v11-khaiphong .article-meta,
body.v11-khaiphong .resource-type,
body.v11-khaiphong .section-no,
body.v11-khaiphong .edition-label{
  color:#b64f2d;
  background:linear-gradient(135deg,#fff0e8,#fff7de);
  box-shadow:inset 0 0 0 1px rgba(242,112,67,.08);
}
body.v11-khaiphong .section-heading h2,
body.v11-khaiphong .cover-copy h1,
body.v11-khaiphong .masthead-copy h1,
body.v11-khaiphong .article-header h1,
body.v11-khaiphong .simple-masthead h1{
  color:var(--kp-ink);
  letter-spacing:-.055em;
}
body.v11-khaiphong .section-heading h2 em,
body.v11-khaiphong .cover-copy h1 em{color:var(--kp-orange);font-style:normal}
body.v11-khaiphong .headline-reveal{position:relative}
body.v11-khaiphong .headline-reveal .headline-word{display:inline-block;opacity:0;transform:translateY(1em) rotate(2deg);filter:blur(6px);transition:opacity .65s var(--kp-spring),transform .65s var(--kp-spring),filter .65s ease;transition-delay:calc(var(--word-index) * 42ms)}
body.v11-khaiphong .headline-reveal.in-view .headline-word{opacity:1;transform:none;filter:none}

/* Motion system — nhiều kiểu xuất hiện nhưng vẫn có kiểm soát */
body.v11-khaiphong .reveal{
  --enter-x:0px;
  --enter-y:42px;
  --enter-scale:.975;
  opacity:0;
  filter:blur(9px);
  clip-path:inset(0 0 10% 0 round 16px);
  transform:translate3d(var(--enter-x),var(--enter-y),0) scale(var(--enter-scale));
  transition:
    opacity .82s var(--kp-spring),
    transform .92s var(--kp-spring),
    filter .72s ease,
    clip-path .92s var(--kp-spring),
    box-shadow .42s var(--kp-spring),
    background .35s ease;
  transition-delay:var(--motion-delay,0ms);
  will-change:transform,opacity,filter;
}
body.v11-khaiphong .reveal[data-motion="left"]{--enter-x:-54px;--enter-y:8px;--enter-scale:.99}
body.v11-khaiphong .reveal[data-motion="right"]{--enter-x:54px;--enter-y:8px;--enter-scale:.99}
body.v11-khaiphong .reveal[data-motion="scale"]{--enter-y:10px;--enter-scale:.90}
body.v11-khaiphong .reveal[data-motion="soft"]{--enter-y:22px;--enter-scale:1;filter:blur(12px)}
body.v11-khaiphong .reveal[data-motion="flip"]{--enter-y:24px;--enter-scale:.95;transform:perspective(900px) translate3d(var(--enter-x),var(--enter-y),0) rotateX(8deg) scale(var(--enter-scale));transform-origin:50% 100%}
body.v11-khaiphong .reveal.in-view{opacity:1;filter:none;clip-path:inset(0 round 0);transform:translate3d(0,0,0) scale(1)}
body.v11-khaiphong .reveal[data-motion="flip"].in-view{transform:perspective(900px) translate3d(0,0,0) rotateX(0) scale(1)}
body.v11-khaiphong .image-reveal::after{background:linear-gradient(110deg,#ffe2d5,#fff4cf 56%,#e8f2ff);transform-origin:left;transition-duration:1.05s}
body.v11-khaiphong .image-reveal::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.42) 48%,transparent 70%);transform:translateX(-130%);transition:transform 1.1s var(--kp-spring)}
body.v11-khaiphong .image-reveal.in-view::before,body.v11-khaiphong .reveal.in-view .image-reveal::before{transform:translateX(130%)}

/* Nút: sheen, mũi tên chuyển động, ripple */
body.v11-khaiphong .button,
body.v11-khaiphong .text-link,
body.v11-khaiphong .round-arrow,
body.v11-khaiphong .interactive-button{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  -webkit-tap-highlight-color:transparent;
}
body.v11-khaiphong .button::before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.4) 48%,transparent 72%);transform:translateX(-130%);transition:transform .7s var(--kp-spring)}
body.v11-khaiphong .button:hover::before{transform:translateX(130%)}
body.v11-khaiphong .button-primary{background:linear-gradient(135deg,var(--kp-orange-deep),var(--kp-orange) 55%,#f69a56);box-shadow:0 14px 34px rgba(242,112,67,.27)}
body.v11-khaiphong .button-primary:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 22px 45px rgba(242,112,67,.34)}
body.v11-khaiphong .button span:last-child,body.v11-khaiphong .text-link::after{transition:transform .35s var(--kp-spring)}
body.v11-khaiphong .button:hover span:last-child{transform:translateX(5px)}
body.v11-khaiphong .text-link{border:0;padding:8px 0;color:var(--kp-ink)}
body.v11-khaiphong .text-link::before{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:linear-gradient(90deg,var(--kp-orange),var(--kp-sun));transform:scaleX(.35);transform-origin:left;transition:transform .38s var(--kp-spring)}
body.v11-khaiphong .text-link::after{content:"↗";margin-left:7px}
body.v11-khaiphong .text-link:hover::before{transform:scaleX(1)}
body.v11-khaiphong .text-link:hover::after{transform:translate(3px,-3px)}
body.v11-khaiphong .ui-ripple{position:absolute;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.48);pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:kpRipple .62s ease-out forwards;z-index:5}
@keyframes kpRipple{to{transform:translate(-50%,-50%) scale(16);opacity:0}}

/* Từng nhóm khối được làm mới */
body.v11-khaiphong .cover-story{padding-top:54px}
body.v11-khaiphong .issue-rail{background:rgba(255,255,255,.78);backdrop-filter:blur(14px);box-shadow:0 14px 38px rgba(48,57,70,.08)}
body.v11-khaiphong .cover-copy h1{font-size:clamp(54px,6.65vw,96px);line-height:.98}
body.v11-khaiphong .cover-deck{color:#5e6877}
body.v11-khaiphong .cover-index div{position:relative;overflow:hidden;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.75)!important;transition:transform .35s var(--kp-spring),box-shadow .35s}
body.v11-khaiphong .cover-index div::after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-24px;bottom:-28px;background:linear-gradient(135deg,rgba(242,112,67,.17),rgba(255,201,91,.22))}
body.v11-khaiphong .cover-index div:nth-child(2)::after{background:linear-gradient(135deg,rgba(76,139,245,.16),rgba(89,200,173,.19))}
body.v11-khaiphong .cover-index div:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(49,56,70,.12)}
body.v11-khaiphong .cover-visual,body.v11-khaiphong .masthead-visual{border-radius:var(--kp-radius-lg);box-shadow:0 34px 90px rgba(47,53,66,.18)}
body.v11-khaiphong .cover-visual::after,body.v11-khaiphong .masthead-visual::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(140deg,rgba(255,201,91,.12),transparent 42%,rgba(76,139,245,.08))}
body.v11-khaiphong .cover-stamp{background:linear-gradient(145deg,var(--kp-sun),#ff9f5b);color:#5f331e;animation:kpFloat 4.8s ease-in-out infinite;box-shadow:0 18px 42px rgba(242,112,67,.28)}
@keyframes kpFloat{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(4deg) translateY(-9px)}}
body.v11-khaiphong .ticker{background:linear-gradient(90deg,#273143,#3e5068 50%,#3d485b);box-shadow:inset 0 1px rgba(255,255,255,.08)}
body.v11-khaiphong .ticker-track i{color:var(--kp-sun)}
body.v11-khaiphong .lead-feature,
body.v11-khaiphong .story-card,
body.v11-khaiphong .note-card,
body.v11-khaiphong .vision-card,
body.v11-khaiphong .research-row,
body.v11-khaiphong .activity-feature,
body.v11-khaiphong .activity-item,
body.v11-khaiphong .publication-row,
body.v11-khaiphong .insight-lead,
body.v11-khaiphong .insight-row,
body.v11-khaiphong .topic-card,
body.v11-khaiphong .resource-card,
body.v11-khaiphong .asset-card,
body.v11-khaiphong .contact-form,
body.v11-khaiphong .contact-types article,
body.v11-khaiphong .contact-note,
body.v11-khaiphong .status-card{
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 18px 52px rgba(49,56,70,.09);
}
body.v11-khaiphong .interactive-card{
  --tilt-x:0deg;
  --tilt-y:0deg;
  --lift:0px;
  transform:perspective(1100px) translate3d(0,var(--lift),0) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));
  transform-style:preserve-3d;
  transition:transform .45s var(--kp-spring),box-shadow .45s var(--kp-spring),border-color .35s,background .35s;
}
body.v11-khaiphong .interactive-card:hover{--lift:-9px;box-shadow:var(--kp-shadow-hover);border-color:rgba(242,112,67,.18)}
body.v11-khaiphong .interactive-card img{transition:transform .8s var(--kp-spring),filter .7s ease}
body.v11-khaiphong .interactive-card:hover img{transform:scale(1.055);filter:saturate(1.05) contrast(1.02)}
body.v11-khaiphong .lead-feature{background:linear-gradient(135deg,#fff,#fff9f5)}
body.v11-khaiphong .feature-copy a,body.v11-khaiphong .activity-feature a,body.v11-khaiphong .resource-card a{color:var(--kp-orange-deep);display:inline-flex;align-items:center;gap:6px}
body.v11-khaiphong .note-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#fff9f4)}
body.v11-khaiphong .note-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--kp-orange),var(--kp-sun))}
body.v11-khaiphong .note-card:nth-child(2)::before{background:linear-gradient(var(--kp-sky),var(--kp-mint))}
body.v11-khaiphong .note-card:nth-child(3)::before{background:linear-gradient(var(--kp-mint),var(--kp-sun))}
body.v11-khaiphong .earth-panel{background:linear-gradient(130deg,#2a3547,#455c75 52%,#c96a47);border-radius:0}
body.v11-khaiphong .earth-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(255,201,91,.19),transparent 28%),radial-gradient(circle at 85% 88%,rgba(89,200,173,.15),transparent 26%);pointer-events:none}
body.v11-khaiphong .palette span{backdrop-filter:blur(12px);transition:transform .3s var(--kp-spring),background .3s}
body.v11-khaiphong .palette span:hover{transform:translateY(-3px);background:rgba(255,255,255,.18)}
body.v11-khaiphong .mag-card{border-radius:var(--kp-radius);box-shadow:0 22px 55px rgba(45,52,65,.16)}
body.v11-khaiphong .mag-card::after{background:linear-gradient(180deg,transparent 20%,rgba(25,34,48,.90))}
body.v11-khaiphong .mag-card>div{transform:translateY(5px);transition:transform .5s var(--kp-spring)}
body.v11-khaiphong .mag-card:hover>div{transform:none}
body.v11-khaiphong .mag-card span{color:#ffe2a6}
body.v11-khaiphong .quote-section{background:linear-gradient(135deg,#fff2e7,#fff9df 52%,#edf5ff)}
body.v11-khaiphong .quote-section blockquote>span{color:var(--kp-orange)}
body.v11-khaiphong .quote-section p{color:#283345}
body.v11-khaiphong .story-card{overflow:hidden;background:rgba(255,255,255,.92)}
body.v11-khaiphong .story-card>div{position:relative}
body.v11-khaiphong .story-card>div::after{content:"↗";position:absolute;right:20px;bottom:18px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff0e8;color:var(--kp-orange-deep);opacity:0;transform:translate(-8px,8px);transition:.35s var(--kp-spring)}
body.v11-khaiphong .story-card:hover>div::after{opacity:1;transform:none}
body.v11-khaiphong .newsletter{background:linear-gradient(125deg,#fff0e8,#fff8df 48%,#edf6ff);overflow:hidden}
body.v11-khaiphong .newsletter::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-80px;top:-130px;background:linear-gradient(135deg,rgba(76,139,245,.14),rgba(89,200,173,.13))}
body.v11-khaiphong .page-masthead{background:linear-gradient(180deg,#fff0e8 0%,#fff9f4 48%,rgba(255,255,255,0) 100%)}
body.v11-khaiphong .page-masthead::after{content:"";position:absolute;left:4%;top:20%;width:88px;height:88px;border:18px solid rgba(255,201,91,.22);border-radius:28px;transform:rotate(18deg);z-index:-1}
body.v11-khaiphong .timeline-entry{border-radius:20px;transition:background .35s,transform .35s var(--kp-spring),box-shadow .35s}
body.v11-khaiphong .timeline-entry:hover{background:#fff;transform:translateX(8px);box-shadow:0 16px 42px rgba(49,56,70,.08)}
body.v11-khaiphong .vision-card{border-radius:var(--kp-radius);overflow:hidden}
body.v11-khaiphong .research-row{border-radius:var(--kp-radius);padding:18px;background:rgba(255,255,255,.87)}
body.v11-khaiphong .research-row>span{color:var(--kp-orange);background:#fff0e8;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}
body.v11-khaiphong .impact-band{background:linear-gradient(135deg,#253044,#3f536d);color:#fff}
body.v11-khaiphong .impact-band p{color:#d8e1ec}
body.v11-khaiphong .impact-metrics div{border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);transition:transform .35s var(--kp-spring),background .35s}
body.v11-khaiphong .impact-metrics div:hover{transform:translateY(-6px);background:rgba(255,255,255,.13)}
body.v11-khaiphong .impact-metrics b{color:var(--kp-sun)}
body.v11-khaiphong .activity-feature{overflow:hidden;border-radius:var(--kp-radius);background:#fff}
body.v11-khaiphong .activity-image span{border-radius:999px;background:rgba(32,41,54,.82);backdrop-filter:blur(12px)}
body.v11-khaiphong .activity-item{border-radius:18px;padding:18px;background:rgba(255,255,255,.72);margin-bottom:10px}
body.v11-khaiphong .activity-item:hover{background:#fff;transform:translateX(6px)}
body.v11-khaiphong .tag-cloud span{border:0;border-radius:999px;background:#eef4ff;color:#395a8a;transition:transform .3s var(--kp-spring),background .3s,color .3s}
body.v11-khaiphong .tag-cloud span:nth-child(3n+2){background:#eaf8f4;color:#237761}
body.v11-khaiphong .tag-cloud span:nth-child(3n+3){background:#fff0e8;color:#b4512f}
body.v11-khaiphong .tag-cloud span:hover{transform:translateY(-3px) rotate(-1deg);background:var(--kp-ink);color:#fff}
body.v11-khaiphong .publication-section,body.v11-khaiphong .library-section,body.v11-khaiphong .media-assets{background:linear-gradient(135deg,#f7f8fc,#fff5ee)}
body.v11-khaiphong .publication-row{border-radius:18px;padding:18px;margin-bottom:10px;background:rgba(255,255,255,.76)}
body.v11-khaiphong .publication-row:hover{padding-left:24px;background:#fff;box-shadow:0 18px 45px rgba(49,56,70,.09)}
body.v11-khaiphong .insights-masthead{background:linear-gradient(110deg,rgba(31,42,58,.90),rgba(31,42,58,.15)),url('stock/ai-experience.jpg') center/cover no-repeat}
body.v11-khaiphong .insights-masthead h1,body.v11-khaiphong .insights-masthead p{color:#fff}
body.v11-khaiphong .insight-row{border-radius:20px;padding:16px;margin-bottom:12px;background:rgba(255,255,255,.76)}
body.v11-khaiphong .insight-row:hover{background:#fff;box-shadow:0 18px 50px rgba(49,56,70,.11)}
body.v11-khaiphong .round-arrow{border:0;background:#fff0e8;color:var(--kp-orange-deep)}
body.v11-khaiphong .round-arrow:hover{background:var(--kp-orange);color:#fff;transform:rotate(45deg) scale(1.08)}
body.v11-khaiphong .topic-card,body.v11-khaiphong .resource-card,body.v11-khaiphong .asset-card{border-radius:var(--kp-radius);background:rgba(255,255,255,.92);overflow:hidden}
body.v11-khaiphong .resource-card img,body.v11-khaiphong .asset-card img{border-radius:18px;background:linear-gradient(145deg,#fff4eb,#eef4ff)}
body.v11-khaiphong .filter-bar{padding:6px;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 12px 34px rgba(49,56,70,.08);width:max-content;max-width:100%}
body.v11-khaiphong .filter-bar button{border-radius:999px;transition:background .3s,color .3s,transform .3s var(--kp-spring)}
body.v11-khaiphong .filter-bar button:hover{transform:translateY(-2px)}
body.v11-khaiphong .filter-bar button.active{background:linear-gradient(135deg,var(--kp-orange-deep),var(--kp-orange));color:#fff;box-shadow:0 8px 20px rgba(242,112,67,.20)}
body.v11-khaiphong .contact-form{background:rgba(255,255,255,.90);backdrop-filter:blur(16px)}
body.v11-khaiphong .contact-form input:focus,body.v11-khaiphong .contact-form textarea:focus,body.v11-khaiphong .contact-form select:focus{border-color:var(--kp-orange);box-shadow:0 0 0 5px rgba(242,112,67,.11)}
body.v11-khaiphong .contact-types article{transition:transform .35s var(--kp-spring),background .35s}
body.v11-khaiphong .contact-types article:hover{transform:translateX(7px);background:#fff}
body.v11-khaiphong .site-footer{background:linear-gradient(145deg,#202a39,#334359);position:relative;overflow:hidden}
body.v11-khaiphong .site-footer::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-100px;top:-190px;background:radial-gradient(circle,rgba(255,201,91,.18),transparent 68%)}

/* Drawer desktop */
body.v11-khaiphong .drawer-panel{background:linear-gradient(150deg,#fffdfb,#fff5ee 58%,#edf5ff);box-shadow:-20px 0 70px rgba(28,38,52,.16)}
body.v11-khaiphong .drawer-link{transition:transform .3s var(--kp-spring),background .3s,color .3s}
body.v11-khaiphong .drawer-link:hover{transform:translateX(6px)}
body.v11-khaiphong .drawer-foot{background:linear-gradient(135deg,#263246,#405673)}
body.v11-khaiphong .drawer-foot a{color:var(--kp-sun)}

/* Native app mobile */
@media(max-width:680px){
  html{background:#eef1f6;overscroll-behavior-y:none}
  body.v11-khaiphong{
    padding-top:calc(4px + env(safe-area-inset-top));
    padding-bottom:calc(98px + env(safe-area-inset-bottom));
    background:
      radial-gradient(circle at 6% 1%,rgba(255,201,91,.23),transparent 26%),
      radial-gradient(circle at 100% 9%,rgba(76,139,245,.12),transparent 25%),
      #f3f5f8;
    min-height:100dvh;
    -webkit-font-smoothing:antialiased;
    overscroll-behavior-y:contain;
  }
  body.v11-khaiphong [data-app-main]{overflow:clip}
  body.v11-khaiphong .site-header{
    position:sticky;
    top:calc(6px + env(safe-area-inset-top));
    margin:6px 10px 0;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.82);
    box-shadow:0 12px 38px rgba(38,48,64,.11);
    background:rgba(255,255,255,.84);
    transition:transform .4s var(--kp-spring),box-shadow .3s;
  }
  body.v11-khaiphong.scrolling-down:not(.menu-open) .site-header{transform:translateY(-115%)}
  body.v11-khaiphong .header-shell{height:58px;width:calc(100% - 18px)}
  body.v11-khaiphong .brand{gap:9px;min-width:0}
  body.v11-khaiphong .brand-mark{width:38px;height:38px;border-radius:13px;box-shadow:0 8px 18px rgba(242,112,67,.22)}
  body.v11-khaiphong .brand-copy{min-width:0}
  body.v11-khaiphong .brand-copy strong{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:205px}
  body.v11-khaiphong .brand-copy small{display:block;font-size:8.5px;white-space:nowrap;letter-spacing:0;color:#8a94a3}
  body.v11-khaiphong .menu-trigger{width:40px;height:40px;border-radius:13px;padding:0;display:grid;place-content:center;gap:4px;background:#fff0e8;color:var(--kp-orange-deep)}
  body.v11-khaiphong .menu-trigger span{width:16px;height:2px;border-radius:99px}
  body.v11-khaiphong .section-shell,body.v11-khaiphong .article-shell,body.v11-khaiphong .article-hero-image{width:calc(100% - 24px)}
  body.v11-khaiphong .editorial-section{padding:38px 0}
  body.v11-khaiphong .editorial-section.section-card-mobile:not(.ticker):not(.earth-panel):not(.impact-band):not(.quote-section):not(.newsletter):not(.publication-section):not(.library-section):not(.media-assets){
    width:calc(100% - 16px);
    margin:10px auto;
    border-radius:30px;
    background:rgba(255,255,255,.80);
    box-shadow:0 14px 44px rgba(41,51,66,.08);
    border:1px solid rgba(255,255,255,.84);
  }
  body.v11-khaiphong .editorial-section.section-card-mobile>.section-shell{width:calc(100% - 24px)}
  body.v11-khaiphong .cover-story{padding:22px 0 16px}
  body.v11-khaiphong .issue-rail{margin-bottom:16px;width:calc(100% - 24px);border-radius:14px;padding:9px 12px;box-shadow:none;background:rgba(255,255,255,.66)}
  body.v11-khaiphong .cover-grid{gap:22px}
  body.v11-khaiphong .cover-copy h1{font-size:clamp(43px,13vw,57px);line-height:1.01;margin:13px 0 18px}
  body.v11-khaiphong .cover-deck{font-size:15px;line-height:1.65}
  body.v11-khaiphong .cover-actions{flex-direction:row;align-items:center;gap:12px;margin-top:22px}
  body.v11-khaiphong .button{min-height:48px;padding:0 18px;font-size:12px}
  body.v11-khaiphong .cover-actions .text-link{font-size:11px}
  body.v11-khaiphong .cover-index{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    margin:28px -12px 0;
    padding:0 12px 8px;
    gap:10px;
  }
  body.v11-khaiphong .cover-index::-webkit-scrollbar{display:none}
  body.v11-khaiphong .cover-index div{flex:0 0 72%;scroll-snap-align:start;min-height:94px}
  body.v11-khaiphong .cover-visual,body.v11-khaiphong .cover-visual img{height:455px;min-height:455px;border-radius:28px}
  body.v11-khaiphong .cover-visual{box-shadow:0 22px 55px rgba(42,51,66,.18)}
  body.v11-khaiphong .cover-visual figcaption{left:14px;right:14px;bottom:14px;padding:15px;border-radius:16px}
  body.v11-khaiphong .cover-stamp{width:84px;height:84px;right:-2px;top:22px;border-width:6px}
  body.v11-khaiphong .ticker{margin:10px 8px;border-radius:18px;padding:10px 0}
  body.v11-khaiphong .section-heading{gap:12px;margin-bottom:24px}
  body.v11-khaiphong .section-heading h2{font-size:clamp(30px,8.8vw,41px);line-height:1.1}
  body.v11-khaiphong .section-heading>p{font-size:13.5px}
  body.v11-khaiphong .feature-layout{gap:14px}
  body.v11-khaiphong .lead-feature{border-radius:24px}
  body.v11-khaiphong .feature-image{height:265px}
  body.v11-khaiphong .feature-copy{padding:20px}
  body.v11-khaiphong .feature-copy h3{font-size:29px}
  body.v11-khaiphong .editorial-notes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -12px;padding:4px 12px 14px;scrollbar-width:none}
  body.v11-khaiphong .editorial-notes::-webkit-scrollbar{display:none}
  body.v11-khaiphong .note-card{flex:0 0 84%;scroll-snap-align:center;min-height:165px}
  body.v11-khaiphong .earth-panel,body.v11-khaiphong .impact-band,body.v11-khaiphong .quote-section,body.v11-khaiphong .newsletter,body.v11-khaiphong .publication-section,body.v11-khaiphong .library-section,body.v11-khaiphong .media-assets{margin:10px 8px;border-radius:30px;overflow:hidden}
  body.v11-khaiphong .earth-image,body.v11-khaiphong .earth-image img{height:330px;min-height:330px;border-radius:24px}
  body.v11-khaiphong .palette{gap:7px}
  body.v11-khaiphong .palette span{font-size:10px;padding:8px 11px 8px 31px}
  body.v11-khaiphong .magazine-grid,
  body.v11-khaiphong .story-grid,
  body.v11-khaiphong .vision-grid,
  body.v11-khaiphong .topic-cards,
  body.v11-khaiphong .resource-grid,
  body.v11-khaiphong .asset-grid,
  body.v11-khaiphong .interview-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:12px;
    margin:0 -12px;
    padding:4px 12px 16px;
    scrollbar-width:none;
  }
  body.v11-khaiphong .magazine-grid::-webkit-scrollbar,body.v11-khaiphong .story-grid::-webkit-scrollbar,body.v11-khaiphong .vision-grid::-webkit-scrollbar,body.v11-khaiphong .topic-cards::-webkit-scrollbar,body.v11-khaiphong .resource-grid::-webkit-scrollbar,body.v11-khaiphong .asset-grid::-webkit-scrollbar,body.v11-khaiphong .interview-grid::-webkit-scrollbar{display:none}
  body.v11-khaiphong .mag-card{flex:0 0 86%;height:355px;scroll-snap-align:center}
  body.v11-khaiphong .story-card,body.v11-khaiphong .vision-card,body.v11-khaiphong .topic-card,body.v11-khaiphong .resource-card,body.v11-khaiphong .asset-card,body.v11-khaiphong .interview-grid article{flex:0 0 84%;scroll-snap-align:center}
  body.v11-khaiphong .story-image{aspect-ratio:16/11}
  body.v11-khaiphong .quote-section p{font-size:29px;line-height:1.18}
  body.v11-khaiphong .newsletter-grid{gap:24px}
  body.v11-khaiphong .newsletter h2{font-size:32px!important}
  body.v11-khaiphong .page-masthead{padding-top:28px}
  body.v11-khaiphong .masthead-copy h1{font-size:clamp(39px,11.5vw,52px);line-height:1.04;margin:18px 0}
  body.v11-khaiphong .masthead-visual,body.v11-khaiphong .masthead-visual img{height:405px;min-height:405px;border-radius:26px}
  body.v11-khaiphong .masthead-visual figcaption{left:13px;right:13px;bottom:13px;padding:14px}
  body.v11-khaiphong .timeline-entry{padding:18px;background:#fff;margin-bottom:10px;border:0;box-shadow:0 12px 30px rgba(49,56,70,.06)}
  body.v11-khaiphong .research-stack{display:grid;gap:12px}
  body.v11-khaiphong .research-row{grid-template-columns:42px 1fr;padding:14px;border-radius:22px}
  body.v11-khaiphong .research-row img{height:195px;border-radius:16px}
  body.v11-khaiphong .impact-metrics{grid-template-columns:1fr 1fr;gap:10px}
  body.v11-khaiphong .impact-metrics div{padding:16px;min-height:118px}
  body.v11-khaiphong .activity-grid{gap:12px}
  body.v11-khaiphong .activity-feature{border-radius:24px}
  body.v11-khaiphong .activity-list{border:0}
  body.v11-khaiphong .activity-item{grid-template-columns:64px 1fr;padding:14px}
  body.v11-khaiphong .publication-list{border:0}
  body.v11-khaiphong .publication-row{grid-template-columns:38px 1fr 28px;padding:14px;margin-bottom:8px}
  body.v11-khaiphong .insights-masthead{min-height:470px;border-radius:30px;margin:10px 8px;overflow:hidden;align-items:end}
  body.v11-khaiphong .insight-lead{border-radius:24px}
  body.v11-khaiphong .insight-row{display:grid;grid-template-columns:30px 1fr 36px;padding:13px}
  body.v11-khaiphong .insight-thumb{grid-column:1/-1;height:190px;border-radius:15px}
  body.v11-khaiphong .filter-bar{overflow-x:auto;justify-content:flex-start;max-width:100%;scrollbar-width:none}
  body.v11-khaiphong .filter-bar::-webkit-scrollbar{display:none}
  body.v11-khaiphong .filter-bar button{flex:0 0 auto}
  body.v11-khaiphong .resource-card{padding:14px}
  body.v11-khaiphong .resource-card img{height:210px}
  body.v11-khaiphong .contact-form{border-radius:24px;padding:20px}
  body.v11-khaiphong .contact-types article{border-radius:18px;padding:15px;background:#fff;margin-bottom:9px}

  /* bottom tabbar giống native app */
  body.v11-khaiphong .mobile-tabbar{
    left:10px;
    right:10px;
    bottom:calc(9px + env(safe-area-inset-bottom));
    height:72px;
    grid-template-columns:repeat(5,1fr);
    gap:4px;
    padding:7px;
    border:1px solid rgba(255,255,255,.9);
    border-radius:25px;
    background:rgba(255,255,255,.90);
    backdrop-filter:blur(24px) saturate(150%);
    box-shadow:0 18px 55px rgba(29,40,57,.20);
    transition:transform .42s var(--kp-spring),opacity .3s;
  }
  body.v11-khaiphong.scrolling-down:not(.menu-open) .mobile-tabbar{transform:translateY(calc(100% + 24px));opacity:.15}
  body.v11-khaiphong .mobile-tabbar a,body.v11-khaiphong .mobile-tabbar button{
    position:relative;
    min-height:56px;
    border-radius:18px;
    color:#7b8593;
    transition:transform .28s var(--kp-spring),background .28s,color .28s;
    -webkit-tap-highlight-color:transparent;
  }
  body.v11-khaiphong .mobile-tabbar span{width:21px;height:21px;display:grid;place-items:center;transition:transform .3s var(--kp-spring)}
  body.v11-khaiphong .mobile-tabbar svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  body.v11-khaiphong .mobile-tabbar b{font-size:9px;font-weight:700;letter-spacing:-.01em}
  body.v11-khaiphong .mobile-tabbar a.active{background:linear-gradient(145deg,#fff0e8,#fff7dc);color:var(--kp-orange-deep);box-shadow:inset 0 0 0 1px rgba(242,112,67,.08)}
  body.v11-khaiphong .mobile-tabbar a.active span{transform:translateY(-2px) scale(1.12)}
  body.v11-khaiphong .mobile-tabbar a:active,body.v11-khaiphong .mobile-tabbar button:active{transform:scale(.92)}

  /* Drawer thành bottom sheet */
  body.v11-khaiphong .drawer-scrim{background:rgba(25,33,46,.45);backdrop-filter:blur(7px)}
  body.v11-khaiphong .drawer-panel{
    left:8px;
    right:8px;
    top:auto;
    bottom:0;
    width:auto;
    height:min(88dvh,760px);
    padding:28px 18px calc(24px + env(safe-area-inset-bottom));
    border-radius:32px 32px 0 0;
    transform:translateY(104%);
    box-shadow:0 -22px 70px rgba(25,33,46,.24);
    overscroll-behavior:contain;
  }
  body.v11-khaiphong .drawer-panel::before{content:"";position:absolute;top:10px;left:50%;width:42px;height:5px;border-radius:99px;background:#cfd5de;transform:translateX(-50%)}
  body.v11-khaiphong .site-drawer.open .drawer-panel{transform:translateY(0)}
  body.v11-khaiphong .drawer-head{padding-top:4px}
  body.v11-khaiphong .drawer-kicker{font-size:27px;margin:24px 0 12px}
  body.v11-khaiphong .drawer-links{gap:3px}
  body.v11-khaiphong .drawer-link{grid-template-columns:30px 1fr 28px;padding:12px;border-radius:15px}
  body.v11-khaiphong .drawer-link b{font-size:19px}
  body.v11-khaiphong .drawer-foot{margin-top:22px;border-radius:20px;padding:18px}

  /* Touch: không giả hover trên thiết bị cảm ứng */
  body.v11-khaiphong .interactive-card{transform:none!important}
  body.v11-khaiphong .interactive-card:active{transform:scale(.985)!important;transition-duration:.12s}
  body.v11-khaiphong .interactive-card:hover{box-shadow:0 18px 52px rgba(49,56,70,.09)}
}

@media(min-width:681px) and (max-width:1100px){
  body.v11-khaiphong .magazine-grid{grid-auto-rows:290px}
  body.v11-khaiphong .nav-link{padding:9px 10px}
}

@media(prefers-reduced-motion:reduce){
  body.v11-khaiphong .cover-stamp{animation:none}
  body.v11-khaiphong .headline-word{opacity:1!important;transform:none!important;filter:none!important}
  body.v11-khaiphong .reveal{opacity:1!important;filter:none!important;clip-path:none!important;transform:none!important}
  body.v11-khaiphong .interactive-card{transform:none!important}
}
body.v11-khaiphong [data-parallax] img{transform:translate3d(0,var(--parallax-y,0),0) scale(1.07)}
body.v11-khaiphong [data-parallax]:hover img{transform:translate3d(0,var(--parallax-y,0),0) scale(1.11)}
body.v11-khaiphong .interactive-card.reveal{
  transform:perspective(1100px) translate3d(var(--enter-x,0px),calc(var(--enter-y,0px) + var(--lift,0px)),0) scale(var(--enter-scale,1)) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));
}
body.v11-khaiphong .interactive-card.reveal.in-view{
  --enter-x:0px;
  --enter-y:0px;
  --enter-scale:1;
  transform:perspective(1100px) translate3d(0,var(--lift,0px),0) scale(1) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));
}
@media(max-width:680px){
  body.v11-khaiphong .interactive-card.reveal,body.v11-khaiphong .interactive-card.reveal.in-view{transform:none!important}
}
body.v11-khaiphong .text-link::after{content:none}

/* =========================================================
   V12 — EARTH REFINED / PHỐI MÀU THỔ TINH TẾ
   Giữ nguyên motion + native UX của V11, đưa màu sắc trở về
   tinh thần V10 với hệ kem ấm, cacao, đất nung, mật ong và sage.
   ========================================================= */
:root{
  --er-espresso:#302722;
  --er-cocoa:#4b382f;
  --er-cocoa-soft:#665248;
  --er-taupe:#756a62;
  --er-clay:#b96f56;
  --er-clay-deep:#8c4f3b;
  --er-terracotta:#a8644c;
  --er-honey:#d4a65e;
  --er-honey-soft:#ead1a0;
  --er-sage:#929b86;
  --er-sage-deep:#626b5a;
  --er-sage-soft:#e9ece3;
  --er-ivory:#fffdf9;
  --er-cream:#fbf6f0;
  --er-blush:#f5e7dc;
  --er-sand:#ead6c6;
  --er-line:rgba(87,62,52,.11);
  --er-line-strong:rgba(87,62,52,.18);
  --er-shadow:0 22px 64px rgba(80,52,41,.11);
  --er-shadow-hover:0 34px 86px rgba(80,52,41,.17);
}

body.v12-earth-refined{
  --kp-ink:var(--er-espresso);
  --kp-ink-soft:var(--er-cocoa-soft);
  --kp-orange:var(--er-clay);
  --kp-orange-deep:var(--er-clay-deep);
  --kp-sun:var(--er-honey);
  --kp-sky:var(--er-sage);
  --kp-mint:#b4aa91;
  --kp-lilac:#a98d82;
  --kp-paper:var(--er-ivory);
  --kp-cloud:#f7f1eb;
  --kp-peach:var(--er-blush);
  --kp-sand:var(--er-sand);
  --kp-line:var(--er-line);
  --kp-shadow:var(--er-shadow);
  --kp-shadow-hover:var(--er-shadow-hover);
  color:var(--er-espresso);
  background:
    radial-gradient(circle at 7% 3%,rgba(212,166,94,.16),transparent 27%),
    radial-gradient(circle at 95% 15%,rgba(185,111,86,.105),transparent 25%),
    radial-gradient(circle at 52% 58%,rgba(146,155,134,.07),transparent 29%),
    linear-gradient(180deg,#fffaf6 0%,#fffdf9 39%,#faf5ef 72%,#f6ece4 100%);
}
body.v12-earth-refined::before{
  background-image:radial-gradient(rgba(75,56,47,.045) .7px,transparent .7px);
  background-size:24px 24px;
}
body.v12-earth-refined p{color:var(--er-cocoa-soft)}
body.v12-earth-refined ::selection{background:var(--er-honey);color:var(--er-espresso)}
body.v12-earth-refined .cursor-glow{background:radial-gradient(circle,rgba(212,166,94,.12),transparent 68%)}
body.v12-earth-refined .page-progress{background:linear-gradient(90deg,var(--er-clay-deep),var(--er-clay),var(--er-honey));box-shadow:0 0 18px rgba(185,111,86,.34)}
body.v12-earth-refined .page-loader{background:linear-gradient(145deg,#2d2420,#4b382f 58%,#6b493b);color:#f2dfbc}

/* Ánh sáng nền của từng section: ấm, nhẹ và ít phô trương hơn */
body.v12-earth-refined .editorial-section.motion-section::before{background:radial-gradient(circle,rgba(185,111,86,.075),transparent 69%)}
body.v12-earth-refined .editorial-section.motion-section:nth-of-type(3n)::before{background:radial-gradient(circle,rgba(212,166,94,.085),transparent 69%)}
body.v12-earth-refined .editorial-section.motion-section:nth-of-type(4n)::before{background:radial-gradient(circle,rgba(146,155,134,.075),transparent 69%)}

/* Header, nhận diện và điều hướng */
body.v12-earth-refined .site-header{background:rgba(255,251,247,.80);border-bottom-color:rgba(255,255,255,.58)}
body.v12-earth-refined .site-header.scrolled{background:rgba(255,253,249,.92);border-color:var(--er-line);box-shadow:0 14px 42px rgba(75,48,37,.075)}
body.v12-earth-refined .brand-mark{
  background:linear-gradient(145deg,#754638,var(--er-terracotta) 56%,#c78c58);
  color:#fffaf2;
  box-shadow:0 11px 28px rgba(140,79,59,.23);
}
body.v12-earth-refined .brand-copy strong{color:var(--er-espresso)}
body.v12-earth-refined .brand-copy small{color:#82756d}
body.v12-earth-refined .nav-link{color:#685b54}
body.v12-earth-refined .nav-link:hover{background:#f4e7dd;color:var(--er-cocoa)}
body.v12-earth-refined .nav-link.active{
  color:var(--er-clay-deep);
  background:linear-gradient(135deg,#f2dfd3,#fbf1df);
  box-shadow:inset 0 0 0 1px rgba(140,79,59,.075);
}
body.v12-earth-refined .icon-action:hover,body.v12-earth-refined .menu-trigger:hover{box-shadow:0 12px 30px rgba(80,52,41,.09);color:var(--er-clay-deep)}

/* Nhãn, tiêu đề và liên kết */
body.v12-earth-refined .overline,
body.v12-earth-refined .article-meta,
body.v12-earth-refined .resource-type,
body.v12-earth-refined .section-no,
body.v12-earth-refined .edition-label{
  color:#8d503c;
  background:linear-gradient(135deg,#f3e2d7,#fbf2df);
  box-shadow:inset 0 0 0 1px rgba(140,79,59,.065);
}
body.v12-earth-refined .section-heading h2,
body.v12-earth-refined .cover-copy h1,
body.v12-earth-refined .masthead-copy h1,
body.v12-earth-refined .article-header h1,
body.v12-earth-refined .simple-masthead h1{color:var(--er-espresso)}
body.v12-earth-refined .section-heading h2 em,body.v12-earth-refined .cover-copy h1 em{color:var(--er-clay)}
body.v12-earth-refined .cover-deck{color:#6f625b}
body.v12-earth-refined .text-link::before{background:linear-gradient(90deg,var(--er-clay-deep),var(--er-honey))}

/* Hiệu ứng reveal ảnh và nút */
body.v12-earth-refined .image-reveal::after{background:linear-gradient(110deg,#f1dcd0,#f8eddb 55%,#eee6dd)}
body.v12-earth-refined .button-primary{
  background:linear-gradient(135deg,#754638,var(--er-terracotta) 58%,#c78d5c);
  box-shadow:0 14px 34px rgba(140,79,59,.235);
}
body.v12-earth-refined .button-primary:hover{background:linear-gradient(135deg,#654034,#995842 58%,#b97952);box-shadow:0 22px 46px rgba(140,79,59,.30)}
body.v12-earth-refined .ui-ripple{background:rgba(255,244,229,.52)}

/* Hero và các khối mở đầu */
body.v12-earth-refined .issue-rail{background:rgba(255,253,249,.78);box-shadow:0 14px 38px rgba(80,52,41,.07)}
body.v12-earth-refined .cover-index div{background:rgba(255,253,249,.84);border-color:rgba(255,255,255,.82)!important;box-shadow:0 10px 28px rgba(80,52,41,.055)}
body.v12-earth-refined .cover-index div::after{background:linear-gradient(135deg,rgba(185,111,86,.15),rgba(212,166,94,.20))}
body.v12-earth-refined .cover-index div:nth-child(2)::after{background:linear-gradient(135deg,rgba(146,155,134,.18),rgba(212,166,94,.17))}
body.v12-earth-refined .cover-index div:nth-child(3)::after{background:linear-gradient(135deg,rgba(169,141,130,.16),rgba(185,111,86,.16))}
body.v12-earth-refined .cover-index div:hover{box-shadow:0 18px 42px rgba(80,52,41,.11)}
body.v12-earth-refined .cover-visual,body.v12-earth-refined .masthead-visual{box-shadow:0 34px 88px rgba(75,48,37,.17)}
body.v12-earth-refined .cover-visual::after,body.v12-earth-refined .masthead-visual::after{background:linear-gradient(140deg,rgba(212,166,94,.12),transparent 44%,rgba(185,111,86,.065))}
body.v12-earth-refined .cover-stamp{background:linear-gradient(145deg,#dfb66b,#c98155);color:#4e3024;box-shadow:0 18px 42px rgba(140,79,59,.24)}
body.v12-earth-refined .ticker{background:linear-gradient(90deg,#362a25,#503a31 52%,#624439)}
body.v12-earth-refined .ticker-track i{color:#e6bb70}

/* Card system: màu trắng ấm, viền và shadow có cùng nhiệt độ màu */
body.v12-earth-refined .lead-feature,
body.v12-earth-refined .story-card,
body.v12-earth-refined .note-card,
body.v12-earth-refined .vision-card,
body.v12-earth-refined .research-row,
body.v12-earth-refined .activity-feature,
body.v12-earth-refined .activity-item,
body.v12-earth-refined .publication-row,
body.v12-earth-refined .insight-lead,
body.v12-earth-refined .insight-row,
body.v12-earth-refined .topic-card,
body.v12-earth-refined .resource-card,
body.v12-earth-refined .asset-card,
body.v12-earth-refined .contact-form,
body.v12-earth-refined .contact-types article,
body.v12-earth-refined .contact-note,
body.v12-earth-refined .status-card{
  border-color:rgba(112,78,64,.09);
  box-shadow:0 18px 52px rgba(80,52,41,.075);
}
body.v12-earth-refined .interactive-card:hover{border-color:rgba(185,111,86,.20);box-shadow:var(--er-shadow-hover)}
body.v12-earth-refined .lead-feature{background:linear-gradient(135deg,#fffdf9,#fbf4ee)}
body.v12-earth-refined .note-card{background:linear-gradient(145deg,#fffdf9,#fbf5ef)}
body.v12-earth-refined .note-card::before{background:linear-gradient(var(--er-clay),var(--er-honey))}
body.v12-earth-refined .note-card:nth-child(2)::before{background:linear-gradient(var(--er-sage-deep),var(--er-honey-soft))}
body.v12-earth-refined .note-card:nth-child(3)::before{background:linear-gradient(#a98d82,var(--er-clay))}
body.v12-earth-refined .story-card,body.v12-earth-refined .topic-card,body.v12-earth-refined .resource-card,body.v12-earth-refined .asset-card{background:rgba(255,253,249,.93)}
body.v12-earth-refined .story-card>div::after,body.v12-earth-refined .round-arrow{background:#f3e2d7;color:var(--er-clay-deep)}
body.v12-earth-refined .round-arrow:hover{background:var(--er-clay);color:#fff}

/* Các section màu đậm */
body.v12-earth-refined .earth-panel{background:linear-gradient(130deg,#3c2d27,#66483b 54%,#9c6049)}
body.v12-earth-refined .earth-panel::after{background:radial-gradient(circle at 12% 15%,rgba(232,190,113,.18),transparent 28%),radial-gradient(circle at 85% 88%,rgba(185,111,86,.14),transparent 27%)}
body.v12-earth-refined .impact-band{background:linear-gradient(135deg,#392c27,#5a4035 58%,#6e4a3b)}
body.v12-earth-refined .impact-band p{color:#e3d5ca}
body.v12-earth-refined .activity-image span{background:rgba(48,39,34,.82)}
body.v12-earth-refined .mag-card{box-shadow:0 22px 55px rgba(70,45,35,.15)}
body.v12-earth-refined .mag-card::after{background:linear-gradient(180deg,transparent 18%,rgba(43,31,26,.90))}
body.v12-earth-refined .mag-card span{color:#f0cf91}
body.v12-earth-refined .insights-masthead{background:linear-gradient(110deg,rgba(48,39,34,.93),rgba(48,39,34,.20)),url('stock/ai-experience.jpg') center/cover no-repeat}

/* Section sáng, quote, newsletter và thư viện */
body.v12-earth-refined .quote-section{background:linear-gradient(135deg,#f8e8dc,#fbf1df 54%,#eef0e9)}
body.v12-earth-refined .quote-section p{color:#493a33}
body.v12-earth-refined .newsletter{background:linear-gradient(125deg,#f5e3d7,#fbf1df 50%,#edf0e8)}
body.v12-earth-refined .newsletter::before{background:linear-gradient(135deg,rgba(146,155,134,.15),rgba(212,166,94,.13))}
body.v12-earth-refined .page-masthead{background:linear-gradient(180deg,#f4e2d7 0%,#fbf4ee 50%,rgba(255,255,255,0) 100%)}
body.v12-earth-refined .page-masthead::after{border-color:rgba(212,166,94,.20)}
body.v12-earth-refined .publication-section,body.v12-earth-refined .library-section,body.v12-earth-refined .media-assets{background:linear-gradient(135deg,#f8f2ec,#fffaf5)}
body.v12-earth-refined .resource-card img,body.v12-earth-refined .asset-card img{background:linear-gradient(145deg,#fbede3,#eee8df)}

/* Tag, filter, form */
body.v12-earth-refined .tag-cloud span{background:#f2e6dc;color:#805340}
body.v12-earth-refined .tag-cloud span:nth-child(3n+2){background:var(--er-sage-soft);color:var(--er-sage-deep)}
body.v12-earth-refined .tag-cloud span:nth-child(3n+3){background:#f7eadf;color:#98553e}
body.v12-earth-refined .tag-cloud span:hover{background:var(--er-cocoa);color:#fff}
body.v12-earth-refined .filter-bar{background:rgba(255,253,249,.82);box-shadow:0 12px 34px rgba(80,52,41,.07)}
body.v12-earth-refined .filter-bar button.active{background:linear-gradient(135deg,var(--er-clay-deep),var(--er-clay));box-shadow:0 8px 20px rgba(140,79,59,.19)}
body.v12-earth-refined .contact-form{background:rgba(255,253,249,.92)}
body.v12-earth-refined .contact-form input:focus,body.v12-earth-refined .contact-form textarea:focus,body.v12-earth-refined .contact-form select:focus{border-color:var(--er-clay);box-shadow:0 0 0 5px rgba(185,111,86,.105)}

/* Footer và drawer */
body.v12-earth-refined .site-footer{background:linear-gradient(145deg,#2f2723,#4c382f 58%,#5b4035)}
body.v12-earth-refined .site-footer::before{background:radial-gradient(circle,rgba(212,166,94,.17),transparent 68%)}
body.v12-earth-refined .drawer-panel{background:linear-gradient(150deg,#fffdf9,#faf0e8 58%,#eee9e1);box-shadow:-20px 0 70px rgba(64,42,33,.15)}
body.v12-earth-refined .drawer-foot{background:linear-gradient(135deg,#44322b,#6a493b)}
body.v12-earth-refined .drawer-foot a{color:#edc880}

/* Mobile app native — giữ cấu trúc V11, phối màu ấm và thanh hơn */
@media(max-width:680px){
  html{background:#f1ebe5}
  body.v12-earth-refined{
    background:
      radial-gradient(circle at 6% 1%,rgba(212,166,94,.18),transparent 27%),
      radial-gradient(circle at 100% 9%,rgba(185,111,86,.09),transparent 26%),
      #f5f0eb;
  }
  body.v12-earth-refined .site-header{
    background:rgba(255,253,249,.87);
    border-color:rgba(255,255,255,.88);
    box-shadow:0 12px 38px rgba(80,52,41,.095);
  }
  body.v12-earth-refined .issue-rail{background:rgba(255,253,249,.72)}
  body.v12-earth-refined .cover-visual{box-shadow:0 22px 55px rgba(75,48,37,.16)}
  body.v12-earth-refined .timeline-entry{background:#fffdf9;box-shadow:0 12px 30px rgba(80,52,41,.055)}
  body.v12-earth-refined .contact-types article{background:#fffdf9}
  body.v12-earth-refined .mobile-tabbar{
    border-color:rgba(255,255,255,.92);
    background:rgba(255,253,249,.92);
    box-shadow:0 18px 55px rgba(75,48,37,.17);
  }
  body.v12-earth-refined .mobile-tabbar a,body.v12-earth-refined .mobile-tabbar button{color:#82766f}
  body.v12-earth-refined .mobile-tabbar a.active{
    background:linear-gradient(145deg,#f1ded2,#faf0dc);
    color:var(--er-clay-deep);
    box-shadow:inset 0 0 0 1px rgba(140,79,59,.075);
  }
  body.v12-earth-refined .drawer-scrim{background:rgba(47,37,32,.46)}
  body.v12-earth-refined .drawer-panel{box-shadow:0 -22px 70px rgba(64,42,33,.22)}
  body.v12-earth-refined .drawer-panel::before{background:#cfc1b7}
  body.v12-earth-refined .interactive-card:hover{box-shadow:0 18px 52px rgba(80,52,41,.075)}
}


/* Client content integration: Phan Thi Thanh Thao */
:root{--sans:"Poppins","Montserrat","Be Vietnam Pro",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Poppins","Montserrat","Be Vietnam Pro",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.portrait-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)}
.portrait-showcase{position:relative;min-height:680px;display:grid;grid-template-columns:1fr .82fr;gap:18px;align-items:stretch}
.portrait-frame{position:relative;margin:0;overflow:hidden;background:var(--sand-200);box-shadow:var(--shadow);isolation:isolate}
.portrait-frame:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.62);z-index:2;pointer-events:none}
.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02);transition:transform 1.2s var(--ease)}
.portrait-frame:hover img{transform:scale(1.035)}
.portrait-frame-primary{min-height:680px}.portrait-quote-card{min-height:560px;margin-top:70px}
.portrait-frame figcaption{position:absolute;left:22px;right:22px;bottom:22px;z-index:3;padding:18px;background:rgba(43,29,23,.86);color:#fff;backdrop-filter:blur(12px)}
.portrait-frame figcaption span,.portrait-frame figcaption small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#dbc9ae}.portrait-frame figcaption b{font-family:var(--serif);font-size:24px;line-height:1.1}.portrait-frame figcaption p{font-family:var(--serif);font-size:clamp(18px,2vw,25px);line-height:1.35;margin:6px 0 0;color:#fff}
.video-feature-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:54px;align-items:center}
.video-card{position:relative;display:block;min-height:460px;overflow:hidden;background:var(--earth-900);box-shadow:var(--shadow);color:#fff}.video-card img{width:100%;height:460px;object-fit:cover;opacity:.72;transition:transform 1s var(--ease),opacity .3s}.video-card:hover img{transform:scale(1.04);opacity:.62}.video-card>div{position:absolute;left:26px;right:26px;bottom:26px;z-index:2;padding:20px;background:rgba(35,24,20,.84);backdrop-filter:blur(12px)}.video-card b{font-family:var(--serif);font-size:34px;line-height:1.08;display:block}.video-card small{color:#e7d6c9;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.play-mark{position:absolute;z-index:3;top:26px;left:26px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--earth-900);font-size:28px;box-shadow:0 18px 38px rgba(0,0,0,.18)}
.press-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.press-card{position:relative;min-height:260px;padding:24px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.press-card span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--clay-600);font-weight:850}.press-card h3{font-family:var(--serif);font-size:clamp(23px,2.2vw,31px);line-height:1.08;font-weight:500;margin:18px 0 auto}.press-card i{font-style:normal;align-self:flex-end;width:42px;height:42px;border:1px solid var(--earth-800);border-radius:50%;display:grid;place-items:center}.press-card:hover{background:var(--earth-900);color:#fff}.press-card:hover span{color:#f0cb82}.press-card:hover i{border-color:rgba(255,255,255,.45)}
.video-link-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.video-link-row a{padding:12px 14px;background:var(--sand-100);border:1px solid var(--line);font-size:12px;font-weight:800}.video-link-row a:hover{background:var(--earth-900);color:#fff}
.project-teaser-grid,.project-detail-grid,.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-detail-grid{grid-template-columns:repeat(2,1fr)}.achievement-grid{grid-template-columns:repeat(3,1fr)}
.project-teaser-card,.project-detail-card,.achievement-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:26px;min-height:260px;display:flex;flex-direction:column}.project-teaser-card span,.project-detail-card>span,.achievement-card span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--clay-600);font-weight:850}.project-teaser-card h3,.project-detail-card h3,.achievement-card h3{font-family:var(--serif);font-size:clamp(27px,3vw,38px);line-height:1.05;font-weight:500;margin:18px 0 12px}.project-teaser-card p,.project-detail-card p,.achievement-card p{color:var(--muted);font-size:14px}.project-detail-card{min-height:440px}.project-detail-card .text-link{margin-top:auto;align-self:flex-start}.achievement-card{min-height:310px}
.partner-section{padding-top:70px}.partner-strip{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);background:var(--paper)}.partner-strip span{display:grid;place-items:center;min-height:112px;padding:16px;text-align:center;border-right:1px solid var(--line);font-family:var(--serif);font-size:18px;line-height:1.2}.partner-strip span:last-child{border-right:0}.partner-strip span:hover{background:var(--earth-900);color:#fff}
.profile-metric-section{background:#f4eadb}.profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.profile-metrics div{background:var(--paper);padding:26px}.profile-metrics b{display:block;font-family:var(--serif);font-size:clamp(44px,6vw,76px);line-height:.9;color:var(--earth-800)}.profile-metrics span{display:block;margin-top:12px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.library-toolbar{display:grid;gap:14px;justify-items:end}.search-box{min-width:min(480px,100%);display:grid;gap:8px}.search-box span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--clay-600);font-weight:850}.search-box input{width:100%;height:48px;border:1px solid var(--line-strong);background:var(--paper);padding:0 15px;outline:none}.search-box input:focus{border-color:var(--earth-800);box-shadow:0 0 0 4px rgba(168,95,69,.08)}.button-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.article-content ul{padding-left:24px}.article-content li+li{margin-top:8px}.asset-card[href^="http"]{cursor:pointer}
@media (max-width:1120px){.portrait-hero-grid,.video-feature-grid{grid-template-columns:1fr}.portrait-showcase{min-height:auto}.portrait-frame-primary,.portrait-quote-card{min-height:520px}.portrait-quote-card{margin-top:0}.press-grid,.achievement-grid{grid-template-columns:repeat(2,1fr)}.partner-strip{grid-template-columns:repeat(3,1fr)}.partner-strip span{border-bottom:1px solid var(--line)}}
@media (max-width:820px){.portrait-showcase{grid-template-columns:1fr}.portrait-frame-primary,.portrait-quote-card{min-height:520px}.press-grid,.project-teaser-grid,.project-detail-grid,.achievement-grid,.profile-metrics{grid-template-columns:1fr}.partner-strip{grid-template-columns:repeat(2,1fr)}.library-toolbar{justify-items:stretch}.video-card,.video-card img{min-height:360px;height:360px}.play-mark{width:58px;height:58px;font-size:20px}.video-card b{font-size:27px}}
@media (max-width:560px){.portrait-frame-primary,.portrait-quote-card{min-height:460px}.partner-strip{grid-template-columns:1fr}.press-card,.project-teaser-card,.project-detail-card,.achievement-card{min-height:auto}.cover-index div{padding-right:10px}.cover-index b{font-size:30px}.profile-metrics b{font-size:52px}}


/* =========================================================
   V14 — Visual review refinement
   - Tối ưu tương phản chữ/nền theo bản chụp giao diện.
   - Giữ tinh thần Earth Refined trong mo-ta-trang-web.html nhưng tăng độ đọc.
   - Sửa các section tối: Góc nhìn, topic rail, impact band, footer.
   - Thêm hệ card cho bài viết liên quan.
   ========================================================= */
body.v12-earth-refined{
  --er-espresso:#261f1b;
  --er-cocoa:#3a2d27;
  --er-cocoa-soft:#5b5049;
  --er-clay:#a86249;
  --er-clay-deep:#7b4637;
  --er-terracotta:#b96a4f;
  --er-honey:#cf9a4c;
  --er-sage:#8d9783;
  --er-ivory:#fffdf9;
  --er-cream:#fbf6f0;
  --er-blush:#f3e2d7;
  --er-sand:#ead6c6;
  --er-line:rgba(78,55,46,.13);
  --er-line-strong:rgba(78,55,46,.24);
  color:var(--er-espresso);
  background:
    radial-gradient(circle at 8% -4%,rgba(207,154,76,.12),transparent 30%),
    radial-gradient(circle at 94% 14%,rgba(185,106,79,.095),transparent 27%),
    linear-gradient(180deg,#fffaf6 0%,#fffdf9 38%,#faf3ec 72%,#f4e7dd 100%) !important;
}
body.v12-earth-refined p,
body.v12-earth-refined .masthead-copy>p:last-child,
body.v12-earth-refined .section-heading>p,
body.v12-earth-refined .feature-copy p,
body.v12-earth-refined .project-teaser-card p,
body.v12-earth-refined .project-detail-card p,
body.v12-earth-refined .achievement-card p,
body.v12-earth-refined .resource-card p,
body.v12-earth-refined .asset-card span,
body.v12-earth-refined .contact-types p,
body.v12-earth-refined .contact-note p{
  color:var(--er-cocoa-soft);
}
body.v12-earth-refined .site-header{background:rgba(255,253,249,.88)}
body.v12-earth-refined .site-header.scrolled{background:rgba(255,253,249,.96)}
body.v12-earth-refined .brand-copy strong,
body.v12-earth-refined .nav-link:hover,
body.v12-earth-refined .section-heading h2,
body.v12-earth-refined .cover-copy h1,
body.v12-earth-refined .masthead-copy h1,
body.v12-earth-refined .article-header h1,
body.v12-earth-refined .simple-masthead h1,
body.v12-earth-refined .contact-copy h2,
body.v12-earth-refined .contact-form h2,
body.v12-earth-refined .resource-hero h2,
body.v12-earth-refined .media-profile h2{
  color:var(--er-espresso);
}
body.v12-earth-refined .nav-link{color:#4f453f}
body.v12-earth-refined .overline,
body.v12-earth-refined .article-meta,
body.v12-earth-refined .resource-type,
body.v12-earth-refined .section-no,
body.v12-earth-refined .edition-label{
  color:#784637;
  background:linear-gradient(135deg,#f3e1d5,#fbf0dd);
  box-shadow:inset 0 0 0 1px rgba(120,70,55,.10);
}
body.v12-earth-refined .button-primary{
  background:linear-gradient(135deg,#764436,var(--er-terracotta) 58%,#c38757);
  color:#fff;
}
body.v12-earth-refined .button-primary:hover{background:linear-gradient(135deg,#5f382f,#9b5943 58%,#b87851)}
body.v12-earth-refined .page-masthead:not(.insights-masthead){
  background:linear-gradient(180deg,#f6e6da 0%,#fff8f2 48%,rgba(255,255,255,0) 100%) !important;
}
body.v12-earth-refined .page-masthead.insights-masthead{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(108deg,rgba(38,31,27,.95) 0%,rgba(63,45,38,.88) 48%,rgba(166,97,70,.38) 100%),
    url('stock/ai-experience.jpg') center/cover no-repeat !important;
}
body.v12-earth-refined .page-masthead.insights-masthead::after{
  border-color:rgba(255,253,249,.18) !important;
  z-index:0;
}
body.v12-earth-refined .page-masthead.insights-masthead .section-shell{position:relative;z-index:1}
body.v12-earth-refined .page-masthead.insights-masthead .masthead-copy h1,
body.v12-earth-refined .page-masthead.insights-masthead .masthead-copy>p:last-child{
  color:#fffdf9 !important;
  text-shadow:0 2px 20px rgba(0,0,0,.18);
}
body.v12-earth-refined .page-masthead.insights-masthead .overline,
body.v12-earth-refined .page-masthead.insights-masthead .edition-label{
  color:#ffe0aa;
  background:rgba(255,253,249,.12);
  border-color:rgba(255,253,249,.24);
  box-shadow:inset 0 0 0 1px rgba(255,253,249,.14);
}
body.v12-earth-refined .page-masthead.insights-masthead .edition-label{border-top-color:rgba(255,253,249,.32)}
body.v12-earth-refined .lead-feature,
body.v12-earth-refined .insight-lead,
body.v12-earth-refined .insight-row,
body.v12-earth-refined .story-card,
body.v12-earth-refined .note-card,
body.v12-earth-refined .project-teaser-card,
body.v12-earth-refined .project-detail-card,
body.v12-earth-refined .achievement-card,
body.v12-earth-refined .resource-card,
body.v12-earth-refined .asset-card,
body.v12-earth-refined .contact-form,
body.v12-earth-refined .contact-note,
body.v12-earth-refined .contact-types article,
body.v12-earth-refined .publication-row,
body.v12-earth-refined .status-card{
  background:rgba(255,253,249,.96);
  border-color:rgba(78,55,46,.12);
  box-shadow:0 18px 52px rgba(80,52,41,.072);
}
body.v12-earth-refined .insight-row h2 a,
body.v12-earth-refined .feature-copy h3,
body.v12-earth-refined .project-teaser-card h3,
body.v12-earth-refined .project-detail-card h3,
body.v12-earth-refined .achievement-card h3,
body.v12-earth-refined .resource-card h3,
body.v12-earth-refined .asset-card b{color:var(--er-espresso)}
body.v12-earth-refined .filter-bar{background:rgba(255,253,249,.88);border:1px solid rgba(78,55,46,.09)}
body.v12-earth-refined .filter-bar button{color:#5b5049}
body.v12-earth-refined .filter-bar button.active{color:#fff;background:linear-gradient(135deg,#7b4637,#b96a4f)}

/* Dark sections: bảo đảm chữ trắng thật sự đọc được */
body.v12-earth-refined .earth-panel,
body.v12-earth-refined .impact-band,
body.v12-earth-refined .topic-rail,
body.v12-earth-refined .site-footer{
  color:#fffdf9;
}
body.v12-earth-refined .earth-panel{background:linear-gradient(130deg,#30241f,#563c32 54%,#8d513e)}
body.v12-earth-refined .impact-band{background:linear-gradient(135deg,#2f2622,#4d382f 58%,#674537)}
body.v12-earth-refined .topic-rail{background:linear-gradient(135deg,#2b221f,#432f29 56%,#5a3b31)}
body.v12-earth-refined .earth-panel h2,
body.v12-earth-refined .impact-band h2,
body.v12-earth-refined .topic-rail .section-heading h2,
body.v12-earth-refined .site-footer b{
  color:#fffdf9 !important;
}
body.v12-earth-refined .earth-panel p,
body.v12-earth-refined .impact-band p,
body.v12-earth-refined .topic-rail p,
body.v12-earth-refined .site-footer p,
body.v12-earth-refined .footer-nav a,
body.v12-earth-refined .footer-meta{
  color:rgba(255,253,249,.74) !important;
}
body.v12-earth-refined .impact-metrics div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11)}
body.v12-earth-refined .impact-metrics b{color:#e3b66b}
body.v12-earth-refined .impact-metrics span{color:rgba(255,253,249,.76)}
body.v12-earth-refined .topic-rail .section-no{
  color:#f2ca83;
  background:rgba(255,253,249,.10);
  box-shadow:inset 0 0 0 1px rgba(255,253,249,.12);
}
body.v12-earth-refined .topic-rail .topic-card{
  background:#fffdf9;
  color:var(--er-espresso) !important;
  border-color:rgba(255,255,255,.72);
}
body.v12-earth-refined .topic-rail .topic-card b{color:#c99247}
body.v12-earth-refined .topic-rail .topic-card span{color:var(--er-espresso) !important}
body.v12-earth-refined .topic-rail .topic-card small{color:#6a5f58 !important}
body.v12-earth-refined .topic-rail .topic-card:hover{
  background:linear-gradient(145deg,#fffaf2,#f6e5d7);
  transform:translateY(-6px);
}
body.v12-earth-refined .site-footer{background:linear-gradient(145deg,#2a211e,#463129 58%,#573a30)}
body.v12-earth-refined .footer-nav a:hover{color:#f1c77b !important}
body.v12-earth-refined .footer-meta a{color:#e8d7c9}

/* Article readability and related articles */
body.v12-earth-refined .article-header{padding-bottom:44px}
body.v12-earth-refined .article-deck{color:#5a4d46}
body.v12-earth-refined .article-byline{background:rgba(255,253,249,.74);border:1px solid var(--er-line);padding:14px;border-radius:18px}
body.v12-earth-refined .article-content p,
body.v12-earth-refined .article-content li{color:#3d332e}
body.v12-earth-refined .article-content blockquote{background:#f5e4d9;color:#382d28;border-left-color:var(--er-terracotta)}
body.v12-earth-refined .article-callout{background:linear-gradient(135deg,#342621,#543a30);color:#fffdf9;border-radius:22px}
body.v12-earth-refined .article-callout b,
body.v12-earth-refined .article-callout li{color:#fffdf9}
.related-articles-section{padding:0 0 104px;margin-top:-8px}
.related-articles-section .section-heading{margin-bottom:24px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.related-card{display:grid;background:#fffdf9;border:1px solid rgba(78,55,46,.12);border-radius:24px;overflow:hidden;box-shadow:0 18px 52px rgba(80,52,41,.075);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.related-card:hover{transform:translateY(-7px);box-shadow:0 30px 78px rgba(80,52,41,.14);border-color:rgba(185,106,79,.25)}
.related-card img{width:100%;height:210px;object-fit:cover;background:#f2e5dc;filter:saturate(.94) contrast(1.02)}
.related-card>div{padding:20px}
.related-card .article-meta{margin-bottom:12px;width:max-content;max-width:100%}
.related-card h3{font-family:var(--serif);font-size:clamp(22px,2.2vw,30px);line-height:1.08;letter-spacing:-.035em;margin:0 0 12px;color:var(--er-espresso)}
.related-card p{font-size:14px;line-height:1.65;color:#62564f;margin:0 0 18px}
.related-card span:last-child{font-weight:800;color:var(--er-clay-deep);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
body.v12-earth-refined .article-footer{padding-top:30px;border-top-color:rgba(78,55,46,.2)}

/* Forms and accessibility */
body.v12-earth-refined .contact-form input,
body.v12-earth-refined .contact-form textarea,
body.v12-earth-refined .contact-form select,
body.v12-earth-refined .search-box input{
  background:#fff;
  border-color:rgba(78,55,46,.18);
  color:var(--er-espresso);
}
body.v12-earth-refined .contact-form input::placeholder,
body.v12-earth-refined .contact-form textarea::placeholder,
body.v12-earth-refined .search-box input::placeholder{color:#91857d}
body.v12-earth-refined a:focus-visible,
body.v12-earth-refined button:focus-visible,
body.v12-earth-refined input:focus-visible,
body.v12-earth-refined select:focus-visible,
body.v12-earth-refined textarea:focus-visible{
  outline:3px solid rgba(207,154,76,.62);
  outline-offset:3px;
}
@media(max-width:920px){
  .related-grid{grid-template-columns:1fr 1fr}
  body.v12-earth-refined .page-masthead.insights-masthead{min-height:560px}
}
@media(max-width:680px){
  body.v12-earth-refined .page-masthead.insights-masthead{border-radius:30px;margin:10px 8px;min-height:500px;padding-top:34px}
  .related-grid{grid-template-columns:1fr}
  .related-card img{height:220px}
  .related-articles-section{padding-bottom:72px}
  body.v12-earth-refined .topic-rail .topic-card{min-height:auto}
}

/* =========================================================
   V15 — Portrait showcase slider
   Chuyển khối .portrait-showcase thành carousel hình ảnh có figcaption.
   ========================================================= */
.portrait-showcase.portrait-slider{
  position:relative;
  display:block;
  min-height:680px;
  align-self:stretch;
  overflow:visible;
}
.portrait-slider-viewport{
  position:relative;
  height:680px;
  overflow:hidden;
  background:linear-gradient(145deg,var(--sand-200),#fff7ef);
  border:1px solid rgba(255,255,255,.72);
  border-radius:28px;
  box-shadow:var(--shadow);
  isolation:isolate;
}
.portrait-slider-viewport:before{
  content:"";
  position:absolute;
  inset:16px;
  z-index:4;
  border:1px solid rgba(255,255,255,.66);
  border-radius:20px;
  pointer-events:none;
}
.portrait-slider-track{
  height:100%;
  display:flex;
  transform:translate3d(0,0,0);
  transition:transform .72s var(--ease);
  will-change:transform;
}
.portrait-slide{
  position:relative;
  min-width:100%;
  height:100%;
  margin:0;
  overflow:hidden;
  background:var(--sand-200);
  color:#fff;
}
.portrait-slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  filter:saturate(.94) contrast(1.03) brightness(.98);
  transform:scale(1.015);
  transition:transform 1.15s var(--ease),filter .45s ease;
}
.portrait-slider:hover .portrait-slide.is-active img{transform:scale(1.045);filter:saturate(.98) contrast(1.04) brightness(.94)}
.portrait-slide:after{
  content:"";
  position:absolute;
  inset:44% 0 0;
  z-index:1;
  background:linear-gradient(180deg,rgba(39,26,20,0),rgba(39,26,20,.62) 47%,rgba(39,26,20,.88));
  pointer-events:none;
}
.portrait-slide figcaption{
  position:absolute;
  left:28px;
  right:28px;
  bottom:28px;
  z-index:5;
  display:grid;
  gap:8px;
  padding:22px 24px;
  background:rgba(50,34,27,.82);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  box-shadow:0 18px 44px rgba(20,12,8,.22);
  backdrop-filter:blur(14px);
}
.portrait-slide figcaption span{
  display:inline-flex;
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(232,200,167,.15);
  color:#f1d3b9;
  font-size:10px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:850;
}
.portrait-slide figcaption b{
  max-width:15ch;
  font-family:var(--serif);
  font-size:clamp(27px,3.3vw,45px);
  line-height:1.02;
  font-weight:800;
  letter-spacing:-.05em;
}
.portrait-slide figcaption small{
  display:block;
  max-width:58ch;
  color:#f3e2d7;
  font-size:13px;
  line-height:1.55;
  letter-spacing:.01em;
}
.portrait-slider-ui{
  position:absolute;
  left:20px;
  right:20px;
  bottom:-24px;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  pointer-events:none;
}
.portrait-slider-dots,.portrait-slider-arrows{display:flex;align-items:center;gap:8px;pointer-events:auto}
.portrait-slider-dots{
  min-height:48px;
  padding:0 14px;
  background:rgba(255,253,249,.82);
  border:1px solid rgba(255,255,255,.88);
  border-radius:999px;
  box-shadow:0 16px 36px rgba(80,52,41,.12);
  backdrop-filter:blur(14px);
}
.portrait-slider-dots button{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(78,55,46,.28);
  cursor:pointer;
  transition:width .28s ease,background .28s ease,transform .28s ease;
}
.portrait-slider-dots button.is-active{width:28px;background:var(--clay-600)}
.portrait-slider-dots button:focus-visible,.portrait-slider-arrows button:focus-visible{outline:3px solid rgba(168,100,76,.26);outline-offset:3px}
.portrait-slider-arrows button{
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:50%;
  background:rgba(255,253,249,.88);
  color:var(--earth-900);
  box-shadow:0 16px 36px rgba(80,52,41,.12);
  cursor:pointer;
  font-size:19px;
  font-weight:900;
  backdrop-filter:blur(14px);
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.portrait-slider-arrows button:hover{transform:translateY(-2px);background:var(--earth-900);color:#fff}
.portrait-showcase.portrait-slider .cover-stamp{
  right:-18px;
  top:32px;
  z-index:12;
}
@media (prefers-reduced-motion: reduce){
  .portrait-slider-track,.portrait-slide img,.portrait-slider-dots button,.portrait-slider-arrows button{transition:none!important}
}
@media (max-width:1120px){
  .portrait-showcase.portrait-slider{min-height:auto}
  .portrait-slider-viewport{height:620px}
}
@media (max-width:820px){
  .portrait-slider-viewport{height:560px;border-radius:24px}
  .portrait-slide figcaption{left:18px;right:18px;bottom:18px;padding:18px;border-radius:16px}
  .portrait-slide figcaption b{font-size:clamp(25px,8vw,36px)}
  .portrait-slider-ui{left:14px;right:14px;bottom:-22px}
  .portrait-slider-arrows button{width:44px;height:44px}
  .portrait-showcase.portrait-slider .cover-stamp{right:-6px;top:18px}
}
@media (max-width:560px){
  .portrait-slider-viewport{height:500px}
  .portrait-slider-ui{position:relative;left:auto;right:auto;bottom:auto;margin-top:12px;justify-content:center;flex-wrap:wrap}
  .portrait-slide figcaption small{font-size:12px}
  .portrait-showcase.portrait-slider .cover-stamp{width:82px;height:82px;font-size:8px;border-width:6px}
}


/* =========================================================
   V16 — Portrait slider fixed layout
   Sửa lỗi portrait-slider-ui bị neo theo chiều cao grid cha, gây tụt xuống
   dưới hero và bị cắt; đổi cơ chế slide sang fade để không còn lộ nửa slide.
   ========================================================= */
.portrait-hero-grid{
  align-items:start;
}
.portrait-showcase.portrait-slider{
  align-self:start;
  justify-self:end;
  width:min(100%, 650px);
  min-height:0;
  display:grid;
  grid-template-rows:auto auto;
  gap:16px;
  overflow:visible;
}
.portrait-slider-viewport{
  width:100%;
  height:clamp(560px, 46vw, 640px);
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(145deg,#fff5ea,#f3e5d8 58%,#fffaf4);
}
.portrait-slider-track{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  transform:none!important;
  transition:none;
}
.portrait-slide{
  position:absolute;
  inset:0;
  min-width:0;
  width:100%;
  height:100%;
  opacity:0;
  visibility:hidden;
  transform:translate3d(16px,0,0) scale(.992);
  transition:opacity .5s ease,transform .62s var(--ease),visibility 0s linear .5s;
  pointer-events:none;
  overflow:hidden;
}
.portrait-slide.is-active{
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0) scale(1);
  transition-delay:0s;
  pointer-events:auto;
  z-index:2;
}
.portrait-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.portrait-slide:first-child img{object-position:center center}
.portrait-slide:nth-child(2) img{object-position:center 38%}
.portrait-slide:nth-child(3) img{object-position:center center}
.portrait-slide figcaption{
  left:24px;
  right:24px;
  bottom:24px;
  max-width:calc(100% - 48px);
  padding:20px 22px;
  border-radius:20px;
  overflow:visible;
}
.portrait-slide figcaption b{
  max-width:min(17ch,100%);
  font-size:clamp(28px,3vw,40px);
  word-break:normal;
  overflow-wrap:break-word;
}
.portrait-slide figcaption small{
  max-width:46ch;
}
.portrait-slider-ui{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 4px;
  pointer-events:auto;
}
.portrait-slider-dots,
.portrait-slider-arrows{
  pointer-events:auto;
}
.portrait-showcase.portrait-slider .cover-stamp{
  right:-16px;
  top:28px;
}
@media (max-width:1120px){
  .portrait-showcase.portrait-slider{
    width:100%;
    justify-self:stretch;
  }
  .portrait-slider-viewport{height:clamp(520px,58vw,620px)}
}
@media (max-width:820px){
  .portrait-showcase.portrait-slider{
    gap:14px;
  }
  .portrait-slider-viewport{
    height:clamp(500px,82vw,580px);
    border-radius:26px;
  }
  .portrait-slide figcaption{
    left:18px;
    right:18px;
    bottom:18px;
    max-width:calc(100% - 36px);
    padding:18px;
  }
  .portrait-slide figcaption b{font-size:clamp(25px,7vw,34px)}
  .portrait-slider-ui{
    margin-top:0;
    justify-content:space-between;
  }
  .portrait-showcase.portrait-slider .cover-stamp{
    right:-8px;
    top:18px;
  }
}
@media (max-width:560px){
  .portrait-slider-viewport{height:500px}
  .portrait-slider-ui{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
  }
}


/* =========================================================
   V17 — Portrait slider integrated block
   Gom portrait-slider-ui vào cùng một khối với ảnh, tăng kích thước slide,
   đặt điều khiển đè nhẹ trên card và tự mờ để giao diện thanh thoát hơn.
   ========================================================= */
body.v12-earth-refined .cover-story{
  overflow:hidden;
}
body.v12-earth-refined .portrait-hero-grid{
  width:min(calc(100% - 72px), 1480px);
  grid-template-columns:minmax(0,.82fr) minmax(580px,1.18fr);
  gap:clamp(44px,5.2vw,78px);
  align-items:center;
}
body.v12-earth-refined .portrait-showcase.portrait-slider{
  position:relative;
  display:block;
  justify-self:end;
  align-self:center;
  width:min(100%, 760px);
  min-height:0;
  overflow:visible;
  padding:0;
  transform:translateZ(0);
}
body.v12-earth-refined .portrait-slider-viewport{
  height:clamp(640px,49vw,760px);
  border-radius:34px;
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 34px 90px rgba(80,52,41,.18),0 10px 34px rgba(80,52,41,.10);
  background:linear-gradient(145deg,#fff8ef,#f1dfcf 56%,#fffaf5);
}
body.v12-earth-refined .portrait-slider-viewport::before{
  inset:18px;
  z-index:6;
  border-radius:24px;
  border-color:rgba(255,255,255,.62);
}
body.v12-earth-refined .portrait-slide img{
  transform:scale(1.025);
  filter:saturate(.96) contrast(1.04) brightness(.98);
}
body.v12-earth-refined .portrait-slider:hover .portrait-slide.is-active img{
  transform:scale(1.055);
}
body.v12-earth-refined .portrait-slide:first-child img{object-position:center 46%}
body.v12-earth-refined .portrait-slide:nth-child(2) img{object-position:center 39%}
body.v12-earth-refined .portrait-slide:nth-child(3) img{object-position:center center}
body.v12-earth-refined .portrait-slide::after{
  inset:38% 0 0;
  background:linear-gradient(180deg,rgba(39,26,20,0),rgba(39,26,20,.48) 45%,rgba(39,26,20,.88));
}
body.v12-earth-refined .portrait-slide figcaption{
  left:28px;
  right:auto;
  bottom:30px;
  width:min(430px, calc(100% - 56px));
  max-width:none;
  padding:22px 24px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(58,37,29,.88),rgba(45,29,23,.92));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 22px 58px rgba(22,12,8,.24);
  backdrop-filter:blur(16px) saturate(135%);
}
body.v12-earth-refined .portrait-slide figcaption b{
  max-width:12ch;
  font-size:clamp(34px,3.35vw,52px);
  line-height:.96;
}
body.v12-earth-refined .portrait-slide figcaption small{
  max-width:36ch;
  font-size:14px;
  line-height:1.55;
}
body.v12-earth-refined .portrait-slider-ui{
  position:absolute;
  z-index:22;
  right:26px;
  bottom:28px;
  left:auto;
  width:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:8px;
  border-radius:999px;
  background:rgba(255,253,249,.72);
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 18px 44px rgba(43,26,18,.18);
  backdrop-filter:blur(18px) saturate(140%);
  opacity:.28;
  transform:translate3d(0,8px,0) scale(.985);
  transition:opacity .32s ease,transform .32s var(--ease),background .32s ease;
  pointer-events:auto;
}
body.v12-earth-refined .portrait-showcase.portrait-slider:hover .portrait-slider-ui,
body.v12-earth-refined .portrait-showcase.portrait-slider:focus-within .portrait-slider-ui,
body.v12-earth-refined .portrait-slider-ui:hover{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  background:rgba(255,253,249,.9);
}
body.v12-earth-refined .portrait-slider-dots,
body.v12-earth-refined .portrait-slider-arrows{
  min-height:auto;
  gap:7px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
}
body.v12-earth-refined .portrait-slider-dots{
  padding:0 6px 0 4px;
}
body.v12-earth-refined .portrait-slider-dots button{
  width:8px;
  height:8px;
  background:rgba(78,55,46,.25);
}
body.v12-earth-refined .portrait-slider-dots button.is-active{
  width:30px;
  background:var(--er-terracotta);
}
body.v12-earth-refined .portrait-slider-arrows button{
  width:42px;
  height:42px;
  border:0;
  background:rgba(255,255,255,.82);
  color:var(--er-espresso);
  box-shadow:0 10px 26px rgba(80,52,41,.10);
  font-size:18px;
}
body.v12-earth-refined .portrait-slider-arrows button:hover{
  background:var(--er-espresso);
  color:#fff;
}
body.v12-earth-refined .portrait-showcase.portrait-slider .cover-stamp{
  top:38px;
  right:-22px;
  z-index:24;
  box-shadow:0 22px 48px rgba(185,106,79,.22);
}
@media (hover:none){
  body.v12-earth-refined .portrait-slider-ui{
    opacity:.86;
    transform:none;
  }
}
@media (max-width:1320px){
  body.v12-earth-refined .portrait-hero-grid{
    width:min(calc(100% - 56px), 1320px);
    grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
    gap:clamp(34px,4.5vw,58px);
  }
  body.v12-earth-refined .portrait-showcase.portrait-slider{width:min(100%,690px)}
  body.v12-earth-refined .portrait-slider-viewport{height:clamp(600px,50vw,700px)}
  body.v12-earth-refined .portrait-slide figcaption b{font-size:clamp(30px,3.1vw,44px)}
}
@media (max-width:1120px){
  body.v12-earth-refined .portrait-hero-grid{
    width:min(calc(100% - 44px), var(--max));
    grid-template-columns:1fr;
    gap:34px;
  }
  body.v12-earth-refined .portrait-showcase.portrait-slider{
    justify-self:stretch;
    width:100%;
    max-width:760px;
    margin-inline:auto;
  }
  body.v12-earth-refined .portrait-slider-viewport{height:clamp(560px,74vw,680px)}
}
@media (max-width:820px){
  body.v12-earth-refined .portrait-hero-grid{width:min(calc(100% - 28px),var(--max));gap:28px}
  body.v12-earth-refined .portrait-showcase.portrait-slider{max-width:none}
  body.v12-earth-refined .portrait-slider-viewport{height:clamp(520px,92vw,620px);border-radius:28px}
  body.v12-earth-refined .portrait-slide figcaption{
    left:18px;
    bottom:18px;
    width:calc(100% - 36px);
    padding:18px;
    border-radius:20px;
  }
  body.v12-earth-refined .portrait-slide figcaption b{
    max-width:14ch;
    font-size:clamp(28px,8vw,38px);
  }
  body.v12-earth-refined .portrait-slider-ui{
    right:18px;
    bottom:18px;
    opacity:.9;
    transform:none;
  }
  body.v12-earth-refined .portrait-slider-dots{display:none}
  body.v12-earth-refined .portrait-slider-arrows button{width:40px;height:40px}
  body.v12-earth-refined .portrait-showcase.portrait-slider .cover-stamp{
    right:-8px;
    top:20px;
  }
}
@media (max-width:560px){
  body.v12-earth-refined .portrait-slider-viewport{height:500px}
  body.v12-earth-refined .portrait-slide figcaption small{font-size:12px}
  body.v12-earth-refined .portrait-slider-ui{
    right:14px;
    bottom:14px;
    padding:6px;
  }
  body.v12-earth-refined .portrait-slider-arrows button{width:38px;height:38px;font-size:16px}
}

/* =========================================================
   V18 — Home harmony, ticker continuity & cover stamp safe area
   Sửa cover-stamp bị cắt, làm ticker luôn có chữ và thống nhất lại
   nhịp khối trang chủ theo một hệ card ấm, gọn, dễ đọc.
   ========================================================= */
body.v12-earth-refined .cover-story{
  overflow:visible;
  padding-bottom:clamp(54px,5.5vw,88px);
  background:
    radial-gradient(circle at 76% 18%,rgba(185,106,79,.09),transparent 28%),
    radial-gradient(circle at 18% 88%,rgba(207,154,76,.08),transparent 26%);
}
body.v12-earth-refined .portrait-hero-grid{
  width:min(calc(100% - 76px),1480px);
  grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);
  gap:clamp(42px,5vw,72px);
  align-items:center;
}
body.v12-earth-refined .cover-copy h1{
  max-width:9.4ch;
  text-wrap:balance;
}
body.v12-earth-refined .cover-deck{
  max-width:670px;
  font-size:clamp(17px,1.35vw,21px);
  line-height:1.72;
}
body.v12-earth-refined .cover-actions{
  margin-top:30px;
}
body.v12-earth-refined .cover-index{
  margin-top:46px;
  gap:14px;
}
body.v12-earth-refined .cover-index div{
  min-height:96px;
  padding:18px 22px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,253,249,.96),rgba(250,240,232,.88));
  border:1px solid rgba(78,55,46,.08)!important;
  box-shadow:0 18px 44px rgba(80,52,41,.08);
}
body.v12-earth-refined .cover-index b{
  line-height:.9;
}
body.v12-earth-refined .portrait-showcase.portrait-slider{
  width:min(100%,800px);
  isolation:isolate;
}
body.v12-earth-refined .portrait-slider-viewport{
  height:clamp(650px,49vw,790px);
  overflow:hidden;
  border-radius:34px;
}
body.v12-earth-refined .portrait-slider-viewport::before{
  pointer-events:none;
}
body.v12-earth-refined .portrait-slide figcaption{
  bottom:30px;
  left:30px;
  width:min(430px,calc(100% - 60px));
}
body.v12-earth-refined .portrait-slider-ui{
  right:28px;
  bottom:28px;
  opacity:.18;
}
body.v12-earth-refined .portrait-showcase.portrait-slider:hover .portrait-slider-ui,
body.v12-earth-refined .portrait-showcase.portrait-slider:focus-within .portrait-slider-ui,
body.v12-earth-refined .portrait-slider-ui:hover{
  opacity:.96;
}
body.v12-earth-refined .portrait-showcase.portrait-slider .cover-stamp{
  top:28px;
  right:28px;
  width:112px;
  height:112px;
  border-width:7px;
  z-index:26;
  transform:rotate(8deg);
  box-shadow:0 18px 48px rgba(92,55,35,.20);
  pointer-events:none;
}

/* Ticker luôn có đủ nội dung ngay từ điểm đầu và chạy liền mạch */
body.v12-earth-refined .ticker{
  padding:0;
  min-height:46px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-top:1px solid rgba(255,253,249,.10);
  border-bottom:1px solid rgba(255,253,249,.10);
  background:linear-gradient(90deg,#3a2b26 0%,#543b31 48%,#65463a 100%);
}
body.v12-earth-refined .ticker-track{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  gap:0;
  animation:tickerV18 34s linear infinite;
  will-change:transform;
  transform:translateX(0);
}
body.v12-earth-refined .ticker-group{
  display:inline-flex;
  align-items:center;
  gap:30px;
  padding-right:30px;
  white-space:nowrap;
}
body.v12-earth-refined .ticker span{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  color:#fff4df;
  letter-spacing:.12em;
}
body.v12-earth-refined .ticker i{
  color:#e7bf74;
  opacity:.96;
}
@keyframes tickerV18{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Hệ khối trang chủ thống nhất hơn */
body.v12-earth-refined.page-home main > .editorial-section.section-shell{
  padding-top:clamp(76px,7vw,110px);
  padding-bottom:clamp(76px,7vw,110px);
}
body.v12-earth-refined.page-home .section-heading{
  gap:clamp(22px,4vw,54px);
  margin-bottom:clamp(30px,4vw,48px);
}
body.v12-earth-refined.page-home .section-heading h2{
  text-wrap:balance;
}
body.v12-earth-refined.page-home .section-heading>p,
body.v12-earth-refined.page-home .section-heading .text-link{
  align-self:end;
}
body.v12-earth-refined.page-home .feature-layout,
body.v12-earth-refined.page-home .press-grid,
body.v12-earth-refined.page-home .project-teaser-grid,
body.v12-earth-refined.page-home .story-grid{
  gap:20px;
}
body.v12-earth-refined.page-home .lead-feature,
body.v12-earth-refined.page-home .note-card,
body.v12-earth-refined.page-home .press-card,
body.v12-earth-refined.page-home .project-teaser-card,
body.v12-earth-refined.page-home .story-card,
body.v12-earth-refined.page-home .partner-strip,
body.v12-earth-refined.page-home .newsletter-grid{
  border-radius:26px;
  border:1px solid rgba(78,55,46,.10);
  background:linear-gradient(145deg,rgba(255,253,249,.97),rgba(250,242,235,.91));
  box-shadow:0 22px 58px rgba(80,52,41,.075);
  overflow:hidden;
}
body.v12-earth-refined.page-home .lead-feature{
  min-height:500px;
}
body.v12-earth-refined.page-home .feature-copy{
  padding:clamp(28px,3vw,42px);
}
body.v12-earth-refined.page-home .editorial-notes{
  gap:16px;
}
body.v12-earth-refined.page-home .note-card{
  min-height:156px;
  padding:22px 22px 20px;
}
body.v12-earth-refined.page-home .press-card,
body.v12-earth-refined.page-home .project-teaser-card{
  min-height:240px;
  padding:26px;
}
body.v12-earth-refined.page-home .press-card h3,
body.v12-earth-refined.page-home .project-teaser-card h3,
body.v12-earth-refined.page-home .story-card h3{
  text-wrap:balance;
}
body.v12-earth-refined.page-home .press-card:hover{
  background:linear-gradient(145deg,#352721,#593d32);
}
body.v12-earth-refined.page-home .story-card{
  display:flex;
  flex-direction:column;
}
body.v12-earth-refined.page-home .story-image{
  border-bottom:1px solid rgba(78,55,46,.08);
}
body.v12-earth-refined.page-home .quote-section{
  margin-top:0;
  margin-bottom:0;
  border-top:1px solid rgba(78,55,46,.06);
  border-bottom:1px solid rgba(78,55,46,.06);
}
body.v12-earth-refined.page-home .partner-strip{
  background:rgba(255,253,249,.94);
}
body.v12-earth-refined.page-home .partner-strip span{
  min-height:104px;
}
body.v12-earth-refined.page-home .newsletter{
  padding-top:clamp(76px,7vw,110px);
  padding-bottom:clamp(76px,7vw,110px);
}
body.v12-earth-refined.page-home .newsletter-grid{
  padding:clamp(28px,4vw,48px);
  background:linear-gradient(135deg,rgba(255,253,249,.82),rgba(252,239,226,.70));
}

@media (max-width:1320px){
  body.v12-earth-refined .portrait-hero-grid{
    width:min(calc(100% - 56px),1320px);
    grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);
  }
  body.v12-earth-refined .portrait-showcase.portrait-slider{width:min(100%,720px)}
  body.v12-earth-refined .portrait-slider-viewport{height:clamp(600px,50vw,710px)}
}
@media (max-width:1120px){
  body.v12-earth-refined .cover-story{overflow:hidden}
  body.v12-earth-refined .portrait-hero-grid{
    width:min(calc(100% - 44px),var(--max));
    grid-template-columns:1fr;
    gap:34px;
  }
  body.v12-earth-refined .cover-copy h1{max-width:11ch}
  body.v12-earth-refined .portrait-showcase.portrait-slider{
    width:100%;
    max-width:780px;
    justify-self:center;
  }
  body.v12-earth-refined .portrait-slider-viewport{height:clamp(560px,72vw,700px)}
  body.v12-earth-refined.page-home .section-heading{grid-template-columns:1fr}
}
@media (max-width:820px){
  body.v12-earth-refined .portrait-hero-grid{width:min(calc(100% - 28px),var(--max))}
  body.v12-earth-refined .portrait-slider-viewport{height:clamp(520px,94vw,640px);border-radius:28px}
  body.v12-earth-refined .portrait-slide figcaption{
    left:18px;
    bottom:18px;
    width:calc(100% - 36px);
    padding:18px;
  }
  body.v12-earth-refined .portrait-slider-ui{
    right:16px;
    bottom:16px;
    opacity:.92;
  }
  body.v12-earth-refined .portrait-showcase.portrait-slider .cover-stamp{
    top:18px;
    right:18px;
    width:90px;
    height:90px;
    font-size:8px;
    border-width:6px;
  }
  body.v12-earth-refined.page-home .lead-feature{grid-template-columns:1fr;min-height:auto}
  body.v12-earth-refined.page-home .feature-image{min-height:300px;height:300px}
}
@media (max-width:560px){
  body.v12-earth-refined .cover-copy h1{max-width:none}
  body.v12-earth-refined .cover-index{grid-template-columns:1fr;gap:10px}
  body.v12-earth-refined .portrait-slider-viewport{height:500px}
  body.v12-earth-refined .portrait-slide figcaption b{font-size:clamp(26px,9vw,36px)}
  body.v12-earth-refined .portrait-slide figcaption small{max-width:29ch}
  body.v12-earth-refined .portrait-slider-ui{
    padding:6px;
    right:12px;
    bottom:12px;
  }
  body.v12-earth-refined .portrait-slider-dots{display:none}
  body.v12-earth-refined .portrait-showcase.portrait-slider .cover-stamp{
    width:78px;
    height:78px;
    top:14px;
    right:14px;
  }
  body.v12-earth-refined .ticker-group{gap:22px;padding-right:22px}
}

/* V18 mobile polish: tránh nút slider che caption */
@media (max-width:820px){
  body.v12-earth-refined .portrait-slide figcaption{padding-bottom:76px}
}
@media (max-width:560px){
  body.v12-earth-refined .portrait-slide figcaption{padding-bottom:70px}
}

/* =========================================================
   V19 — Typography, color system & ticker spacing standard
   Sans-serif học thuật: nét đều, góc mềm, thân thiện và sang.
   Chuẩn hóa cỡ chữ, nhịp màu và sửa ticker bị dính chữ.
   ========================================================= */
:root{
  --font-display:"Poppins","Montserrat","Be Vietnam Pro",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"Poppins","Montserrat","Be Vietnam Pro",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --sans:var(--font-body);
  --serif:var(--font-display);
  --er-espresso:#2A211D;
  --er-cocoa:#4A342D;
  --er-cocoa-soft:#6A5A52;
  --er-clay:#AA6048;
  --er-clay-deep:#8F4E3B;
  --er-honey:#D6A55A;
  --er-cream:#FCF6EF;
  --er-ivory:#FFFDF8;
  --er-blush:#F4E4D8;
  --er-line:rgba(74,52,45,.14);
  --type-nav:12.5px;
  --type-body:16px;
  --type-small:13px;
  --type-caption:12px;
  --type-section:clamp(36px,4.6vw,62px);
  --type-hero:clamp(52px,7vw,104px);
}
html{font-size:16px}
body{
  font-family:var(--sans);
  font-size:var(--type-body);
  line-height:1.68;
  letter-spacing:-.006em;
  color:var(--er-espresso);
  background:
    radial-gradient(circle at 78% 8%,rgba(214,165,90,.10),transparent 28%),
    linear-gradient(180deg,#fffaf4 0%,var(--er-ivory) 52%,#F6ECDF 100%);
}
body.v12-earth-refined{
  --earth-950:var(--er-espresso);
  --earth-900:var(--er-cocoa);
  --earth-800:#6F4D3F;
  --clay-700:var(--er-clay-deep);
  --clay-600:var(--er-clay);
  --ochre-500:var(--er-honey);
  --cream:var(--er-cream);
  --paper:var(--er-ivory);
  --ink:var(--er-espresso);
  --muted:var(--er-cocoa-soft);
  --line:var(--er-line);
}
body.v12-earth-refined .site-header{background:rgba(255,250,244,.9)}
body.v12-earth-refined .brand-copy strong{font-size:15px;font-weight:800;letter-spacing:-.02em}
body.v12-earth-refined .brand-copy small{font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:none;color:#7A6A62}
body.v12-earth-refined .nav-link{
  font-size:var(--type-nav);
  font-weight:650;
  letter-spacing:-.01em;
  color:#3E332E;
  padding-inline:12px;
}
body.v12-earth-refined .nav-link.active,
body.v12-earth-refined .nav-link:hover{color:var(--er-clay-deep)}
body.v12-earth-refined .issue-rail{
  font-size:11px;
  letter-spacing:.16em;
  color:#6D5D55;
  border-top-color:rgba(74,52,45,.16);
}
body.v12-earth-refined .cover-copy h1{
  font-size:var(--type-hero);
  line-height:.95;
  letter-spacing:-.068em;
  font-weight:800;
}
body.v12-earth-refined .cover-copy h1 em{color:var(--er-clay)}
body.v12-earth-refined .cover-deck,
body.v12-earth-refined .section-heading>p,
body.v12-earth-refined .feature-copy p,
body.v12-earth-refined .note-card p,
body.v12-earth-refined .press-card p,
body.v12-earth-refined .project-teaser-card p,
body.v12-earth-refined .story-card p,
body.v12-earth-refined .related-card p{
  font-weight:400;
  color:var(--er-cocoa-soft);
}
body.v12-earth-refined .cover-deck{font-size:clamp(17px,1.32vw,21px);line-height:1.75}
body.v12-earth-refined .button,
body.v12-earth-refined .text-link{
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.01em;
  text-transform:none;
}
body.v12-earth-refined .button-primary{
  background:linear-gradient(135deg,var(--er-clay-deep),var(--er-clay));
  color:#fff;
  border-radius:999px;
  box-shadow:0 16px 34px rgba(143,78,59,.20);
}
body.v12-earth-refined .button-primary:hover{background:var(--er-cocoa);box-shadow:0 18px 38px rgba(74,52,45,.24)}
body.v12-earth-refined .cover-index b,
body.v12-earth-refined .profile-metrics b{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;color:var(--er-cocoa)}
body.v12-earth-refined .cover-index span{font-size:12px;letter-spacing:-.01em;text-transform:none;color:#6E625B}
body.v12-earth-refined .section-heading h2,
body.v12-earth-refined .earth-copy h2,
body.v12-earth-refined .vision-heading h2,
body.v12-earth-refined .split-feature h2,
body.v12-earth-refined .impact-copy h2,
body.v12-earth-refined .newsletter h2,
body.v12-earth-refined .contact-copy h2,
body.v12-earth-refined .contact-form h2,
body.v12-earth-refined .resource-hero h2,
body.v12-earth-refined .media-profile h2{
  font-family:var(--font-display);
  font-size:var(--type-section);
  line-height:1.04;
  letter-spacing:-.055em;
  font-weight:800;
  color:var(--er-espresso);
}
body.v12-earth-refined .feature-copy h3,
body.v12-earth-refined .note-card h3,
body.v12-earth-refined .press-card h3,
body.v12-earth-refined .project-teaser-card h3,
body.v12-earth-refined .story-card h3,
body.v12-earth-refined .related-card h3{
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.045em;
  color:var(--er-espresso);
}
body.v12-earth-refined .article-meta,
body.v12-earth-refined .section-no,
body.v12-earth-refined .overline,
body.v12-earth-refined .portrait-slide figcaption span,
body.v12-earth-refined .portrait-slide figcaption small{
  font-family:var(--font-body);
  font-size:var(--type-caption);
  font-weight:700;
  letter-spacing:.055em;
}
body.v12-earth-refined .portrait-slide figcaption b{
  font-family:var(--font-display);
  font-weight:800;
  letter-spacing:-.055em;
  font-size:clamp(31px,3vw,46px);
}
body.v12-earth-refined .portrait-slide figcaption p,
body.v12-earth-refined .portrait-slide figcaption small{line-height:1.55}


body.v12-earth-refined .earth-panel .earth-copy h2,
body.v12-earth-refined .impact-band .impact-copy h2,
body.v12-earth-refined .site-footer h2,
body.v12-earth-refined .site-footer strong{color:#fff}
body.v12-earth-refined .earth-panel p,
body.v12-earth-refined .impact-band p,
body.v12-earth-refined .site-footer p{color:#E8D8CC}
body.v12-earth-refined.page-home .press-card:hover h3,
body.v12-earth-refined .press-card:hover h3{color:#fff}
body.v12-earth-refined.page-home .press-card:hover p,
body.v12-earth-refined .press-card:hover p{color:#E8D8CC}

/* Ticker: tách chữ rõ, không dính dấu và không trống nội dung */
body.v12-earth-refined .ticker{
  min-height:54px;
  padding:0;
  background:linear-gradient(90deg,#3A2A25 0%,#50382F 54%,#604238 100%);
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
}
body.v12-earth-refined .ticker-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  gap:0;
  font-size:0;
  animation:tickerV19 42s linear infinite;
  will-change:transform;
}
body.v12-earth-refined .ticker-group{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:0;
  padding-right:44px;
  white-space:nowrap;
}
body.v12-earth-refined .ticker span,
body.v12-earth-refined .ticker-item{
  display:inline-flex;
  align-items:center;
  min-height:54px;
  padding:0 18px;
  white-space:nowrap;
  color:#FFF5E7;
  font-family:var(--font-body);
  font-size:12.5px;
  line-height:1;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
}
body.v12-earth-refined .ticker i,
body.v12-earth-refined .ticker-separator{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  flex:0 0 20px;
  margin:0 8px;
  color:#EBC77D;
  font-size:13px;
  line-height:1;
  font-style:normal;
  opacity:.95;
}
@keyframes tickerV19{from{transform:translateX(0)}to{transform:translateX(-33.3333%)}}
@media (max-width:820px){
  body.v12-earth-refined .nav-link{font-size:12px}
  body.v12-earth-refined .cover-copy h1{font-size:clamp(42px,12.2vw,64px);line-height:1.01}
  body.v12-earth-refined .cover-deck{font-size:16px;line-height:1.68}
  body.v12-earth-refined .section-heading h2{font-size:clamp(31px,8vw,44px)}
  body.v12-earth-refined .ticker span,body.v12-earth-refined .ticker-item{font-size:11.5px;padding:0 14px;letter-spacing:.045em}
  body.v12-earth-refined .ticker i,body.v12-earth-refined .ticker-separator{margin:0 5px}
}


/* =========================================================
   V20 — Brand story, YouTube embed & press thumbnails
   - Giảm kích thước/giãn dòng hero cho dễ đọc.
   - Thay link Facebook bằng iframe YouTube.
   - Tin tức và video truyền hình có ảnh thumb rõ ràng.
   - Bỏ khối “01 Câu chuyện nổi bật”, thay bằng teaser câu chuyện thương hiệu.
   ========================================================= */
body.v12-earth-refined .cover-copy h1{
  font-size:clamp(46px,5.85vw,86px);
  line-height:1.08;
  letter-spacing:-.058em;
  max-width:10.8ch;
}
body.v12-earth-refined .cover-copy h1 .headline-word{line-height:1.08}
body.v12-earth-refined .cover-deck{max-width:720px}

.brand-story-home{padding-top:clamp(70px,6vw,104px);padding-bottom:clamp(66px,6vw,98px)}
.brand-story-panel{
  display:grid;
  grid-template-columns:minmax(360px,.86fr) minmax(0,1.14fr);
  gap:clamp(28px,4.4vw,62px);
  align-items:stretch;
  padding:clamp(18px,2.3vw,28px);
  border-radius:34px;
  border:1px solid rgba(74,52,45,.12);
  background:linear-gradient(135deg,rgba(255,253,249,.98),rgba(250,239,229,.88));
  box-shadow:0 28px 76px rgba(74,52,45,.09);
  overflow:hidden;
}
.brand-story-media{position:relative;margin:0;min-height:460px;border-radius:26px;overflow:hidden;background:#ead9cb}
.brand-story-media img{width:100%;height:100%;min-height:460px;object-fit:cover;filter:saturate(.94) contrast(.98);transition:transform .9s var(--ease)}
.brand-story-panel:hover .brand-story-media img{transform:scale(1.035)}
.brand-story-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(42,33,29,.08),rgba(42,33,29,.74));pointer-events:none}
.brand-story-media figcaption{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;padding:18px;border-radius:20px;background:rgba(42,33,29,.72);backdrop-filter:blur(14px);color:#fff}
.brand-story-media figcaption span{display:block;margin-bottom:4px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#efc987}
.brand-story-media figcaption b{display:block;font-size:clamp(22px,2.1vw,32px);line-height:1.12;letter-spacing:-.04em}
.brand-story-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(10px,2vw,24px) clamp(4px,1vw,8px)}
.brand-story-copy h2{font-family:var(--font-display);font-size:clamp(34px,4.4vw,64px);line-height:1.05;letter-spacing:-.058em;margin:10px 0 20px;color:var(--er-espresso);text-wrap:balance}
.brand-story-copy p{font-size:clamp(16px,1.28vw,19px);line-height:1.78;color:var(--er-cocoa-soft);margin:0 0 14px;max-width:76ch}
.brand-story-lead{color:var(--er-cocoa)!important;font-weight:520}
.brand-story-tags{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 28px}
.brand-story-tags span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#f2dfd1;color:var(--er-clay-deep);font-size:12px;font-weight:800}
.brand-story-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}

.video-youtube-section{position:relative;background:linear-gradient(135deg,#34241F 0%,#57372E 55%,#7B4E3E 100%)}
.video-youtube-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(238,194,128,.22),transparent 28%),radial-gradient(circle at 12% 86%,rgba(255,255,255,.08),transparent 24%);pointer-events:none}
.video-youtube-section .section-shell{position:relative;z-index:1}
.video-youtube-section .video-overline,
body.v12-earth-refined .earth-panel .video-overline{
  background:#fff6ea;
  color:#59362b;
  box-shadow:0 12px 32px rgba(0,0,0,.16);
  border:1px solid rgba(255,255,255,.34);
}
.video-youtube-section .earth-copy h2{max-width:13ch}
.video-youtube-section .earth-copy p{color:#f3dfd2;font-size:clamp(16px,1.28vw,18px);line-height:1.75}
.video-embed-card{position:relative;margin:0;border-radius:30px;overflow:hidden;background:#211713;box-shadow:0 32px 90px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.14)}
.youtube-frame{position:relative;aspect-ratio:16/9;background:#120c0a;overflow:hidden}
.youtube-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.video-embed-card figcaption{display:grid;gap:7px;padding:22px 24px 24px;background:linear-gradient(180deg,rgba(34,22,18,.94),rgba(42,28,23,.98));color:#fff}
.video-embed-card figcaption span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#efc987;font-weight:800}
.video-embed-card figcaption b{font-family:var(--font-display);font-size:clamp(25px,2.6vw,42px);line-height:1.08;letter-spacing:-.052em;color:#fff}
.video-embed-card figcaption small{font-size:12px;line-height:1.5;color:#ead9ce;text-transform:none;letter-spacing:0}

.press-section-upgraded .section-heading{align-items:end}
.press-section-upgraded .upgraded-press-grid{align-items:stretch}
.press-section-upgraded .press-card{min-height:unset!important;padding:0!important;border-radius:28px!important;overflow:hidden;background:linear-gradient(145deg,rgba(255,253,249,.98),rgba(250,242,235,.93))!important;color:var(--er-espresso)!important}
.press-thumb{display:block;margin:0;aspect-ratio:16/10;overflow:hidden;background:#efe1d4;border-bottom:1px solid rgba(74,52,45,.10)}
.press-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease),filter .35s var(--ease);filter:saturate(.95) contrast(.98)}
.press-section-upgraded .press-card:hover .press-thumb img{transform:scale(1.05);filter:saturate(1.04) contrast(1)}
.press-body{position:relative;display:flex;flex-direction:column;min-height:260px;padding:22px 22px 20px}
.press-body span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--er-clay);font-weight:850}
.press-section-upgraded .press-card h3{font-size:clamp(22px,2vw,30px);line-height:1.12;margin:14px 0 12px;color:var(--er-espresso)!important}
.press-section-upgraded .press-card p{margin:0 0 20px;font-size:13px;line-height:1.58;color:var(--er-cocoa-soft)!important}
.press-section-upgraded .press-card i{margin-top:auto;align-self:flex-end;font-style:normal;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(74,52,45,.25);color:var(--er-clay-deep);transition:.35s var(--ease)}
.press-section-upgraded .press-card:hover{transform:translateY(-6px);box-shadow:0 28px 72px rgba(74,52,45,.13)}
.press-section-upgraded .press-card:hover i{background:var(--er-espresso);color:#fff;border-color:var(--er-espresso)}

.broadcast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.broadcast-card{display:grid;grid-template-columns:132px 1fr;gap:0;min-height:122px;border-radius:22px;overflow:hidden;border:1px solid rgba(74,52,45,.12);background:#fffaf4;box-shadow:0 18px 48px rgba(80,52,41,.07);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.broadcast-card img{width:132px;height:100%;min-height:122px;object-fit:cover;filter:saturate(.95)}
.broadcast-card div{display:grid;gap:4px;align-content:center;padding:16px 18px}
.broadcast-card span{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--er-clay)}
.broadcast-card b{font-size:16px;line-height:1.22;color:var(--er-espresso)}
.broadcast-card small{font-size:11px;color:var(--er-cocoa-soft);font-weight:700}
.broadcast-card:hover{transform:translateY(-5px);box-shadow:0 24px 62px rgba(74,52,45,.13)}

.page-brand-story .article-header{background:linear-gradient(180deg,#f8e5d8 0%,rgba(255,250,244,.50) 72%,transparent 100%)}
.brand-story-article .article-deck{max-width:880px}
.brand-story-article .article-content section{scroll-margin-top:110px}
.brand-story-article .article-content h2{text-wrap:balance}
.brand-story-article .article-callout{border-radius:24px;background:linear-gradient(135deg,#fff5e7,#f7e0d1);border:1px solid rgba(74,52,45,.12);box-shadow:0 20px 54px rgba(74,52,45,.08)}

@media (max-width:1120px){
  body.v12-earth-refined .cover-copy h1{max-width:11.8ch;font-size:clamp(44px,7vw,78px);line-height:1.1}
  .brand-story-panel{grid-template-columns:1fr}
  .brand-story-media,.brand-story-media img{min-height:380px}
  .broadcast-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
  body.v12-earth-refined .cover-copy h1{font-size:clamp(40px,11vw,58px);line-height:1.12;letter-spacing:-.052em}
  .brand-story-home{padding-top:52px;padding-bottom:54px}
  .brand-story-panel{padding:14px;border-radius:28px}
  .brand-story-media,.brand-story-media img{min-height:330px;border-radius:22px}
  .brand-story-copy h2{font-size:clamp(31px,8.5vw,44px);line-height:1.08}
  .brand-story-copy p{font-size:15.5px;line-height:1.72}
  .video-feature-grid{gap:28px}
  .video-youtube-section .earth-copy h2{max-width:none}
  .video-embed-card{border-radius:24px}
  .press-section-upgraded .upgraded-press-grid{grid-template-columns:1fr}
  .press-body{min-height:auto}
}
@media (max-width:560px){
  body.v12-earth-refined .cover-copy h1{font-size:clamp(38px,10.8vw,52px);line-height:1.13;max-width:none}
  .brand-story-actions{gap:12px}.brand-story-actions .button{width:100%;justify-content:center}.brand-story-actions .text-link{margin:auto}
  .youtube-frame{aspect-ratio:16/10}
  .video-embed-card figcaption{padding:18px}.video-embed-card figcaption b{font-size:25px}
  .broadcast-card{grid-template-columns:112px 1fr}.broadcast-card img{width:112px}.broadcast-card div{padding:14px}
}

/* =========================================================
   V21 — Contrast audit & video badge repair
   - Sửa lỗi chữ/nền bị trùng màu tại nhãn “Video chia sẻ”.
   - Chặn các rule p trong section nền tối ghi đè màu chữ của badge.
   - Siết lại tương phản cho nhãn nhỏ, chip, caption và nút trên nền sáng/tối.
   ========================================================= */
:root{
  --v21-dark-badge:#3a241d;
  --v21-dark-badge-2:#5a3529;
  --v21-light-badge:#fff1df;
  --v21-badge-text:#2e1b16;
  --v21-warm-text:#fff9f3;
  --v21-warm-muted:#f4ded0;
}

/* Badge trên mọi nền tối: luôn dùng nền sáng + chữ sẫm, không bị rule p !important lấn át. */
body.v12-earth-refined .video-youtube-section .video-overline,
body.v12-earth-refined .earth-panel .overline,
body.v12-earth-refined .impact-band .overline,
body.v12-earth-refined .topic-rail .overline,
body.v12-earth-refined .site-footer .overline{
  display:inline-flex !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:42px !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 18px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#fff8ef,#f7dfc8) !important;
  color:var(--v21-badge-text) !important;
  border:1px solid rgba(255,255,255,.46) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.22), inset 0 0 0 1px rgba(75,45,35,.06) !important;
  text-shadow:none !important;
  opacity:1 !important;
  letter-spacing:.075em !important;
  font-weight:900 !important;
}

/* Riêng block video: tăng tương phản nền và giữ chữ chính rõ, không trùng màu. */
body.v12-earth-refined .video-youtube-section,
.video-youtube-section{
  background:
    radial-gradient(circle at 83% 18%,rgba(230,170,92,.20),transparent 27%),
    linear-gradient(135deg,#2d1f1a 0%,#4b3028 54%,#704536 100%) !important;
}
body.v12-earth-refined .video-youtube-section::before,
.video-youtube-section::before{
  background:
    radial-gradient(circle at 76% 15%,rgba(255,231,190,.13),transparent 27%),
    linear-gradient(90deg,rgba(255,255,255,.03),transparent 45%,rgba(255,255,255,.04)) !important;
}
body.v12-earth-refined .video-youtube-section .earth-copy h2,
.video-youtube-section .earth-copy h2{
  color:var(--v21-warm-text) !important;
  font-size:clamp(38px,4.72vw,74px) !important;
  line-height:1.07 !important;
  letter-spacing:-.055em !important;
  max-width:15.5ch !important;
  text-wrap:balance !important;
  text-shadow:0 2px 20px rgba(0,0,0,.18) !important;
}
body.v12-earth-refined .video-youtube-section .earth-copy p:not(.overline):not(.video-overline),
.video-youtube-section .earth-copy p:not(.overline):not(.video-overline){
  color:var(--v21-warm-muted) !important;
}

/* Chip màu trong khu video: nền đủ tối, chữ đủ sáng kể cả swatch cuối là màu nhạt. */
body.v12-earth-refined .video-youtube-section .palette span,
.video-youtube-section .palette span{
  background:rgba(255,248,240,.10) !important;
  border-color:rgba(255,248,240,.20) !important;
  color:#fff7ef !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045) !important;
}
body.v12-earth-refined .video-youtube-section .palette span::before,
.video-youtube-section .palette span::before{
  box-shadow:0 0 0 2px rgba(255,255,255,.18) !important;
}

/* Card video: caption có nền tối thật, chữ phụ không bị mờ. */
.video-embed-card figcaption{
  background:linear-gradient(180deg,#251711,#1a100d) !important;
  color:#fff9f3 !important;
}
.video-embed-card figcaption span{color:#f2c77a !important;opacity:1 !important}
.video-embed-card figcaption small{color:#f1ded1 !important;opacity:1 !important}

/* Nhãn trên nền sáng: tránh màu quá nhạt trên nền kem. */
body.v12-earth-refined .section-shell .overline:not(.video-overline),
body.v12-earth-refined .article-header .overline,
body.v12-earth-refined .simple-masthead .overline,
body.v12-earth-refined .status-card .overline,
body.v12-earth-refined .article-meta,
body.v12-earth-refined .section-no,
body.v12-earth-refined .edition-label{
  color:#65372c !important;
  background:linear-gradient(135deg,#f1ddd0,#fff2df) !important;
  border:1px solid rgba(101,55,44,.12) !important;
  text-shadow:none !important;
}

/* Nút/chip nền sáng: đủ độ đậm khi đặt trên paper/cream. */
body.v12-earth-refined .broadcast-card,
body.v12-earth-refined .press-section-upgraded .press-card,
body.v12-earth-refined .story-card,
body.v12-earth-refined .brand-story-tags span{
  color:var(--er-espresso) !important;
}
body.v12-earth-refined .broadcast-card span,
body.v12-earth-refined .press-body span,
body.v12-earth-refined .brand-story-tags span{
  color:#6a382b !important;
  opacity:1 !important;
}
body.v12-earth-refined .broadcast-card small,
body.v12-earth-refined .press-section-upgraded .press-card p,
body.v12-earth-refined .story-card p{
  color:#5f534d !important;
}

@media (max-width:820px){
  body.v12-earth-refined .video-youtube-section .earth-copy h2,
  .video-youtube-section .earth-copy h2{
    font-size:clamp(35px,9.3vw,54px) !important;
    line-height:1.09 !important;
    max-width:13.5ch !important;
  }
  body.v12-earth-refined .video-youtube-section .video-overline,
  body.v12-earth-refined .earth-panel .overline,
  body.v12-earth-refined .impact-band .overline{
    min-height:38px !important;
    padding-inline:16px !important;
    font-size:11px !important;
  }
}
@media (max-width:560px){
  body.v12-earth-refined .video-youtube-section .earth-copy h2,
  .video-youtube-section .earth-copy h2{
    max-width:none !important;
  }
}