.logo{display:inline-flex;flex-direction:column;align-items:center;gap:calc(var(--logo-mark-size) * var(--logo-gap))}.logo-mark{width:var(--logo-mark-size);height:var(--logo-mark-size);flex:none;color:var(--brand)}.logo{--logo-mark-size: 40px;--logo-word-h: 15px;--logo-gap: .093}:lang(th) .logo{--logo-word-h: 25px;--logo-gap: .075}.logo-wordmark{height:var(--logo-word-h);width:auto}.logo-large{--logo-mark-size: 88px;--logo-word-h: 32px}:lang(th) .logo-large{--logo-word-h: 54px}@media(max-width:900px){.logo{--logo-mark-size: 26px;--logo-word-h: 10px}:lang(th) .logo{--logo-word-h: 16px}.logo-large{--logo-mark-size: 64px;--logo-word-h: 24px}:lang(th) .logo-large{--logo-word-h: 40px}}.skip{position:absolute;left:var(--gutter);top:0;z-index:100;transform:translateY(-120%);background:var(--brand);color:var(--on-brand);padding:var(--step-3) var(--step-4);font-size:var(--t-cta);letter-spacing:var(--t-cta-tracking);text-transform:uppercase;transition:transform var(--dur-base) var(--ease-arrive)}.skip:focus{transform:translateY(0)}.header{position:fixed;inset-inline:0;top:0;z-index:50;height:var(--header-h);background:color-mix(in srgb,var(--ground) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule);transition:transform var(--dur-base) var(--ease-arrive),background-color var(--dur-base) var(--ease-arrive)}.header.is-hidden{transform:translateY(-100%)}.header-inner{height:100%;width:min(100% - 2 * var(--gutter),var(--column));margin-inline:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--step-5)}.header-logo{justify-self:start}.header-nav{justify-self:center;display:flex;gap:var(--step-6)}.header-nav a{font-size:var(--t-cta);line-height:var(--t-cta-lh);letter-spacing:var(--t-cta-tracking);text-transform:uppercase;color:var(--text-soft);padding-bottom:4px;border-bottom:1px solid transparent;transition:color var(--dur-quick) ease-out,border-color var(--dur-quick) ease-out}.header-nav a:hover,.header-nav a.active{color:var(--text);border-bottom-color:var(--rule-strong)}.header-tools{justify-self:end;display:flex;align-items:center;gap:var(--step-4)}.tool{appearance:none;background:none;border:0;padding:4px 2px;cursor:pointer;color:var(--text-soft);font-family:var(--font-text);font-size:var(--t-caption);line-height:var(--t-caption-lh);letter-spacing:var(--t-cta-tracking);text-transform:uppercase;transition:color var(--dur-quick) ease-out}.tool:hover{color:var(--text)}.tool-icon{display:grid;place-items:center}.header-burger{display:none;appearance:none;background:none;border:0;padding:8px 0;cursor:pointer;color:var(--text)}.burger-bar{display:block;width:20px;height:1px;background:currentColor;transition:transform var(--dur-panel) var(--ease-arrive)}.burger-bar+.burger-bar{margin-top:6px}.nav-scrim{display:none}@media(max-width:900px){.header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ground)}.header-inner{grid-template-columns:auto 1fr auto}.header-burger{display:block}.header-logo{justify-self:center}.header-nav{position:fixed;top:var(--header-h);left:0;bottom:0;width:min(84vw,330px);flex-direction:column;align-items:flex-start;gap:var(--step-5);padding:var(--step-6) var(--gutter);background:var(--panel);border-right:1px solid var(--rule);transform:translate(-100%);visibility:hidden;transition:transform var(--dur-panel) var(--ease-leave),visibility 0s linear var(--dur-panel)}.header.is-open .header-nav{transform:translate(0);visibility:visible;transition:transform var(--dur-panel) var(--ease-arrive),visibility 0s}.header.is-open .burger-bar:nth-child(2){transform:translateY(3.5px) rotate(45deg)}.header.is-open .burger-bar:nth-child(3){transform:translateY(-3.5px) rotate(-45deg)}.header-nav a{font-size:var(--t-name);letter-spacing:1px}.nav-scrim{display:block;position:fixed;inset:0;z-index:40;background:#24111066;opacity:0;pointer-events:none;transition:opacity var(--dur-panel) var(--ease-leave)}.nav-scrim.is-open{opacity:1;pointer-events:auto;transition:opacity var(--dur-panel) var(--ease-arrive)}}.lang{display:inline-flex;align-items:center;gap:var(--step-2)}.lang-opt{appearance:none;background:none;border:0;padding:4px 2px;cursor:pointer;font-family:var(--font-text);font-size:var(--t-caption);line-height:var(--t-caption-lh);letter-spacing:var(--t-cta-tracking);color:var(--text-soft);transition:color var(--dur-quick) ease-out}.lang-opt:hover{color:var(--text)}.lang-opt.is-on{color:var(--text);border-bottom:1px solid var(--rule-strong)}.lang-sep{width:1px;height:11px;background:var(--rule)}.channels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;border-top:1px solid var(--rule)}.channel{border-bottom:1px solid var(--rule)}.channel a{display:flex;align-items:center;gap:var(--step-4);padding:var(--step-4) 0;color:var(--text-soft);transition:color var(--dur-quick) ease-out}.channel a:hover,.channel a:focus-visible{color:var(--text)}.channel-icon{flex:none;display:grid;place-items:center}.channel-text{display:flex;flex-direction:column;gap:1px}.channel-label{font-size:var(--t-caption);line-height:var(--t-caption-lh);letter-spacing:var(--t-cta-tracking);text-transform:uppercase;color:var(--label)}.channel-handle{font-size:var(--t-body);line-height:var(--t-body-lh);color:inherit}.line-button{display:inline-flex;align-items:center;gap:var(--step-3);padding:var(--step-3) var(--step-6);background:var(--brand-fill);color:var(--on-brand);border-radius:var(--radius-card);font-size:var(--t-cta);line-height:var(--t-cta-lh);letter-spacing:var(--t-cta-tracking);text-transform:uppercase;transition:opacity var(--dur-quick) ease-out}.line-button:hover{opacity:.88}@media(min-width:601px){.channels{column-gap:var(--gutter)}}.footer{border-top:1px solid var(--rule);padding-block:var(--step-8) var(--step-6);background:var(--ground)}.footer-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--step-5);flex-wrap:wrap;padding-bottom:var(--step-6)}.footer-tagline{font-family:var(--font-display);font-size:var(--t-name);line-height:var(--t-name-lh);color:var(--text-soft)}.footer-bottom{display:flex;justify-content:space-between;gap:var(--step-4);flex-wrap:wrap;padding-top:var(--step-6)}.footer-note{font-size:var(--t-footer);line-height:var(--t-footer-lh);letter-spacing:var(--t-footer-tracking);text-transform:uppercase;color:var(--text-soft)}.cover{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--ground);border-top:1px solid var(--rule);min-height:clamp(380px,24vw,520px)}.cover-right .cover-media{order:2}.cover-media{position:relative;overflow:hidden}.cover-media .media{position:absolute;inset:0;height:auto;aspect-ratio:auto}.cover-text{display:flex;flex-direction:column;justify-content:center;gap:var(--step-4);padding:var(--step-8) clamp(var(--step-6),6vw,var(--step-8));max-width:54ch;margin-inline:auto}.cover-title{font-size:var(--t-feature);line-height:var(--t-feature-lh)}.cover-body{font-size:var(--t-body);line-height:var(--t-body-lh);color:var(--text-soft)}.cover-action{margin-top:var(--step-3)}@media(max-width:900px){.cover{grid-template-columns:1fr;min-height:0}.cover-media .media{position:static}.cover-right .cover-media{order:0}.cover-media .media{aspect-ratio:var(--media-ratio);height:auto}.cover-text{padding:var(--step-7) var(--gutter);max-width:none}}.hero-lockup-wrap{display:block}.hero-lockup{--mark: 88px;--word-h: 26px;--word-aspect: 4.445;--word-src: url(/brand/wordmark-gold-960.png);--gap: calc(var(--mark) * .093);display:block;width:max(var(--mark),calc(var(--word-h) * var(--word-aspect)));height:calc(var(--mark) + var(--gap) + var(--word-h));background-image:linear-gradient(100deg,transparent 34%,rgba(255,248,226,.35) 43%,rgba(255,252,240,.92) 48%,rgba(255,248,226,.35) 53%,transparent 62%),var(--n-gilt);background-size:260% 100%,100% 100%;background-position:120% 0,0 0;background-repeat:no-repeat,no-repeat;-webkit-mask-image:url(/brand/mark.svg),var(--word-src);mask-image:url(/brand/mark.svg),var(--word-src);-webkit-mask-position:center top,center bottom;mask-position:center top,center bottom;-webkit-mask-size:var(--mark) var(--mark),auto var(--word-h);mask-size:var(--mark) var(--mark),auto var(--word-h);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat}:lang(th) .hero-lockup{--gap: calc(var(--mark) * .075);--word-h: 45px;--word-aspect: 2.304;--word-src: url(/brand/wordmark-th-gold-960.png)}@media(prefers-reduced-motion:no-preference){.hero-lockup{animation:gilt-sweep 12s var(--ease-sweep) infinite}}@keyframes gilt-sweep{0%{background-position:130% 0,0 0}55%{background-position:-30% 0,0 0}to{background-position:-30% 0,0 0}}@media(max-width:900px){.hero-lockup{--mark: 84px;--word-h: 24px}:lang(th) .hero-lockup{--word-h: 42px}}@media(max-width:600px){.hero-lockup{--mark: 70px;--word-h: 20px}:lang(th) .hero-lockup{--word-h: 35px}}.conn{display:inline-flex;align-items:center;gap:var(--step-2);font-size:var(--t-caption);line-height:var(--t-caption-lh);letter-spacing:var(--t-cta-tracking);text-transform:uppercase;color:var(--text-soft)}.conn-dot{width:7px;height:7px;border-radius:50%;background:currentColor;transition:background-color var(--dur-base) var(--ease-arrive)}.conn-live .conn-dot{background:var(--rise)}.conn-connecting .conn-dot,.conn-reconnecting .conn-dot{background:var(--n-gold-deep)}.conn-offline .conn-dot{background:var(--fall)}.hero-rail{width:100%;margin-top:var(--step-6);border-top:1px solid var(--rule-strong);padding-top:var(--step-5)}.hero-rail-stale{margin-bottom:var(--step-5);padding:var(--step-3) var(--step-4);background:#00000038;border-left:2px solid var(--fall);font-size:var(--t-small);line-height:var(--t-small-lh);color:var(--text-soft);text-align:left}.hero-rail-prices{display:grid;grid-template-columns:1fr 1fr;text-align:center;max-width:min(100%,1000px);margin-inline:auto}.hero-rail-price+.hero-rail-price{border-left:1px solid var(--rule)}.hero-rail-label{color:var(--label)}.hero-rail-figure{font-family:var(--font-numeral);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:var(--numeral-features);font-size:clamp(42px,5.4vw,88px);line-height:1.08;font-weight:500;color:var(--numeral);margin-top:var(--step-2);animation:figure-in var(--dur-digit) var(--ease-arrive)}.hero-rail-note{margin-top:var(--step-3);font-size:var(--t-small);line-height:var(--t-small-lh);color:var(--text-soft);text-wrap:pretty;padding-inline:var(--step-4)}.hero-rail-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--step-3) var(--step-4);margin-top:var(--step-5);padding-top:var(--step-4);border-top:1px solid var(--rule);font-size:var(--t-small);line-height:var(--t-small-lh);color:var(--text-soft)}.hero-rail-dot{width:3px;height:3px;border-radius:50%;background:var(--rule-strong);opacity:.7}.hero-rail-empty{display:flex;align-items:center;justify-content:center;gap:var(--step-5);flex-wrap:wrap;padding-block:var(--step-5)}.hero-rail-waiting{font-family:var(--font-display);font-size:var(--t-lead);line-height:var(--t-lead-lh)}@media(max-width:600px){.hero-rail-figure{font-size:clamp(30px,11vw,44px)}.hero-rail-note{font-size:var(--t-caption);line-height:var(--t-caption-lh);padding-inline:0}.hero-rail-price+.hero-rail-price{padding-left:var(--step-3)}.hero-rail-price:first-child{padding-right:var(--step-3)}}.hero{--ground: var(--n-red);--text: #f6ece0;--text-soft: rgba(246, 236, 224, .78);--label: var(--n-gold-deep);--brand: var(--n-gold);--rule: rgba(230, 196, 132, .34);--rule-strong: var(--n-gold);--focus-ring: var(--n-gold-bright);--brand-fill: var(--n-gilt);--on-brand: var(--n-red);--numeral: var(--n-gold-bright);background:var(--n-red);color:var(--text);padding-top:calc(var(--header-h) + var(--step-6));padding-bottom:var(--step-6);background-image:radial-gradient(120% 90% at 50% 25%,#7d1414,#4a0000);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-20% -50%;background:linear-gradient(102deg,transparent 36%,rgba(255,226,170,.13) 47%,rgba(255,236,190,.17) 50%,rgba(255,226,170,.13) 53%,transparent 64%);transform:translate(-34%);pointer-events:none}.hero-inner{position:relative;z-index:1;width:min(100% - 2 * var(--gutter),var(--column));margin-inline:auto;display:flex;flex-direction:column;align-items:center}.hero-copy{display:flex;flex-direction:column;align-items:center;gap:var(--step-4);text-align:center;max-width:56ch}:lang(th) .hero-copy{max-width:60ch}.hero-eyebrow{margin-top:var(--step-4)}.hero-title{font-size:var(--t-display);line-height:var(--t-display-lh);text-wrap:pretty}.hero-body{font-size:var(--t-body);line-height:var(--t-body-lh);color:var(--text-soft);text-wrap:pretty}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--step-6);flex-wrap:wrap;margin-top:var(--step-3)}@media(max-width:1100px){.hero-title{font-size:var(--t-feature);line-height:var(--t-feature-lh)}}@media(prefers-reduced-motion:no-preference){.hero-copy>*,.hero-rail{animation:hero-rise var(--dur-entrance) var(--ease-arrive) backwards}.hero-copy>*:nth-child(1){animation-delay:60ms}.hero-copy>*:nth-child(2){animation-delay:.2s}.hero-copy>*:nth-child(3){animation-delay:.32s}.hero-copy>*:nth-child(4){animation-delay:.44s}.hero-copy>*:nth-child(5){animation-delay:.56s}.hero-rail{animation-delay:.62s}.hero:before{animation:hero-sheen 26s linear infinite}}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-sheen{0%{transform:translate(-34%)}to{transform:translate(34%)}}.board{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius-panel);padding:var(--step-6) var(--step-6) var(--step-5);box-shadow:var(--card-shadow)}.board-empty{display:flex;flex-direction:column;gap:var(--step-4);align-items:flex-start}.board-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--step-4);padding-bottom:var(--step-4);border-bottom:1px solid var(--rule)}.board-product{font-size:var(--t-card);line-height:var(--t-card-lh);margin-top:var(--step-2)}.board-stale{margin-top:var(--step-4);padding:var(--step-3) var(--step-4);background:var(--sunk);border-left:2px solid var(--fall);font-size:var(--t-small);line-height:var(--t-small-lh);color:var(--text-soft)}.board-figures{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);padding-block:var(--step-6)}.board-figures>.figure+.figure{border-left:1px solid var(--rule);padding-left:var(--gutter)}.figure-label{color:var(--label)}.figure-value{font-family:var(--font-numeral);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:var(--numeral-features);font-size:52px;line-height:60px;font-weight:500;color:var(--numeral);margin-top:var(--step-2);animation:figure-in var(--dur-digit) var(--ease-arrive)}@keyframes figure-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.figure-note{margin-top:var(--step-3);font-size:var(--t-small);line-height:var(--t-small-lh);color:var(--text-soft)}.board-meta{display:flex;flex-wrap:wrap;gap:var(--step-5) var(--step-7);margin:0;padding-top:var(--step-4);border-top:1px solid var(--rule)}.board-meta div{display:flex;flex-direction:column;gap:2px}.board-meta dt{font-size:var(--t-caption);line-height:var(--t-caption-lh);letter-spacing:var(--t-cta-tracking);text-transform:uppercase;color:var(--label)}.board-meta dd{margin:0;font-family:var(--font-numeral);font-variant-numeric:tabular-nums lining-nums;font-size:var(--t-small);line-height:var(--t-small-lh);color:var(--text)}.board-unit{margin-top:var(--step-4);display:block}.board-compact{padding:var(--step-5)}.board-compact .figure-value{font-size:40px;line-height:48px}@media(max-width:900px){.board{padding:var(--step-5) var(--step-4)}.board-figures{grid-template-columns:1fr;gap:var(--step-5);padding-block:var(--step-5)}.board-figures>.figure+.figure{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:var(--step-5)}.figure-value{font-size:42px;line-height:50px}}.price-page{padding-block:calc(var(--header-h) + var(--step-7)) var(--step-8)}.price-head{margin-bottom:var(--step-6)}.price-head h1{margin-top:var(--step-3)}.price-note{margin-top:var(--step-5);max-width:62ch;font-size:var(--t-small);line-height:var(--t-small-lh);color:var(--text-soft)}.price-action{margin-top:var(--step-6)}.about-page{padding-block:calc(var(--header-h) + var(--step-7)) var(--step-8)}.about-head h1{margin-top:var(--step-3)}.about-lead{margin-top:var(--step-5);max-width:34ch;color:var(--text)}.about-figure{margin-block:var(--step-8)}.about-body{max-width:62ch;color:var(--text-soft)}.about-body p{font-size:var(--t-body);line-height:var(--t-body-lh)}.about-contact{margin-top:var(--step-8)}.about-contact-title{font-size:var(--t-card);line-height:var(--t-card-lh)}.about-contact-body{margin-block:var(--step-3) var(--step-5);max-width:46ch;color:var(--text-soft)}.about-actions{display:flex;align-items:center;gap:var(--step-6);flex-wrap:wrap}.about-phone{display:flex;flex-direction:column;gap:1px;color:var(--text-soft);transition:color var(--dur-quick) ease-out}.about-phone:hover,.about-phone:focus-visible{color:var(--text)}.about-phone-label{font-size:var(--t-caption);line-height:var(--t-caption-lh);letter-spacing:var(--t-cta-tracking);text-transform:uppercase;color:var(--label)}.about-phone-number{font-family:var(--font-numeral);font-variant-numeric:tabular-nums lining-nums;font-size:var(--t-name);line-height:var(--t-name-lh);color:inherit}.brand-page{padding-block:calc(var(--header-h) + var(--step-7)) var(--step-8)}.brand-lead{margin-top:var(--step-4);max-width:46ch}.brand-h{font-size:var(--t-card);line-height:var(--t-card-lh);margin-bottom:var(--step-4)}.brand-note{margin-top:var(--step-4);max-width:62ch;font-size:var(--t-small);line-height:var(--t-small-lh);color:var(--text-soft)}.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--step-5)}.swatch-chip{height:88px;border:1px solid var(--rule);border-radius:var(--radius-card)}.swatch-name{margin-top:var(--step-3);font-size:var(--t-small)}.swatch-hex{font-family:var(--font-numeral);font-size:var(--t-caption);color:var(--text-soft)}.swatch-note{margin-top:2px;font-size:var(--t-caption);line-height:var(--t-caption-lh);color:var(--text-soft)}.gilt-bar{margin-top:var(--step-5);height:40px;border-radius:var(--radius-card);background:var(--n-gilt)}.brand-table{width:100%;border-collapse:collapse;font-size:var(--t-small)}.brand-table th,.brand-table td{text-align:left;padding:var(--step-3) var(--step-4) var(--step-3) 0;border-bottom:1px solid var(--rule)}.brand-table th{font-size:var(--t-caption);letter-spacing:var(--t-cta-tracking);text-transform:uppercase;color:var(--label);font-weight:400}.brand-table td:nth-child(2){font-family:var(--font-numeral);font-variant-numeric:tabular-nums}.brand-table .is-fail td{color:var(--fall)}.type-samples>*+*{margin-top:var(--step-4)}.sample-display{font-family:var(--font-display);font-size:var(--t-display);line-height:var(--t-display-lh)}.sample-feature{font-family:var(--font-display);font-size:var(--t-feature);line-height:var(--t-feature-lh)}.sample-lead{font-family:var(--font-display);font-size:var(--t-lead);line-height:var(--t-lead-lh)}.sample-body{max-width:62ch;color:var(--text-soft)}.motion-row{margin-top:var(--step-4)}.brand-list{margin:var(--step-5) 0 0;padding:0;list-style:none;font-size:var(--t-small);line-height:var(--t-small-lh);color:var(--text-soft)}.brand-list li+li{margin-top:var(--step-2)}.brand-list code,.brand-lead code{font-family:var(--font-numeral);color:var(--text)}.mark-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--step-5);margin-bottom:var(--step-5)}.mark-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--step-4);padding:var(--step-5);border:1px solid var(--rule);border-radius:var(--radius-panel);text-align:center}.mark-on-ground{color:var(--brand);background:var(--panel)}.mark-on-red{background:var(--n-red)}.mark-on-red .swatch-note{color:var(--n-gold-deep)}.mark-sizes{flex-direction:row;flex-wrap:wrap;align-items:flex-end;color:var(--brand)}.mark-sizes .swatch-note{flex-basis:100%}.dset{position:fixed;right:2.4vw;bottom:2.4vh;z-index:3;display:flex;flex-direction:column;gap:1.4vh;padding:1.6vh 1.6vw;max-width:95.2vw;background:#0c0404d1;border:1px solid rgba(230,196,132,.3);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity var(--dur-base) var(--ease-arrive),transform var(--dur-base) var(--ease-arrive),visibility 0s linear var(--dur-base)}.dset.is-shown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity var(--dur-base) var(--ease-arrive),transform var(--dur-base) var(--ease-arrive),visibility 0s}.dset-group{border:0;margin:0;padding:0}.dset-legend{padding:0;font-family:var(--font-text);font-size:1.5vh;letter-spacing:.16em;text-transform:uppercase;color:var(--n-gold-deep);margin-bottom:.7vh}.dset-options{display:flex;flex-wrap:wrap;gap:.5vw}.dset-opt{appearance:none;cursor:pointer;font-family:var(--font-text);font-size:1.7vh;line-height:1.2;padding:.7vh 1vw;color:#f6ece0b8;background:transparent;border:1px solid rgba(230,196,132,.22);border-radius:6px;transition:color var(--dur-quick) ease-out,border-color var(--dur-quick) ease-out}.dset-opt:hover{color:#f6ece0;border-color:#e6c48480}.dset-opt.is-on{color:var(--n-gold-bright);border-color:var(--n-gold)}.dset-opt:focus-visible{outline:2px solid var(--n-gold-bright);outline-offset:2px}[data-display=true],[data-display=true] body{height:100%;overflow:hidden}.disp{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:4.5vh 5vw;box-sizing:border-box;text-align:center;background:radial-gradient(115% 75% at 50% 18%,#7d1414,#4a0000 62%,#380000);color:#f6ece0;overflow:hidden;position:relative}.disp:before{content:"";position:absolute;inset:0;background:url(/brand/mark.svg) center 42% / min(150vw,92vh) no-repeat;opacity:.05;pointer-events:none}.disp-no-watermark:before{display:none}.disp>*{position:relative}.disp-backdrop{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.disp-brand{display:flex;flex-direction:column;align-items:center;gap:1.6vh}.disp-mark{width:11vh;height:11vh;color:var(--n-gold)}.disp-wordmark{height:6.6vh;width:auto}.disp-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh}.disp-product{font-family:var(--font-display);font-size:4.2vh;line-height:1.2;color:var(--n-gold-light);margin:0}.disp-label{font-family:var(--font-text);font-size:2.6vh;letter-spacing:.18em;text-transform:uppercase;color:var(--n-gold-deep);margin:0 0 .6vh}.disp-number{font-family:var(--font-numeral);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:var(--numeral-features);font-weight:600;font-size:min(24vw,17vh);line-height:1;letter-spacing:-.01em;margin:0;background-image:linear-gradient(100deg,transparent 34%,rgba(255,250,232,.55) 46%,rgba(255,253,245,.85) 50%,rgba(255,250,232,.55) 54%,transparent 66%),var(--n-gilt);background-size:240% 100%,100% 100%;background-position:130% 0,0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}.disp-number-sm{font-family:var(--font-numeral);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:var(--numeral-features);font-weight:500;font-size:min(13vw,9vh);line-height:1;margin:0;color:var(--n-gold)}.disp-lead{margin-bottom:2.6vh}.disp-second{margin-top:2.6vh}.disp-waiting{font-family:var(--font-display);font-size:5vh;color:var(--n-gold-deep)}.disp-foot{display:flex;flex-direction:column;align-items:center;gap:1.1vh;padding-top:2.4vh;border-top:1px solid rgba(230,196,132,.28);font-family:var(--font-text);font-size:1.9vh;letter-spacing:.06em;color:#f6ece0a8}.disp-foot-row{display:flex;align-items:center;justify-content:center;gap:2.4vw;margin:0;white-space:nowrap}.disp-sep{width:1px;height:2vh;background:#e6c48452;flex:none}.disp-dot{width:1.1vh;height:1.1vh;border-radius:50%;background:var(--rise-dark);flex:none}.disp-state-connecting .disp-dot,.disp-state-reconnecting .disp-dot{background:var(--n-gold-deep)}.disp-state-offline .disp-dot{background:var(--fall-dark)}@media(prefers-reduced-motion:no-preference){.disp-number-sm{animation:disp-in .42s var(--ease-arrive)}.disp-number{animation:disp-in .42s var(--ease-arrive),disp-sweep 9s var(--ease-sweep) infinite}.disp{animation:disp-shift 900s linear infinite}}@keyframes disp-in{0%{opacity:0;transform:translateY(1.2vh)}to{opacity:1;transform:translateY(0)}}@keyframes disp-sweep{0%{background-position:130% 0,0 0}55%{background-position:-30% 0,0 0}to{background-position:-30% 0,0 0}}@keyframes disp-shift{0%{transform:translate(0)}25%{transform:translate(4px,3px)}50%{transform:translateY(6px)}75%{transform:translate(-4px,3px)}to{transform:translate(0)}}@media(orientation:landscape){.disp{padding:3.5vh 5vw}.disp-brand{gap:.8vh}.disp-mark{width:12vh;height:12vh}.disp-wordmark{height:4.4vh}.disp-main{flex-direction:row;align-items:baseline;justify-content:center;gap:5vw;flex-wrap:wrap;row-gap:1vh}.disp-product{flex-basis:100%;font-size:4.6vh;margin-top:1vh}.disp-label{font-size:2.4vh;margin-bottom:.2vh}.disp-number{font-size:min(19vw,24vh)}.disp-number-sm{font-size:min(10vw,13vh)}.disp-lead,.disp-second{margin:0}.disp-foot{padding-top:1.6vh;gap:.6vh;font-size:1.8vh}}:root{--n-red: #690000;--n-red-deep: #4a0000;--n-red-lift: #7d1414;--n-gold-shadow: #b8865b;--n-gold-deep: #d0ad78;--n-gold: #e6c484;--n-gold-light: #f3d994;--n-gold-bright: #fae3a0;--n-gilt: linear-gradient( 200deg, var(--n-gold-shadow) 0%, var(--n-gold-deep) 26%, var(--n-gold) 52%, var(--n-gold-light) 78%, var(--n-gold-bright) 100% );--n-pearl: #f7f3ea;--n-pearl-card: #fffdf8;--n-pearl-sunk: #efe9dc;--n-pearl-line: #e4dac6;--n-ink: #241110;--n-ink-soft: #6b5a55;--n-night: #170a0b;--n-night-lift: #221012;--n-night-sunk: #0e0506;--rise-light: #186b4a;--fall-light: #b3261e;--rise-dark: #6ed3a6;--fall-dark: #ffb4a8;--font-display: "Trirong", "Times New Roman", serif;--font-text: "IBM Plex Sans Thai", system-ui, -apple-system, sans-serif;--font-numeral: "Archivo Variable", "Archivo", system-ui, sans-serif;--numeral-features: "tnum" 1, "lnum" 1;--step-1: .25rem;--step-2: .5rem;--step-3: .75rem;--step-4: 1rem;--step-5: 1.5rem;--step-6: 2rem;--step-7: 3rem;--step-8: 4rem;--radius-card: 3px;--radius-panel: 10px;--logo-clear: .5;--ease-card: cubic-bezier(.22, 1, .36, 1);--dur-digit: .26s;--dur-sweep: .9s;--stagger-digit: 55ms}[data-theme=light]{--ground: var(--n-pearl);--panel: var(--n-pearl-card);--sunk: var(--n-pearl-sunk);--numeral: var(--n-red);--text: var(--n-ink);--text-soft: var(--n-ink-soft);--label: var(--n-ink-soft);--rule: var(--n-pearl-line);--rule-strong: var(--n-gold-shadow);--brand: var(--n-red);--brand-fill: var(--n-red);--on-brand: var(--n-gold-bright);--band: var(--n-red);--band-ink: var(--n-gold);--card-face: linear-gradient(178deg, var(--n-pearl-card) 0%, #f2ece0 100%);--card-edge: #e0d4bb;--card-lip: rgba(255, 255, 255, .92);--card-shadow: 0 1px 0 rgba(36, 17, 16, .05), 0 1px 3px rgba(36, 17, 16, .07);--rise: var(--rise-light);--fall: var(--fall-light);--sweep: rgba(184, 134, 91, .5);--focus-ring: var(--brand)}[data-theme=dark]{--ground: var(--n-night);--panel: var(--n-night-lift);--sunk: var(--n-night-sunk);--numeral: var(--n-gold);--text: #f6ece0;--text-soft: rgba(246, 236, 224, .72);--label: var(--n-gold-deep);--rule: rgba(230, 196, 132, .18);--rule-strong: rgba(230, 196, 132, .42);--brand: var(--n-gold);--brand-fill: var(--n-gilt);--on-brand: var(--n-red);--band: transparent;--band-ink: var(--n-gold);--card-face: linear-gradient(178deg, rgba(255, 255, 255, .05) 0%, rgba(0, 0, 0, .22) 100%);--card-edge: rgba(230, 196, 132, .26);--card-lip: rgba(250, 227, 160, .18);--card-shadow: inset 0 1px 0 rgba(250, 227, 160, .07), 0 2px 10px rgba(0, 0, 0, .5);--rise: var(--rise-dark);--fall: var(--fall-dark);--sweep: rgba(250, 227, 160, .7);--focus-ring: var(--brand)}:root{--t-display: 45px;--t-display-lh: 55px;--t-feature: 35px;--t-feature-lh: 45px;--t-lead: 30px;--t-lead-lh: 40px;--t-card: 26px;--t-card-lh: 34px;--t-name: 18px;--t-name-lh: 25px;--t-body: 16px;--t-body-lh: 30px;--t-small: 14px;--t-small-lh: 25px;--t-cta: 13px;--t-cta-lh: 20px;--t-caption: 12px;--t-caption-lh: 20px;--t-footer: 10px;--t-footer-lh: 30px;--t-eyebrow-tracking: 2px;--t-cta-tracking: 1.5px;--t-footer-tracking: 1px;--column: 1360px;--gutter: 40px;--header-h: 120px;--media-ratio: 16 / 9;--ease-arrive: cubic-bezier(.19, 1, .22, 1);--ease-leave: cubic-bezier(.5, 0, .8, .25);--ease-sweep: cubic-bezier(.4, 0, .2, 1);--dur-quick: .2s;--dur-base: .3s;--dur-panel: .35s;--dur-enter: .5s;--dur-ambient: 12s;--dur-entrance: .9s}:lang(th){--t-body-lh: 34px;--t-small-lh: 28px;--t-cta-tracking: .5px;--t-eyebrow-tracking: 1px;--t-footer-tracking: .5px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--text);font-family:var(--font-text);font-size:var(--t-body);line-height:var(--t-body-lh);font-weight:400;-webkit-font-smoothing:antialiased;transition:background-color var(--dur-base) var(--ease-arrive),color var(--dur-base) var(--ease-arrive)}img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:normal;text-transform:none;margin:0;color:var(--text)}h1{font-size:var(--t-display);line-height:var(--t-display-lh)}h2{font-size:var(--t-feature);line-height:var(--t-feature-lh)}h3{font-size:var(--t-card);line-height:var(--t-card-lh)}h4{font-size:var(--t-name);line-height:var(--t-name-lh)}p{margin:0}.eyebrow{font-family:var(--font-text);font-size:var(--t-cta);line-height:var(--t-cta-lh);letter-spacing:var(--t-eyebrow-tracking);text-transform:uppercase;color:var(--label);margin:0}.caption{font-size:var(--t-caption);line-height:var(--t-caption-lh);letter-spacing:var(--t-cta-tracking);text-transform:uppercase;color:var(--text-soft)}.lead{font-family:var(--font-display);font-size:var(--t-lead);line-height:var(--t-lead-lh)}a{color:inherit;text-decoration:none}.capital-link{display:inline-block;font-family:var(--font-text);font-size:var(--t-cta);line-height:var(--t-cta-lh);letter-spacing:var(--t-cta-tracking);text-transform:uppercase;color:var(--text-soft);padding-bottom:8px;border-bottom:1px solid var(--rule);transition:color var(--dur-quick) ease-out,border-color var(--dur-quick) ease-out}.capital-link:hover,.capital-link:focus-visible{color:var(--text);border-bottom-color:var(--text)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.column{width:min(100% - 2 * var(--gutter),var(--column));margin-inline:auto}.bleed{width:100%}.stack>*+*{margin-top:var(--step-5)}.section{padding-block:var(--step-8)}.section-tight{padding-block:var(--step-7)}.media{aspect-ratio:var(--media-ratio);overflow:hidden;background:var(--sunk)}.media>img{width:100%;height:100%;object-fit:cover}.media>img{opacity:0;transition:opacity var(--dur-enter) var(--ease-arrive) .1s}.media>img.is-loaded{opacity:1}.held{position:relative}.held-image{position:sticky;top:0;height:100svh;overflow:hidden}.held-image>img{width:100%;height:100%;object-fit:cover}.scrim:after{content:"";position:absolute;inset-inline:0;bottom:0;height:50%;background:linear-gradient(0deg,#2411108c,#24111000);pointer-events:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:1200px){:root{--t-display: 40px;--t-display-lh: 50px}}@media(max-width:900px){:root{--header-h: 60px;--t-display: 32px;--t-display-lh: 40px;--t-feature: 26px;--t-feature-lh: 34px;--t-lead: 22px;--t-lead-lh: 32px;--gutter: 24px}.section{padding-block:var(--step-7)}}@media(max-width:600px){:root{--t-display: 28px;--t-display-lh: 36px;--gutter: 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.media>img{opacity:1}}
