:root{
  --void:#2a3d38;--void-2:#22332f;--emerald:#33524c;--emerald-2:#3d605a;
  --copper:#c0963f;--copper-2:#dab36a;--warm:#f0d9a8;--cream:#ece7d6;--dim:#a7b3ab;
  --line:rgba(236,231,214,0.1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:96px;}
body{background:var(--void-2);color:var(--cream);font-family:'Archivo',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.ns{font-family:'Newsreader',serif;}
img{display:block;max-width:100%;}
body::after{content:'';position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");}
.cursor-glow{position:fixed;width:600px;height:600px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle, rgba(240,217,168,0.07), transparent 65%);transform:translate(-50%,-50%);transition:opacity .6s;mix-blend-mode:screen;}

header{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:26px 5vw;transition:transform .4s,background .3s,padding .3s;}
header.hidden{transform:translateY(-100%);}
/* khi cuộn khỏi đỉnh: thêm nền tối để header không đè/lòi chữ phía sau */
header.solid{background:rgba(27,40,37,.96);padding-top:16px;padding-bottom:16px;box-shadow:0 1px 0 rgba(236,231,214,.08),0 10px 30px -18px rgba(0,0,0,.7);}
.logo{font-family:'Newsreader',serif;font-weight:300;font-size:25px;letter-spacing:7px;color:var(--cream);text-decoration:none;}
.nav{display:flex;gap:34px;align-items:center;}
.nav a{color:var(--dim);text-decoration:none;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;transition:color .3s;}
.nav a:hover{color:var(--copper);}
.menu-btn{display:none;background:none;border:none;color:var(--cream);font-size:22px;cursor:pointer;}

/* Dropdown "Sản phẩm" */
.nav-drop{position:relative;display:flex;align-items:center;}
.nav-prod{display:inline-flex;align-items:center;gap:6px;color:var(--dim);text-decoration:none;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;transition:color .3s;cursor:pointer;}
.nav-prod:hover{color:var(--copper);}
.nav-prod .caret{font-size:8px;transition:transform .3s;}
.nav-drop:hover .nav-prod .caret{transform:rotate(180deg);}
.nav-drop::after{content:'';position:absolute;top:100%;left:-20px;right:-20px;height:18px;}
.nav-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);min-width:248px;
  background:rgba(20,31,28,0.97);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:13px;padding:10px;
  display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s;z-index:70;box-shadow:0 26px 54px rgba(0,0,0,0.45);}
.nav-drop:hover .nav-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.nav-menu a{color:var(--dim);text-decoration:none;font-family:'Archivo',sans-serif;font-size:13px;letter-spacing:.4px;text-transform:none;padding:11px 14px;border-radius:8px;transition:background .2s,color .2s;white-space:nowrap;}
.nav-menu a:hover{color:var(--cream);background:rgba(236,231,214,0.06);}
.nav-menu a i{color:var(--copper-2);font-style:normal;font-size:10px;opacity:.85;}
.nav-menu-all{color:var(--copper)!important;border-top:1px solid var(--line);margin-top:6px;padding-top:13px!important;}
header .logo{display:flex;flex-direction:column;align-items:flex-start;gap:7px;line-height:1;}
.logo-divider{width:100%;height:1px;background:rgba(192,150,63,0.5);}
.logo-tagline{font-family:'Archivo',sans-serif;font-size:10px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--copper-2);white-space:nowrap;}

