:root{--bg:#f4f4f4;--ink:#111;--mut:#5c5c5c;--card:#fff;--line:#d9d9d9;--gold:#e4b94f;--hero:#111;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d0d0d;--ink:#f2f2f2;--mut:#a8a8a8;--card:#1a1a1a;--line:#333;--hero:#1a1a1a}}:root[data-theme=dark]{--bg:#0d0d0d;--ink:#f2f2f2;--mut:#a8a8a8;--card:#1a1a1a;--line:#333;--hero:#1a1a1a}*,*:before,*:after{box-sizing:inherit}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Hanken Grotesk,PingFang SC,Microsoft YaHei,Malgun Gothic,Noto Sans Thai,Noto Sans JP,Noto Sans Devanagari,sans-serif}h1,h2,h3{font-family:Bricolage Grotesque,PingFang SC,Malgun Gothic,Noto Sans Thai,Noto Sans JP,Noto Sans Devanagari,sans-serif;line-height:1.15;margin:0 0 .5em;text-wrap:balance}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.5rem,3.4vw,2.1rem)}a{color:inherit}.w{max-width:1080px;margin:0 auto;padding:0 20px}header{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--bg);border-bottom:1px solid var(--line)}header .w{display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font:800 1.2rem Bricolage Grotesque,sans-serif;text-decoration:none}.brand img{width:38px;height:38px;border-radius:50%}header nav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap;font-size:.86rem}header nav a{text-decoration:none;color:var(--mut)}header nav a:hover{color:var(--ink)}.lgd{position:relative;font-size:.84rem}.lgd summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:99px;padding:5px 12px;background:var(--card)}.lgd summary::-webkit-details-marker{display:none}.lgd ul{position:absolute;right:0;top:calc(100% + 6px);z-index:10;list-style:none;margin:0;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:170px;box-shadow:0 10px 26px #0003}.lgd li a{display:block;padding:6px 10px;text-decoration:none;border-radius:8px}.lgd li a:hover,.lgd li a[aria-current]{background:var(--bg)}.crumb{font-size:.84rem;color:var(--mut);padding:18px 0 0}.crumb a{text-decoration:none}.hero{padding:26px 0 18px}.hero p{max-width:66ch;color:var(--mut);margin:0}section{padding:26px 0}.wallg{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.pt{position:relative;aspect-ratio:3/2;background:#fff;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;overflow:hidden}.pt a{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-decoration:none}.pt img{width:68%;max-height:58%;object-fit:contain}.pt .ptn{padding:0 10px;text-align:center;font-weight:700;font-size:.82rem;line-height:1.25;color:#444;text-wrap:balance}.pt .pn{position:absolute;left:0;right:0;bottom:0;padding:3px 8px;font-size:.68rem;text-align:center;color:#555;background:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt:hover,.pt:focus-within{border-color:var(--c);box-shadow:0 8px 20px #00000040}.guides{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;list-style:none}.guides a{display:inline-block;padding:9px 16px;border:1px solid var(--line);border-radius:99px;background:var(--card);text-decoration:none;font-weight:600;font-size:.92rem}.guides a:hover{border-color:var(--gold)}.sub{color:var(--mut);margin:0;max-width:62ch}.fl{width:100%;max-width:340px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-size:.95rem;margin:12px 0 4px}.az{list-style:none;margin:12px 0 0;padding:0;columns:3 190px;column-gap:22px;line-height:2}.az li{break-inside:avoid}.az a{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}.none{color:var(--mut);margin:10px 0 0}.none[hidden]{display:none}.cta{margin:10px 0 40px;padding:32px;border-radius:18px;background:linear-gradient(160deg,#2b2108,#111 70%);color:#eee;display:grid;gap:8px;justify-items:start}.cta h2{color:#fff;margin:0}.cta p{margin:0;color:#cfcfd4;max-width:60ch}.btn{display:inline-block;margin-top:10px;padding:12px 22px;border-radius:99px;background:var(--gold);color:#111;font-weight:700;text-decoration:none}footer{border-top:1px solid var(--line);padding:22px 0 34px;font-size:.85rem;color:var(--mut)}footer a{text-decoration:none}.fnav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}@media(max-width:700px){header nav{display:none}.wallg{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.cta{padding:24px}}