@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-vietnamese-wght-normal.b5eade99.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-ext-wght-normal.fcfc0ac1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/bricolage-grotesque-latin-wght-normal.eaf4b215.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.d1470a3d.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.5330d2bb.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--brand:#1b4332;--accent:#f4b740;--ink:#14231c;--muted:#55655b;--bg:#f3f5ef;--card:#fff;--line:#e1eadb;--soft:#3f5247;--font-head:"Bricolage Grotesque Variable";--font-body:"DM Sans Variable"}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-body),system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}h1,h2,h3{font-family:var(--font-head),sans-serif;letter-spacing:-.025em;margin:0;line-height:1.05}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.wrap{max-width:1344px;margin:0 auto;padding:0 24px}.hdr{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.logo{font-family:var(--font-head);letter-spacing:-.02em;align-items:center;gap:10px;font-size:26px;font-weight:800;display:flex}.nav{flex-wrap:wrap;gap:8px 28px;font-weight:500;display:flex}.btn{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-weight:700;display:inline-flex}.btn-brand{background:var(--brand);color:#fff}.btn-accent{background:var(--accent);color:var(--ink)}.btn-line{border:1.5px solid var(--ink);background:0 0}.btn-lg{border-radius:16px;min-height:54px;font-size:17px}.hero{color:#fff;background:linear-gradient(#2b3a67 0%,#e9a66b 72%,#1b4332 72.1%,#14231c 100%);border-radius:32px;padding:72px 48px 56px;position:relative;overflow:hidden}.hero h1{max-width:780px;font-size:max(40px,min(6vw,80px));font-weight:800}.hero p{max-width:560px;font-size:20px}.search{color:var(--ink);background:#fff;border-radius:24px;flex-wrap:wrap;align-items:stretch;gap:8px;max-width:880px;margin-top:28px;padding:12px;display:flex;box-shadow:0 14px 40px rgba(20,35,28,.2)}.search label{color:var(--muted);flex-direction:column;flex:150px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.search select,.search input{font:inherit;color:var(--ink);background:0 0;border:0;min-height:32px;padding:4px 0;font-size:17px}.grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;display:grid}.card{background:var(--card);border-radius:24px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,35,28,.12)}.card .body{flex-direction:column;gap:6px;padding:16px 18px 20px;display:flex}.card svg{width:100%;height:200px;display:block}.muted{color:var(--muted)}.badge{background:var(--line);color:var(--brand);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.chip{background:#fff;border:1.5px solid #c6d1bf;border-radius:999px;align-items:center;min-height:44px;padding:0 18px;font-weight:500;display:inline-flex}.chip[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.section{padding:48px 0}main.wrap.section{padding-left:24px;padding-right:24px}.section h2{margin-bottom:24px;font-size:max(28px,min(4vw,44px))}.panel{background:#fff;border-radius:26px;padding:28px}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.field input,.field textarea,.field select{font:inherit;color:var(--ink);background:#fff;border:1.5px solid #c6d1bf;border-radius:14px;min-height:48px;padding:12px 14px;font-size:17px}.detail{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:48px;display:grid}@media (max-width:960px){.detail{grid-template-columns:1fr}.hero{padding:40px 24px}}.wrap.hdr{padding-left:24px;padding-right:24px}.sticky{position:-webkit-sticky;position:sticky;top:16px}.footer{color:#c9d6cc;background:#0f1c16;margin-top:48px;padding:32px 0;font-size:14px}.row{justify-content:space-between;gap:12px;display:flex}.ph{position:relative}.ph .tag{color:var(--ink);background:rgba(255,255,255,.92);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;bottom:12px;left:12px}
