.search-btn{border:1px solid var(--line);height:34px;color:var(--fg-2);font:400 14px var(--body);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 8px 0 12px;display:inline-flex}.search-btn:hover,.search-btn[aria-expanded=true]{color:var(--fg);border-color:var(--glow)}.search-btn svg{width:16px;height:16px}.search-btn kbd{font:500 11px var(--label);color:var(--fg-3);border:1px solid var(--line);border-radius:5px;padding:0 5px;line-height:17px}.search-scrim{background:#03040599;height:100dvh;display:none;position:absolute;top:100%;left:0;right:0}.search[data-open] .search-scrim{animation:.3s search-fade;display:block}html[data-search]{overflow:hidden}html[data-search] .line-btn,html[data-search] .order-float{display:none}.search-panel{overscroll-behavior:contain;max-height:calc(100dvh - 72px);padding:22px var(--gutter) 28px;background:color-mix(in oklab, var(--bar) 92%, var(--mid));border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);align-content:start;gap:18px;display:grid;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 30px 60px -30px #000}.search-panel:not([hidden]){animation:.35s cubic-bezier(.2,.7,.2,1) search-in}@keyframes search-in{0%{opacity:0;transform:translateY(-12px)}}@keyframes search-fade{0%{opacity:0}}.search-panel>*{width:100%;max-width:1200px;margin-inline:auto}.search-field{border-bottom:1px solid color-mix(in oklab, var(--glow) 25%, var(--line));align-items:center;gap:12px;padding-bottom:10px;display:flex}.search-field>svg{width:22px;height:22px;color:var(--glow);flex:none}.search-field input{min-width:0;color:var(--fg);font:400 26px/1.3 var(--display-th);background:0 0;border:0;outline:none;flex:1}.search-field input::placeholder{color:var(--fg-3)}.search-field input::-webkit-search-cancel-button{display:none}.search-x{border:1px solid var(--line);width:36px;height:36px;color:var(--fg-2);cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:18px}.search-x:hover{color:var(--fg);border-color:var(--glow)}.search-group{gap:10px;display:grid}.search-chips{flex-wrap:wrap;gap:8px;display:flex}.search-chips button{border:1px solid var(--line);background:var(--ink-1);color:var(--fg-2);font:400 14px var(--body);cursor:pointer;border-radius:999px;padding:6px 14px}.search-chips button:hover{color:var(--fg);border-color:var(--glow)}.search-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.search-meta .hint{color:var(--fg-3);font-size:13px}.search-results{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.search-card{border:1px solid var(--line);background:var(--ink-1);border-radius:10px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;height:100%;padding:10px;display:grid}.search-card:hover,.search-card:focus-visible{border-color:color-mix(in oklab, var(--glow) 55%, var(--line))}.search-card .thumb{background:var(--studio-bg);border-radius:8px;place-items:center;width:72px;height:72px;display:grid;position:relative;overflow:hidden}.search-card .thumb img{object-fit:contain;padding:6px}.search-card .thumb>span{font:600 10px var(--label);letter-spacing:.1em;color:var(--fg-3)}.search-card .txt{gap:2px;min-width:0;display:grid}.search-card .b{font:600 11px var(--label);letter-spacing:.14em;color:var(--fg-3)}.search-card .m{font:400 20px/1.15 var(--display);color:var(--fg);overflow-wrap:anywhere}.search-card mark{color:var(--glow);background:0 0}.search-card .new{font:600 10px var(--label);letter-spacing:.1em;color:var(--glow);vertical-align:.35em;margin-left:8px}.search-card .c{color:var(--fg-2);font-size:13px}.search-none{justify-items:start;gap:14px;padding:4px 0 8px;display:grid}.search-none p{color:var(--fg-2);margin:0}@media (max-width:1100px){.search-btn{justify-content:center;width:36px;height:36px;padding:0}.search-btn .t,.search-btn kbd{display:none}}@media (max-width:1100px) and (min-width:721px){.nav{gap:12px}.nav>ul{gap:16px}.logo{flex-shrink:0}}@media (max-width:720px){.search{margin-left:auto}.nav{gap:8px}.nav .nav-help summary{padding:6px 10px}.search-panel{height:calc(100dvh - env(safe-area-inset-top,0px));max-height:none;padding:14px 16px calc(24px + env(safe-area-inset-bottom,0px));background:color-mix(in oklab, var(--bar) 94%, var(--mid));top:0}.search-field input{font-size:20px}.search-results{grid-template-columns:minmax(0,1fr)}}@media (hover:none){.search-btn kbd,.search-meta .hint{display:none}}@media (prefers-reduced-motion:reduce){.search-panel:not([hidden]),.search[data-open] .search-scrim{animation:none}}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--aura-c:#2b6fd6}*,: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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--body);--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}html{scroll-behavior:smooth;scroll-padding-top:calc(84px + env(safe-area-inset-top,0px))}body{background:var(--ink-0);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--glow);outline-offset:3px;border-radius:4px}h1,h2,h3{text-wrap:balance;margin:0;font-weight:400}html[lang=th] h1,html[lang=th] h2{font-family:var(--display-th);letter-spacing:-.01em;font-weight:300}html[lang=en] h1,html[lang=en] h2{font-family:var(--display);letter-spacing:-.015em}}@layer components{.wrap{max-width:1240px;padding-inline:var(--gutter);margin-inline:auto}.label{font-family:var(--label);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-3);font-size:11px;font-weight:600;font-stretch:125%}.label:lang(th){letter-spacing:.04em}.nobr{white-space:nowrap}.ph{font-family:var(--label);letter-spacing:.08em;color:var(--glow);opacity:.75;font-size:11px;font-weight:500;font-stretch:112%}.btn{border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:500;transition:transform .2s,box-shadow .3s,background .3s,border-color .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--glow), var(--mid));color:var(--on-accent);box-shadow:0 0 0 1px var(--glow), 0 10px 40px -10px var(--mid)}@supports (color:color-mix(in lab, red, red)){.btn-primary{box-shadow:0 0 0 1px color-mix(in oklab, var(--glow) 40%, transparent), 0 10px 40px -10px color-mix(in oklab, var(--mid) 80%, transparent)}}.btn-primary:hover{box-shadow:0 0 0 1px var(--glow), 0 14px 50px -8px var(--mid);transform:translateY(-1px)}.btn-ghost{border-color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.btn-ghost{border-color:color-mix(in oklab, var(--fg) 25%, transparent)}}.btn-ghost{color:var(--fg)}.btn-ghost:hover{border-color:var(--glow)}.chip{background:var(--bar);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.chip{background:color-mix(in oklab, var(--bar) 70%, transparent)}}.chip{border:1px solid var(--line);color:var(--fg-2)}.chip .dot{background:var(--glow);width:6px;height:6px;box-shadow:0 0 8px var(--glow);border-radius:50%}.eyebrow{align-items:center;gap:12px;margin-bottom:18px;display:flex}.eyebrow .d{font-family:var(--label);letter-spacing:.18em;color:var(--glow);font-size:11px;font-weight:600;font-stretch:125%}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.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}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-0:#07090c;--ink-1:#17181b;--ink-2:#1d1e22;--ink-3:#26272c;--bar:#0e0e10;--line:#232429;--band:var(--ink-0)}@supports (color:color-mix(in lab, red, red)){:root{--band:color-mix(in oklab, var(--ink-0), #fff 4%)}}:root{--band-line:var(--ink-0)}@supports (color:color-mix(in lab, red, red)){:root{--band-line:color-mix(in oklab, var(--ink-0), #fff 8%)}}:root{--fg:#eeeff1;--fg-2:#c3c4cb;--fg-3:#8e8f98;--deep:#0b3a6e;--mid:#1f7ae0;--glow:#7cc4ff;--on-accent:#03111f;--line-green:#06c755;--studio:#2a2c32;--studio-2:#111215;--studio-bg:radial-gradient(70% 60% at 50% 45%, var(--studio), var(--studio-2));--display:var(--font-digits), var(--font-instrument), var(--font-thai-serif), Georgia, serif;--display-th:var(--font-digits), var(--font-thai-serif), var(--font-instrument), Georgia, serif;--body:var(--font-plex-thai), var(--font-archivo), system-ui, sans-serif;--label:var(--font-archivo), var(--font-plex-thai), system-ui, sans-serif;--gutter:clamp(16px, 4vw, 56px);--depth:0}:root[data-ground=gray]{--ink-0:#0e0e10}:root[data-palette=lagoon]{--deep:#0b4f5c;--mid:#14a3b8;--glow:#7fe7e0;--on-accent:#02171a}:root[data-palette=reef],.accent-reef{--deep:#0a4a40;--mid:#12a88f;--glow:#7ff0d2;--on-accent:#021a14}.sec-head h1,.sec-head h2,.pdp-sec h2{width:fit-content;position:relative}.sec-head h1:before,.sec-head h2:before,.pdp-sec h2:before{content:"";z-index:1;left:calc(var(--aura-x,50%) - var(--aura-tw,100%) / 2 - 36px);width:calc(var(--aura-tw,100%) + 150px);transform-origin:0;background:linear-gradient(to right, var(--aura-c), var(--aura-c) 50%, transparent);border-radius:999px;height:calc(100% + 64px);position:absolute;top:50%;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.sec-head h1:before,.sec-head h2:before,.pdp-sec h2:before{background:linear-gradient(to right, color-mix(in oklab, var(--aura-c) 36%, transparent), color-mix(in oklab, var(--aura-c) 16%, transparent) 50%, transparent)}}.sec-head h1:before,.sec-head h2:before,.pdp-sec h2:before{filter:blur(15px);mix-blend-mode:screen;pointer-events:none;animation:4.8s ease-in-out infinite aura}@property --aura-c{syntax:"<color>";inherits:true;initial-value:#2b6fd6}html{--aura-c:var(--mid);transition:--aura-c .6s ease-out}html[data-pick]{--aura-c:var(--pick)}section.band.alt .sec-head h2:before,section.band.alt .sec-head h1:before,.pdp-sec:nth-of-type(2n) h2:before{content:none}@keyframes aura{0%,to{opacity:.7;transform:translateY(-50%)scaleX(.82)}50%{opacity:1;transform:translateY(-50%)scaleX(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
section.band{isolation:isolate;padding-block:clamp(56px,7.5vw,104px);position:relative;overflow-x:clip}section.band.alt{background:var(--band);border-block:1px solid var(--band-line)}.sec-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:24px 56px;margin-bottom:clamp(36px,5vw,64px);display:grid;position:relative}.sec-head h2{font-size:clamp(34px,4.6vw,64px);line-height:1.05}html[lang=th] .sec-head h2{line-height:1.3}.sec-head p{color:var(--fg-2);max-width:48ch;font-weight:400}.band-top{padding-block:clamp(40px,6vw,80px) clamp(72px,9vw,120px)}.sec-head h1{font-size:clamp(36px,5vw,68px);line-height:1.05}html[lang=th] .sec-head h1{font-size:clamp(32px,4vw,54px);line-height:1.3}.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--ink-1);border:1px solid var(--line);border-radius:8px;grid-template-rows:auto 1fr;transition:border-color .3s,transform .3s;display:grid;overflow:hidden}.card:hover{border-color:color-mix(in oklab, var(--glow) 50%, var(--line));transform:translateY(-3px)}.card .img{aspect-ratio:4/5;background:var(--ink-2);place-items:center;max-width:100%;display:grid;position:relative}.card .img .chip{position:absolute;top:12px;left:12px}.card .chip-glow,.card.glow .chip-std{display:none}.card.glow .chip-glow{color:var(--fg);border-color:color-mix(in oklab, var(--glow) 55%, var(--line));display:inline-flex}.card.glow{border-color:color-mix(in oklab, var(--glow) 70%, var(--line));box-shadow:inset 0 1px 0 color-mix(in oklab, var(--glow) 55%, transparent), 0 0 0 1px color-mix(in oklab, var(--glow) 25%, transparent), 0 0 34px -6px color-mix(in oklab, var(--mid) 75%, transparent), 0 30px 80px -40px var(--mid)}.studio,.card .img.studio{background:var(--studio-bg)}.studio img{object-fit:contain;padding:8%}.card .body{align-content:start;gap:6px;padding:16px 16px 18px;display:grid}.card .brand{font-family:var(--label);letter-spacing:.2em;color:var(--fg-3);font-size:10px;font-weight:600;font-stretch:125%}.card h3{font-size:16px;font-weight:500;font-family:var(--body)}.card .price{justify-content:space-between;align-items:baseline;margin-top:8px;display:flex}.card .price b{font-variant-numeric:tabular-nums;font-weight:500}.card .price b.ask,.card .price .only{color:var(--fg-2);font-size:13px;font-weight:400}.card .price small{color:var(--fg-3);font-size:12px}.trust{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:40px;display:grid;overflow:hidden}.trust div{background:var(--ink-0);gap:4px;padding:20px;display:grid}.trust b{font-size:15px;font-weight:500}.trust span{color:var(--fg-3);font-size:13px}@media (max-width:980px){.products,.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.sec-head{grid-template-columns:minmax(0,1fr)}}@media (max-width:440px){.products{gap:10px}.card .body{padding:12px}.card h3{font-size:14px}.card .price{flex-wrap:wrap;gap:2px 8px}.trust{grid-template-columns:minmax(0,1fr)}}.card .cat{color:var(--fg-3);font-size:12px}
html[data-premium] p{text-wrap:pretty}html[data-premium] ::selection{background:color-mix(in oklab, var(--mid) 45%, transparent);color:var(--fg)}html[data-premium] .hero h1,html[data-premium] .sec-head h1,html[data-premium] .sec-head h2,html[data-premium] .pdp-sec h2,html[data-premium] .dv-sec>h2,html[data-premium] .l-sec>h2,html[data-premium] .article header h1,html[data-premium] .lost h1,html[data-premium] .buy h1{--sheen-end:color-mix(in oklab, var(--fg-2) 65%, var(--glow));background:linear-gradient(180deg, var(--sheen-end) 0%, #fff 22%, #fff 42%, var(--sheen-end) 100%);color:#0000;background-repeat:repeat-y;background-size:100% 1lh;background-origin:content-box;-webkit-background-clip:text;background-clip:text;margin-top:-.25em;margin-bottom:-.15em;padding-top:.25em;padding-bottom:.15em}html[data-premium] .eyebrow{--depth-c:color-mix(in oklab, var(--aura-c), white 30%);--depth-grad:linear-gradient(90deg, var(--depth-c), color-mix(in oklab, var(--depth-c) 25%, transparent))}html[data-premium] .eyebrow .d{color:var(--depth-c)}html[data-premium] .eyebrow:after{content:"";background:var(--depth-grad);clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%);transform-origin:0;flex:0 0 clamp(64px,10vw,128px);order:3;height:2px;animation:4.8s ease-in-out infinite depth-reach}@keyframes depth-reach{0%,to{transform:scaleX(.35)}50%{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){html[data-premium] .eyebrow:after{animation:none}}html[data-premium] .nav>ul a{transition:color .3s;position:relative}html[data-premium] .nav>ul a:after{content:"";background:var(--glow);height:1px;transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}html[data-premium] .nav>ul a:hover:after{transform:scaleX(1)}html[data-premium] .btn-primary{box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 0 #0000001f, 0 0 0 1px color-mix(in oklab, var(--glow) 40%, transparent), 0 10px 40px -10px color-mix(in oklab, var(--mid) 80%, transparent);letter-spacing:.01em}html[data-pick] #buy-cta .accent-reef,html[data-pick] .order-float .accent-reef{--glow:color-mix(in oklab, var(--aura-c), white 35%);--mid:var(--aura-c);--deep:color-mix(in oklab, var(--aura-c) 55%, black);--on-accent:#0b0d10}html[data-premium][data-pick] #buy-cta .btn-primary,html[data-premium][data-pick] .order-float .btn-primary{box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 0 #0000001f, 0 0 0 1px color-mix(in oklab, var(--aura-c) 45%, transparent), 0 10px 40px -10px color-mix(in oklab, var(--aura-c) 80%, transparent)}html[data-premium] .btn-primary:hover{box-shadow:inset 0 1px 0 #fff9, inset 0 -1px 0 #0000001f, 0 0 0 1px var(--glow), 0 14px 50px -8px var(--mid)}html[data-premium] .btn-ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;box-shadow:inset 0 1px #ffffff14}html[data-premium] .buy h1{--sheen-end:color-mix(in oklab, var(--fg) 82%, var(--glow));letter-spacing:-.012em;font-size:clamp(40px,5vw,72px)}html[data-premium] .buy .headline{font:400 clamp(22px, 2vw, 27px) / 1.3 var(--display);color:var(--fg);max-width:30ch}html[lang=th][data-premium] .buy .headline{font-family:var(--display-th);font-size:clamp(20px,1.8vw,24px);line-height:1.5}html[data-premium] .buy .price{font:400 34px / 1 var(--display);letter-spacing:-.01em;font-variant-numeric:tabular-nums}html[data-premium] .variants button{background:0 0;border-radius:999px;padding:9px 16px;transition:border-color .25s,color .25s,box-shadow .25s,background .25s}html[data-premium] .variants .opts-long button{padding:7px 11px}html[data-premium] .variants button:hover{border-color:color-mix(in oklab, var(--glow) 45%, var(--line))}html[data-premium] .variants button[aria-pressed=true]{background:linear-gradient(180deg, color-mix(in oklab, var(--tone,var(--mid)) 16%, transparent), transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone,var(--glow)) 35%, transparent), 0 0 18px -6px var(--tone,var(--mid))}html[data-premium] .card{background:linear-gradient(180deg, var(--ink-1), color-mix(in oklab, var(--ink-1), var(--ink-0) 45%));border-radius:10px;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}html[data-premium] .card:not(.glow){box-shadow:inset 0 1px #ffffff0f}html[data-premium] .card .img:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 38%,#ffffff12 50%,#0000 62%);position:absolute;inset:0;transform:translate(-100%)}html[data-premium] .card:hover .img:after{transition:transform 1.1s cubic-bezier(.2,.7,.2,1);transform:translate(100%)}@media (prefers-reduced-motion:reduce){html[data-premium] .card:hover .img:after{transition:none}}html[data-premium] .sec-head .h-b{background:linear-gradient(100deg, var(--glow), var(--mid) 70%);color:#0000;-webkit-background-clip:text;background-clip:text}html[data-premium] .hero h1 em{background:linear-gradient(100deg, var(--glow) 0%, var(--mid) 30%, color-mix(in oklab, var(--glow), #fff 55%) 45%, var(--mid) 60%, var(--glow) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:11s ease-in-out infinite lens-light}@keyframes lens-light{0%,to{background-position:100% 0}50%{background-position:0 0}}@supports (animation-timeline:view()){@media screen and (prefers-reduced-motion:no-preference){html[data-premium] .sec-head h1,html[data-premium] .sec-head h2,html[data-premium] .sec-head p,html[data-premium] .pdp-sec h2,html[data-premium] .dv-sec>h2,html[data-premium] .l-sec>h2,html[data-premium] .card,html[data-premium] .offer,html[data-premium] .dv-empty,html[data-premium] .dv-card,html[data-premium] .dv-how>li,html[data-premium] .pdp-feature{animation:linear both rise;animation-timeline:view();animation-range:entry entry 40%}}}@keyframes rise{0%{opacity:0;filter:blur(6px);translate:0 32px}}html[data-premium] .card{position:relative}html[data-premium] .card:after{content:"";z-index:2;border-radius:inherit;background:radial-gradient(320px circle at var(--mx,50%) var(--my,-40%), color-mix(in oklab, var(--glow) 13%, transparent), transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}html[data-premium] .card:hover:after{opacity:1}.fx-ripple{z-index:60;pointer-events:none;border:1.5px solid color-mix(in oklab, var(--glow) 70%, transparent);width:120px;height:120px;box-shadow:0 0 24px color-mix(in oklab, var(--glow) 35%, transparent), inset 0 0 18px color-mix(in oklab, var(--glow) 25%, transparent);border-radius:50%;margin:-60px 0 0 -60px;animation:.75s cubic-bezier(.2,.7,.2,1) forwards ripple;position:fixed}@keyframes ripple{0%{opacity:.9;transform:scale(.1)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){html[data-premium] .hero h1 em{animation:none}.fx-ripple{display:none}}::view-transition{pointer-events:none}::view-transition-old(.dive-out){animation:.26s ease-in both dive-out}::view-transition-new(.dive-in){animation:.46s cubic-bezier(.2,.7,.2,1) .12s both dive-in}@keyframes dive-out{to{opacity:0;filter:blur(2px);translate:0 -28px}}@keyframes dive-in{0%{opacity:0;filter:blur(3px);translate:0 36px}}::view-transition-group(site-header){z-index:100;animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}