/* HERO */
.hero{position:relative;height:100vh;min-height:640px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;z-index:2;}
.hero-light{position:absolute;top:42%;left:50%;width:130vw;height:90vh;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(ellipse 38% 50% at 50% 50%, rgba(240,217,168,0.22), rgba(192,150,63,0.06) 38%, transparent 64%);animation:glowpulse 8s ease-in-out infinite;}
@keyframes glowpulse{0%,100%{opacity:.85;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
.hero-floor{position:absolute;bottom:0;left:0;right:0;height:34vh;background:linear-gradient(to top, rgba(240,217,168,0.06), transparent);pointer-events:none;}
.hero-inner{position:relative;z-index:3;padding:0 6vw;}
.hero .eyebrow{font-size:11px;letter-spacing:6px;text-transform:uppercase;color:var(--copper);margin-bottom:38px;opacity:0;animation:fade 1.4s .4s forwards;}
.hero h1{font-family:'Newsreader',serif;font-weight:200;font-size:clamp(40px,7.5vw,118px);line-height:1.04;letter-spacing:-1.5px;}
.hero h1 .a{display:block;opacity:0;filter:blur(12px);animation:lightup 1.7s forwards;}
.hero h1 .a:nth-child(1){animation-delay:.6s}.hero h1 .a:nth-child(2){animation-delay:1.0s}
.hero h1 em{font-style:italic;color:var(--warm);}
.hero .sub{margin-top:40px;font-size:15px;color:var(--dim);max-width:440px;margin-left:auto;margin-right:auto;line-height:1.9;opacity:0;animation:fade 1.6s 1.6s forwards;}
@keyframes lightup{from{opacity:0;filter:blur(12px);transform:translateY(14px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.scroll-cue{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:3;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--dim);opacity:0;animation:fade 1.6s 2s forwards;display:flex;flex-direction:column;align-items:center;gap:14px;}
.scroll-cue .ln{width:1px;height:44px;background:linear-gradient(var(--copper),transparent);animation:cuemove 2.2s ease-in-out infinite;}
@keyframes cuemove{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

/* reveal + HOẠT CẢNH 3: đèn bật dịu theo cuộn */
.rv{opacity:0;transform:translateY(50px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1);}
.rv.in{opacity:1;transform:translateY(0);}
.rv.blur{filter:blur(10px);transition:opacity 1.3s,transform 1.3s,filter 1.3s;}
.rv.blur.in{filter:blur(0);}
/* "đèn bật" — quầng sáng nền của mỗi section sáng lên khi vào khung nhìn */
.lampsec{position:relative;}
.lampsec .lamp-bg{position:absolute;top:0;left:50%;transform:translateX(-50%);width:90vw;height:60vh;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 50% 50% at 50% 30%, rgba(240,217,168,0.13), transparent 62%);
  opacity:0;transition:opacity 1.8s ease;}
.lampsec.in .lamp-bg{opacity:1;}
.lampsec>*{position:relative;z-index:1;}


/* PRODUCT reveal */
.product{padding:18vh 5vw;text-align:center;z-index:2;}
.product .k{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--copper);margin-bottom:26px;}
.product h2{font-family:'Newsreader',serif;font-weight:200;font-size:clamp(30px,5vw,68px);line-height:1.08;max-width:900px;margin:0 auto 24px;}
.product h2 em{font-style:italic;color:var(--warm);}
.product .lead{font-size:15px;color:var(--dim);max-width:480px;margin:0 auto 80px;line-height:1.95;}
.reveal-row{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.rcard{display:block;color:inherit;text-decoration:none;border:1px solid var(--line);overflow:hidden;background:var(--void-2);transition:border-color .4s,transform .4s;}
.rcard:hover{border-color:rgba(192,150,63,0.4);transform:translateY(-5px);}
.rcard .vis{aspect-ratio:1;position:relative;background:radial-gradient(ellipse 70% 60% at 50% 38%, rgba(240,217,168,0.16), transparent 60%),linear-gradient(180deg,#2c4641,#22332f);display:flex;align-items:center;justify-content:center;}
.rcard .recess{width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 42%, rgba(240,217,168,0.3), #243a35 62%);box-shadow:inset 0 4px 30px rgba(0,0,0,0.6),0 0 60px 6px rgba(240,217,168,0.12);border:1px solid rgba(240,217,168,0.14);}
.rcard.sq .recess{border-radius:8%;}
.rcard.bar .recess{width:64%;aspect-ratio:3/1;border-radius:40px;}
.rcard-img{width:66%;max-height:74%;object-fit:contain;filter:drop-shadow(0 14px 32px rgba(0,0,0,0.55));transition:transform .5s ease;}
.rcard:hover .rcard-img{transform:scale(1.06);}
.rcard .body{padding:26px 26px 30px;text-align:left;border-top:1px solid var(--line);}
.rcard .body .cd{font-size:10px;letter-spacing:2px;color:var(--copper);text-transform:uppercase;}
.rcard .body h3{font-family:'Newsreader',serif;font-weight:300;font-size:21px;margin:8px 0 6px;}
.rcard .body p{font-size:12px;color:var(--dim);line-height:1.7;}
/* ===== CÔNG NGHỆ — dàn trang tạp chí (chương đánh số + sợi sáng) ===== */
#product .thread{position:relative;max-width:1080px;margin:64px auto 0;padding-left:78px;text-align:left;}
#product .thread::before{content:"";position:absolute;left:28px;top:4px;bottom:90px;width:1px;background:linear-gradient(180deg,transparent,rgba(192,150,63,.5) 5%,rgba(192,150,63,.5) 95%,transparent);}
#product .chap{position:relative;padding-bottom:78px;}
#product .chap::before{content:"";position:absolute;left:-55px;top:13px;width:11px;height:11px;border-radius:50%;background:var(--void-2);border:1.5px solid rgba(192,150,63,.55);box-shadow:0 0 10px rgba(192,150,63,.3);transition:background .45s,border-color .45s,box-shadow .45s,transform .45s;}
/* đường sáng chạy theo cuộn + chấm bừng sáng khi tới */
#product .thread-prog{position:absolute;left:28px;top:4px;width:2px;height:0;transform:translateX(-.5px);z-index:1;pointer-events:none;
  background:linear-gradient(180deg, rgba(240,217,168,0) 0%, rgba(218,179,106,.85) 20%, var(--warm) 100%);
  box-shadow:0 0 10px 1px rgba(240,217,168,.45);}
#product .thread-prog::after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);width:10px;height:10px;border-radius:50%;background:var(--warm);
  box-shadow:0 0 16px 5px rgba(240,217,168,.9),0 0 40px 14px rgba(240,217,168,.32);}
#product .chap.lit::before{background:var(--warm);border-color:var(--warm);box-shadow:0 0 22px 7px rgba(240,217,168,.7);transform:scale(1.12);}
#product .chap-head{display:flex;align-items:flex-start;gap:24px;}
#product .chap-head .idx{font-family:'Newsreader',serif;font-weight:200;font-size:clamp(46px,7vw,82px);line-height:.78;color:rgba(192,150,63,.30);flex:none;}
#product .chap-head .meta{padding-top:6px;}
#product .chap-head .kick{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--copper);margin-bottom:9px;}
#product .chap-head .ttl{font-family:'Newsreader',serif;font-weight:300;font-size:clamp(22px,3vw,33px);color:var(--cream);line-height:1.14;}
#product .chap-head .ttl em{font-style:italic;color:var(--copper-2);}
#product .chap-lead{font-size:14.5px;line-height:1.7;color:var(--cream);opacity:.6;max-width:580px;margin:14px 0 0;}
#product .chap-body{margin-top:30px;}

#product .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;}
#product .shot{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px -42px rgba(0,0,0,.7);}
#product .shot img{display:block;width:100%;height:auto;}

#product .tag{position:absolute;bottom:18px;display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:999px;font-size:14px;font-weight:500;letter-spacing:.3px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
#product .tag .m{width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;}
#product .tag.l{left:18px;} #product .tag.r{right:18px;}
#product .tag.bad{background:rgba(38,20,17,.62);color:#f1e3df;} #product .tag.bad .m{background:#b5503f;color:#fff;}
#product .tag.good{background:rgba(24,40,36,.68);color:#f4efe2;} #product .tag.good .m{background:var(--copper);color:#1c2c28;}

#product .cn-panel{display:flex;border-radius:20px;overflow:hidden;box-shadow:0 36px 80px -42px rgba(0,0,0,.6);min-height:430px;}
#product .cn-panel.rev{flex-direction:row-reverse;}
#product .cn-left{flex:1.28;position:relative;background:linear-gradient(135deg,#f7f6f1,#ebe8df);padding:30px 34px;display:flex;flex-direction:column;}
#product .cn-right{flex:1;background:var(--void-2);padding:46px 44px;display:flex;flex-direction:column;justify-content:center;gap:18px;}
#product .cn-stage{position:relative;width:100%;max-width:380px;margin:auto;aspect-ratio:1/1;}
#product .cn-pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
#product .cn-call{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
#product .cn-call text{font-family:'Archivo',sans-serif;font-weight:500;font-size:18px;letter-spacing:.5px;fill:#9c7a33;}
#product .cn-card{display:flex;gap:18px;align-items:center;border:1px solid rgba(218,179,106,.26);border-radius:15px;padding:20px 22px;background:rgba(236,231,214,0.015);}
#product .cn-ico{flex:none;width:68px;height:68px;border-radius:50%;border:1px solid rgba(218,179,106,.42);display:flex;align-items:center;justify-content:center;}
#product .cn-ico svg{width:38px;height:38px;}
#product .cn-txt h3{font-family:'Newsreader',serif;font-weight:400;font-size:20px;color:var(--copper-2);line-height:1.2;}
#product .cn-txt p{font-size:13px;color:var(--cream);opacity:.62;margin-top:6px;line-height:1.5;}
/* biến thể panel ảnh thật (tản nhiệt / không nhấp nháy) — đồng bộ nền xanh + cỡ với các panel code */
#product .cn-panel.photo .cn-left{padding:0;background:#ece7de;}
#product .cn-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}

#product .cri-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;}
#product .cri-fig{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px -42px rgba(0,0,0,.7);}
#product .cri-fig img{display:block;width:100%;height:auto;}
#product .cri-fig::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:rgba(236,231,214,.5);transform:translateX(-1px);}
#product .legend{display:flex;flex-direction:column;gap:26px;}
#product .leg{display:flex;gap:16px;align-items:flex-start;}
#product .leg .m{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;}
#product .leg.good .m{background:var(--copper);color:#1c2c28;} #product .leg.bad .m{background:#b5503f;color:#fff;}
#product .leg b{font-family:'Newsreader',serif;font-weight:400;font-size:25px;line-height:1;display:block;}
#product .leg.good b{color:var(--copper-2);} #product .leg.bad b{color:#d79a8c;}
#product .leg p{font-size:14px;color:var(--cream);opacity:.62;margin-top:7px;line-height:1.45;}

#product .cn-imgband{border-radius:20px;overflow:hidden;box-shadow:0 36px 80px -42px rgba(0,0,0,.6);}
#product .cn-imgband img{display:block;width:100%;height:auto;}

/* hover-lift cao cấp cho các thẻ ảnh (đồng bộ ngôn ngữ tương tác với .pj / .rcard) */
#product .shot,#product .cri-fig,#product .cn-imgband,#product .cn-panel{transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s;}
#product .shot:hover,#product .cri-fig:hover,#product .cn-imgband:hover,#product .cn-panel:hover{transform:translateY(-6px);box-shadow:0 46px 96px -40px rgba(0,0,0,.72);}

#product .specwrap{max-width:1080px;margin:14px auto 0;}
#product .specwrap .sk{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--copper);text-align:center;margin-bottom:26px;}
#product .specbar{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
#product .spec{flex:1;text-align:center;padding:34px 14px;border-right:1px solid var(--line);}
#product .spec:last-child{border-right:none;}
#product .spec b{display:block;font-family:'Newsreader',serif;font-weight:300;font-size:clamp(26px,3.6vw,40px);color:var(--copper-2);line-height:1;}
#product .spec span{display:block;margin-top:12px;font-size:10.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--cream);opacity:.55;}

@media (max-width:860px){
  #product .thread{padding-left:46px;}
  #product .thread::before{left:14px;}
  #product .thread-prog{left:14px;}
  #product .chap::before{left:-37px;}
  #product .hero-grid,#product .cri-grid{grid-template-columns:1fr;gap:24px;}
  #product .cn-panel,#product .cn-panel.rev{flex-direction:column;}
  #product .cn-left{padding:26px 24px 32px;}
  #product .cn-panel.photo .cn-left{padding:0;flex:none;height:230px;}
  #product .cn-panel.photo .cn-photo{object-fit:cover;}
  #product .cn-right{padding:30px 24px;}
  #product .cn-stage{max-width:300px;}
  #product .specbar{flex-wrap:wrap;}
  #product .spec{flex:1 0 50%;border-bottom:1px solid var(--line);}
  #product .spec:nth-child(2){border-right:none;}
}
.product .all{display:inline-block;margin-top:60px;font-family:'Newsreader',serif;font-style:italic;font-size:19px;color:var(--cream);text-decoration:none;border-bottom:1px solid var(--copper);padding-bottom:7px;transition:color .3s;}
.product .all:hover{color:var(--copper);}

/* ===== HOẠT CẢNH 2: đèn rọi lia theo con trỏ trên ảnh công trình ===== */
.projects{padding:14vh 0;z-index:2;}
.pj-head{padding:0 5vw;margin-bottom:60px;display:flex;align-items:baseline;gap:18px;}
.pj-head .no{font-family:'Newsreader',serif;font-style:italic;font-size:15px;color:var(--copper);}
.pj-head h2{font-family:'Newsreader',serif;font-weight:200;font-size:clamp(30px,4.6vw,58px);}
.pj-head .rule{flex:1;height:1px;background:var(--line);align-self:center;margin-left:20px;}
.pj-lead{padding:0 5vw;margin:-8px 0 30px;max-width:760px;font-size:15px;line-height:1.6;color:var(--dim);}
.pj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:0 5vw;}
.pj{position:relative;aspect-ratio:3/2;overflow:hidden;cursor:none;background:#1b2a27;}
.pj-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.82) saturate(.97);transition:filter .5s,transform .6s ease;z-index:1;}
.pj:hover .pj-img{filter:brightness(1) saturate(1.02);transform:scale(1.05);}
/* phòng tối — chỉ hé khi rọi đèn theo chuột */
.pj .scene{position:absolute;inset:0;background:linear-gradient(160deg,#2c4641,#1b2a27);}
.pj .scene .ln1{position:absolute;left:12%;right:12%;top:22%;height:1px;background:rgba(236,231,214,0.08);}
.pj .scene .ln2{position:absolute;left:24%;top:22%;bottom:24%;width:1px;background:rgba(236,231,214,0.06);}
.pj .scene .frame{position:absolute;left:30%;width:18%;top:34%;height:34%;border:1px solid rgba(236,231,214,0.1);}
/* đèn rọi: vùng sáng theo con trỏ, mặc định ẩn giữa */
.pj .torch{position:absolute;width:300px;height:300px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;
  background:radial-gradient(circle, rgba(240,217,168,0.28), rgba(240,217,168,0.08) 38%, transparent 66%);
  opacity:0;transition:opacity .4s;mix-blend-mode:screen;z-index:2;}
.pj:hover .torch{opacity:1;}
.pj-ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;background:linear-gradient(to top,rgba(8,13,12,0.9),transparent 56%);z-index:3;pointer-events:none;}
.pj-ov .k{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--copper-2);margin-bottom:10px;}
.pj-ov h3{font-family:'Newsreader',serif;font-weight:300;font-size:clamp(20px,2.4vw,30px);}
.pj-desc{margin-top:10px;font-size:13px;line-height:1.55;color:rgba(236,231,214,0.82);max-width:48ch;}
.pj-credit{display:block;margin-top:8px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--copper-2);}
.pj-ph{position:absolute;top:18px;right:18px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);padding:5px 9px;z-index:3;}
.pj-hint{text-align:center;margin-top:30px;font-size:12px;color:var(--dim);letter-spacing:1px;}

/* CTA */
.cta{padding:24vh 6vw;text-align:center;overflow:hidden;z-index:2;}
.cta-glow{position:absolute;top:50%;left:50%;width:80vw;height:60vh;transform:translate(-50%,-50%);background:radial-gradient(ellipse 40% 50% at 50% 50%, rgba(240,217,168,0.12), transparent 62%);pointer-events:none;}
.cta .inner{position:relative;z-index:2;}
.cta .k{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--copper);margin-bottom:34px;}
.cta h2{font-family:'Newsreader',serif;font-weight:200;font-size:clamp(40px,7vw,110px);line-height:1;letter-spacing:-2px;margin-bottom:46px;}
.cta h2 em{font-style:italic;color:var(--warm);}
.cta .go{display:inline-block;font-family:'Newsreader',serif;font-style:italic;font-size:21px;color:var(--cream);text-decoration:none;border-bottom:1px solid var(--copper);padding-bottom:8px;transition:color .3s;}
.cta .go:hover{color:var(--copper);}

