.cg{--bg:#eeece7;--raised:#f7f5f1;--ink:#1d1915;--ink-2:#4a443c;--title:#2b1f18;--mute:#6b655c;--line:#1d19151c;--line-2:#1d191533;--brass-ink:#735f3e;--esp:#1f1712;--esp-2:#2b2019;--on-esp:#f2ede5;--on-esp-mute:#b7ab9c;--esp-edge:#f2ede533;--brass-lite:#d3bf98;--ease:cubic-bezier(.32, .72, 0, 1);--gut:20px;--book-h:188px;background:var(--bg);color:var(--ink);font-family:var(--dh-font-th), var(--dh-font-en), system-ui, sans-serif;-webkit-font-smoothing:antialiased}:where(.cg) :where(*){box-sizing:border-box}:where(.cg) :where(a){color:inherit;text-decoration:none}:where(.cg) :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}:where(.cg) :where(ul){margin:0;padding:0;list-style:none}:where(.cg) :where(h1,h2,p){margin:0}.cg :focus-visible{outline:2px solid var(--brass-ink);outline-offset:3px}.cg-ico{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}html:has(.cg){background:#1c1510}.cg-lib{--room:#17110d;--fade:140px;isolation:isolate;margin-top:calc(-1 * var(--nav-h,4.25rem));padding:calc(var(--nav-h,4.25rem) + 36px) 0 var(--fade);color:var(--on-esp);background:radial-gradient(60% 46% at 50% 0%, #deb87c33, #deb87c00 70%), radial-gradient(90% 60% at 50% 62%, #966e4429, #966e4400 70%), linear-gradient(180deg, #1c1510 0, var(--room) calc(100% - var(--fade)), #2b221c calc(100% - var(--fade) * .84), #4a4038 calc(100% - var(--fade) * .66), #7a7068 calc(100% - var(--fade) * .48), #aba49b calc(100% - var(--fade) * .32), #d3cec6 calc(100% - var(--fade) * .16), var(--bg) 100%);grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:34px;display:grid;position:relative;overflow:hidden}.cg-lib:before{content:"";z-index:-1;pointer-events:none;background:conic-gradient(from 180deg at 50% 0,#0000 158deg,#ecce9e12 172deg,#ecce9e1c 180deg,#ecce9e12 188deg,#0000 202deg);width:min(1100px,130vw);height:80%;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.cg-intro{min-width:0;max-width:100%;padding:0 var(--gut);text-align:center;justify-items:center;display:grid}.cg :is(h1,h2),.cg-sheet h2{font-family:var(--dh-font-th), var(--dh-font-en), sans-serif}.cg-eyebrow{color:var(--brass-lite);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;font-size:13.5px;font-weight:500;display:flex}.cg-eyebrow__en{font-family:var(--dh-font-en), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--on-esp-mute);font-size:11px}.cg-eyebrow__n{color:var(--on-esp-mute);font-size:12.5px}.cg-eyebrow__n:before{content:"·";margin-right:10px}.cg-title{font-family:var(--dh-font-th), sans-serif;letter-spacing:-.012em;flex-direction:column;align-items:center;margin-top:14px;font-size:clamp(40px,11.5vw,84px);font-weight:600;line-height:1.12;display:flex}.cg-title>span{color:#0000;-webkit-background-clip:text;background-clip:text;padding:.08em .04em .1em}.cg-title>span:first-child{background-image:linear-gradient(#fff 10%,#ece7df 48%,#b5ada2 94%)}html:lang(th) .cg-title>span:first-child{white-space:nowrap}.cg-title__2{letter-spacing:0;background-image:linear-gradient(#f0dcb4 0%,#d3b37c 50%,#9c7b4b 100%);margin-top:.06em;font-size:.46em;font-weight:500;line-height:1.3}.cg-lead{max-width:30em;color:var(--on-esp-mute);text-wrap:balance;margin-top:12px;font-size:16px;line-height:1.7}.cg-lib__shelf{--lib-h:176px;width:100%;position:relative}.cg-lib__view{z-index:1;padding-top:12px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000 100%);mask-image:linear-gradient(90deg,#000 88%,#0000 100%)}.cg-lib__row{will-change:transform;align-items:flex-end;gap:14px;width:max-content;display:flex}.cg-lib__row>li{--d:1;flex:none}.cg-lib__book{--book-h:var(--lib-h);display:block;position:relative}.cg-lib__row>li[data-wide] .cg-lib__book{--book-h:calc(var(--lib-h) * .7)}.cg-lib .cg-cover{background:#2a211b;box-shadow:0 0 0 1px #fff0d70d,0 18px 26px -14px #000000d9}.cg-lib .cg-cover img{filter:blur(calc(var(--d) * var(--lib-blur,1.2px)));opacity:calc(1 - var(--d) * .15)}@media (max-width:767px){.cg-lib .cg-cover img{filter:none}}.cg-lib__book:after{content:"";filter:blur(4px);z-index:-1;background:#0009;border-radius:50%;height:9px;position:absolute;bottom:-4px;left:6%;right:6%}.cg-lib__plank{background:linear-gradient(#a07a52 0,#7b5a3b 22%,#5a412b 30%,#3d2c1e 100%);height:18px;margin-top:-1px;display:block;position:relative;box-shadow:0 24px 34px -12px #000c;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000 100%);mask-image:linear-gradient(90deg,#000 88%,#0000 100%)}.cg-lib__plank:before{content:"";background:linear-gradient(90deg,#ffdeaa00 10%,#ffdeaa59 50%,#ffdeaa00 90%);height:4px;position:absolute;inset:0 0 auto}.cg-jump{margin-top:20px}.cg-jump ul{overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 44px 2px var(--gut);gap:8px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000)}.cg-jump ul::-webkit-scrollbar{display:none}.cg-jump li{flex:none}@media (min-width:1024px){.cg-jump{margin-top:28px}.cg-jump ul{justify-content:safe center;padding:2px 20px;-webkit-mask-image:none;mask-image:none}}.cg-chip{white-space:nowrap;background:var(--raised);border:1px solid var(--line);min-height:44px;transition:border-color .25s var(--ease), background-color .25s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;font-weight:500;display:inline-flex}.cg-chip:hover{border-color:var(--line-2)}.cg-chip__n{min-width:22px;height:22px;font-family:var(--dh-font-en), sans-serif;color:var(--ink-2);background:#1d191512;border-radius:999px;place-items:center;padding:0 6px;font-size:12px;display:inline-grid}body:has(.cg-lib) .nav--onlight .nav__logo .logo--inverse{color:#f3f1ec}body:has(.cg-lib) .nav--onlight .nav__link{color:#f3f1ec}body:has(.cg-lib) .nav--onlight .nav__contact{color:#f3f1ec}body:has(.cg-lib) .nav--onlight .nav__link.is-active{color:#d9bb86}body:has(.cg-lib) .nav--onlight .nav__burger span{background:#f3f1ec}body:has(.cg-lib) .nav--onlight .nav__lang-btn{box-shadow:0 0 0 1px #f2ede547}.cg-btn{white-space:nowrap;min-height:46px;transition:background-color .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.cg-btn--ink{background:var(--esp);color:var(--on-esp)}.cg-btn--ink:hover{background:var(--esp-2)}.cg-btn--ghost{border:1px solid var(--line-2);color:var(--ink)}.cg-btn--ghost:hover{border-color:var(--ink-2)}.cg-cover{height:var(--book-h);width:calc(var(--book-h) * var(--ar));transition:transform .45s var(--ease), box-shadow .45s var(--ease);background:#e2ded6;border-radius:3px 6px 6px 3px;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #1f1b1429,0 18px 30px -18px #1f1b148c}.cg-cover img{object-fit:cover;width:100%;height:100%;display:block}.cg-cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000029 0,#ffffff38 2.5%,#0000000d 5%,#0000 9%);position:absolute;inset:0}.cg-shelves{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:40px;display:grid}.cg-shelf{scroll-margin-top:96px}.cg-shelf__head{padding:0 var(--gut);justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.cg-shelf__txt{min-width:0}.cg-shelf__name{color:var(--title);flex-wrap:wrap;align-items:baseline;column-gap:10px;font-size:22px;font-weight:600;line-height:1.3;display:flex}.cg-shelf__count{color:var(--mute);font-size:14px;font-weight:500}.cg-shelf__note{color:var(--mute);margin-top:4px;font-size:13.5px;line-height:1.5}.cg-shelf__arrows{flex:none;gap:8px;display:none}.cg-arrow{background:var(--raised);border:1px solid var(--line);width:44px;height:44px;transition:opacity .25s var(--ease), border-color .25s var(--ease);border-radius:50%;place-items:center;display:grid}.cg-arrow:hover:not(:disabled){border-color:var(--line-2)}.cg-arrow:disabled{opacity:.35;cursor:default}.cg-row{padding:14px var(--gut) 8px;scroll-snap-type:x proximity;scroll-padding-inline:var(--gut);scrollbar-width:none;overscroll-behavior-x:contain;align-items:flex-start;gap:18px;margin-top:14px;display:flex;overflow-x:auto}.cg-row::-webkit-scrollbar{display:none}.cg-row>li{scroll-snap-align:start;flex:none}.cg-book{text-align:left;-webkit-tap-highlight-color:transparent;justify-items:start;display:grid}.cg-book__stage{height:calc(var(--book-h) + 4px);align-items:flex-end;display:flex}.cg-book__title{width:0;min-width:100%;color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;font-size:14.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.cg-book__meta{color:var(--mute);margin-top:2px;font-size:12.5px}.cg-book{max-width:calc(var(--book-h) * 1.45)}@media (hover:hover){.cg-book:hover .cg-cover{transform:translateY(-5px);box-shadow:0 2px 4px #1f1b1429,0 26px 38px -20px #1f1b1499}}.cg-shelf[data-fits] .cg-shelf__head{text-align:center;justify-content:center}.cg-shelf[data-fits] .cg-shelf__name{justify-content:center}.cg-shelf[data-fits] .cg-row{justify-content:safe center}.cg{padding-bottom:0}.cg-close{--fade:180px;--foot:#1c0a00;isolation:isolate;padding:calc(var(--fade) + 24px) var(--gut) 96px;text-align:center;color:var(--on-esp);background:radial-gradient(56% 60% at 50% calc(var(--fade) + 10px), #deb87c29, #deb87c00 72%), linear-gradient(180deg, var(--bg) 0, #d3cec6 calc(var(--fade) * .16), #aba49b calc(var(--fade) * .32), #7a7068 calc(var(--fade) * .48), #4a4038 calc(var(--fade) * .66), #2e1f16 calc(var(--fade) * .84), var(--foot) var(--fade));margin-top:72px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.cg-close{--foot:lab(4.31983% 6.28524 6.58852)}}.cg-close__card{max-width:760px;margin:0 auto}.cg-close__eyebrow{color:var(--brass-lite);font-size:13.5px;font-weight:500}.cg-close__title{flex-direction:column;align-items:center;margin-top:12px;font-size:clamp(30px,8vw,52px);font-weight:600;line-height:1.16;display:flex}.cg-close__title>span{color:#0000;text-wrap:balance;-webkit-background-clip:text;background-clip:text;padding:.08em .04em .1em}.cg-close__title>span:first-child{background-image:linear-gradient(#fff 10%,#ece7df 48%,#b5ada2 94%)}.cg-close__title2{background-image:linear-gradient(#f0dcb4 0%,#d3b37c 50%,#9c7b4b 100%);font-weight:500}.cg-close__lead{max-width:32em;color:var(--on-esp-mute);text-wrap:balance;margin:14px auto 0;font-size:16px;line-height:1.7}html:lang(th) .cg-nw{white-space:nowrap}.cg-close__acts{gap:10px;width:min(100%,280px);margin:30px auto 0;display:grid}@media (min-width:560px){.cg-close__acts{grid-auto-columns:220px;grid-auto-flow:column;justify-content:center;width:auto}}.cg-close .cg-btn--ghost{color:var(--on-esp);border-color:var(--esp-edge)}.cg-close .cg-btn--ghost:hover{border-color:#f2ede580}.cg-ico--fill{fill:currentColor;stroke:none;width:18px;height:18px}html:has(.cg-sheet[open]){overflow:hidden}.cg-sheet{background:var(--raised);width:100%;max-width:100%;max-height:min(92dvh,820px);color:var(--ink);font-family:var(--dh-font-th), var(--dh-font-en), system-ui, sans-serif;overscroll-behavior:contain;transition:transform .42s var(--ease), overlay .42s allow-discrete, display .42s allow-discrete;border:0;border-radius:26px 26px 0 0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:auto;transform:translateY(0);box-shadow:0 -20px 60px -20px #00000059}.cg-sheet:not([open]){transform:translateY(100%)}@starting-style{.cg-sheet[open]{transform:translateY(100%)}}.cg-sheet::backdrop{transition:background-color .42s var(--ease), overlay .42s allow-discrete, display .42s allow-discrete;background:#140f0b80}.cg-sheet:not([open])::backdrop{background:#140f0b00}@starting-style{.cg-sheet[open]::backdrop{background:#140f0b00}}:where(.cg-sheet) :where(*){box-sizing:border-box}:where(.cg-sheet) :where(a){color:inherit;text-decoration:none}:where(.cg-sheet) :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}:where(.cg-sheet) :where(ul){margin:0;padding:0;list-style:none}:where(.cg-sheet) :where(h2,p){margin:0}.cg-sheet__body{padding:12px 22px calc(26px + env(safe-area-inset-bottom));gap:22px;display:grid;position:relative}.cg-sheet__grab{background:#1d191529;border-radius:3px;justify-self:center;width:40px;height:5px}.cg-sheet__x{width:44px;height:44px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.cg-sheet__x:hover{background:#1d19150f}.cg-sheet__cover{--book-h:min(40dvh, 300px);justify-content:center;padding-top:8px;display:flex}.cg-sheet__cover .cg-cover{max-width:calc(100vw - 44px);height:auto;aspect-ratio:var(--ar);width:min(calc(var(--book-h) * var(--ar)), calc(100vw - 44px))}.cg-sheet__info{gap:6px;display:grid}.cg-sheet__title{color:var(--title);padding-right:36px;font-size:24px;font-weight:600;line-height:1.25}.cg-sheet__meta{color:var(--mute);font-size:14px}.cg-sheet__for{margin-top:12px}.cg-sheet__label{color:var(--brass-ink);font-size:12.5px;font-weight:500}.cg-sheet__for ul{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.cg-tag{border:1px solid var(--line-2);min-height:44px;transition:border-color .25s var(--ease);border-radius:999px;align-items:center;padding:0 14px;font-size:14px;display:inline-flex}a.cg-tag:hover{border-color:var(--ink-2)}.cg-tag--plain{color:var(--ink-2);border-style:dashed}.cg-sheet__acts{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.cg-sheet :focus-visible{outline:2px solid var(--brass-ink);outline-offset:3px}.cg-sheet .cg-cover{box-shadow:0 2px 4px #1f1b1429,0 26px 40px -22px #1f1b1499}@media (min-width:768px){.cg{--gut:32px;--book-h:220px}.cg-lib{--fade:170px;padding-top:calc(var(--nav-h,4.25rem) + 48px);row-gap:44px}.cg-lib__shelf{--lib-h:220px}.cg-lib__row{gap:20px}.cg-lib__shelf{--lib-blur:1.6px}.cg-lead{font-size:16.5px}.cg-shelves{gap:52px}.cg-shelf__arrows[data-show]{display:flex}}@media (min-width:1024px){.cg{--gut:48px;--book-h:250px}.cg-lib{--fade:190px;padding-top:calc(var(--nav-h,4.25rem) + 64px);row-gap:48px}.cg-title{font-size:clamp(56px,5.4vw,80px)}.cg-lib__shelf{--lib-h:clamp(230px, 18vw, 280px)}.cg-lib__row{gap:26px}.cg-shelves{gap:60px;margin-top:56px}.cg-shelf__name{font-size:26px}.cg-close{--fade:260px;margin-top:96px;padding-bottom:128px}.cg-row{gap:28px}.cg-sheet{opacity:1;width:min(880px,100vw - 64px);height:fit-content;max-height:calc(100dvh - 64px);transition:opacity .3s var(--ease), transform .3s var(--ease), overlay .3s allow-discrete, display .3s allow-discrete;border-radius:28px;margin:auto;inset:0;transform:none}.cg-sheet:not([open]){opacity:0;transform:translateY(12px)}@starting-style{.cg-sheet[open]{opacity:0;transform:translateY(12px)}}.cg-sheet__grab{display:none}.cg-sheet__body{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:36px;padding:40px}.cg-sheet__cover{--book-h:min(420px, calc(100dvh - 160px));padding:0}.cg-sheet__cover .cg-cover{width:min(calc(var(--book-h) * var(--ar)), 400px);max-width:none}.cg-sheet__title{font-size:28px}.cg-sheet__acts{grid-template-columns:none;grid-auto-flow:column;justify-content:start}}@media (prefers-reduced-motion:reduce){.cg-cover,.cg-sheet,.cg-sheet::backdrop,.cg-lib__book{transition:none}}