/* NAKAJP Brand Homepage — role split v2 */
.brand-home-page{
  --bh-ink:var(--njp-ink,#211D19);
  --bh-sumi:var(--njp-sumi,#3B3028);
  --bh-brown:var(--njp-brown,#6B4F3A);
  --bh-wood:var(--njp-wood,#8A6543);
  --bh-gold:var(--njp-gold,#B8944D);
  --bh-gold-soft:var(--njp-gold-soft,#E8D7A8);
  --bh-ivory:var(--njp-ivory,#FCFAF6);
  --bh-paper:var(--njp-paper,#FFFDF8);
  --bh-mist:var(--njp-mist,#EEE8DD);
  background:var(--bh-ivory);
  color:var(--bh-ink);
  font-family:var(--njp-font);
  line-height:1.68;
}
.brand-home-page h1,
.brand-home-page h2,
.brand-home-page h3{
  font-family:var(--njp-font);
  color:var(--bh-ink);
}
.brand-home-page h1{
  font-size:clamp(34px,5vw,58px);
  line-height:1.04;
  font-weight:760;
  letter-spacing:-.025em;
}
.brand-home-page h2{
  font-size:clamp(28px,3.4vw,44px);
  line-height:1.12;
  font-weight:720;
  letter-spacing:-.018em;
}
.brand-home-page h3{
  font-size:clamp(18px,2vw,24px);
  line-height:1.24;
  font-weight:720;
}
.brand-home-page p{color:var(--njp-muted,#635A50)}
.brand-home-page .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.brand-home-page .site-header{
  position:sticky;top:0;z-index:40;
  background:rgba(252,250,246,.92);
  border-bottom:1px solid rgba(43,33,26,.10);
  backdrop-filter:blur(16px);
}
.brand-home-page .nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}


.brand-home-page .nav-links{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:680;color:var(--bh-sumi)}
.brand-home-page .nav-links a{text-decoration:none}
.brand-home-page .nav-cta{display:flex;align-items:center;gap:10px}
.brand-home-page .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:12px 20px;border-radius:999px;
  border:1px solid transparent;text-decoration:none;font-weight:740;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.brand-home-page .btn:hover{transform:translateY(-2px)}
.brand-home-page .btn--gold{background:var(--bh-brown);color:#fff;box-shadow:0 18px 36px rgba(107,79,58,.22)}
.brand-home-page .btn--ghost{background:rgba(255,253,248,.76);border-color:rgba(107,79,58,.22);color:var(--bh-sumi)}
.brand-home-page .btn--light{background:var(--bh-paper);border-color:rgba(107,79,58,.16);color:var(--bh-sumi)}
.brand-home-page .section{padding:88px 0}
.brand-home-page .section-head{max-width:820px;margin-bottom:34px}
.brand-home-page .eyebrow{
  display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;
  color:var(--bh-wood);font-size:12px;font-weight:760;letter-spacing:.13em;text-transform:uppercase;
}
.brand-home-page .eyebrow:before{content:"";width:34px;height:1px;background:var(--bh-gold)}
.brand-home-page .lead{font-size:18px;line-height:1.72}
.brand-home-page .hero{
  position:relative;overflow:hidden;min-height:calc(100vh - 78px);
  display:flex;align-items:center;background:var(--bh-ivory);
}
.brand-home-page .hero:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(252,250,246,.96) 0%,rgba(252,250,246,.88) 40%,rgba(252,250,246,.22) 64%,rgba(252,250,246,.08) 100%),
    url("../images/ART_4450.webp") center right/cover no-repeat;
}
.brand-home-page .hero:after{
  content:"";position:absolute;inset:auto 0 0;height:24%;
  background:linear-gradient(180deg,rgba(252,250,246,0),var(--bh-ivory));
}
.brand-home-page .hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,690px) minmax(320px,1fr);gap:48px;align-items:center;padding:94px 0}
.brand-home-page .hero-copy{background:rgba(255,253,248,.74);border:1px solid rgba(107,79,58,.12);border-radius:30px;padding:36px;box-shadow:0 24px 70px rgba(37,33,29,.10);backdrop-filter:blur(10px)}
.brand-home-page .proof-line{font-weight:720;color:var(--bh-sumi);margin-top:18px}
.brand-home-page .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.brand-home-page .hero-panel{align-self:end;background:rgba(59,48,40,.92);color:#fff;border-radius:28px;padding:28px;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 70px rgba(37,33,29,.18)}
.brand-home-page .hero-panel h2{color:#fff;font-size:24px;margin-bottom:12px}
.brand-home-page .hero-panel p{color:rgba(255,255,255,.82)}
.brand-home-page .hero-panel ul{display:grid;gap:12px;padding:0;margin:18px 0 0;list-style:none}
.brand-home-page .hero-panel li{display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.9)}
.brand-home-page .hero-panel li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bh-gold-soft);margin-top:10px;flex:0 0 auto}
.brand-home-page .trust-strip{background:var(--bh-paper);border-top:1px solid rgba(43,33,26,.08);border-bottom:1px solid rgba(43,33,26,.08)}
.brand-home-page .trust-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:18px 0}
.brand-home-page .trust-item{min-height:78px;padding:15px 14px;border:1px solid rgba(107,79,58,.14);border-radius:16px;background:#fffaf2;font-weight:720;color:var(--bh-sumi);display:flex;align-items:center}
.brand-home-page .who-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:start}
.brand-home-page .who-media{display:grid;gap:16px;align-self:start}
.brand-home-page .who-media-frame{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;border-radius:30px;box-shadow:0 24px 60px rgba(37,33,29,.12)}
.brand-home-page .who-media-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 54%;border-radius:inherit;box-shadow:none}
.brand-home-page .stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.brand-home-page .stat-card{min-width:0;background:var(--bh-paper);border:1px solid rgba(107,79,58,.13);border-radius:18px;padding:15px 14px}
.brand-home-page .stat-card strong{display:block;font-size:22px;color:var(--bh-brown);line-height:1}
.brand-home-page .stat-card span{display:block;margin-top:8px;font-size:13px;line-height:1.45}
.brand-home-page .foundation{background:linear-gradient(180deg,var(--bh-paper),var(--bh-ivory))}
.brand-home-page .foundation-layout{display:grid;grid-template-columns:minmax(310px,.86fr) 1.14fr;gap:44px;align-items:start}
.brand-home-page .foundation-card{position:sticky;top:104px;background:var(--bh-sumi);border-radius:30px;overflow:hidden;color:#fff;box-shadow:0 24px 70px rgba(37,33,29,.16)}
.brand-home-page .foundation-card img{width:100%;height:210px;object-fit:cover;opacity:1}
.brand-home-page .foundation-card div{padding:26px}
.brand-home-page .foundation-card h3{color:#fff}
.brand-home-page .foundation-card p{color:rgba(255,255,255,.78)}

/* Image-dark trust/platform section: light copy outside the bright cards only. */
.brand-home-page .trust-platform-section{
  color:rgba(255,255,255,.88);
}
.brand-home-page .trust-platform-section > .container > div > .section-head h2{
  color:#FFFDF8;
}
.brand-home-page .trust-platform-section > .container > div > .section-head p{
  color:rgba(255,255,255,.82);
}
.brand-home-page .trust-platform-section > .container > div > .section-head .eyebrow{
  color:#E8D7A8;
}
.brand-home-page .trust-platform-section .value-card{
  color:var(--bh-ink);
}
.brand-home-page .trust-platform-section .value-card h3{
  color:var(--bh-sumi);
}
.brand-home-page .trust-platform-section .value-card p{
  color:var(--bh-muted);
}
.brand-home-page .value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.brand-home-page .value-card{background:var(--bh-paper);border:1px solid rgba(107,79,58,.13);border-radius:22px;padding:22px;box-shadow:0 14px 40px rgba(37,33,29,.06)}
.brand-home-page .value-card span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(184,148,77,.16);color:var(--bh-brown);font-weight:760;margin-bottom:12px}
.brand-home-page .value-grid--usp{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.brand-home-page .value-card h3{margin:0 0 10px}
.brand-home-page .value-card p{margin:0;color:var(--bh-muted);line-height:1.7}
.brand-home-page details.more-standards{margin-top:18px;background:#fff;border:1px solid rgba(107,79,58,.14);border-radius:22px;padding:4px 18px}
.brand-home-page details.more-standards summary{cursor:pointer;font-weight:760;color:var(--bh-sumi);padding:18px 2px}
.brand-home-page .standard-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 0 18px;margin:0;list-style:none}
.brand-home-page .standard-list li{padding:14px 14px;border-radius:14px;background:var(--bh-ivory);border:1px solid rgba(107,79,58,.10)}
.brand-home-page .standard-list--cards li{padding:18px}
.brand-home-page .standard-list--cards strong{display:block;color:var(--bh-sumi);font-weight:780;margin-bottom:8px}
.brand-home-page .standard-list--cards p{margin:0;color:var(--bh-muted);line-height:1.65}
.brand-home-page .proof-cta{margin-top:22px;background:linear-gradient(135deg,#fffaf2,#fff);border:1px solid rgba(107,79,58,.14);border-radius:26px;padding:26px;box-shadow:0 18px 46px rgba(37,33,29,.07)}
.brand-home-page .proof-cta h3{margin:0 0 16px;color:var(--bh-sumi);line-height:1.35}
.brand-home-page .proof-cta__actions{display:flex;flex-wrap:wrap;gap:12px}
.brand-home-page .spirit-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:start}
.brand-home-page .spirit-quote{background:var(--bh-paper);border:1px solid rgba(107,79,58,.13);border-radius:28px;padding:32px;box-shadow:0 22px 54px rgba(37,33,29,.08)}
.brand-home-page .spirit-quote blockquote{margin:0;font-size:24px;font-weight:720;line-height:1.35;color:var(--bh-sumi)}
.brand-home-page .pill-grid{display:flex;flex-wrap:wrap;gap:12px}
.brand-home-page .pill-card{flex:1 1 210px;background:#fff;border:1px solid rgba(107,79,58,.13);border-radius:999px;padding:16px 18px;font-weight:720;color:var(--bh-sumi)}
.brand-home-page .showroom{background:var(--bh-paper)}
.brand-home-page .showroom-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.brand-home-page .showroom-media{
  position:relative;
  aspect-ratio:3 / 2;
  min-height:0;
  overflow:hidden;
  border-radius:32px;
  box-shadow:0 24px 70px rgba(37,33,29,.14);
  align-self:center;
}
.brand-home-page .showroom-media img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center 58%;
  border-radius:inherit;
  box-shadow:none;
}
.brand-home-page .showroom-badge{position:absolute;left:22px;bottom:22px;background:rgba(255,253,248,.92);border:1px solid rgba(107,79,58,.13);border-radius:18px;padding:14px 16px;font-weight:740;color:var(--bh-sumi)}
.brand-home-page .showroom-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.brand-home-page .showroom-facts div{background:#fff;border:1px solid rgba(107,79,58,.12);border-radius:16px;padding:15px}
.brand-home-page .team-intro{display:grid;grid-template-columns:.86fr 1.14fr;gap:40px;align-items:end;margin-bottom:30px}
.brand-home-page .team-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.brand-home-page .team-card{background:var(--bh-paper);border:1px solid rgba(107,79,58,.12);border-radius:22px;overflow:hidden;box-shadow:0 16px 44px rgba(37,33,29,.06)}
.brand-home-page .team-card__media{
  aspect-ratio:3/4;
  overflow:hidden;
  background:#eeeae4;
}
.brand-home-page .team-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
}
.brand-home-page .team-card__media--cover img{
  object-fit:cover;
  object-position:center top;
}
.brand-home-page .team-card__media--contain img{
  object-fit:contain;
  object-position:center bottom;
  padding:8px 6px 0;
}
.brand-home-page .team-card div{padding:16px}
.brand-home-page .team-card h3{font-size:16px;margin-bottom:6px}
.brand-home-page .team-card p{font-size:13px;margin:0;color:var(--njp-muted,#635A50)}
.brand-home-page .team-roles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}
.brand-home-page .team-roles span{padding:14px 12px;border-radius:16px;background:#fff;border:1px solid rgba(107,79,58,.12);font-weight:720;text-align:center;color:var(--bh-sumi)}
.brand-home-page .workflow{background:linear-gradient(180deg,var(--bh-ivory),#fff)}
.brand-home-page .steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.brand-home-page .step{position:relative;background:var(--bh-paper);border:1px solid rgba(107,79,58,.13);border-radius:24px;padding:24px;min-height:190px}
.brand-home-page .step:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--bh-gold);font-size:14px;font-weight:760;letter-spacing:.12em;margin-bottom:12px}
.brand-home-page .step h3{font-size:20px}
.brand-home-page .services{background:var(--bh-paper)}
.brand-home-page .service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.brand-home-page .service-card{min-height:178px;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border:1px solid rgba(107,79,58,.13);border-radius:24px;padding:22px;text-decoration:none;box-shadow:0 14px 38px rgba(37,33,29,.05)}
.brand-home-page .service-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(37,33,29,.10)}
.brand-home-page .service-card h3{font-size:18px}
.brand-home-page .service-card span{color:var(--bh-brown);font-weight:760}
.brand-home-page .form-section{background:linear-gradient(180deg,var(--bh-paper),var(--bh-ivory))}
.brand-home-page .form-shell{display:grid;grid-template-columns:.86fr 1.14fr;gap:38px;align-items:start;background:#fff;border:1px solid rgba(107,79,58,.12);border-radius:32px;padding:34px;box-shadow:0 24px 70px rgba(37,33,29,.08)}
.brand-home-page .lead-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.brand-home-page .lead-form .full{grid-column:1/-1}
.brand-home-page .form-field label{display:block;font-weight:720;margin-bottom:8px;color:var(--bh-sumi)}
.brand-home-page .form-field input,
.brand-home-page .form-field select,
.brand-home-page .form-field textarea{width:100%;border:1px solid rgba(107,79,58,.20);border-radius:14px;padding:13px 14px;background:var(--bh-paper);color:var(--bh-ink)}
.brand-home-page .form-note{font-size:13px}
.brand-home-page .form-status{margin-top:12px;font-weight:720}
.brand-home-page .faq-list{display:grid;gap:12px}
.brand-home-page .faq-list details{background:var(--bh-paper);border:1px solid rgba(107,79,58,.13);border-radius:18px;padding:0 18px}
.brand-home-page .faq-list summary{cursor:pointer;font-weight:760;padding:18px 0;color:var(--bh-sumi)}
.brand-home-page .faq-list p{padding-bottom:18px;margin:0}
.brand-home-page .site-footer{background:var(--bh-sumi);color:#fff;padding:54px 0 24px}
.brand-home-page .site-footer p,.brand-home-page .site-footer a{color:rgba(255,255,255,.78)}
.brand-home-page .site-footer h3,.brand-home-page .footer-brand{color:#fff}
.brand-home-page .footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:34px}
.brand-home-page .footer-brand{font-weight:760;font-size:22px;margin-bottom:10px}
.brand-home-page .footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:30px;padding-top:18px;color:rgba(255,255,255,.78)}
.brand-home-page .zalo-float{position:fixed;right:24px;bottom:24px;z-index:45;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:#fff;color:#0068ff;font-weight:760;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.brand-home-page .mobile-sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:none;gap:10px;background:rgba(252,250,246,.96);border:1px solid rgba(107,79,58,.16);border-radius:18px;padding:10px;box-shadow:0 18px 44px rgba(37,33,29,.18)}
.brand-home-page .mobile-sticky a{flex:1;text-align:center;text-decoration:none;border-radius:12px;padding:12px 10px;font-weight:760}
.brand-home-page .mobile-sticky a:first-child{background:#fff;border:1px solid rgba(107,79,58,.14);color:var(--bh-sumi)}
.brand-home-page .mobile-sticky a:last-child{background:var(--bh-brown);color:#fff}
@media (max-width:1100px){
  .brand-home-page .team-grid{grid-template-columns:repeat(4,1fr)}
  .brand-home-page .service-grid{grid-template-columns:repeat(2,1fr)}
  .brand-home-page .trust-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .brand-home-page .nav-links{display:none}
  .brand-home-page .nav-cta .btn--light{display:none}
  .brand-home-page .hero{min-height:auto}
  .brand-home-page .hero:before{background:linear-gradient(180deg,rgba(252,250,246,.96),rgba(252,250,246,.82)),url("../images/ART_4450.webp") center/cover no-repeat}
  .brand-home-page .hero-inner,
  .brand-home-page .who-layout,
  .brand-home-page .foundation-layout,
  .brand-home-page .spirit-layout,
  .brand-home-page .showroom-layout,
  .brand-home-page .team-intro,
  .brand-home-page .form-shell,
  .brand-home-page .footer-grid{grid-template-columns:1fr}
  .brand-home-page .foundation-card{position:relative;top:auto}
  .brand-home-page .steps{grid-template-columns:1fr}
  .brand-home-page .workflow details.mobile-more-steps .step{display:block}
  .brand-home-page .trust-grid,.brand-home-page .value-grid,.brand-home-page .showroom-facts,.brand-home-page .team-roles{grid-template-columns:1fr}
  .brand-home-page .team-grid{grid-template-columns:repeat(2,1fr)}
  .brand-home-page .lead-form .form-grid{grid-template-columns:1fr}
  .brand-home-page .proof-cta__actions .btn{width:100%;justify-content:center}
  .brand-home-page .nav-wrap{height:68px}
  .brand-home-page .hero-copy{padding:26px;border-radius:24px}
  .brand-home-page .section{padding:62px 0}
}
@media (max-width:640px){
  .brand-home-page .container{width:min(100% - 28px,1180px)}
  .brand-home-page h1{font-size:34px}
  .brand-home-page h2{font-size:27px}
  .brand-home-page .hero-inner{padding:40px 0 58px}
  .brand-home-page .hero-panel{padding:22px;border-radius:22px}
  .brand-home-page .service-grid{grid-template-columns:1fr}
  .brand-home-page .team-grid{grid-template-columns:1fr 1fr}
  .brand-home-page .team-card div{padding:12px}
  .brand-home-page .form-shell{padding:22px;border-radius:24px}
  .brand-home-page .mobile-sticky.is-visible{display:flex}
  .brand-home-page .zalo-float{display:none}
}

.brand-home-page .mobile-more-steps{display:none;margin-top:14px;background:var(--bh-paper);border:1px solid rgba(107,79,58,.13);border-radius:22px;padding:0 18px}
.brand-home-page .mobile-more-steps summary{cursor:pointer;font-weight:760;color:var(--bh-sumi);padding:18px 0}
.brand-home-page .mobile-more-steps .steps{padding-bottom:18px}
@media (max-width:900px){.brand-home-page .mobile-more-steps{display:block}.brand-home-page .mobile-more-steps .steps{grid-template-columns:1fr}.brand-home-page .mobile-more-steps .step{display:block}}


/* P0 logo/header/footer sync — use real NAKA JP assets, no text logo */
.brand-home-page{
  --njp-ivory:#FCFAF6;
  --njp-paper:#FFFDF8;
  --njp-cream:#F6EFE4;
  --njp-sumi:#3B3028;
  --njp-brown:#6B4F3A;
  --njp-wood:#8A6543;
  --njp-gold:#B8944D;
  --njp-line:rgba(59,48,40,.14);
  --njp-muted:rgba(59,48,40,.72);
  background:#FCFAF6;
  color:#3B3028;
}
.brand-home-page p,
.brand-home-page li{color:#3B3028}
.brand-home-page .muted,
.brand-home-page .section-lead,
.brand-home-page .section-head p,
.brand-home-page .hero-copy p{color:rgba(59,48,40,.72)}
.brand-home-page .site-header{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(252,250,246,.96);
  border-bottom:1px solid rgba(59,48,40,.14);
  backdrop-filter:blur(14px);
}
.brand-home-page .header-inner{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand-home-page .logo{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  flex:0 0 auto;
}
.brand-home-page .logo img{
  display:block;
  max-width:170px;
  height:auto;
}
.brand-home-page .nav{
  display:flex;
  align-items:center;
  gap:24px;
  font-size:14px;
  font-weight:680;
  color:#3B3028;
}
.brand-home-page .nav a{text-decoration:none;color:#3B3028}
.brand-home-page .nav a:hover{color:#8A6543}
.brand-home-page .header-cta{display:flex;align-items:center;gap:10px}
.brand-home-page .header-cta .btn{
  min-height:44px;
  padding:11px 18px;
  border-radius:999px;
  font-weight:720;
}
.brand-home-page .card,
.brand-home-page .trust-item,
.brand-home-page .value-card,
.brand-home-page .team-role,
.brand-home-page .service-card,
.brand-home-page .faq-list details{
  background:#FFFDF8;
  border:1px solid rgba(59,48,40,.14);
  box-shadow:0 14px 34px rgba(59,48,40,.07);
}
.brand-home-page .nakajp-dark-footer{
  background:#1a1a1a;
  color:#fff;
  padding:76px 0 34px;
}
.brand-home-page .nakajp-dark-footer .footer-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr 1fr .9fr;
  gap:38px;
  text-align:left;
  margin-bottom:48px;
}
.brand-home-page .footer-logo{
  max-width:172px;
  height:auto;
  margin-bottom:18px;
  filter:brightness(0) invert(1);
}
.brand-home-page .nakajp-dark-footer h3{
  margin:0 0 18px;
  color:#B8944D;
  font-size:16px;
  line-height:1.3;
  font-weight:720;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.brand-home-page .nakajp-dark-footer p,
.brand-home-page .nakajp-dark-footer span,
.brand-home-page .nakajp-dark-footer a{
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.75;
  text-decoration:none;
}
.brand-home-page .nakajp-dark-footer .footer-col{display:grid;align-content:start;gap:10px}
.brand-home-page .nakajp-dark-footer .footer-col p{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0;
}
.brand-home-page .nakajp-dark-footer i{color:#B8944D;margin-top:4px;min-width:16px}
.brand-home-page .nakajp-dark-footer a:hover{color:#fff}
.brand-home-page .footer-bottom{
  border-top:1px solid rgba(255,255,255,.14);
  padding-top:22px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.brand-home-page .fixed-contact{
  position:fixed;
  right:22px;
  bottom:96px;
  z-index:80;
  display:grid;
  gap:12px;
}
.brand-home-page .contact-pill{
  width:54px;
  height:54px;
  border-radius:999px;
  display:grid;
  place-items:center;
  text-decoration:none;
  color:#fff;
  background:#6B4F3A;
  box-shadow:0 14px 34px rgba(59,48,40,.18);
  font-weight:900;
}
.brand-home-page .zalo-chat-widget{
  right:24px!important;
  bottom:24px!important;
  left:auto!important;
  z-index:9999!important;
}
.brand-home-page .zalo-track-overlay{
  position:fixed!important;
  right:24px!important;
  bottom:24px!important;
  width:60px!important;
  height:60px!important;
  z-index:10001!important;
  border-radius:999px!important;
  display:block!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:transparent!important;
  text-decoration:none!important;
}
.brand-home-page .zalo-float{display:none!important}
@media (max-width:980px){
  .brand-home-page .header-inner{min-height:66px;gap:12px}
  .brand-home-page .logo img{max-width:138px}
  .brand-home-page .nav{display:none}
  .brand-home-page .header-cta .btn--ghost{display:none}
  .brand-home-page .header-cta .btn{min-height:40px;padding:10px 14px;font-size:13px}
  .brand-home-page .nakajp-dark-footer .footer-grid{grid-template-columns:1fr;gap:28px}
  .brand-home-page .footer-bottom{display:grid;gap:8px}
}
@media (max-width:640px){
  .brand-home-page .fixed-contact,
  .brand-home-page .zalo-track-overlay,
  .brand-home-page .zalo-chat-widget{display:none!important}
}


/* P0 review fix — hero background visibility, Nakajitsu proof image, split H2 balance */
.brand-home-page .hero:before{
  background:
    linear-gradient(90deg,
      rgba(252,250,246,.82) 0%,
      rgba(252,250,246,.66) 34%,
      rgba(252,250,246,.22) 62%,
      rgba(252,250,246,.04) 100%),
    url("../images/ART_4450.webp") center right/cover no-repeat;
}
.brand-home-page .hero:after{
  height:14%;
  background:linear-gradient(180deg,rgba(252,250,246,0),rgba(252,250,246,.88));
}
.brand-home-page .hero-copy{
  background:rgba(255,253,248,.90);
  border-color:rgba(59,48,40,.16);
  backdrop-filter:none;
  box-shadow:0 22px 54px rgba(59,48,40,.11);
}
.brand-home-page .hero-panel{
  background:rgba(59,48,40,.94);
  box-shadow:0 24px 58px rgba(59,48,40,.22);
}
.brand-home-page .hero-panel p,
.brand-home-page .hero-panel li{color:rgba(255,255,255,.88)}

.brand-home-page .nakajitsu-proof{
  background:linear-gradient(180deg,#FCFAF6 0%,#F6EFE4 100%);
  padding-top:72px;
  padding-bottom:72px;
}
.brand-home-page .proof-layout{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:42px;
  align-items:center;
}
.brand-home-page .proof-copy{
  background:#FFFDF8;
  border:1px solid rgba(59,48,40,.14);
  border-radius:28px;
  padding:34px;
  box-shadow:0 14px 34px rgba(59,48,40,.07);
}
.brand-home-page .proof-copy h2{
  font-size:clamp(30px,3.05vw,42px);
  line-height:1.14;
  font-weight:720;
  letter-spacing:-.018em;
  margin:0 0 16px;
}
.brand-home-page .proof-copy p{
  color:#3B3028;
  margin:0 0 14px;
}
.brand-home-page .proof-caption{
  border-left:3px solid #B8944D;
  padding-left:14px;
  color:rgba(59,48,40,.72)!important;
  font-size:14px;
  line-height:1.65;
}
.brand-home-page .proof-image-card{
  margin:0;
  background:#FFFDF8;
  border:1px solid rgba(59,48,40,.14);
  /* border-radius:28px; */
  padding:18px;
  box-shadow:0 18px 44px rgba(59,48,40,.09);
}
.brand-home-page .proof-image-card img{
  display:block;
  width:100%;
  height:auto;
  border-radius:20px;
  object-fit:contain;
}

.brand-home-page .team-intro{
  grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);
  align-items:center;
  gap:46px;
}
.brand-home-page .team-intro h2,
.brand-home-page .showroom-layout h2,
.brand-home-page .spirit-layout h2{
  font-size:clamp(34px,3.35vw,52px);
  line-height:1.12;
  font-weight:720;
  letter-spacing:-.014em;
  max-width:680px;
}
.brand-home-page .team-intro > p{
  font-size:17px;
  line-height:1.72;
  color:#3B3028;
  max-width:620px;
}
@media (max-width:1100px){
  .brand-home-page .team-intro h2,
  .brand-home-page .showroom-layout h2,
  .brand-home-page .spirit-layout h2{
    font-size:clamp(32px,4vw,46px);
  }
}
@media (max-width:900px){
  .brand-home-page .hero:before{
    background:
      linear-gradient(180deg,rgba(252,250,246,.78) 0%,rgba(252,250,246,.48) 45%,rgba(252,250,246,.18) 100%),
      url("../images/ART_4450.webp") center/cover no-repeat;
  }
  .brand-home-page .hero-copy{
    background:rgba(255,253,248,.94);
  }
  .brand-home-page .proof-layout{
    grid-template-columns:1fr;
    gap:24px;
  }
  .brand-home-page .nakajitsu-proof{
    padding-top:56px;
    padding-bottom:56px;
  }
  .brand-home-page .proof-copy{
    padding:26px;
    border-radius:24px;
  }
  .brand-home-page .team-intro{
    grid-template-columns:1fr;
    align-items:start;
    gap:18px;
  }
}
@media (max-width:640px){
  .brand-home-page .hero-inner{padding-top:42px}
  .brand-home-page .proof-copy h2,
  .brand-home-page .team-intro h2,
  .brand-home-page .showroom-layout h2,
  .brand-home-page .spirit-layout h2{
    font-size:clamp(30px,8.4vw,36px);
    line-height:1.15;
  }
  .brand-home-page .proof-image-card{padding:10px;/* border-radius:20px; */}
  .brand-home-page .proof-image-card img{border-radius:14px}
}


/* Phase 4 footer spacing all LP */
.brand-home-page .internal-links{
  padding:56px 0 88px !important;
  margin-bottom:40px !important;
  background:#fbf8f2;
  border-top:1px solid rgba(107,79,58,.08);
}
@media (max-width:760px){
  .brand-home-page .internal-links{
    padding:40px 0 72px !important;
    margin-bottom:28px !important;
  }
  .brand-home-page .internal-links .container > div{
    gap:10px !important;
  }
  .brand-home-page .internal-links .btn{
    width:100%;
    justify-content:center;
  }
}


/* Phase 5 content-depth blocks */
.nakajp-depth-section{position:relative}
.nakajp-depth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.nakajp-depth-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nakajp-depth-grid article{background:#fff;border:1px solid rgba(93,70,45,.16);border-radius:16px;padding:20px;box-shadow:0 12px 28px rgba(31,24,18,.06)}
.nakajp-depth-grid h3{margin:0 0 10px;font-size:1.05rem;line-height:1.35;color:#2f261f}
.nakajp-depth-grid p{margin:0;color:#62584f;line-height:1.7}
.nakajp-after-submit{margin-top:18px;padding:18px;border:1px solid rgba(151,111,55,.22);border-radius:16px;background:rgba(248,244,237,.78)}
.nakajp-after-submit h3{margin:0 0 10px;font-size:1.05rem;color:#2f261f}
.nakajp-after-submit ol{margin:0;padding-left:20px;color:#62584f;line-height:1.65}
.nakajp-after-submit li+li{margin-top:6px}
.process-step b{display:block;margin-bottom:6px;color:#2f261f}
.process-step p{margin:0;font-size:.94rem;line-height:1.55;color:#62584f}
@media (max-width: 900px){.nakajp-depth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.nakajp-depth-grid{grid-template-columns:1fr}.nakajp-depth-grid article{padding:16px}.nakajp-after-submit{padding:16px}}



/* Font sync fix — keep process step text in content column */
.process-step b,
.process-step p{grid-column:2;min-width:0;overflow-wrap:normal;word-break:normal;}
@media (max-width:640px){.process-step{grid-template-columns:50px minmax(0,1fr);gap:14px}.process-step:before{width:50px;height:50px}}

/* NAKAJP Phase 5 typography size sync — H1/H2 fixed */
:root{
  --njp-h1-size:40px;
  --njp-h2-size:32px;
}
h1,
.hero h1,
.brand-home-page h1,
.brand-hero h1,
.lp001-hero h1,
.lp003-hero h1,
.njp-hero h1,
.quote-hero h1{
  font-size:var(--njp-h1-size)!important;
  line-height:1.12!important;
}
h2,
.sec-title h2,
.workflow-title h2,
.cta-band h2,
.brand-home-page h2,
.brand-home-page .proof-copy h2,
.brand-home-page .team-intro h2,
.brand-home-page .showroom-layout h2,
.brand-home-page .spirit-layout h2,
.brand-home-page .hero-panel h2,
.njp-section-title h2,
.lp003-section h2,
.quote-section h2{
  font-size:var(--njp-h2-size)!important;
  line-height:1.18!important;
}
@media (max-width: 640px){
  h1,
  .hero h1,
  .brand-home-page h1,
  .brand-hero h1,
  .lp001-hero h1,
  .lp003-hero h1,
  .njp-hero h1,
  .quote-hero h1{
    font-size:var(--njp-h1-size)!important;
  }
  h2,
  .sec-title h2,
  .workflow-title h2,
  .cta-band h2,
  .brand-home-page h2,
  .brand-home-page .proof-copy h2,
  .brand-home-page .team-intro h2,
  .brand-home-page .showroom-layout h2,
  .brand-home-page .spirit-layout h2,
  .brand-home-page .hero-panel h2,
  .njp-section-title h2,
  .lp003-section h2,
  .quote-section h2{
    font-size:var(--njp-h2-size)!important;
  }
}


/* Phase font override — all typography: Be Vietnam Pro */
:root{
  --njp-font:"Be Vietnam Pro",sans-serif;
  --njp-serif:"Be Vietnam Pro",sans-serif;
}
html,body{
  font-family:var(--njp-font)!important;
}
body,button,input,select,textarea{
  font-family:var(--njp-font)!important;
}
h1,h2,h3,h4,h5,h6,
.hero-title,.section-title,.brand-title,.proof-title{
  font-family:var(--njp-serif)!important;
}
h1{font-size:40px!important;}
h2{font-size:32px!important;}


/* Phase font readability override — headings/body unified */
:root{
  --njp-font:"Be Vietnam Pro",sans-serif;
  --njp-serif:"Be Vietnam Pro",sans-serif;
}
body,button,input,select,textarea{
  font-family:var(--njp-font)!important;
}
h1,h2,h3,h4,h5,h6,
.hero-title,.section-title,.lp-hero h1,.lp-section h2,
.njp-hero h1,.njp-section h2,.service-hero h1,.service-section h2{
  font-family:var(--njp-font)!important;
}
h1{font-size:40px!important;line-height:1.15!important;}
h2{font-size:32px!important;line-height:1.22!important;}


/* ===== Brand home readable casing ===== */
.brand-home-page .eyebrow,
.brand-home-page .hero-eyebrow,
.brand-home-page [class*="tag"],
.brand-home-page [class*="kicker"]{
  text-transform:none !important;
  letter-spacing:.02em !important;
}
.brand-home-page h1,
.brand-home-page h2{
  text-transform:none !important;
}

/* Phase 70 — normalized team portraits */
.team-card__media{aspect-ratio:4/5!important;background:#e9e7e4!important}
.team-card__media img,
.team-card__media--cover img,
.team-card__media--contain img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  padding:0!important;
}
.team-card__media--contain img{transform:scale(1.08);transform-origin:center top}
.team-card:hover .team-card__media--contain img{transform:scale(1.08)!important}