@font-face{font-family:Chonburi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/870d76cf3e19c4f4-s.p.0irg95hy2nnb0.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chonburi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1d9aaef3b0c49d0c-s.074my4tp4nx_q.woff2)format("woff2");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:Chonburi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0227b576ecf4ba65-s.44yy_1a32fx87.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chonburi;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8a8f09bb1f5b037d-s.p.1tzszeyqo9yyf.woff2)format("woff2");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:Chonburi Fallback;src:local(Arial);ascent-override:74.56%;descent-override:19.62%;line-gap-override:0.0%;size-adjust:127.41%}.chonburi_d36fe642-module__fPjJ8W__className{font-family:Chonburi,Chonburi Fallback;font-style:normal;font-weight:400}.chonburi_d36fe642-module__fPjJ8W__variable{--font-display:"Chonburi", "Chonburi Fallback"}
@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2)format("woff2");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:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anuphan;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2)format("woff2");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:Anuphan Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.anuphan_53cca417-module__dsAE8G__className{font-family:Anuphan,Anuphan Fallback;font-style:normal}.anuphan_53cca417-module__dsAE8G__variable{--font-body:"Anuphan", "Anuphan Fallback"}
@font-face{font-family:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3b69a59c30a84761-s.p.3tph9x_0y5pd3.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a23319256c53cceb-s.002kjx62pj6a3.woff2)format("woff2");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:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4d2e73a6fbf3b0ba-s.40uuyvzjapuzo.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(../media/409c52c0b1658041-s.p.2bve6knowi8om.woff2)format("woff2");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:Sriracha Fallback;src:local(Arial);ascent-override:121.4%;descent-override:54.73%;line-gap-override:0.0%;size-adjust:100.49%}.sriracha_28d55c16-module__-bnVxq__className{font-family:Sriracha,Sriracha Fallback;font-style:normal;font-weight:400}.sriracha_28d55c16-module__-bnVxq__variable{--font-hand:"Sriracha", "Sriracha Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--cloth:#dc2a30;--cloth-hi:#e63a40;--cloth-lo:#a3141b;--logo-red:#ee3338;--cloth-soft:#ffd5d8;--paper:#fff;--ink:#1c1314;--ink-2:#5b4446;--rule:#d42530;--rule-faint:#f2c5c8;--stamp:#cf1b27;--gutter:clamp(16px, 4vw, 56px);--margin:clamp(10px, 2.6vw, 40px);--bar:68px;--line:2.25rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:var(--cloth) #fff}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + 12px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;caret-color:var(--cloth);font-size:1.0625rem;line-height:1.6}[data-lang=th]{line-height:1.8}::selection{background:var(--cloth);color:#fff}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.cloth :focus-visible{outline-color:#fff}a{color:inherit;text-underline-offset:.28em;text-decoration-thickness:1.5px}.book{overflow-x:clip}img{max-width:100%;height:auto}.skip{z-index:100;color:var(--ink);background:#fff;padding:10px 16px;font-weight:600;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.cloth{background-blend-mode:multiply;color:#fff;background-color:#ef2e34;background-image:url(/textures/bookcloth.webp);background-position:50%;background-size:cover}.paper{background-color:var(--paper);position:relative}.paper:before{content:"";top:0;bottom:0;left:var(--margin);border-left:1.5px solid var(--rule);border-right:1.5px solid var(--rule);pointer-events:none;width:5px;position:absolute}.ruled{background-image:repeating-linear-gradient(to bottom, transparent 0 calc(var(--line) - 1px), var(--rule-faint) calc(var(--line) - 1px) var(--line))}.ruled-soft{background-image:repeating-linear-gradient(to bottom, transparent 0 calc(var(--line) - 1px), #f9e3e5 calc(var(--line) - 1px) var(--line))}.page-edges{z-index:1;background:repeating-linear-gradient(90deg,#fff 0 1.5px,#e8d3d5 1.5px 3px);width:22px;position:absolute;top:1.2%;bottom:1.2%;right:0;box-shadow:-4px 0 10px #28000480,inset 6px 0 6px -4px #28000459}.page-edges:before,.page-edges:after{content:"";background:repeating-linear-gradient(90deg,#fff 0 1.5px,#e2cacd 1.5px 3px);position:absolute;right:0}.page-edges:before{width:12px;top:-.6%;bottom:-.6%;box-shadow:-2px 0 5px #28000459}.page-edges:after{width:5px;top:-1%;bottom:-1%;box-shadow:-2px 0 3px #2800044d}.h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--cloth);text-wrap:balance;font-size:clamp(2.3rem,5vw,4.4rem);font-weight:400;line-height:1.04}.h2{font-family:var(--font-display);color:var(--cloth);text-wrap:balance;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;line-height:1.1}.h3{font-family:var(--font-display);color:var(--ink);text-wrap:balance;font-size:clamp(1.2rem,1.6vw,1.45rem);font-weight:400;line-height:1.25}[data-lang=th] .h1,[data-lang=th] .h2,[data-lang=th] .h3{line-height:1.35}.lead{color:var(--ink-2);text-wrap:pretty;max-width:56ch;font-size:clamp(1.1rem,1.4vw,1.3rem)}.btn{background:var(--cloth);color:#fff;transition:background-color .2s ease, transform .2s var(--ease-out), box-shadow .2s ease;cursor:pointer;white-space:nowrap;border-radius:3px;align-items:center;gap:10px;padding:13px 22px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #50000e59,0 6px 14px -8px #50000e99}.btn:hover{background:var(--cloth-hi);transform:translateY(-1px);box-shadow:0 2px 3px #50000e59,0 10px 18px -10px #50000ea6}.btn:active{transform:translateY(1px);box-shadow:0 1px 2px #50000e59}.btn:disabled{box-shadow:none;cursor:progress;background:#c9a3a6;transform:none}.btn-ghost{color:var(--cloth);box-shadow:inset 0 0 0 2px var(--cloth);background:0 0}.btn-ghost:hover{box-shadow:inset 0 0 0 2px var(--cloth);background:#fff1f2}.btn-small{padding:9px 16px;font-size:.95rem}.btn-icon{width:18px;height:18px;transition:translate .2s var(--ease-out);flex:none}.btn:hover .btn-icon{translate:3px}.topbar{z-index:50;height:var(--bar);padding:0 var(--gutter) 0 calc(var(--gutter) + clamp(18px, 2.4vw, 40px));color:#fff;justify-content:space-between;align-items:center;gap:24px;transition:background-color .3s,color .3s,box-shadow .3s;display:flex;position:fixed;inset:0 0 auto}.topbar[data-mode=paper]{color:var(--ink);box-shadow:0 1.5px 0 var(--rule), 0 4.5px 0 -1.5px #fff, 0 5px 0 -1.5px var(--rule);padding-left:var(--gutter);background:#fffffff7}.brand{align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.brand-seal{--logo-ground:#fff;--logo-ink:var(--logo-red);flex:none;width:44px}.topbar[data-mode=paper] .brand-seal{--logo-ground:var(--logo-red);--logo-ink:#fff}.logo-mark{aspect-ratio:293/269;background:var(--logo-ground,var(--logo-red));height:auto;box-shadow:0 0 0 var(--logo-ring-width,0) var(--logo-ring,transparent);border-radius:9%/9.8%;display:inline-block;position:relative;overflow:hidden}.logo-fish{background:var(--logo-ink,#fff);position:absolute;inset:.6%;-webkit-mask:url(/brand/logo-fish.png) 50%/100% 100% no-repeat;mask:url(/brand/logo-fish.png) 50%/100% 100% no-repeat}.wordmark{aspect-ratio:280/110;flex:none;width:104px;display:inline-block;position:relative}.wordmark-ink,.wordmark-red{position:absolute;inset:0;-webkit-mask:none 50%/100% 100% no-repeat;mask:none 50%/100% 100% no-repeat}.wordmark-ink{background:var(--wm-ink,#3a3a3c);-webkit-mask-image:url(/brand/wordmark-ink.png);mask-image:url(/brand/wordmark-ink.png)}.wordmark-red{background:var(--wm-red,var(--logo-red));-webkit-mask-image:url(/brand/wordmark-red.png);mask-image:url(/brand/wordmark-red.png)}.topbar[data-mode=cloth] .wordmark,.cloth .wordmark{--wm-ink:#fff;--wm-red:#fff}.tabs{gap:clamp(16px,2.4vw,32px);font-size:.98rem;font-weight:600;display:flex}.tabs a{border-bottom:2px solid #0000;padding:6px 0;text-decoration:none;transition:border-color .2s}.tabs a:hover{border-bottom-color:currentColor}.topbar-actions{align-items:center;gap:12px;display:flex}.lang{letter-spacing:.06em;cursor:pointer;color:inherit;background:0 0;border:1.5px solid;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.lang span{opacity:.55}.lang span.on{opacity:1}.lang-sep{background:currentColor;width:1.5px;height:12px;opacity:.4!important}.topbar[data-mode=cloth] .btn{color:var(--cloth);background:#fff;box-shadow:0 4px 12px -6px #3c000699}.topbar[data-mode=cloth] .btn:hover{background:#fff1f2}@media (max-width:960px){.tabs{display:none}}@media (max-width:520px){.brand-name{font-size:.92rem}.topbar{padding-left:var(--gutter);gap:10px}.brand-seal{width:36px}.topbar-actions{gap:8px}.topbar-actions .btn{padding:8px 12px;font-size:.88rem}}@media (max-width:430px){.brand{gap:8px}.brand-name.wordmark{width:84px}.lang{padding:6px 9px}}.opening{--p:0;position:relative}.stage{flex-direction:column;display:flex;position:relative}.cover{z-index:2;order:-1;position:relative}.cover-face{min-height:100svh;position:relative;overflow:hidden}.cover-face:after{content:"";opacity:calc(var(--p) * .6);pointer-events:none;background:#1a0003;position:absolute;inset:0}.cover-back{display:none}.spine{background:linear-gradient(90deg,#28000461,#2800042e);width:clamp(18px,2.4vw,40px);position:absolute;inset:0 auto 0 0;box-shadow:inset -2px 0 #1e000359,1px 0 #ffffff24}.cover-grid{min-height:100svh;padding:calc(var(--bar) + clamp(16px, 4vh, 48px)) var(--gutter) clamp(24px, 5vh, 56px) calc(var(--gutter) + clamp(18px, 2.4vw, 40px));grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(24px,4vw,72px);max-width:1500px;display:grid;position:relative}.cover-title{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;color:#fff;max-width:11ch;font-size:clamp(3rem,6.6vw,6rem);font-weight:400;line-height:.98}.label-plate{max-width:580px;color:var(--ink);outline:3px double var(--rule);outline-offset:-11px;background:#fff;margin-top:clamp(20px,4vh,44px);padding:clamp(24px,2.6vw,36px);position:relative;box-shadow:0 2px 3px #3200054d,0 22px 44px -20px #320005b3}.label-tagline{font-family:var(--font-display);color:var(--cloth);text-wrap:balance;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.2}.label-intro{color:var(--ink);text-wrap:pretty;margin-top:12px;font-size:1.02rem}.label-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.label-foot{border-top:1.5px solid var(--rule-faint);font-family:var(--font-hand);color:var(--ink-2);margin-top:20px;padding-top:6px;font-size:1rem}.cover-specimen{justify-self:center;width:min(100%,520px);position:relative}.specimen-card{isolation:isolate;background:#fff;margin:0;padding:18px 18px 12px;position:relative;rotate:3deg;box-shadow:0 2px 3px #3200054d,0 26px 50px -22px #320005bf}.specimen-card img{mix-blend-mode:multiply;filter:contrast(1.12)brightness(1.12)saturate(1.1);width:100%;display:block}.specimen-card figcaption{font-family:var(--font-hand);color:var(--ink-2);text-align:right;margin-top:6px;font-size:1.05rem}.cover-seal{--logo-ground:var(--logo-red);--logo-ink:#fff;--logo-ring:#fff;--logo-ring-width:4px;filter:drop-shadow(0 6px 10px #3c000666);width:clamp(92px,9vw,128px);position:absolute;bottom:-18%;left:-9%;rotate:-9deg}.titlepage{align-items:center;min-height:100svh;display:flex;position:relative}.titlepage:after{content:"";opacity:0;pointer-events:none;background:#2a0006;position:absolute;inset:0}.titlepage-inner{width:100%;max-width:1280px;padding:calc(var(--bar) + 40px) var(--gutter) 56px calc(var(--margin) + var(--gutter) + 12px);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(32px,6vw,96px);margin:0 auto;display:grid;position:relative}.fields{margin:28px 0 32px}.field{border-bottom:1.5px solid var(--rule-faint);grid-template-columns:8.5rem minmax(0,1fr);align-items:baseline;gap:16px;padding:12px 0 8px;display:grid}.field dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:.82rem;font-weight:600}.field dd{font-family:var(--font-hand);color:var(--ink);font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.3}.about-photo{justify-self:center;width:min(100%,480px)}@media (min-width:761px) and (min-height:620px) and (prefers-reduced-motion:no-preference){.opening{height:250svh}.stage{perspective:2400px;perspective-origin:0%;height:100svh;display:block;position:sticky;top:0;overflow:hidden}.titlepage{transform:scale(calc(.94 + var(--p) * .06));transform-origin:70%;position:absolute;inset:0}.titlepage:after{opacity:calc((1 - var(--p)) * .5)}.cover{transform-origin:0%;transform:rotateY(calc(var(--p) * -176deg));transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.cover-face{backface-visibility:hidden;min-height:0;position:absolute;inset:0}.cover-grid{height:100%;min-height:0}.cover-back{backface-visibility:hidden;background-color:#fff;background-size:96px 72px;display:block;position:absolute;inset:0;transform:rotateY(180deg)}.opening[data-open=moving] .cover,.opening[data-open=done] .cover{pointer-events:none}.opening[data-open=done] .cover{visibility:hidden}}.credential{border-top:1.5px solid var(--rule);color:var(--ink);background:#fff0f1;align-items:center;gap:14px;margin:22px -10px -8px;padding:12px 14px;text-decoration:none;transition:background-color .2s;display:flex}.credential:hover{background:#ffe4e6}.credential-text{font-size:1.02rem;font-weight:700;line-height:1.3}.credential-arrow{width:18px;height:18px;color:var(--cloth);transition:translate .2s var(--ease-out);flex:none;margin-left:auto}.credential:hover .credential-arrow{translate:0 3px}.neo-mark{border:2px solid var(--ink);font-family:var(--font-body);letter-spacing:.14em;color:var(--ink);background:#fff;border-radius:3px;flex:none;align-items:center;padding:7px 12px 6px;font-size:.9rem;font-weight:700;line-height:1;display:inline-flex}.neo-mark.has-logo{padding:4px 8px}.neo-mark.has-logo img{width:auto;height:28px}.neo-mark-large{border-width:2.5px;padding:11px 18px 10px;font-size:1.3rem}.neo-mark-large.has-logo img{height:44px}.ledger-section{padding-top:clamp(28px,3vw,48px)!important}.neo-section,.shop-section,.ledger-section,.grades-section,.route-section,.enquire-section{padding:clamp(80px, 10vw, 148px) var(--gutter) clamp(80px, 10vw, 148px) calc(var(--margin) + var(--gutter) + 12px)}.ledger-section>*,.grades,.route-section>*,.enquire{max-width:1280px;margin-left:auto;margin-right:auto}.section-head .lead{margin-top:18px}.ledger{border-top:4px double var(--rule);margin-top:clamp(40px,6vw,72px)}.ledger-head,.entry{grid-template-columns:4.5rem minmax(0,1fr) 15.5rem 10rem;display:grid}.ledger-head{border-bottom:1.5px solid var(--rule);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:.78rem;font-weight:600}.ledger-head span,.entry>*{border-left:1px solid var(--rule-faint);padding:12px 20px}.ledger-head span:first-child,.entry>:first-child{border-left:0}.ledger-head span:nth-child(2),.entry>:nth-child(2){border-left:4px double var(--rule)}.entry{border-bottom:1px solid var(--rule-faint)}.entry>*{padding-top:32px;padding-bottom:32px}.entry-no{font-family:var(--font-display);color:var(--cloth);font-variant-numeric:tabular-nums;text-align:center;font-size:2rem;line-height:1}.entry-text p{max-width:60ch;color:var(--ink-2);text-wrap:pretty;margin-top:10px}.entry-extra{justify-content:center;align-items:flex-start;display:flex}.entry-extra .pasted{width:100%}.margin-note{font-family:var(--font-hand);color:var(--ink-2);border-bottom:1.5px solid;align-items:center;gap:6px;padding:4px 2px;font-size:1.2rem;text-decoration:none;transition:color .2s;display:inline-flex;rotate:-3deg}a.margin-note:hover{color:var(--cloth)}span.margin-note{border-bottom:0}.note-arrow{width:16px;height:16px}.entry-stamp{color:var(--stamp);justify-content:center;align-items:flex-start;display:flex}.stamp-svg{width:100%;max-width:8.5rem;rotate:var(--stamp-tilt,-4deg);mix-blend-mode:multiply;opacity:var(--stamp-ink,1)}[data-ink=pending] .stamp-svg{opacity:0;scale:1.6}[data-ink=landed] .stamp-svg{animation:.46s cubic-bezier(.2,.9,.25,1) both stamp-land}@keyframes stamp-land{0%{opacity:0;scale:1.7}55%{opacity:1;scale:.95}to{opacity:var(--stamp-ink,1);scale:1}}@media (max-width:860px){.ledger-head{display:none}.entry{grid-template-columns:2.75rem minmax(0,1fr);padding:28px 0;position:relative}.entry>*{border-left:0;padding:0 0 0 14px}.entry>:first-child{text-align:left;padding:0;font-size:1.6rem}.entry>:nth-child(2){border-left:0}.entry-text .h3{padding-right:5.6rem}.entry-extra{grid-column:2;justify-content:flex-start;margin-top:18px}.entry-extra .pasted{width:min(100%,300px)}.entry-stamp{width:5.2rem;padding:0;position:absolute;top:22px;right:8px}}.pasted{rotate:var(--tilt,0deg);margin:0}.pasted-frame{background:#fff;padding:9px;position:relative;box-shadow:0 1px 2px #28000438,0 14px 26px -14px #28000466}.pasted-frame img{width:100%;height:auto;display:block}.plate-frame{isolation:isolate}.plate-frame img{mix-blend-mode:multiply;filter:contrast(1.12)brightness(1.12)saturate(1.1)}.pasted figcaption{font-family:var(--font-hand);color:var(--ink-2);text-align:center;margin-top:8px;font-size:.98rem;line-height:1.3}.corner{background:var(--ink);z-index:1;width:24px;height:24px;position:absolute}.corner.tl{clip-path:polygon(0 0,100% 0,0 100%);top:3px;left:3px}.corner.tr{clip-path:polygon(0 0,100% 0,100% 100%);top:3px;right:3px}.corner.bl{clip-path:polygon(0 0,0 100%,100% 100%);bottom:3px;left:3px}.corner.br{clip-path:polygon(100% 0,100% 100%,0 100%);bottom:3px;right:3px}.specimen-card .corner.bl,.specimen-card .corner.br{bottom:40px}.grades-section{border-top:4px double var(--rule)}.grades-head{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;gap:clamp(32px,6vw,96px);display:grid}.grades-head .lead{margin-top:18px}.specimen-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(12px,1.6vw,22px);display:grid}.specimen-row>:nth-child(2){translate:0 -28px}.grade-table-wrap{-webkit-overflow-scrolling:touch;margin-top:clamp(40px,5vw,64px);position:relative;overflow-x:auto}.grade-table{border-collapse:collapse;border-top:4px double var(--rule);width:100%;min-width:640px}.grade-caption{font-family:var(--font-hand);color:var(--ink-2);padding-top:14px;font-size:1.05rem}.grade-table th,.grade-table td{border-bottom:1px solid var(--rule-faint);border-left:1px solid var(--rule-faint);text-align:center;vertical-align:middle;padding:18px 16px}.grade-table thead th{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border-bottom:1.5px solid var(--rule);padding-top:12px;padding-bottom:12px;font-size:.78rem;font-weight:600}[data-lang=th] .grade-table thead th{letter-spacing:0;font-size:.9rem}.grade-table th:first-child,.grade-table td:first-child{text-align:left;border-left:0}.grade-table th:nth-child(2),.grade-table td:nth-child(2){border-left:4px double var(--rule)}.grade-table tbody th{font-family:var(--font-display);color:var(--ink);white-space:nowrap;font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:400}.tick{width:26px;height:22px;color:var(--cloth);flex:none;display:inline-block}.grade-table tbody tr:nth-child(odd) .tick{rotate:-4deg}.route-section{border-top:4px double var(--rule)}.route-head{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;gap:clamp(32px,6vw,96px);display:grid}.route-head .lead{margin-top:18px}.route-photo{justify-self:end;width:min(100%,340px)}.route{margin-top:clamp(48px,6vw,80px);position:relative}.route-line{background:var(--cloth);transform-origin:0;height:5px;transition:transform 1.8s var(--ease-out);position:absolute;top:20px;left:0;right:-16px}.route-line:after{content:"";background:var(--cloth);clip-path:polygon(0 0,100% 50%,0 100%);width:16px;height:21px;position:absolute;top:-8px;right:-14px}.stations{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.station{padding-top:52px;padding-right:clamp(10px,1.6vw,24px);position:relative}.station:before{content:"";background:var(--cloth);transform-origin:50% 0;width:4px;height:30px;transition:scale .4s var(--ease-out);transition-delay:calc(var(--i) * .24s + .2s);position:absolute;top:8px;left:0}.station-no{font-family:var(--font-hand);color:var(--cloth);font-variant-numeric:tabular-nums;font-size:1.2rem;position:absolute;top:-16px;left:12px}.station p{color:var(--ink-2);text-wrap:pretty;margin-top:8px;font-size:.98rem}.route[data-ink=pending] .route-line{transform:scaleX(0)}.route[data-ink=pending] .station:before{scale:1 0}@media (max-width:860px){.route-head{grid-template-columns:minmax(0,1fr)}.route-photo{justify-self:start;width:min(100%,300px)}.route-line{transform-origin:50% 0;width:5px;height:auto;inset:0 auto -12px 8px}.route-line:after{clip-path:polygon(0 0,100% 0,50% 100%);width:21px;height:16px;inset:auto auto -14px -8px}.route[data-ink=pending] .route-line{transform:scaleY(0)}.stations{grid-template-columns:minmax(0,1fr);gap:32px}.station{padding:0 0 0 48px}.station:before{transform-origin:0;width:26px;height:4px;top:12px;left:8px}.route[data-ink=pending] .station:before{scale:0 1}.station-no{top:-26px;left:48px}}.mission{padding:clamp(96px, 13vw, 200px) var(--gutter);position:relative;overflow:hidden}.mission-inner{z-index:1;max-width:1180px;margin:0 auto;position:relative}.mission-text{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;max-width:19ch;font-size:clamp(2.1rem,5vw,4.4rem);font-weight:400;line-height:1.08}.mission-label{color:var(--cloth-soft)}.mission-goal{color:#fff;text-wrap:pretty;max-width:52ch;margin-top:36px;font-size:clamp(1.1rem,1.5vw,1.3rem)}.mission-seal{right:var(--gutter);--logo-ground:#fff;--logo-ink:var(--logo-red);filter:drop-shadow(0 14px 24px #3c000659);width:clamp(120px,17vw,250px);position:absolute;bottom:clamp(32px,6vw,80px);rotate:6deg}@media (max-width:860px){.mission-seal{margin:48px 0 0 auto;display:block;position:relative;bottom:auto;right:auto}}.enquire-section{border-top:4px double var(--rule)}.enquire{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.enquire-copy .lead{margin-top:18px}.channels{border:1.5px solid var(--rule-faint);margin-top:36px;padding:18px 20px}.channels-title{letter-spacing:.04em;font-weight:600}.channels-tbc{font-family:var(--font-hand);color:var(--ink-2);margin-top:4px;font-size:1.2rem}.form-sheet{background-color:#fff;background-image:repeating-linear-gradient(to bottom, transparent 0 calc(var(--line) - 1px), #f8e1e3 calc(var(--line) - 1px) var(--line));border:1.5px solid var(--rule);outline:1.5px solid var(--rule);outline-offset:4px;gap:22px;padding:clamp(24px,3.4vw,44px);display:grid;position:relative;box-shadow:0 24px 48px -28px #28000473}.ff{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.ff label,.ff legend{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:0;font-size:.82rem;font-weight:600}.ff input,.ff textarea{width:100%;font:inherit;color:var(--ink);border:0;border-bottom:2px solid var(--ink);background:#ffffffbf;border-radius:0;padding:8px 2px;font-size:1.15rem;transition:border-color .2s,box-shadow .2s}.ff textarea{resize:vertical;min-height:7.5rem;line-height:var(--line);padding-top:4px}.ff input::placeholder,.ff textarea::placeholder{color:#8d7375}.ff input:hover,.ff textarea:hover{border-bottom-color:var(--cloth)}.ff input:focus,.ff textarea:focus{border-bottom-color:var(--cloth);box-shadow:0 2px 0 var(--cloth);outline:none}.ff [aria-invalid=true]{border-bottom-color:var(--cloth);background:#fff4f5}.ff-error{color:var(--cloth-lo);font-size:.95rem;font-weight:600}.types{flex-wrap:wrap;gap:10px 22px;margin-top:8px;display:flex}.type{cursor:pointer;align-items:center;gap:10px;padding:4px 0;font-size:1.02rem;display:inline-flex;position:relative}.type input{opacity:0;width:1px;height:1px;position:absolute}.box{border:2px solid var(--ink);background:#fff;flex:none;place-items:center;width:22px;height:22px;display:grid}.box-tick{width:18px;height:16px;color:var(--cloth);opacity:0;transition:opacity .15s ease, scale .2s var(--ease-out);scale:.6}.type input:checked+.box .box-tick{opacity:1;scale:1.15}.type input:focus-visible+.box{outline:3px solid var(--ink);outline-offset:2px}.type:hover .box{border-color:var(--cloth)}.form-foot{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:6px;display:flex}.demo-note{font-family:var(--font-hand);color:var(--ink-2);font-size:1rem}.form-done{align-content:start;min-height:420px}.form-done p{color:var(--ink-2);max-width:46ch}.form-done .btn{justify-self:start}.done-stamp{color:var(--stamp);--stamp-tilt:-6deg;width:11rem}.done-stamp .stamp-svg{max-width:none;animation:.5s cubic-bezier(.2,.9,.25,1) both stamp-land}.footer{padding:clamp(48px, 6vw, 72px) var(--gutter);border-top:3px solid var(--cloth-lo)}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1280px;margin:0 auto;display:flex}.footer-brand{align-items:flex-start;gap:18px;display:flex}.footer-seal{--logo-ground:#fff;--logo-ink:var(--logo-red);flex:none;width:84px}.footer-wordmark{width:190px}.footer-wordmark+.footer-tag{margin-top:10px}.footer-tag{color:#fff}.credits{color:#fff;max-width:560px;font-size:.85rem}.credits-title{color:#fff;margin-bottom:6px;font-weight:600}.credits ul{gap:2px;padding:0;list-style:none;display:grid}@media (max-width:900px){.cover-grid{grid-template-columns:minmax(0,1fr);align-content:center}.cover-specimen{width:min(88%,360px);margin:8px 0 24px}.cover-seal{width:84px;bottom:-14%;left:-6%}.page-edges{display:none}.titlepage-inner,.grades-head,.enquire{grid-template-columns:minmax(0,1fr)}.about-photo{width:min(100%,420px)}}@media (max-width:760px){.titlepage{min-height:0}.titlepage-inner{padding-top:72px;padding-bottom:72px}.field{grid-template-columns:6.5rem minmax(0,1fr)}.specimen-row{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:24px}.specimen-row>:first-child,.specimen-row>:nth-child(2){translate:none;scale:none}.specimen-row>:last-child{grid-column:1/-1;justify-self:center;width:70%}}[data-lang=th] .ff label,[data-lang=th] .ff legend,[data-lang=th] .field dt,[data-lang=th] .ledger-head{letter-spacing:0;font-size:.9rem}.neo-section{border-top:4px double var(--rule)}.neo{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(40px,6vw,96px);max-width:1280px;margin:0 auto;display:grid}.neo-title{max-width:16ch}[data-lang=th] .neo-title{max-width:20ch}.neo-copy .lead{margin-top:18px}.neo-lines{border-top:1.5px solid var(--rule);margin:36px 0 0;padding:0;list-style:none}.neo-lines li{border-bottom:1px solid var(--rule-faint);grid-template-columns:30px minmax(0,1fr);align-items:start;gap:16px;padding:18px 0;display:grid}.neo-lines .tick{margin-top:4px}.neo-lines p{color:var(--ink-2);margin-top:4px}.hand-note{font-family:var(--font-hand);color:var(--ink-2);margin-top:16px;font-size:1.05rem}.appointment{padding-top:8px;position:relative}.appointment-sheet{outline:3px double var(--rule);outline-offset:-11px;background:#fff;padding:clamp(24px,3vw,36px);position:relative;rotate:1deg;box-shadow:0 2px 3px #2800042e,0 26px 48px -26px #28000480}.appointment-head{border-bottom:1.5px solid var(--rule);justify-items:start;gap:14px;padding:6px 4px 18px;display:grid}.appointment-title{font-family:var(--font-display);color:var(--cloth);font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.2}.appointment-fields{margin:6px 4px 0}.appointment-fields .field{grid-template-columns:7.5rem minmax(0,1fr)}.appointment-sign{justify-content:space-between;align-items:center;gap:16px;margin:22px 4px 4px;display:flex;position:relative}.appointment-logo{width:64px}.appointment-stamp{color:var(--stamp);width:10.5rem}.appointment-stamp .stamp-svg{max-width:none}.cert-slot{border:1.5px dashed var(--rule);font-family:var(--font-hand);color:var(--ink-2);text-align:center;margin-top:28px;padding:16px 18px}.cert-pasted{width:min(70%,300px);margin:-24px 0 0 auto;position:relative}.shop-section{border-top:4px double var(--rule)}.shop{max-width:1280px;margin:0 auto}.shop-rows{border-top:4px double var(--rule);margin:clamp(36px,5vw,56px) 0 0;padding:0;list-style:none}.shop-row{border-bottom:1px solid var(--rule-faint);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.4vw,32px);padding:clamp(20px,2.6vw,30px) 4px;display:grid}.shop-icon{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.shop-icon svg{width:30px;height:30px}.shop-name{gap:2px;min-width:0;display:grid}.shop-platform{font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1}.shop-store{font-family:var(--font-hand);color:var(--ink-2);font-size:1.1rem}.shop-btn{justify-self:end}.footer-credential{margin-top:6px;font-weight:600}.footer-shops{flex-wrap:wrap;gap:10px 22px;margin-top:16px;padding:0;list-style:none;display:flex}.footer-shops a{border-bottom:1.5px solid #fff9;align-items:center;gap:8px;padding-bottom:2px;font-weight:600;text-decoration:none;display:inline-flex}.footer-shops a:hover{border-bottom-color:#fff}.footer-shop-icon{width:16px;height:16px}@media (max-width:900px){.neo{grid-template-columns:minmax(0,1fr)}.appointment-sheet{rotate:none}}@media (max-width:620px){.shop-row{grid-template-columns:52px minmax(0,1fr)}.shop-icon{width:52px;height:52px}.shop-btn{grid-column:1/-1;justify-content:center;justify-self:stretch}.credential{flex-wrap:wrap;gap:10px}.credential-arrow{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}