@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Sans+Khmer:wght@400;500;600;700&display=swap');
:root{--yellow:#ffe333;--green:#ffe333;--brand-ink:#294b71;--krama-red:#ba4b40;--gold:#ffc629;--paper:#f7f7f2;--ink:#242424}
body{font-family:'Inter','Noto Sans SC','Noto Sans Khmer',sans-serif}
header{background:#ffe333;border-bottom:1px solid #ecd232;gap:12px}
.brand{display:flex;align-items:center;gap:9px;letter-spacing:-.8px;flex-shrink:0}
.brand-logo{width:52px;height:52px;object-fit:contain}
.brand-wordmark{display:flex;flex-direction:column;line-height:1.25}
.brand strong{font-size:25px;font-weight:700}
.brand em{font-family:Inter,'Noto Sans SC','Noto Sans Khmer',sans-serif;font-size:10px;letter-spacing:1.1px;margin-top:5px;color:#4b4936}
nav .primary{background:#242424;color:#ffe333}
.welcome{background:#fff8cb;border:1px solid #f0e5aa;border-radius:15px;padding:20px 23px;margin-bottom:18px}
.welcome .eyebrow{color:#827147}
.welcome h1{font-size:30px;letter-spacing:-1.3px;line-height:1.5}
.brand-feature{width:96px;height:96px;flex-shrink:0;transform:rotate(-5deg)}
.primary:focus-visible,.chip:focus-visible{outline:2px solid #294b71}
.brand-footer{display:flex;align-items:center;gap:8px}.brand-footer img{width:32px;height:32px}.brand-footer strong{font-size:12px;color:#294b71}
.bottom .plus{border-radius:12px;box-shadow:0 3px 0 #e3c626}.bottom{border-top:1px solid #ece6cb}
.market-search{border-color:#e2dfcc}.chip.active{box-shadow:inset 0 -2px 0 #e1c62e}.card .price{color:#c94b24}
.status:not(.sold):not(.reserved){background:#e5f1e7;color:#28644a}.curation-note,.pick-caption{color:#72591a}
.brand-board{max-width:1100px;margin:auto;padding:40px 28px;color:#242424}.board-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.board-logo{width:175px;height:175px}.board-title h1{font-size:45px;letter-spacing:-2px;margin:0}.board-title h2{font-size:23px;color:#294b71;margin:10px 0}.board-title p{font-size:20px;letter-spacing:1px}.board-sub{font-size:11px;letter-spacing:2px;color:#8d8461}.board-icons{display:flex;gap:15px;align-items:center}.board-icons img{width:76px;height:76px}.board-section{border-top:1px solid #dedacb;margin-top:30px;padding-top:20px}.board-section h3{font-size:14px;letter-spacing:1px}.board-colors{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.board-swatch{height:65px;border-radius:11px;border:1px solid #dedacb}.board-color p{font-size:11px;line-height:1.7}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.board-type h2{font-size:24px}.board-type p{font-size:14px;line-height:1.8}.board-components{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.board-components .status{position:static}.board-note{font-size:12px;line-height:1.9;color:#6f705f}
@media(max-width:600px){header{padding:0 14px;height:73px}.brand{gap:5px;min-width:0}.brand-logo{width:43px;height:43px}.brand strong{font-size:22px}.brand em{font-size:9px;letter-spacing:.5px}.brand:lang(en) strong{font-size:18px}.brand:lang(km) strong{font-size:19px}.brand-wordmark{max-width:225px}.welcome{padding:12px 14px;margin-bottom:13px;gap:7px}.welcome h1{font-size:21px;letter-spacing:-.8px;margin:5px 0}.welcome p{font-size:10px}.welcome .eyebrow{font-size:8px;letter-spacing:1px}.brand-feature{width:60px;height:68px}.brand-footer img{width:26px;height:26px}nav{gap:6px}#language{padding:8px;font-size:12px}.board-top{flex-wrap:wrap}.board-title h1{font-size:34px}.board-colors{grid-template-columns:repeat(3,1fr)}.board-grid{grid-template-columns:1fr}.brand-board{padding:24px 18px}.board-logo{width:100px;height:100px}}
