/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}@layer theme{:host,:root{--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-snug:1.375;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--color-white:#fff;--color-ink:#1c1206;--color-ink-soft:#4a3b28;--color-espresso:#2a1a0b;--color-espresso-deep:#1d1107;--color-espresso-raised:#3a2504;--color-mocha:#685543;--color-mocha-line:#8c7a66;--color-golden-0:#fdf8e6;--color-golden-1:#fdedbd;--color-golden-2:#fed883;--color-golden-3:#ebb953;--color-golden-4:#e0a630;--color-golden-5:#d89b1d;--color-golden-6:#bb7e10;--color-golden-7:#8c5c09;--color-golden-8:#7a5008;--color-golden-9:#5a3a06;--color-line:#ead9b4;--color-line-dark:#54401f;--color-on-dark:#fdf3dc;--color-on-dark-soft:#d9c7a1;--color-shopee:#ee4d2d;--font-display:"Anuphan", "Noto Sans Thai", system-ui, sans-serif;--font-sans:"Noto Sans Thai", system-ui, -apple-system, sans-serif;--text-caption:.8125rem;--text-caption--line-height:1.5;--text-small:.9375rem;--text-small--line-height:1.6;--text-base:1.0625rem;--text-base--line-height:1.7;--text-lead:calc(clamp(1.125rem, .6vw + 1rem, 1.3125rem));--text-lead--line-height:1.65;--text-title:calc(clamp(1.375rem, .9vw + 1.15rem, 1.75rem));--text-title--line-height:1.35;--text-heading:calc(clamp(1.875rem, 2.4vw + 1.2rem, 3.125rem));--text-heading--line-height:1.22;--text-display:calc(clamp(2.5rem, 4.4vw + 1.2rem, 4.75rem));--text-display--line-height:1.14;--radius-sm:6px;--radius-md:10px;--radius-card:14px;--radius-pill:9999px;--container-page:76rem;--ease-out-quart:cubic-bezier(.25, 1, .5, 1)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-year-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}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--color-white);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.7}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--color-golden-5);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!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;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.bottom-0{bottom:0}.isolate{isolation:isolate}.-z-10{z-index:calc(-10)}.-z-20{z-index:calc(-20)}.z-30{z-index:30}.page-shell{width:100%;max-width:var(--container-page);padding-inline:calc(clamp(1.25rem,4vw,2.5rem))}.mx-auto,.page-shell{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-24{margin-top:calc(var(--spacing) * 24)}.btn-ink{border-radius:var(--radius-pill);background:var(--color-espresso);min-height:3.25rem;color:var(--color-on-dark);font-family:var(--font-display);font-weight:600;font-size:var(--text-base);transition:background-color .18s var(--ease-out-quart),transform .18s var(--ease-out-quart);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;display:inline-flex}.btn-ink:hover{background:var(--color-espresso-raised)}.btn-ink:active,.btn-light:active,.btn-primary:active{transform:translateY(1px)}.btn-light{border-radius:var(--radius-pill);background:var(--color-white);min-height:3.25rem;color:var(--color-ink);font-family:var(--font-display);font-weight:600;font-size:var(--text-base);transition:background-color .18s var(--ease-out-quart),transform .18s var(--ease-out-quart);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;display:inline-flex}.btn-light:hover{background:var(--color-golden-0)}.btn-primary{border-radius:var(--radius-pill);background:var(--color-golden-2);min-height:3.25rem;color:var(--color-ink);font-family:var(--font-display);font-weight:600;font-size:var(--text-base);transition:background-color .18s var(--ease-out-quart),transform .18s var(--ease-out-quart);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;display:inline-flex}.btn-primary:hover{background:var(--color-golden-3)}.btn-ghost-dark{border-radius:var(--radius-pill);border:1.5px solid var(--color-line-dark);min-height:3.25rem;color:var(--color-on-dark);font-family:var(--font-display);font-weight:600;font-size:var(--text-base);transition:border-color .18s var(--ease-out-quart),background-color .18s var(--ease-out-quart);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex}.btn-ghost-dark:hover{border-color:var(--color-golden-3);background:var(--color-espresso-raised)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-square{aspect-ratio:1}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-full{width:100%;height:100%}.h-8{height:calc(var(--spacing) * 8)}.h-18{height:calc(var(--spacing) * 18)}.w-\[72vw\]{width:72vw}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-60{max-width:calc(var(--spacing) * 60)}.max-w-80{max-width:calc(var(--spacing) * 80)}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * (1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc((var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc((var(--spacing) * 3) * (1 - var(--tw-space-y-reverse)))}:where(.space-y-24>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc((var(--spacing) * 24) * var(--tw-space-y-reverse));margin-block-end:calc((var(--spacing) * 24) * (1 - var(--tw-space-y-reverse)))}.gap-x-4{-moz-column-gap:calc(var(--spacing) * 4);column-gap:calc(var(--spacing) * 4)}.gap-x-6{-moz-column-gap:calc(var(--spacing) * 6);column-gap:calc(var(--spacing) * 6)}.gap-x-12{-moz-column-gap:calc(var(--spacing) * 12);column-gap:calc(var(--spacing) * 12)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.gap-y-12{row-gap:calc(var(--spacing) * 12)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-card{border-radius:var(--radius-card)}.rounded-pill{border-radius:var(--radius-pill)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-line{border-color:var(--color-line)}.border-line-dark{border-color:var(--color-line-dark)}.border-mocha-line{border-color:var(--color-mocha-line)}.bg-espresso{background-color:var(--color-espresso)}.bg-espresso-deep{background-color:var(--color-espresso-deep)}.bg-espresso-deep\/85{background-color:#1d1107d9}@supports (color:color-mix(in lab,red,red)){.bg-espresso-deep\/85{background-color:color-mix(in oklab,var(--color-espresso-deep) 85%,transparent)}}.bg-golden-0{background-color:var(--color-golden-0)}.bg-golden-1{background-color:var(--color-golden-1)}.bg-mocha{background-color:var(--color-mocha)}.bg-white{background-color:var(--color-white)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.section-space{padding-block:calc(clamp(4rem,9vw,8rem))}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-caption{font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height))}.text-display{font-size:var(--text-display);line-height:var(--tw-leading,var(--text-display--line-height))}.text-heading{font-size:var(--text-heading);line-height:var(--tw-leading,var(--text-heading--line-height))}.text-lead{font-size:var(--text-lead);line-height:var(--tw-leading,var(--text-lead--line-height))}.text-small{font-size:var(--text-small);line-height:var(--tw-leading,var(--text-small--line-height))}.text-title{font-size:var(--text-title);line-height:var(--tw-leading,var(--text-title--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-golden-2{color:var(--color-golden-2)}.text-golden-6{color:var(--color-golden-6)}.text-golden-7{color:var(--color-golden-7)}.text-golden-8{color:var(--color-golden-8)}.text-golden-9{color:var(--color-golden-9)}.text-ink{color:var(--color-ink)}.text-ink-soft{color:var(--color-ink-soft)}.text-on-dark{color:var(--color-on-dark)}.text-on-dark-soft{color:var(--color-on-dark-soft)}.text-shopee{color:var(--color-shopee)}.underline{text-decoration-line:underline}.decoration-golden-4{-webkit-text-decoration-color:var(--color-golden-4);text-decoration-color:var(--color-golden-4)}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.opacity-35{opacity:.35}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events}.transition,.transition-colors{transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to}@media (hover:hover){.hover\:text-golden-2:hover{color:var(--color-golden-2)}.hover\:text-golden-7:hover{color:var(--color-golden-7)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.focus\:z-50:focus{z-index:50}.focus\:rounded-md:focus{border-radius:var(--radius-md)}.focus\:bg-golden-2:focus{background-color:var(--color-golden-2)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus\:text-ink:focus{color:var(--color-ink)}@media (width>=40rem){.sm\:inline{display:inline}.sm\:h-9{height:calc(var(--spacing) * 9)}.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:p-10{padding:calc(var(--spacing) * 10)}}@media (width>=48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.lg\:mt-36{margin-top:calc(var(--spacing) * 36)}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,6fr\)\]{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.lg\:grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,5fr\)\]{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:gap-20{gap:calc(var(--spacing) * 20)}:where(.lg\:space-y-36>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc((var(--spacing) * 36) * var(--tw-space-y-reverse));margin-block-end:calc((var(--spacing) * 36) * (1 - var(--tw-space-y-reverse)))}}@media (width>=80rem){.xl\:max-w-60{max-width:calc(var(--spacing) * 60)}}}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