footer{border-top:1px solid var(--line);padding:70px 5vw 44px;background:var(--void-2);z-index:2;position:relative;}
.foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:56px;}
.foot-top .logo{font-size:34px;letter-spacing:7px;}
.foot-cols{display:flex;gap:72px;flex-wrap:wrap;}
.foot-col h4{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--copper);margin-bottom:18px;}
.foot-col a,.foot-col p{display:block;font-size:13px;color:var(--dim);text-decoration:none;line-height:2.2;}
.foot-col a:hover{color:var(--cream);}
.foot-bottom{display:flex;justify-content:space-between;padding-top:30px;border-top:1px solid var(--line);font-size:12px;color:var(--dim);flex-wrap:wrap;gap:12px;}
.foot-bottom .socials{display:flex;gap:22px;}
.foot-bottom a{color:var(--dim);text-decoration:none;}
.foot-bottom a:hover{color:var(--copper);}
.foot-map{margin:4px 0 14px;border-radius:14px;overflow:hidden;border:1px solid var(--line);}
.foot-map iframe{display:block;width:100%;height:260px;border:0;filter:grayscale(.35) brightness(.92) contrast(1.02);}
.foot-map-link{display:inline-block;margin-bottom:46px;font-size:12px;letter-spacing:1px;color:var(--copper);text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s;}
.foot-map-link:hover{color:var(--copper-2);border-color:var(--copper);}
@media(max-width:860px){.foot-map iframe{height:200px;}}

