/* Bích Nga: lớp ghi đè lên style.css của Denzel */
body{font-family:'Be Vietnam Pro','Segoe UI',sans-serif;font-weight:300;color:#6b6b6b}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.btn,.navbar-brand,.experience-number,.experience-text{font-family:'Montserrat',sans-serif!important}
h1,.h1{font-size:clamp(2.8rem,5.2vw,5rem);line-height:1.04;letter-spacing:-.01em}
h2,.h2{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.18}
.navbar-brand{letter-spacing:.01em}
.text-white .mb-2,.intro .mb-2{letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}
.hero-sub{margin-top:1.6rem;max-width:30rem;color:rgba(255,255,255,.72);font-size:1.05rem;line-height:1.7}
.hero-cta{margin-top:2.2rem;display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap}
.hero-cta .link{color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;border-bottom:1px solid #D4A642;padding-bottom:4px;text-decoration:none}
.spec p{letter-spacing:.12em;margin-bottom:.9rem;color:#343434}
.row-experience img{width:64px;height:64px}
.row-experience h3{font-size:1.35rem}
.topic-item{padding:1.2rem 0;border-top:1px solid #e6e6e6}
.topic-item:last-child{border-bottom:1px solid #e6e6e6}
.topic-item .tag{font:600 .72rem/1 'Montserrat',sans-serif;letter-spacing:.2em;color:#D4A642;text-transform:uppercase}
.topic-item h6{margin:.55rem 0 .35rem;font-size:1rem;text-transform:none;letter-spacing:0;color:#111}
.topic-item p{margin:0;font-size:.92rem}
.project-box .project-category{color:rgba(255,255,255,.75)}
.project-box h4{line-height:1.25}
.row-partners .col-partner{display:flex;align-items:center;min-height:96px}
.partner-name{font:700 1.15rem/1.2 'Montserrat',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#9a9a9a;transition:color .25s}
.partner-name:hover{color:#111}
.award{display:grid;gap:.6rem}
.award strong{font:700 1.35rem/1.3 'Montserrat',sans-serif;color:#fff}
.award span{color:rgba(255,255,255,.72)}
.award img{width:100%;max-width:420px;margin-top:.8rem;border-radius:4px}
.award figcaption{font-size:.85rem;color:rgba(255,255,255,.6);font-style:italic}
.brief{list-style:none;padding:0;margin:1.8rem 0 0;counter-reset:b}
.brief li{counter-increment:b;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.8)}
.brief li::before{content:counter(b,decimal-leading-zero);color:#D4A642;font:600 .75rem 'Montserrat',sans-serif;letter-spacing:.1em;margin-right:1rem}
.contact-big{font:700 clamp(1.6rem,2.4vw,2.1rem)/1.2 'Montserrat',sans-serif;color:#fff;user-select:all}
.social-icons svg{width:16px;height:16px;fill:currentColor;vertical-align:middle}
.read-more svg{width:12px;height:12px;fill:currentColor;margin-left:6px;vertical-align:middle}
.navbar-mobile .close{font:300 2.4rem/1 'Montserrat',sans-serif;cursor:pointer}
.icon-play{cursor:pointer}
.domains{display:flex;flex-wrap:wrap;gap:.5rem}
.domains span{font:600 .78rem/1 'Montserrat',sans-serif;letter-spacing:.06em;padding:.7rem .95rem;border:1px solid #e3d3ad;color:#343434;border-radius:2px}
.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.panel-grid figure{margin:0}
.panel-grid img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:4px}
.panel-grid figcaption{font-size:.78rem;line-height:1.35;margin-top:.45rem;color:#767676}
@media (max-height:760px){.panel-grid figcaption{display:none}}
#skills .topic-item{padding:.7rem 0}
#skills .topic-item p{font-size:.85rem;line-height:1.5}
#skills .topic-item h6{margin:.4rem 0 .2rem}
#skills h2+p{margin-bottom:0}
#partners .row-partners .col-partner{min-height:auto;height:clamp(58px,9vh,92px);justify-content:center;padding:4px 14px}
.partner-logo{max-width:82%;width:auto;object-fit:contain;filter:grayscale(1) contrast(1.15);opacity:.8;transition:filter .3s,opacity .3s}
.partner-logo:hover{filter:none;opacity:1}
#partners h2+div{padding-top:1rem!important;margin-top:1.5rem!important}
.gallery-section{background:#111}
.gallery-kicker{letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;color:#D4A642}
.gallery-hint{color:rgba(255,255,255,.55);font-size:.85rem}
.gallery-grid{row-gap:28px}
.album{display:block;text-decoration:none!important;color:#fff}
.album-img{position:relative;overflow:hidden;border-radius:4px;aspect-ratio:4/3;background:#222}
.album-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s,opacity .3s;opacity:.92}
.album:hover .album-img img{transform:scale(1.05);opacity:1}
.album-count{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.6);color:#fff;font:600 .7rem/1 'Montserrat',sans-serif;letter-spacing:.08em;padding:6px 9px;border-radius:2px}
.album-date{margin-top:.8rem;font:600 .72rem/1 'Montserrat',sans-serif;letter-spacing:.14em;color:#D4A642}
.album-title{margin:.45rem 0 .25rem;font-size:1rem;line-height:1.35;color:#fff}
.album-org{font-size:.82rem;color:rgba(255,255,255,.6)}
.mfp-title{font-family:'Be Vietnam Pro',sans-serif}
.ach-kicker{letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;color:#D4A642}
.ach-stats{margin-top:2.2rem;display:grid;gap:1.1rem}
.ach-stats div{display:flex;align-items:center;gap:1.1rem}
.ach-stats b{font:700 clamp(2.6rem,5vh,3.6rem)/1 'Montserrat',sans-serif;color:#D4A642;min-width:4.2rem}
.ach-stats span{color:rgba(255,255,255,.82);font-size:.95rem;line-height:1.4}
.ach-group{padding:1rem 0;border-top:1px solid rgba(255,255,255,.16)}
.ach-group:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.ach-label{font:600 .72rem/1.4 'Montserrat',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#D4A642;margin-bottom:.55rem}
.ach-list{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}
.ach-list li{color:rgba(255,255,255,.82);font-size:.95rem;line-height:1.45}
.ach-list strong{color:#fff;font-weight:600}
.tv-strip{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}
.tv-strip-label{font:600 .7rem/1 'Montserrat',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#D4A642}
.tv-logos{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}
.tv-logos img{width:auto;display:block}
#experience .mt-5.pt-5{margin-top:2rem!important;padding-top:1.5rem!important}
.tv-head{display:flex;align-items:center;gap:2.4rem;flex-wrap:wrap}
.tv-head .tv-strip{flex-direction:row;align-items:center;gap:1.2rem;padding-left:2.4rem;border-left:1px solid rgba(255,255,255,.2)}
.panel-grid{grid-template-columns:repeat(3,1fr);gap:12px}
.panel-grid figcaption{font-size:.72rem}
.contact-social{display:flex;flex-wrap:wrap;gap:18px}
.contact-social a{color:#fff;text-decoration:none;border-bottom:1px solid #D4A642;padding-bottom:3px;font-size:.95rem}
.contact-social a:hover{color:#D4A642}
.project-box h4{font-size:1.2rem}
.news-row{row-gap:22px}
.clip-col .image-link img{aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.clip-title{font-size:1rem;line-height:1.35}
.clip-title a{color:#111;text-decoration:none}
.clip-title a:hover{color:#D4A642}
#news .mt-5.pt-4{margin-top:1.5rem!important;padding-top:0!important}
@media (min-width:1200px){#partners .row-partners .col-partner{flex:0 0 20%;max-width:20%}}
@media (min-width:768px) and (max-height:820px){#partners .row-partners .col-partner{height:clamp(52px,8vh,80px)}}
@media (min-width:768px) and (max-height:760px){#partners h2+div{margin-top:.4rem!important;padding-top:.4rem!important}}
@media (min-width:768px) and (max-height:760px){#partners .row-partners .col-partner{height:50px}}
/* Logo đài nằm dưới tiêu đề, bên trái, để không đè lên mặt trong ảnh nền */
.tv-head{flex-direction:column;align-items:flex-start;gap:1rem}
.tv-head .tv-strip{padding-left:0;border-left:0}
#experience .mt-5.pt-5{margin-top:1.2rem!important;padding-top:1rem!important}
.tv-head .tv-strip{flex-direction:column;align-items:flex-start;gap:.7rem}
@media (max-height:920px){#experience .row-experience{padding:1.3rem 0}#experience .row-experience:first-child{padding-top:0}#experience .row-experience:last-child{padding-bottom:0}}
/* MC song ngữ */
.lang{display:inline-flex;border:1px solid #D4A642;border-radius:2px;overflow:hidden}
.lang b{font:700 .72rem/1 'Montserrat',sans-serif;letter-spacing:.08em;padding:.42rem .5rem}
.lang b:first-child{background:#D4A642;color:#111}
.lang b:last-child{color:#D4A642}
.bilingual{display:inline-flex;align-items:center;gap:.9rem;margin-top:1.4rem;padding:.55rem 1.1rem .55rem .55rem;border:1px solid rgba(212,166,66,.55);border-radius:3px;background:rgba(0,0,0,.18)}
.bi-text{font:600 1.05rem/1 'Montserrat',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.spec .spec-hl{display:flex;align-items:center;gap:.8rem;color:#111;font-weight:600}
.spec .spec-hl .lang b{padding:.32rem .42rem;font-size:.66rem}
.bilingual .bi-text{font-size:clamp(.9rem,1.3vw,1.2rem)}.bilingual .lang b{font-size:.8rem;padding:.48rem .56rem}
@media (max-width:991px){#home{box-shadow:inset 0 0 0 100vmax rgba(3,43,26,.74)}}
/* Hỏi đáp */
.faq-kicker{letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;color:#B8892A;margin-bottom:.8rem}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 3rem;margin-top:2rem}
.faq-item{padding:1.1rem 0;border-top:1px solid #e6e6e6}
.faq-item h3{font-size:1.02rem;line-height:1.35;margin:0 0 .45rem;color:#111;text-transform:none;letter-spacing:0}
.faq-item p{margin:0;font-size:.9rem;line-height:1.6}
@media (max-width:767px){.faq-grid{grid-template-columns:1fr}}
@media (max-height:800px){.faq-item{padding:.75rem 0}.faq-item p{font-size:.85rem;line-height:1.5}.faq-grid{margin-top:1.2rem}}
#about img.border-radius,.panel-grid img,#skills img{cursor:zoom-in}
/* Hành trình: vai nhà sản xuất */
.exp-kicker{font:600 .8rem/1.3 'Montserrat',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#D4A642;margin-bottom:.6rem}
.role-tag{display:inline-block;font:700 .66rem/1 'Montserrat',sans-serif;letter-spacing:.12em;text-transform:uppercase;background:#D4A642;color:#111;padding:.38rem .55rem;border-radius:2px;margin-right:.5rem;vertical-align:middle}
.role-tag.role-mc{background:transparent;color:#D4A642;border:1px solid #D4A642;padding:.32rem .5rem}
.exp-link{color:#E6C277;border-bottom:1px solid rgba(230,194,119,.6);text-decoration:none;white-space:nowrap}
.exp-link:hover{color:#fff;text-decoration:none}
.exp-kicker{font-size:clamp(.82rem,1.1vw,1rem);letter-spacing:.12em}.exp-kicker b{color:#fff;font-weight:700}.role-tag{font-size:.7rem}
/* Sự kiện tiêu biểu: ảnh Bích Nga dẫn + lớp gradient xanh */
#projects .project-box{padding-bottom:0;height:clamp(190px,32vh,300px);overflow:hidden;border:0;border-radius:4px;background:#06542E}
#projects .pb-img{position:absolute;inset:0;background-size:cover;transition:transform .6s ease}
#projects .project-box::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,43,26,.97) 0%,rgba(6,84,46,.82) 30%,rgba(0,150,78,.28) 62%,rgba(0,184,92,0) 100%);transition:opacity .4s}
#projects .project-box-inner{z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:1.2rem 1.25rem}
#projects .project-box h4{color:#fff;font-size:1.1rem;line-height:1.25;text-shadow:0 1px 8px rgba(0,0,0,.35)}
#projects .project-category{color:#E6C277;font-size:.8rem;margin-top:.4rem}
#projects .project-box:hover{background:#06542E}
#projects .project-box:hover .pb-img{transform:scale(1.06)}
#projects .project-box:hover h4{color:#fff}
#projects .project-box:hover .project-category{color:#fff}
#projects .project-box::before{content:"";position:absolute;left:1.25rem;right:1.25rem;bottom:0;height:3px;background:#D4A642;z-index:2;transform:scaleX(0);transform-origin:left;transition:transform .4s}
#projects .project-box:hover::before{transform:scaleX(1)}
#projects .row-project-box{margin-top:-20px}#projects .col-project-box{margin-top:20px}
#projects .mt-5.pt-2{margin-top:1.6rem!important}
#projects .project-category{position:static;bottom:auto}#projects .project-box{height:clamp(180px,30vh,280px);padding-bottom:0}
/* Đối tác theo ngành */
.partner-groups{display:grid;gap:0}
.pg{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:1.5rem;padding:.75rem 0;border-top:1px solid #ececec}
.pg:last-child{border-bottom:1px solid #ececec}
.pg-label{font:600 .74rem/1.4 'Montserrat',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#B8892A}
.pg-logos{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 2.6rem;min-height:52px}
.pg-logos .partner-logo{max-width:170px;object-fit:contain}
#partners h2+div{margin-top:1.4rem!important;padding-top:0!important}
@media (max-height:760px){.pg{padding:.45rem 0}}
@media (max-width:767px){.pg{grid-template-columns:1fr;gap:.7rem}.pg-logos{gap:.8rem 1.6rem}}
.bilingual{text-decoration:none!important}.bilingual:hover{border-color:#D4A642;background:rgba(0,0,0,.3)}.faq-item a{color:#06542E}
/* ===== Điện thoại: cuộn liền, không lật trang ===== */
.no-pp{overflow-x:hidden}
.no-pp #pagepiling{position:static;height:auto}
.no-pp #pagepiling > .section{position:relative!important;height:auto!important;min-height:0;top:auto!important;transform:none!important;overflow:visible!important;display:block!important}
.no-pp .pp-scrollable .intro{height:auto;white-space:normal}
.no-pp .pp-scrollable .intro:before{display:none}
.no-pp .pp-scrollable .scroll-wrap{display:block;padding:5.2rem 0 3.2rem}
.no-pp .section:not(#home) .intro{opacity:1;transform:none}
.no-pp #home{min-height:100svh;display:flex!important;align-items:center}
.no-pp #home .intro{width:100%}
.no-pp .progress-nav,.no-pp .navbar-bottom{display:none}
.no-pp .navbar-desctop{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:3.9rem;padding-top:env(safe-area-inset-top,0px)}
.no-pp .navbar-desctop.navbar-white{background:rgba(3,43,26,.88)}
.no-pp .navbar .phone,.no-pp .navbar .email{display:none!important}
.no-pp #pagepiling > .section{scroll-margin-top:3.9rem}
html:has(.no-pp){scroll-behavior:smooth}
.no-pp .container{padding-left:20px;padding-right:20px}
.no-pp h2{font-size:clamp(1.65rem,7vw,2.1rem)}
/* Hành trình: owl carousel 1 cột gọn hơn */
.no-pp .row-experience{padding:1.4rem 0}
.no-pp .row-experience .col-md-4{flex:0 0 100%;max-width:100%}
.no-pp .row-experience .col-md-4.my-4{margin:.6rem 0!important}
.no-pp .tv-logos{gap:1.1rem}
/* Sự kiện tiêu biểu: 2 cột ô ảnh */
.no-pp #projects .bg-changer{display:none}
.no-pp #projects{background:#032B1A}
.no-pp #projects .col-project-box{flex:0 0 50%;max-width:50%;padding-left:6px;padding-right:6px}
.no-pp #projects .row-project-box{margin-left:-6px;margin-right:-6px}
.no-pp #projects .project-box{height:clamp(200px,58vw,300px)}
.no-pp #projects .project-box-inner{padding:.8rem .8rem}
.no-pp #projects .project-box h4{font-size:.95rem}
.no-pp #projects .project-category{font-size:.7rem}
/* Tọa đàm: lưới 2 cột */
.no-pp .panel-grid{grid-template-columns:1fr 1fr;gap:10px}
.no-pp .panel-grid figcaption{display:block;font-size:.72rem}
/* Đối tác */
.no-pp .pg{padding:.9rem 0}
.no-pp .pg-logos .partner-logo{max-width:120px;max-height:40px;width:auto;height:auto!important}
/* Hồ sơ sự kiện và clip: 2 cột */
.no-pp .gallery-grid{row-gap:18px}
.no-pp .album-title{font-size:.88rem}
.no-pp .album-org{font-size:.74rem}
.no-pp .clip-title{font-size:.9rem}
/* Liên hệ */
.no-pp .contact-big{font-size:1.45rem;word-break:break-word}
.no-pp .hero-sub{font-size:1rem}
.no-pp #pagepiling > #home{min-height:100vh;min-height:100svh}
html.no-pp,body.no-pp{overflow-x:hidden!important;overflow-y:visible!important;height:auto!important}
html.no-pp{overflow-y:auto!important;scroll-behavior:smooth}
.no-pp #experience .owl-nav{position:static;margin-top:1rem;display:flex;gap:1.2rem;justify-content:flex-end}
.no-pp #experience .owl-nav button{position:static!important;transform:none!important}
.no-pp #experience .owl-nav{margin-top:.4rem!important;font-size:3rem;line-height:1;justify-content:center}
.no-pp .navbar-desctop:not(.navbar-white) .navbar-brand{color:#111!important;mix-blend-mode:normal}
.no-pp .navbar-desctop:not(.navbar-white) .toggler-icon{border-color:#111!important}
.no-pp .navbar-desctop.navbar-white .navbar-brand{color:#fff!important;mix-blend-mode:normal}
.no-pp .navbar-brand{font-size:1.55rem}
.no-pp #projects .project-category{line-height:1.35}
.contact-big{display:block;text-decoration:none!important}.contact-big:hover{color:#E6C277}
.navbar-mobile{background:#032B1A!important}