:root{--bg:#f7f1ef;--text:#2f201d;--muted:#6f5b52;--accent:#ab5d11;--card:#fff9f7;--line:#e8ddd8}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Be Vietnam Pro',sans-serif}
.container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.topbar{background:#f8f3f1;border-bottom:1px solid var(--line)} .nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
h1,h2,h3,h4{font-family:'Noto Serif',serif;margin:0} h1{color:#8f5f2a} h2{font-size:64px;margin-top:36px} .lede{max-width:760px;color:var(--muted)}
nav{display:flex;gap:28px} nav a{color:var(--muted)} nav a.active{color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:8px}
.layout{margin-top:24px;display:grid;grid-template-columns:260px 1fr;gap:28px}
.filterCard,.card,.feature,.mini,.promo{background:var(--card);border-radius:18px;border:1px solid #f0e7e2}
.filterCard{padding:18px}.filterCard input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px}.filterCard h4{font:600 14px/1.2 'Be Vietnam Pro';margin:18px 0 10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#fff;border:1px solid var(--line);padding:7px 12px;border-radius:999px}.chips .active{background:#f8d9bf;color:#8e4f16}.filterCard label{display:block;margin:8px 0;color:#574943}
.promo{margin-top:18px;overflow:hidden;position:relative}.promo img{width:100%;height:290px;object-fit:cover;display:block;filter:brightness(.75)}.promo div{position:absolute;left:14px;bottom:14px;color:white}.promo a{text-decoration:underline}
.sectionHeader{display:flex;justify-content:space-between;align-items:center;margin:8px 0 12px}.sectionHeader h3{font-size:52px}.sectionHeader a{color:#91633a}
.cardGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{overflow:hidden;position:relative}.card>img{width:100%;height:300px;object-fit:cover}.badge{position:absolute;right:12px;top:12px;background:#f5e4d3;padding:7px 12px;border-radius:999px}.body{padding:12px 16px}.tags small{margin-right:10px;color:#89654a;font-weight:700;font-size:11px;letter-spacing:.06em}.row{display:flex;justify-content:space-between;align-items:center;color:#664f41}h4{font-size:38px;margin:8px 0}.body p{color:var(--muted)}
.feature{display:grid;grid-template-columns:42% 1fr;overflow:hidden}.feature img{width:100%;height:320px;object-fit:cover}.feature>div{padding:18px}.feature button{background:#b46612;color:#fff;border:0;padding:10px 18px;border-radius:999px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini{overflow:hidden}.mini img{width:100%;height:220px;object-fit:cover}.mini h4{font-size:34px;padding:10px 12px 0}.mini p,.mini .row{padding:0 12px 10px;color:var(--muted)}
footer{margin-top:48px;background:#efe1dc;padding:34px 0}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
@media (max-width: 980px){h2{font-size:44px}.sectionHeader h3{font-size:36px}h4{font-size:28px}.layout{grid-template-columns:1fr}.cardGrid,.trio,.feature{grid-template-columns:1fr}}