@media(max-width:860px){
  .menu-btn{display:block;position:relative;z-index:62;line-height:1;}
  /* header backdrop-filter tạo containing block -> giam nav fixed; bỏ trên mobile */
  body.subpage header{backdrop-filter:none;}
  .nav{position:fixed;inset:0;flex-direction:column;justify-content:center;align-items:center;gap:26px;
    background:rgba(26,40,36,0.97);backdrop-filter:blur(10px);z-index:58;overflow-y:auto;padding:90px 20px;
    transform:translateY(-100%);opacity:0;visibility:hidden;
    transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .35s ease,visibility .45s;}
  .nav.open{transform:translateY(0);opacity:1;visibility:visible;}
  .nav>a{font-size:17px;letter-spacing:2.5px;color:var(--cream);}
  .nav a:hover{color:var(--copper);}
  body.menu-open{overflow:hidden;}
  /* dropdown -> danh sách tĩnh trong overlay mobile */
  .nav-drop{flex-direction:column;align-items:center;gap:14px;}
  .nav-prod{font-size:17px;letter-spacing:2.5px;color:var(--cream);}
  .nav-prod .caret{display:none;}
  .nav-drop::after{display:none;}
  .nav-menu{position:static;transform:none;opacity:1;visibility:visible;min-width:0;
    background:none;border:none;box-shadow:none;backdrop-filter:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:9px;}
  .nav-menu a{font-size:13.5px;color:var(--dim);padding:3px;}
  .nav-menu-all{border-top:none;margin-top:2px;padding-top:3px!important;}
  .reveal-row{grid-template-columns:1fr;}
  .pj-grid{grid-template-columns:1fr;}
  .pj-img{filter:brightness(.92) saturate(1);}
  .pj-ov{padding:24px;}
  .cursor-glow{display:none;}
}

