
:root{--bg:#0e0c0a;--panel:#18130f;--gold:#d4ad73;--gold2:#f1d7a7;--ink:#eee3d2;--muted:#ab9b86;--line:#473827}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{width:min(1200px,92%);margin:auto}.header{position:sticky;top:0;z-index:10;background:#100d0bef;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font:650 20px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:2px;color:var(--gold2)}.brand img{width:58px;height:52px;object-fit:cover;object-position:center 21%;border-radius:3px}.navlinks{display:flex;gap:28px;font-size:12px;letter-spacing:2px;text-transform:uppercase}.navlinks a:hover,.footer a:hover{color:var(--gold)}.outline,.solid{border:1px solid var(--gold);padding:14px 22px;display:inline-block;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:bold}.solid{background:var(--gold);color:#21170c}.outline:hover{background:#2e2419}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:4px;text-transform:uppercase}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(ellipse at 70% 40%,#48311c 0%,#16100c 46%,#0e0c0a 80%)}.hero-copy{padding:60px max(4vw,30px) 60px max(calc((100vw - 1200px)/2),4vw)}h1,h2,h3{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-weight:650;letter-spacing:-.035em}h1{font-size:clamp(50px,6vw,95px);line-height:1.05;margin:18px 0 24px}h2{font-size:clamp(34px,4vw,55px);margin:14px 0 25px}h3{font-size:25px;margin:15px 0}.lead{font-size:17px;line-height:1.9;color:#d0bd9e;max-width:540px}.hero-image{height:690px;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-image:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#16100c 0%,transparent 28%)}.section{padding:100px 0}.section-intro{text-align:center;max-width:720px;margin:0 auto 50px}.section-intro p{color:var(--muted);line-height:1.8}.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 36px}.filters button{background:transparent;border:1px solid var(--line);color:#c8bba6;padding:12px 18px}.filters button.active,.filters button:hover{border-color:var(--gold);color:var(--gold)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{display:block;background:#17120e;border:1px solid #30251b;transition:transform .3s,border-color .3s}.product:hover{transform:translateY(-6px);border-color:#a37a48}.product img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.product-content{padding:24px}.product-number{color:var(--gold);font-size:11px;letter-spacing:3px}.product h3{font-size:25px;margin:10px 0}.product p{color:var(--muted);line-height:1.6;margin:0}.statement{padding:80px 0;background:#21170f;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement blockquote{font:500 clamp(24px,3vw,40px)/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;max-width:850px;margin:20px auto}.footer{padding:65px 0 30px;background:#0b0908;border-top:1px solid var(--line)}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer p{color:var(--muted);line-height:1.8;font-size:14px}.footer h4{color:var(--gold);font-size:12px;letter-spacing:2px}.footer a{display:block;color:#c4b6a0;margin:12px 0;font-size:14px}.copyright{border-top:1px solid #34271b;padding-top:24px;margin-top:50px;color:#8e7c66;font-size:12px}.detail-hero{padding:70px 0 45px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:35px}.detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}.gallery-main{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);display:block}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.thumbs button{padding:0;border:1px solid #493723;background:transparent}.thumbs button.active{border-color:var(--gold)}.thumbs img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.detail-title{font-size:clamp(44px,4vw,70px);margin:15px 0 20px}.detail-copy p{line-height:1.95;color:#c9b9a1}.detail-copy h3{color:var(--gold2);font-size:27px;margin-top:35px}.specs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:32px 0;color:#c5b59c;font-size:14px;line-height:2}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.backnext{display:flex;justify-content:space-between;gap:20px;margin:60px auto}.notice{color:#8f7f6b;font-size:12px;line-height:1.8}.aboutgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:center}.aboutgrid div{padding:35px;border:1px solid var(--line)}.aboutgrid strong{font:650 40px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--gold)}.aboutgrid p{color:var(--muted);line-height:1.7}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding:70px 6vw 40px}.hero-image{height:470px}.hero-image:before{background:linear-gradient(180deg,#16100c,transparent 20%)}.products{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr;gap:35px}.footgrid{grid-template-columns:1fr 1fr}.navlinks{gap:12px}}@media(max-width:600px){.nav{height:68px}.brand{font-size:15px}.brand img{width:42px;height:42px}.navlinks a:nth-child(2){display:none}.navlinks{font-size:10px;gap:10px}.products{grid-template-columns:1fr}.footgrid,.aboutgrid{grid-template-columns:1fr}.section{padding:65px 0}.hero-image{height:430px}.detail-hero{padding:35px 0}}

/* ThinkCopper typography v2: sans-serif, fully Vietnamese-friendly */
html{font-synthesis:none;-webkit-text-size-adjust:100%}
body{font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.detail-title{font-style:normal;letter-spacing:-.035em;line-height:1.2}
h1{font-weight:700}h2{font-weight:650}h3{font-weight:600}
.brand{font-weight:750;letter-spacing:.055em}
.navlinks{font-size:13px;letter-spacing:.025em;text-transform:none;font-weight:550}
.eyebrow,.product-number{letter-spacing:.12em;font-weight:650}
.product h3{font-size:23px}.product p,.detail-copy p{line-height:1.8}
.statement blockquote{font-style:normal;font-weight:500;letter-spacing:-.02em}
.outline,.solid{font-size:12px;letter-spacing:.035em;text-transform:none;font-weight:650}
.footer h4{letter-spacing:.035em;font-size:13px}
@media(max-width:600px){h1{font-size:clamp(38px,11vw,58px)}h2{font-size:clamp(29px,8vw,40px)}.navlinks{font-size:11px}}
