/* VULECUONG_THEME — premium, tối giản, editorial, chân dung lớn, nhiều khoảng trắng. Không giống website bán hàng. */
html[data-brand=vulecuong]{--bg:#FFFFFF;--surface:#FAFAF8;--ink:#121212;--muted:#5B5B57;--line:#E8E6E1;--accent:#8B6B2E;--accent-2:#121212;--soft:#F4F1EA;--font-head:"Playfair Display",Georgia,"Times New Roman",serif;--radius:6px}
html[data-brand=vulecuong] body{line-height:1.7}html[data-brand=vulecuong] h1,html[data-brand=vulecuong] h2{font-weight:500;letter-spacing:-.005em}html[data-brand=vulecuong] h1{font-size:clamp(2.4rem,6vw,4.4rem)}html[data-brand=vulecuong] .brand-serif{font-family:var(--font-head);font-size:1.45rem;font-weight:500}html[data-brand=vulecuong] .site-header{background:rgba(255,255,255,.96)}html[data-brand=vulecuong] .site-nav a{font-weight:500;font-size:.9rem}html[data-brand=vulecuong] .site-nav a:hover,html[data-brand=vulecuong] .site-nav a[aria-current]{background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:6px}
html[data-brand=vulecuong] .btn{border-radius:2px;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;padding:14px 26px}html[data-brand=vulecuong] .card{border-radius:var(--radius)}html[data-brand=vulecuong] .card:hover{transform:none;box-shadow:none;border-color:var(--ink)}
.hero-vlc{padding:56px 0 40px}.hero-vlc .wrap{display:grid;gap:36px}@media(min-width:900px){.hero-vlc{padding:96px 0 72px}.hero-vlc .wrap{grid-template-columns:1.1fr .9fr;align-items:center}}.hero-vlc .kicker{color:var(--accent)}.hero-vlc .lead{font-size:1.2rem;max-width:520px;color:var(--muted)}.hero-vlc .portrait{aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:var(--soft)}.hero-vlc .portrait img{width:100%;height:100%;object-fit:cover}.hero-vlc .ph{aspect-ratio:4/5;background:linear-gradient(160deg,#F4F1EA,#E5E0D3)}.hero-vlc .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.quote-block{font-family:var(--font-head);font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.35;font-style:italic;max-width:820px;margin:0 auto;text-align:center;padding:48px 20px}.quote-block cite{display:block;font-style:normal;font-family:var(--font);font-size:.9rem;color:var(--muted);margin-top:16px;letter-spacing:.08em;text-transform:uppercase}
.editorial-list{list-style:none;padding:0;margin:0}.editorial-list li{padding:28px 0;border-bottom:1px solid var(--line);display:grid;gap:8px}@media(min-width:720px){.editorial-list li{grid-template-columns:150px 1fr;gap:24px}}.editorial-list .cat{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:600}.editorial-list h3{font-family:var(--font-head);font-weight:500;font-size:1.45rem;margin:0 0 6px}.editorial-list p{color:var(--muted);margin:0}
.pillars{display:grid;gap:24px}@media(min-width:800px){.pillars{grid-template-columns:repeat(3,1fr)}}.pillar{border-top:2px solid var(--ink);padding-top:18px}.pillar h3{font-family:var(--font-head);font-weight:500;font-size:1.3rem}
html[data-brand=vulecuong] .timeline{border-left-color:var(--ink)}html[data-brand=vulecuong] .timeline li:before{background:var(--accent)}html[data-brand=vulecuong] .timeline .year{font-family:var(--font-head);font-weight:500;font-size:1.8rem}
.video-grid{display:grid;gap:24px}@media(min-width:720px){.video-grid{grid-template-columns:1fr 1fr}}.video-card .card-media{position:relative}.video-card .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.eco-list{list-style:none;padding:0;margin:0}.eco-list li{padding:24px 0;border-bottom:1px solid var(--line)}.eco-list h3{font-family:var(--font-head);font-weight:500;margin:0 0 4px}.eco-list .role{font-size:.85rem;color:var(--muted)}
html[data-brand=vulecuong] .cta-band{background:var(--ink)}html[data-brand=vulecuong] .site-footer{background:#0E0E0E}
html[data-brand=vulecuong] .prose{font-size:1.08rem}html[data-brand=vulecuong] .prose h2{font-family:var(--font-head);font-weight:500}html[data-brand=vulecuong] .prose blockquote{border-left-color:var(--accent);background:var(--soft);font-family:var(--font-head);font-style:italic;font-size:1.15rem}
.article-head{max-width:800px;margin:0 auto 32px;text-align:center}.article-head h1{font-size:clamp(2rem,5vw,3.4rem)}.article-head .meta{justify-content:center}