.logo-img{height:30px;width:auto;display:block;}
.logo-img-ft{height:40px;width:auto;display:block;}
@media(max-width:860px){.logo-img{height:26px;}}

/* ===== HERO ảnh thật — ánh sáng chống chói BG12 ===== */
.hero--photo{align-items:flex-start;justify-content:center;text-align:left;background:var(--void-2);}
.hero-bg,.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 32%;z-index:0;filter:brightness(1.14) contrast(1.06) saturate(1.05);}
.hero-vid{background:var(--void-2);}
.hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg, rgba(26,40,36,0.96) 0%, rgba(26,40,36,0.84) 22%, rgba(26,40,36,0.4) 44%, rgba(26,40,36,0.05) 62%, rgba(26,40,36,0) 72%);}
.hero--photo .hero-light,.hero--photo .hero-floor{display:none;}
.hero--photo .hero-inner{text-align:left;margin-left:clamp(24px,7vw,130px);margin-right:auto;max-width:min(48vw,660px);padding:0;}
.hero--photo .hero-inner h1{font-size:clamp(40px,5.8vw,92px);text-shadow:0 2px 28px rgba(0,0,0,0.5);}
.hero--photo .hero-inner .sub{margin-left:0;margin-right:0;max-width:400px;}
@media(max-width:860px){
  .hero-vid{display:none;}
  .hero-bg{object-position:center 34%;}
  .hero-scrim{background:
    linear-gradient(90deg, rgba(26,40,36,0.95) 0%, rgba(26,40,36,0.66) 48%, rgba(26,40,36,0.2) 100%),
    linear-gradient(0deg, rgba(18,28,26,0.58) 0%, rgba(18,28,26,0) 50%);}
  .hero--photo .hero-inner{margin-left:24px;margin-right:24px;max-width:88vw;}
  .hero--photo .hero-inner h1{font-size:clamp(34px,9vw,62px);}
}

