@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Prompt:wght@300;400;500;600;700&display=swap");:root{--font-serif:"Playfair Display",serif;--font-sans:"Inter",sans-serif;--font-thai:"Prompt",sans-serif;--display-h1-desktop:4rem;--display-h1-mobile:2.5rem;--display-h1-weight:600;--display-h1-line-height:1.1;--h1-desktop:3rem;--h1-mobile:2rem;--h1-weight:600;--h1-line-height:1.2;--h2-desktop:2rem;--h2-mobile:1.5rem;--h2-weight:700;--h2-line-height:1.3;--h3-desktop:1.5rem;--h3-mobile:1.25rem;--h3-weight:700;--h3-line-height:1.4;--h4-desktop:1.25rem;--h4-mobile:1.125rem;--h4-weight:700;--h4-line-height:1.4;--body-lg:1.125rem;--body-base:1rem;--body-small:0.875rem;--body-weight:400;--body-line-height:1.6;--body-small-line-height:1.5;--button-lg:1rem;--button-sm:0.875rem;--button-weight:500;--menu-nav:0.9375rem;--menu-weight:500;--tag-badge:0.75rem;--tag-weight:600;--tag-letter-spacing:0.05em;--caption:0.75rem;--caption-weight:400;--overline:0.6875rem;--overline-weight:700;--overline-letter-spacing:0.1em;--font-size:16px;--background:#fff;--foreground:oklch(0.145 0 0);--card:#fff;--card-foreground:oklch(0.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--primary:#030213;--primary-foreground:oklch(1 0 0);--secondary:oklch(0.95 0.0058 264.53);--secondary-foreground:#030213;--muted:#ececf0;--muted-foreground:#717182;--accent:#e9ebef;--accent-foreground:#030213;--destructive:#d4183d;--destructive-foreground:#fff;--border:rgba(0,0,0,.1);--input:transparent;--input-background:#f3f3f5;--switch-background:#cbced4;--ring:oklch(0.708 0 0);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--radius:0.625rem;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:#030213;--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.145 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.145 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.269 0 0);--input:oklch(0.269 0 0);--ring:oklch(0.439 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.439 0 0)}@layer base{*{border-color:var(--border);outline-color:var(--ring)}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--body-base);font-weight:var(--body-weight);line-height:var(--body-line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))){h1.display{font-family:var(--font-serif);font-size:var(--display-h1-mobile);font-weight:var(--display-h1-weight);line-height:var(--display-h1-line-height)}@media (min-width:1024px){h1.display{font-size:var(--display-h1-desktop)}}h1{font-family:var(--font-serif);font-size:var(--h1-mobile);font-weight:var(--h1-weight);line-height:var(--h1-line-height)}@media (min-width:1024px){h1{font-size:var(--h1-desktop)}}h2{font-family:var(--font-serif);font-size:var(--h2-mobile);font-weight:var(--h2-weight);line-height:var(--h2-line-height)}@media (min-width:1024px){h2{font-size:var(--h2-desktop)}}h3{font-family:var(--font-serif);font-size:var(--h3-mobile);font-weight:var(--h3-weight);line-height:var(--h3-line-height)}@media (min-width:1024px){h3{font-size:var(--h3-desktop)}}h4{font-family:var(--font-serif);font-size:var(--h4-mobile);font-weight:var(--h4-weight);line-height:var(--h4-line-height)}@media (min-width:1024px){h4{font-size:var(--h4-desktop)}}p{font-weight:var(--body-weight)}label,p{font-family:var(--font-sans);font-size:var(--body-base);line-height:var(--body-line-height)}button,label{font-weight:var(--button-weight)}button{font-family:var(--font-sans);font-size:var(--button-lg);line-height:1.5}input,select,textarea{font-family:var(--font-sans);font-size:var(--body-base);font-weight:var(--body-weight);line-height:var(--body-line-height)}small{font-size:var(--body-small);line-height:var(--body-small-line-height)}}}html{font-size:var(--font-size)}.text-display{font-family:var(--font-serif);font-size:var(--display-h1-mobile);font-weight:var(--display-h1-weight);line-height:var(--display-h1-line-height)}@media (min-width:1024px){.text-display{font-size:var(--display-h1-desktop)}}.text-h1{font-family:var(--font-serif);font-size:var(--h1-mobile);font-weight:var(--h1-weight);line-height:var(--h1-line-height)}@media (min-width:1024px){.text-h1{font-size:var(--h1-desktop)}}.text-h2{font-family:var(--font-serif);font-size:var(--h2-mobile);font-weight:var(--h2-weight);line-height:var(--h2-line-height)}@media (min-width:1024px){.text-h2{font-size:var(--h2-desktop)}}.text-h3{font-family:var(--font-serif);font-size:var(--h3-mobile);font-weight:var(--h3-weight);line-height:var(--h3-line-height)}@media (min-width:1024px){.text-h3{font-size:var(--h3-desktop)}}.text-h4{font-family:var(--font-serif);font-size:var(--h4-mobile);font-weight:var(--h4-weight);line-height:var(--h4-line-height)}@media (min-width:1024px){.text-h4{font-size:var(--h4-desktop)}}.text-body-lg{font-size:var(--body-lg)}.text-body,.text-body-lg{font-family:var(--font-sans);font-weight:var(--body-weight);line-height:var(--body-line-height)}.text-body{font-size:var(--body-base)}.text-body-small{font-family:var(--font-sans);font-size:var(--body-small);font-weight:var(--body-weight);line-height:var(--body-small-line-height)}.text-button-lg{font-size:var(--button-lg)}.text-button-lg,.text-button-sm{font-family:var(--font-sans);font-weight:var(--button-weight);line-height:1.5}.text-button-sm{font-size:var(--button-sm)}.text-menu{font-size:var(--menu-nav);font-weight:var(--menu-weight)}.text-menu,.text-tag{font-family:var(--font-sans);line-height:1.5}.text-tag{font-size:var(--tag-badge);font-weight:var(--tag-weight);letter-spacing:var(--tag-letter-spacing);text-transform:uppercase}.text-caption{font-size:var(--caption);font-weight:var(--caption-weight)}.text-caption,.text-overline{font-family:var(--font-sans);line-height:1.5}.text-overline{font-size:var(--overline);font-weight:var(--overline-weight);letter-spacing:var(--overline-letter-spacing);text-transform:uppercase}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.font-thai{font-family:var(--font-thai)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-macos{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;overflow:overlay}.scrollbar-macos::-webkit-scrollbar{width:6px;height:6px}.scrollbar-macos::-webkit-scrollbar-track{background:transparent}.scrollbar-macos::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px;border:1px solid transparent;background-clip:padding-box;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.scrollbar-macos::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.35)}.scrollbar-macos::-webkit-scrollbar-thumb{opacity:0;-webkit-transition:opacity .3s ease,background-color .2s ease;transition:opacity .3s ease,background-color .2s ease}.scrollbar-macos:active::-webkit-scrollbar-thumb,.scrollbar-macos:hover::-webkit-scrollbar-thumb{opacity:1}input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none!important}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0;width:20px;height:100%;position:absolute;right:0;top:0;cursor:pointer;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}input[type=number]:focus::-webkit-inner-spin-button,input[type=number]:focus::-webkit-outer-spin-button,input[type=number]:hover::-webkit-inner-spin-button,input[type=number]:hover::-webkit-outer-spin-button{opacity:1;-webkit-appearance:inner-spin-button;appearance:inner-spin-button}input[type=number].number-input-macos{position:relative;padding-right:28px}input[type=number].number-input-macos::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;width:20px;height:20px;position:absolute;right:4px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;background:linear-gradient(0deg,transparent 0,transparent 50%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05));border-radius:4px}input[type=number].number-input-macos:focus::-webkit-inner-spin-button,input[type=number].number-input-macos:hover::-webkit-inner-spin-button{opacity:1}input[type=number].number-input-native{position:relative}input[type=number].number-input-native::-webkit-inner-spin-button,input[type=number].number-input-native::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;appearance:inner-spin-button;opacity:0;width:18px;height:100%;cursor:pointer;position:absolute;right:2px;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}input[type=number].number-input-native:focus::-webkit-inner-spin-button,input[type=number].number-input-native:focus::-webkit-outer-spin-button,input[type=number].number-input-native:hover::-webkit-inner-spin-button,input[type=number].number-input-native:hover::-webkit-outer-spin-button{opacity:1}.prose{color:#374151;font-size:.875rem;line-height:1.75}.prose :where(p){margin-top:.75rem;margin-bottom:.75rem}.prose :where(h1,h2){color:#111827;font-weight:700;line-height:1.3;margin-top:1.25rem;margin-bottom:.75rem}.prose :where(h3,h4){color:#111827;font-weight:700;line-height:1.35;margin-top:1rem;margin-bottom:.5rem}.prose :where(h1){font-size:1.25rem}.prose :where(h2){font-size:1.125rem}.prose :where(h3){font-size:1rem}.prose :where(h4){font-size:.9375rem}.prose :where(ul,ol){margin-top:.75rem;margin-bottom:.75rem;padding-left:1.25rem}.prose :where(ul){list-style:disc}.prose :where(ol){list-style:decimal}.prose :where(li){margin-top:.25rem;margin-bottom:.25rem}.prose :where(strong){color:#111827;font-weight:700}.prose :where(a){color:#7e22ce;text-decoration:underline;text-underline-offset:2px}.prose :where(blockquote){border-left:3px solid rgba(0,0,0,.12);padding-left:.875rem;color:#4b5563;margin-top:1rem;margin-bottom:1rem}