img{height:auto}.carousel{contain:inline-size;max-width:100%;min-width:0}.carousel__stage{max-width:100%;min-width:0;position:relative}.carousel .swiper{width:100%}.carousel__slide img{aspect-ratio:var(--carousel-ratio,3/2);display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.carousel--fill,.carousel--fill .carousel__stage,.carousel--fill .swiper{inset:0;position:absolute}.carousel--fill .carousel__slide img,.carousel--fill .swiper-slide{height:100%}.carousel--slide .carousel__slide{height:auto}.carousel--peek .carousel__slide{width:var(--peek-slide,min(52vw,620px))}.carousel__caption{color:var(--ink-muted);font-size:.875rem;margin:.5rem 0 0}.carousel__arrow{background:var(--surface);border:1px solid var(--line,transparent);border-radius:999px;color:var(--ink);cursor:pointer;display:grid;height:2.75rem;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:2.75rem;z-index:2}.carousel__arrow:hover{opacity:.82}.carousel__arrow--prev{left:.75rem}.carousel__arrow--next{right:.75rem}.carousel__arrow svg{fill:none;height:1.25rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:1.25rem}.carousel__dots{display:flex;flex-wrap:wrap;gap:0;justify-content:center;list-style:none;margin:-.25rem 0 0;padding:0}.carousel__dots button{background-clip:content-box;background-color:var(--line-strong,var(--ink-muted));border:0;border-radius:999px;box-sizing:content-box;cursor:pointer;height:.5rem;padding:1.125rem;transition:background-color .2s ease;width:.5rem}.carousel__dots button.is-current{background-color:var(--accent)}.carousel__count{color:var(--ink-muted);font-size:.875rem;font-variant-numeric:tabular-nums;margin:.875rem 0 0;text-align:center}@media(prefers-reduced-motion:reduce){.carousel__arrow,.carousel__dots button{transition:none}}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:600;src:url(../fonts/kanit-thai-600-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:600;src:url(../fonts/kanit-latin-600-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:700;src:url(../fonts/kanit-thai-700-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:700;src:url(../fonts/kanit-latin-700-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;src:url(../fonts/ibm-plex-sans-thai-thai-400-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;src:url(../fonts/ibm-plex-sans-thai-latin-400-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;src:url(../fonts/ibm-plex-sans-thai-thai-600-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;src:url(../fonts/ibm-plex-sans-thai-latin-600-normal.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--bg:oklch(.16 .01 235);--surface:oklch(.215 .012 235);--ink:oklch(.945 .006 235);--ink-muted:oklch(.74 .011 235);--accent:oklch(.8 .105 88);--accent-ink:oklch(.16 .01 235);--line:oklch(.28 .01 235);--line-strong:oklch(.62 .012 235);--demo-plate:oklch(.31 0 0);--demo-plate-ink:oklch(.96 0 0);--demo-h:2.5rem;--head-h:4rem;--bar-h:0rem;--space-1:.5rem;--space-2:1rem;--space-3:2rem;--space-4:3.5rem;--space-5:6rem;--space-6:9rem;--measure:34rem;--gutter:clamp(1.25rem,5vw,4.5rem);--font-display:"Kanit",system-ui,sans-serif;--font-body:"IBM Plex Sans Thai",system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}@media(min-width:60rem){:root{--head-h:5rem}}*,:after,:before{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.75;margin:0;text-wrap:pretty;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.005em;line-height:1.18;margin:0;text-wrap:balance}p{margin:0}img{display:block;max-width:100%}a{color:inherit}:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}