/* ===== KIẾN THỨC — teaser trang chủ + blog + bài viết ===== */
.know{padding:13vh 5vw;z-index:2;}
.know-head{max-width:1180px;margin:0 auto 44px;display:flex;align-items:baseline;gap:18px;}
.know-head .no{font-family:'Newsreader',serif;font-style:italic;font-size:15px;color:var(--copper);}
.know-head h2{font-family:'Newsreader',serif;font-weight:200;font-size:clamp(28px,4vw,52px);}
.know-head .rule{flex:1;height:1px;background:var(--line);align-self:center;margin-left:20px;}
.know-grid,.kt-list{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.know-all{display:block;max-width:1180px;margin:40px auto 0;text-align:right;font-family:'Newsreader',serif;font-style:italic;font-size:18px;color:var(--cream);text-decoration:none;border:0;}
.know-all:hover{color:var(--copper);}

.kt-card{display:block;text-decoration:none;color:inherit;background:var(--void-2);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .5s,box-shadow .5s;}
.kt-card:hover{transform:translateY(-6px);border-color:rgba(192,150,63,.4);box-shadow:0 40px 80px -44px rgba(0,0,0,.7);}
.kt-card .thumb{aspect-ratio:16/10;overflow:hidden;background:#1b2a27;}
.kt-card .thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(.86);transition:transform .6s,filter .5s;}
.kt-card:hover .thumb img{transform:scale(1.05);filter:brightness(1);}
.kt-card .body{padding:22px 24px 26px;}
.kt-card .tag{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--copper-2);}
.kt-card h3{font-family:'Newsreader',serif;font-weight:300;font-size:20px;line-height:1.3;margin:10px 0 8px;color:var(--cream);}
.kt-card .ex{font-size:13px;line-height:1.6;color:var(--dim);}

