@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Sarabun:wght@300;400;500;600;700;800&display=swap";
@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-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 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,ui-sans-serif, system-ui, 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{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{.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.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-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#f7f7f7;--bg-2:#efefef;--bg-3:#e5e5e5;--surface:#fff;--border:#e0e0e0;--border-2:#c8c8c8;--ink:#0a0a0a;--ink-2:#2a2a2a;--ink-3:#6a6a6a;--ink-4:#9e9e9e;--nav-bg:#0a0a0a;--nav-h:64px;--e-spring:cubic-bezier(.16,1,.3,1);--e-out:cubic-bezier(0,0,.2,1);--e-io:cubic-bezier(.4,0,.2,1);--t1:.1s;--t2:.2s;--t3:.32s;--t4:.48s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,Sarabun,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 28px}@media (max-width:640px){.wrap{padding:0 16px}}.n-bar{background:var(--nav-bg);z-index:200;height:var(--nav-h);position:sticky;top:0;box-shadow:0 0 0 1px #ffffff12,0 1px 24px #0006}.n-inner{height:var(--nav-h);align-items:center;gap:14px;display:flex}.n-logo{opacity:1;transition:opacity var(--t2);flex-shrink:0;align-items:center;display:flex}.n-logo:hover{opacity:.82}.n-links{flex-shrink:0;align-items:center;gap:1px;display:flex}.n-link{letter-spacing:-.01em;color:#ffffff7a;transition:color var(--t1),background var(--t1);white-space:nowrap;pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;align-items:center;gap:0;padding:7px 13px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.n-link:hover{color:#ffffffe0;background:#ffffff0f}.n-link--on{color:#fff;font-weight:600}.n-link--on:hover{background:#ffffff0f}.n-link-dot{width:4px;height:4px;animation:ndot var(--t2) var(--e-spring) both;background:#fff;border-radius:50%;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@keyframes ndot{0%{opacity:0;transform:translate(-50%)scale(0)}to{opacity:1;transform:translate(-50%)scale(1)}}.n-div{background:#ffffff1a;flex-shrink:0;width:1px;height:20px;margin:0 2px}.n-s-wrap{flex:1;max-width:400px;position:relative}.n-s-input{color:#fff;width:100%;height:36px;transition:background var(--t2),border-color var(--t2),box-shadow var(--t2);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:0 36px 0 38px;font-family:Sarabun,Inter,sans-serif;font-size:13.5px}.n-s-input:focus{background:#ffffff1a;border-color:#ffffff47;box-shadow:0 0 0 3px #ffffff0d}.n-s-input::placeholder{color:#ffffff47}.n-s-ico{pointer-events:none;color:#ffffff47;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.n-s-clr{color:#ffffff4d;transition:color var(--t1);background:0 0;border:none;border-radius:4px;padding:3px;line-height:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.n-s-clr:hover{color:#fff}.n-dd{z-index:400;animation:ddpop var(--t3) var(--e-spring) both;background:#161616;border:1px solid #ffffff1a;border-radius:12px;min-width:420px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 24px 64px #000000b3}@keyframes ddpop{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:none}}.n-dd-hdr{letter-spacing:.1em;text-transform:uppercase;color:#ffffff40;padding:10px 14px 5px;font-size:10px;font-weight:700}.n-dd-item{text-align:left;cursor:pointer;width:100%;transition:background var(--t1);background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.n-dd-item:hover,.n-dd-item--hl{background:#ffffff12}.n-dd-thumb-wrap{flex-shrink:0;width:72px;position:relative}.n-dd-thumb{object-fit:cover;background:#2a2a2a;border-radius:5px;width:72px;height:41px;display:block}.n-dd-dur{color:#fff;background:#000000d1;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;bottom:3px;right:3px}.n-dd-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.n-dd-title{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-family:Sarabun,Inter,sans-serif;font-size:13px;font-weight:500;overflow:hidden}.n-dd-title mark{color:#fff;background:#fad2004d;border-radius:2px;padding:0 2px}.n-dd-meta{color:#ffffff47;align-items:center;gap:5px;font-family:Sarabun,Inter,sans-serif;font-size:11px;display:flex}.n-dd-dot{opacity:.35}.n-dd-badge{color:#ffffff59;text-transform:uppercase;letter-spacing:.05em;background:#ffffff14;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:600}.n-dd-empty{color:#ffffff4d;align-items:center;gap:10px;padding:16px 14px;font-family:Sarabun,Inter,sans-serif;font-size:13px;display:flex}.n-dd-footer{color:#fff3;border-top:1px solid #ffffff0f;align-items:center;gap:16px;padding:8px 14px;font-size:10px;display:flex}.n-dd-hint{color:#fff3;border-top:1px solid #ffffff0f;padding:5px 14px 9px;font-family:Sarabun,Inter,sans-serif;font-size:11px}.n-yt{color:#0a0a0a;height:34px;transition:opacity var(--t1),transform var(--t1);white-space:nowrap;letter-spacing:-.01em;background:#fff;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:700;display:inline-flex}.n-yt:hover{opacity:.85;transform:translateY(-1px)}.n-yt:active{transform:none}.n-ham{color:#ffffffa6;width:36px;height:36px;transition:background var(--t1),color var(--t1);background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:none}.n-ham:hover{color:#fff;background:#ffffff14}.n-menu{z-index:190;background:#111;border-bottom:1px solid #ffffff14;position:relative}.n-menu-inner{flex-direction:column;gap:2px;padding:10px 16px 14px;display:flex}.n-menu-link{color:#ffffff8c;transition:background var(--t1),color var(--t1);border-radius:9px;align-items:center;gap:10px;padding:11px 14px;font-size:14.5px;font-weight:500;display:flex}.n-menu-link:hover,.n-menu-link--on{color:#fff;background:#ffffff12;font-weight:600}.n-menu-sep{background:#ffffff12;height:1px;margin:6px 0}.n-menu-yt{color:#000;transition:opacity var(--t1);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;font-size:13.5px;font-weight:700;display:flex}.n-menu-yt:hover{opacity:.88}@media (max-width:900px){.n-links,.n-div{display:none!important}.n-ham{display:flex}.n-yt{display:none}.n-s-wrap{max-width:none}}@media (max-width:560px){.n-yt-txt{display:none}.n-logo img{height:28px!important}}.hero{background:var(--nav-bg);padding:72px 0 64px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.28;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");width:200%;height:200%;animation:.8s step-end infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,1%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-2%)}50%{transform:translate(-3%,3%)}60%{transform:translate(2%,-4%)}70%{transform:translate(-4%,2%)}80%{transform:translate(3%,-1%)}90%{transform:translate(-2%,4%)}to{transform:translate(1%,-3%)}}.hero-glow-l{pointer-events:none;background:radial-gradient(at 25% 35%,#ffffff0a 0%,#0000 65%);width:640px;height:480px;position:absolute;top:-80px;left:-80px}.hero-glow-r{pointer-events:none;background:radial-gradient(at 75% 70%,#ffffff08 0%,#0000 65%);width:560px;height:420px;position:absolute;bottom:-100px;right:-80px}.hero-scanline{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff0f 30%,#ffffff1f 50%,#ffffff0f 70%,#0000 100%);height:1px;position:absolute;top:50%;left:0;right:0}.hero-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex;position:relative}.hero-text{flex:1;min-width:280px}.hero-badge{letter-spacing:.1em;text-transform:uppercase;color:#ffffff7a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.hero-dot{width:6px;height:6px;animation:blink 2.4s var(--e-io) infinite;background:#fff;border-radius:50%}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.hero-title{color:#fff;letter-spacing:-.04em;margin-bottom:18px;font-size:clamp(34px,6vw,60px);font-weight:900;line-height:.98}.hero-thin{color:#ffffff59;font-weight:300}.hero-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;display:flex}.hero-tag{letter-spacing:.04em;color:#ffffff73;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;padding:4px 12px;font-size:11.5px;font-weight:600}.hero-stats{flex-wrap:wrap;gap:0;display:flex}.hero-stat{border-right:1px solid #ffffff1a;padding:0 24px}.hero-stat:first-child{padding-left:0}.hero-stat:last-child{border-right:none}.hero-stat-val{color:#fff;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:24px;font-weight:900;line-height:1}.hero-stat-lbl{color:#ffffff4d;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700}.hero-logo-wrap{flex-shrink:0;position:relative}.hero-logo-wrap:before{content:"";animation:halo 4s var(--e-io) infinite;pointer-events:none;background:radial-gradient(circle,#ffffff0a 0%,#0000 70%);border-radius:50%;position:absolute;inset:-20%}@keyframes halo{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}.hero-logo{width:auto;height:110px;animation:float 5.5s var(--e-io) infinite;filter:drop-shadow(0 8px 32px #ffffff14);display:block;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-cta{color:#0a0a0a;transition:opacity var(--t1),transform var(--t1);letter-spacing:-.01em;background:#fff;border-radius:9px;align-items:center;gap:8px;margin-top:28px;padding:10px 22px;font-size:13.5px;font-weight:700;display:inline-flex}.hero-cta:hover{opacity:.88;transform:translateY(-1px)}@media (max-width:700px){.hero{padding:48px 0 44px}.hero-logo{height:80px}.hero-title{font-size:32px}.hero-stat{padding:0 16px}}@media (max-width:440px){.hero-logo-wrap{display:none}.hero-stat-val{font-size:20px}}.navbar{background:var(--nav-bg);z-index:200;height:var(--nav-h);position:sticky;top:0}.navbar-inner{height:var(--nav-h);align-items:center;gap:16px;display:flex}.nav-links,.nav-link{display:none!important}.back-btn{background:var(--surface);border:1.5px solid var(--border-2);color:var(--ink-2);transition:all var(--t2) var(--e-out);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;padding:8px 14px;font-family:Sarabun,Inter,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.back-btn:hover{border-color:var(--ink);color:var(--ink);background:var(--bg-2);transform:translate(-2px)}.back-btn-home{border:1.5px solid var(--border);color:var(--ink-4);transition:all var(--t1);background:0 0;border-radius:8px;flex-shrink:0;align-items:center;padding:8px 14px;font-family:Sarabun,Inter,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.back-btn-home:hover{border-color:var(--border-2);color:var(--ink-2);background:var(--bg-2)}.back-fab{z-index:100;background:var(--ink);color:#fff;cursor:pointer;width:44px;height:44px;transition:transform var(--t2) var(--e-spring),box-shadow var(--t2);border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 16px #00000040}.back-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000059}@media (max-width:640px){.back-fab{display:flex}}.stt{z-index:100;background:var(--ink);color:#fff;opacity:0;pointer-events:none;width:40px;height:40px;transition:opacity var(--t2),transform var(--t2) var(--e-spring);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(8px);box-shadow:0 4px 16px #0003}.stt.vis{opacity:1;pointer-events:auto;transform:translateY(0)}.stt:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)!important}.filter-bar{background:var(--surface);border-bottom:1px solid var(--border);top:64px;top:var(--nav-h);z-index:50;position:sticky}.filter-inner{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:2px;padding:10px 0;display:flex;overflow-x:auto}.filter-inner::-webkit-scrollbar{display:none}.fchip{color:var(--ink-3);white-space:nowrap;transition:color var(--t1),background var(--t1);letter-spacing:-.01em;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:6px 13px;font-family:Sarabun,Inter,sans-serif;font-size:13px;font-weight:500;display:inline-flex;position:relative}.fchip:hover{color:var(--ink);background:var(--bg-2)}.fchip.active{color:var(--ink);background:var(--bg-2);font-weight:700}.fchip.active:after{content:"";background:var(--ink);height:2px;animation:sli var(--t2) var(--e-spring) both;border-radius:2px;position:absolute;bottom:2px;left:13px;right:13px}@keyframes sli{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.sec-row{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.sec-title{color:var(--ink);letter-spacing:-.02em;font-size:15px;font-weight:800}.sec-count{color:var(--ink-4);font-size:12px;font-weight:400}.feat{background:var(--nav-bg);transition:transform var(--t3) var(--e-spring),box-shadow var(--t3) var(--e-spring);border-radius:14px;grid-template-columns:1.25fr 1fr;margin-bottom:32px;display:grid;overflow:hidden;box-shadow:0 4px 24px #00000017}.feat:hover{transform:translateY(-3px);box-shadow:0 16px 48px #00000029}.feat-img{aspect-ratio:16/9;position:relative;overflow:hidden}.feat-img img{object-fit:cover;width:100%;height:100%;transition:transform var(--t4) var(--e-spring),filter var(--t3);filter:brightness(.88)}.feat:hover .feat-img img{filter:brightness(.96);transform:scale(1.05)}.feat-overlay{background:linear-gradient(90deg,#0a0a0a00 40%,#0a0a0aa6 100%);position:absolute;inset:0}.feat-dur{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:5px;padding:2px 7px;font-size:12px;font-weight:700;position:absolute;bottom:10px;right:10px}.feat-new{color:var(--nav-bg);letter-spacing:.08em;text-transform:uppercase;background:#fff;border-radius:5px;padding:3px 9px;font-size:10px;font-weight:800;position:absolute;top:12px;left:12px}.feat-play-wrap{opacity:0;transition:opacity var(--t2);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.feat:hover .feat-play-wrap{opacity:1}.feat-play-ring{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:58px;height:58px;transition:transform var(--t3) var(--e-spring);background:#ffffff1a;border:2px solid #ffffffa6;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.8)}.feat:hover .feat-play-ring{transform:scale(1)}.feat-body{flex-direction:column;justify-content:center;padding:28px 24px 24px;display:flex}.feat-eye{letter-spacing:.1em;text-transform:uppercase;color:#ffffff47;margin-bottom:12px;font-size:10px;font-weight:700}.feat-title{color:#fff;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-family:Sarabun,Inter,sans-serif;font-size:17px;font-weight:700;line-height:1.38;display:-webkit-box;overflow:hidden}.feat-desc{color:#ffffff59;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-family:Sarabun,Inter,sans-serif;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.feat-meta{color:#ffffff47;align-items:center;gap:10px;font-size:12px;display:flex}.feat-meta-dot{opacity:.4}@media (max-width:720px){.feat{grid-template-columns:1fr}.feat-body{padding:16px 18px 18px}.feat-overlay{background:linear-gradient(#0000 35%,#0a0a0ac7 100%)}}.vgrid{grid-template-columns:repeat(4,1fr);gap:24px 16px;display:grid}@media (max-width:1100px){.vgrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.vgrid{grid-template-columns:repeat(2,1fr);gap:16px 12px}}@media (max-width:420px){.vgrid{grid-template-columns:1fr}}.vc{display:block}.vc-thumb{aspect-ratio:16/9;background:var(--bg-3);border-radius:10px;margin-bottom:10px;position:relative;overflow:hidden}.vc-thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--t4) var(--e-spring),filter var(--t3)}.vc:hover .vc-thumb img{filter:brightness(.82);transform:scale(1.07)}.vc-strip{opacity:0;height:44px;transition:opacity var(--t2);background:linear-gradient(#0000 0%,#00000085 100%);position:absolute;bottom:0;left:0;right:0}.vc:hover .vc-strip{opacity:1}.vc-play-wrap{opacity:0;transition:opacity var(--t2) var(--e-out);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vc:hover .vc-play-wrap{opacity:1}.vc-play-btn{width:40px;height:40px;transition:transform var(--t3) var(--e-spring),box-shadow var(--t3);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.72);box-shadow:0 4px 14px #00000047}.vc:hover .vc-play-btn{transform:scale(1);box-shadow:0 6px 20px #00000059}.vc-dur{color:#fff;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000c2;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;bottom:7px;right:7px}.vc-title{color:var(--ink);-webkit-line-clamp:2;transition:color var(--t1);-webkit-box-orient:vertical;margin-bottom:5px;font-family:Sarabun,Inter,sans-serif;font-size:13px;font-weight:600;line-height:1.38;display:-webkit-box;overflow:hidden}.vc:hover .vc-title{color:var(--ink-2)}.vc-meta{color:var(--ink-4);align-items:center;gap:5px;font-size:11.5px;display:flex}.vc-dot{opacity:.4;font-size:8px}.reveal{opacity:1;pointer-events:auto;transform:none}.reveal.animate-ready{opacity:0;pointer-events:none;transform:translateY(12px)}.reveal.animate-ready.in{opacity:1;pointer-events:auto;transition:opacity var(--t4) var(--e-spring),transform var(--t4) var(--e-spring);transform:translateY(0)}.load-wrap{justify-content:center;margin-top:48px;display:flex}.btn-more{border:1.5px solid var(--border-2);background:var(--surface);color:var(--ink-2);transition:all var(--t2) var(--e-out);letter-spacing:-.01em;border-radius:9px;align-items:center;gap:8px;padding:10px 28px;font-family:Sarabun,Inter,sans-serif;font-size:13.5px;font-weight:600;display:inline-flex}.btn-more:hover{border-color:var(--ink);color:var(--ink);background:var(--bg-2);transform:translateY(-1px);box-shadow:0 4px 12px #00000012}.btn-more:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.empty{text-align:center;padding:80px 24px}.empty-ico{opacity:.2;color:var(--ink);margin-bottom:12px;font-size:36px}.empty-t{color:var(--ink-2);margin-bottom:6px;font-size:15px;font-weight:700}.empty-s{color:var(--ink-4);font-size:13px}.watch-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.watch-grid{grid-template-columns:1fr 344px;align-items:start;gap:24px;display:grid}@media (max-width:900px){.watch-grid{grid-template-columns:1fr}}.watch-player{background:#000;border-radius:12px;margin-bottom:14px;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}.watch-player iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.watch-info{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 22px}.watch-title{color:var(--ink);margin-bottom:12px;font-family:Sarabun,Inter,sans-serif;font-size:18px;font-weight:700;line-height:1.38}.watch-stats{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.watch-stat{color:var(--ink-3);align-items:center;gap:5px;font-size:12.5px;display:flex}.w-div{background:var(--border);height:1px;margin:14px 0}.watch-desc-hd{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-bottom:8px;font-size:10px;font-weight:700}.watch-desc{color:var(--ink-2);white-space:pre-wrap;word-break:break-word;font-family:Sarabun,Inter,sans-serif;font-size:13.5px;line-height:1.65}.watch-expand-btn{color:var(--ink-3);transition:color var(--t1);background:0 0;border:none;margin-top:6px;padding:0;font-family:Sarabun,Inter,sans-serif;font-size:12.5px;font-weight:600}.watch-expand-btn:hover{color:var(--ink)}.watch-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.watch-tag{background:var(--bg-2);color:var(--ink-3);border-radius:5px;padding:3px 10px;font-size:11px}.watch-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.watch-yt-btn{background:var(--ink);color:#fff;transition:opacity var(--t1),transform var(--t1);border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-flex}.watch-yt-btn:hover{opacity:.8;transform:translateY(-1px)}.watch-share-btn{border:1.5px solid var(--border-2);background:var(--surface);color:var(--ink-2);transition:all var(--t1);border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.watch-share-btn:hover{border-color:var(--ink);color:var(--ink);background:var(--bg-2)}.side-hd{color:var(--ink);margin-bottom:8px;padding:0 2px;font-size:13px;font-weight:700}.scard{transition:background var(--t1);border-radius:8px;gap:10px;padding:8px;display:flex}.scard:hover{background:var(--bg-2)}.scard-thumb{aspect-ratio:16/9;background:var(--bg-3);border-radius:7px;flex-shrink:0;width:112px;position:relative;overflow:hidden}.scard-thumb img{object-fit:cover;width:100%;height:100%}.scard-dur{color:#fff;background:#000000c2;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:700;position:absolute;bottom:3px;right:3px}.scard-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-family:Sarabun,Inter,sans-serif;font-size:12.5px;font-weight:600;line-height:1.38;display:-webkit-box;overflow:hidden}.scard-meta{color:var(--ink-4);font-size:11px}.bc{color:var(--ink-4);align-items:center;gap:6px;font-size:12.5px;display:flex}.bc a{color:var(--ink-3);transition:color var(--t1)}.bc a:hover{color:var(--ink)}.bc-sep{opacity:.4}.footer{background:var(--nav-bg);margin-top:64px}.footer-top{border-bottom:1px solid #ffffff14;grid-template-columns:1.2fr 1fr .7fr 1fr;gap:36px;padding:48px 0 40px;display:grid}@media (max-width:900px){.footer-top{grid-template-columns:1fr 1fr;gap:28px;padding:36px 0 28px}}@media (max-width:560px){.footer-top{grid-template-columns:1fr;gap:24px;padding:32px 0 24px}}.footer-logo-img{width:auto;height:36px;margin-bottom:14px}.footer-tagline{color:#ffffff61;max-width:240px;font-family:Sarabun,Inter,sans-serif;font-size:13px;line-height:1.65}.footer-col-title{letter-spacing:.1em;text-transform:uppercase;color:#ffffff47;margin-bottom:14px;font-size:11px;font-weight:700}.footer-col-links{flex-direction:column;gap:2px;display:flex}.footer-col-link{color:#ffffff80;transition:color var(--t1);padding:5px 0;font-family:Sarabun,Inter,sans-serif;font-size:13.5px}.footer-col-link:hover{color:#fff}.footer-social{gap:8px;margin-top:4px;display:flex}.footer-soc-btn{color:#fff9;transition:all var(--t1);border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.footer-soc-btn:hover{color:#fff;background:#ffffff12;border-color:#fff3}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.footer-copy{color:#ffffff38;font-size:12px}.footer-legal{gap:16px;display:flex}.footer-legal a{color:#ffffff38;transition:color var(--t1);font-size:12px}.footer-legal a:hover{color:#ffffff8c}.nf{text-align:center;padding:96px 24px}.nf-code{color:var(--bg-3);letter-spacing:-.05em;margin-bottom:12px;font-size:80px;font-weight:900;line-height:1}.nf-t{color:var(--ink);margin-bottom:8px;font-size:20px;font-weight:700}.nf-s{color:var(--ink-3);margin-bottom:28px;font-size:14px}.fchip-count{background:var(--bg-3);min-width:18px;height:18px;color:var(--ink-3);transition:background var(--t1),color var(--t1);border-radius:999px;justify-content:center;align-items:center;margin-left:2px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.fchip.active .fchip-count{color:#ffffffe6;background:#0000002e}.grid-search-wrap{padding:0 0 12px;position:relative}.grid-search-input{background:var(--surface);border:1.5px solid var(--border);width:100%;height:40px;color:var(--ink);transition:border-color var(--t2),box-shadow var(--t2);border-radius:9px;outline:none;padding:0 40px 0 42px;font-family:Sarabun,Inter,sans-serif;font-size:14px}.grid-search-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #0a0a0a0f}.grid-search-input::placeholder{color:var(--ink-4)}.grid-search-ico{pointer-events:none;color:var(--ink-3);position:absolute;top:12px;left:14px}.grid-search-clr{color:var(--ink-4);transition:color var(--t1);background:0 0;border:none;border-radius:4px;padding:4px;line-height:0;position:absolute;top:50%;right:12px;transform:translateY(-60%)}.grid-search-clr:hover{color:var(--ink)}.load-notice{background:var(--bg-2);border:1px solid var(--border);color:var(--ink-3);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:10px 16px;font-size:13px;display:flex}.load-notice strong{color:var(--ink)}.btn-notice-all{border:1.5px solid var(--border-2);background:var(--surface);color:var(--ink-2);transition:all var(--t1);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.btn-notice-all:hover{border-color:var(--ink);color:var(--ink);background:var(--bg-2)}.btn-notice-all:disabled{opacity:.4;cursor:not-allowed}.btn-more-all{border:1.5px solid var(--ink);background:var(--ink);color:#fff;transition:all var(--t2) var(--e-out);border-radius:9px;align-items:center;gap:8px;padding:10px 20px;font-family:Sarabun,Inter,sans-serif;font-size:13.5px;font-weight:600;display:inline-flex}.btn-more-all:hover{opacity:.82;transform:translateY(-1px)}.btn-more-all:disabled{opacity:.35;cursor:not-allowed;transform:none}.page-hero{background:var(--nav-bg);padding:56px 0 48px;position:relative;overflow:hidden}.page-hero:before{content:"";opacity:.28;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");width:200%;height:200%;animation:.8s step-end infinite grain;position:absolute;inset:-50%}.page-hero-inner{z-index:1;position:relative}.page-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#ffffff61;margin-bottom:12px;font-size:11px;font-weight:700}.page-title{color:#fff;letter-spacing:-.04em;margin-bottom:14px;font-size:clamp(28px,5vw,48px);font-weight:900;line-height:1.05}.page-sub{color:#ffffff73;max-width:520px;font-family:Sarabun,Inter,sans-serif;font-size:15px;line-height:1.65}.page-body{max-width:800px;margin:0 auto;padding:56px 0 80px}.page-section{margin-bottom:48px}.page-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:10px;font-size:13px;font-weight:700}.page-prose{color:var(--ink-2);font-family:Sarabun,Inter,sans-serif;font-size:15px;line-height:1.75}.page-prose p{margin-bottom:14px}.page-prose p:last-child{margin-bottom:0}.about-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0;display:grid}@media (max-width:600px){.about-stats{grid-template-columns:repeat(2,1fr)}}.about-stat-card{background:var(--surface);border:1px solid var(--border);text-align:center;transition:box-shadow var(--t2) var(--e-out),transform var(--t2) var(--e-out);border-radius:12px;padding:20px}.about-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000012}.asc-val{color:var(--ink);letter-spacing:-.03em;margin-bottom:4px;font-size:28px;font-weight:900}.asc-lbl{color:var(--ink-4);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.about-cats{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.about-cat-pill{border:1px solid var(--border);color:var(--ink-2);background:var(--surface);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}@media (max-width:640px){.contact-grid{grid-template-columns:1fr}}.contact-form{flex-direction:column;gap:14px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.form-input,.form-textarea{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--ink);transition:border-color var(--t2),box-shadow var(--t2);border-radius:9px;outline:none;padding:11px 14px;font-family:Sarabun,Inter,sans-serif;font-size:14px}.form-input:focus,.form-textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px #0a0a0a0f}.form-input::placeholder,.form-textarea::placeholder{color:var(--ink-4)}.form-textarea{resize:vertical;min-height:140px;line-height:1.6}.btn-submit{background:var(--ink);color:#fff;transition:opacity var(--t1),transform var(--t1);cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-family:Sarabun,Inter,sans-serif;font-size:14px;font-weight:700;display:inline-flex}.btn-submit:hover{opacity:.82;transform:translateY(-1px)}.btn-submit:active{transform:none}.contact-info{flex-direction:column;gap:16px;display:flex}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:14px;padding:18px;display:flex}.contact-card-icon{background:var(--bg-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact-card-title{color:var(--ink);margin-bottom:3px;font-size:13px;font-weight:700}.contact-card-val{color:var(--ink-3);font-family:Sarabun,Inter,sans-serif;font-size:13.5px;line-height:1.5}.contact-card-val a{color:var(--ink-2);transition:color var(--t1)}.contact-card-val a:hover{color:var(--ink)}.social-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.soc-pill{border:1.5px solid var(--border);color:var(--ink-2);transition:all var(--t1);border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;display:inline-flex}.soc-pill:hover{border-color:var(--ink);color:var(--ink);background:var(--bg-2)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--t3) var(--e-spring) both}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;transition:opacity var(--t2),transform var(--t2) var(--e-spring);z-index:500;white-space:nowrap;border-radius:9px;padding:10px 20px;font-size:13px;font-weight:600;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@keyframes skel{0%{background-position:-400px 0}to{background-position:400px 0}}.vc-skeleton{display:block}.vc-skel-thumb{aspect-ratio:16/9;background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:800px 100%;border-radius:10px;margin-bottom:10px;animation:1.4s infinite skel}.vc-skel-line{background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:800px 100%;border-radius:4px;height:13px;animation:1.4s .1s infinite skel}@keyframes bsprog{0%{width:0}to{width:100%}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}