.kt-hero{padding:150px 5vw 56px;max-width:1180px;margin:0 auto;}
.kt-hero .k{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--copper);margin-bottom:18px;}
.kt-hero h1{font-family:'Newsreader',serif;font-weight:200;font-size:clamp(34px,5vw,64px);line-height:1.08;max-width:820px;}
.kt-hero p{margin-top:20px;font-size:15px;line-height:1.7;color:var(--dim);max-width:620px;}
.kt-list{padding-bottom:16vh;}

.art{max-width:760px;margin:0 auto;padding:150px 5vw 11vh;}
.art .crumb{font-size:11px;letter-spacing:1px;color:var(--dim);margin-bottom:28px;}
.art .crumb a{color:var(--copper-2);text-decoration:none;}
.art .crumb a:hover{color:var(--copper);}
.art .tag{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--copper);}
.art h1{font-family:'Newsreader',serif;font-weight:200;font-size:clamp(30px,4.4vw,50px);line-height:1.14;margin:14px 0 16px;}
.art .meta{font-size:12px;letter-spacing:1px;color:var(--dim);margin-bottom:32px;}
.art-cover{border-radius:16px;overflow:hidden;margin-bottom:40px;box-shadow:0 36px 80px -44px rgba(0,0,0,.7);}
.art-cover img{width:100%;height:auto;display:block;}
.art-body{font-size:16px;line-height:1.85;color:rgba(236,231,214,.86);}
.art-body h2{font-family:'Newsreader',serif;font-weight:300;font-size:clamp(22px,3vw,30px);color:var(--cream);margin:40px 0 14px;}
.art-body p{margin-bottom:18px;}
.art-body ul{margin:0 0 18px;padding-left:22px;}
.art-body li{margin-bottom:9px;}
.art-body strong{color:var(--cream);font-weight:500;}
.art-cta{margin-top:48px;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;}
.art-cta p{font-family:'Newsreader',serif;font-style:italic;font-size:20px;color:var(--cream);margin-bottom:18px;}
.art-cta a{display:inline-block;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--void-2);background:var(--copper);padding:13px 28px;border-radius:999px;text-decoration:none;transition:background .3s;}
.art-cta a:hover{background:var(--copper-2);}
.art-more{margin-top:46px;}
.art-more h4{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--copper);margin-bottom:14px;}
.art-more a{display:block;font-family:'Newsreader',serif;font-size:18px;color:var(--cream);text-decoration:none;padding:11px 0;border-bottom:1px solid var(--line);transition:color .3s;}
.art-more a:hover{color:var(--copper);}

@media(max-width:860px){
  .know-grid,.kt-list{grid-template-columns:1fr;}
  .art,.kt-hero{padding-top:110px;}
}