.chapter.kg-work{grid-template-rows:auto;align-content:start;row-gap:1rem}.kg-work .ch-head{grid-area:auto/1/auto/-1;align-self:start;max-width:30rem}.kg-work-stage,.kg-work-panel,.kg-work-tab,.kg-work-phone{min-width:0}.kg-work-stage .kg-content{padding:.85rem;gap:.6rem;padding-block-end:.7rem}.kg-stage-bar{min-width:0;align-items:center;gap:.75rem;padding-inline-start:calc(max(var(--c-tl), 0px) * .5);display:flex}.kg-stage-pips{flex:none;gap:.4rem;display:inline-flex}.kg-stage-pips i{background:var(--gold);opacity:.85;width:7px;height:7px;transform:rotate(45deg)}.kg-stage-host{border:1px solid var(--gold-hair);color:#efe8d6;min-width:0;font-family:var(--font-mono), monospace;font-size:var(--fs-micro-lg);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;background:#00000052;flex:auto;padding:.28rem .7rem;overflow:hidden}.kg-stage-badge{color:var(--gold-bright);font-family:var(--font-mono), monospace;font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;flex:none;font-weight:500}.kg-stage-screen,.kg-phone-screen{clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);background:#0a0908b3;flex:1 1 0;min-height:0;position:relative;overflow:hidden}.kg-stage-screen:after,.kg-phone-screen:after{content:"";pointer-events:none;background:linear-gradient(#fff6e00f 0%,#0000 18% 62%,#09080757 100%),radial-gradient(120% 120% at 50% 40%,#0000 58%,#08070657 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #e0be6e47}.kg-work-img{object-fit:cover;object-position:top left;opacity:0;filter:saturate(.97)brightness(.96);width:100%;height:100%;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-chrome) var(--ease-out-quint);position:absolute;inset:0;transform:scale(1.015)}.kg-work-img[data-on]{opacity:1;transform:none}.kg-stage-foot{border-block-start:1px solid var(--gold-hair);background:#080706d1;margin-block-start:-.1rem;padding:.4rem .75rem}.kg-stage-note{color:#ece8de;font-size:var(--fs-ui-tight);margin:0;line-height:1.3}.kg-work-phone .kg-content{gap:.4rem;padding:.55rem;padding-block-start:.65rem}.kg-work-phone .kg-work-img{object-position:top center}.kg-phone-label{color:var(--gold-bright);font-family:var(--font-mono), monospace;font-size:var(--fs-micro);letter-spacing:.22em;text-align:center;text-transform:uppercase;font-weight:500;line-height:1}.kg-work-rail{flex-direction:column;gap:.8rem;min-width:0;min-height:0;display:flex}.kg-work-tabs{flex-direction:column;flex:none;gap:.6rem;display:flex}.kg-work-tab .kg-content{gap:0;padding:0}.kg-work-tab.kg-shard{--kg-pool:#050506d1;--kg-pool-size:120% 200%;--kg-pool-at:36% 50%}.kg-tab{width:100%;min-height:clamp(4.25rem,2.6rem + 1.8vw,6.25rem);color:var(--ink);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;grid-template-columns:clamp(4.5rem,6vw,8rem) minmax(0,1fr);align-items:center;gap:.9rem;padding:.55rem 1rem .55rem .7rem;display:grid;position:relative}.kg-tab-lit{pointer-events:none;clip-path:polygon(var(--kg-pts));background:linear-gradient(158deg, #ecc87433 0%, #805e1e14 55%, transparent 100%), linear-gradient(0deg, transparent 0 calc(100% - 2px), var(--gold-bright) calc(100% - 2px));opacity:0;transition:opacity var(--dur-fast) var(--ease-out);position:absolute;inset:0}.kg-tab[aria-selected=true] .kg-tab-lit{opacity:1}.kg-tab-thumb{aspect-ratio:8/5;object-fit:cover;object-position:top left;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);opacity:.85;width:100%;transition:opacity var(--dur-fast) var(--ease-out);position:relative;box-shadow:inset 0 0 0 1px #e0be6e4d}.kg-tab[aria-selected=true] .kg-tab-thumb{opacity:1}.kg-tab-text{flex-direction:column;gap:.2rem;min-width:0;display:flex;position:relative}.kg-tab-name{color:var(--ink);font-family:var(--font-display-en), serif;text-shadow:var(--kg-halo,0 1px 12px #000000b3);font-size:clamp(1.3rem,.9rem + .65vw,2rem);font-weight:400;line-height:1.08}.kg-tab-kind{color:#e3dfd3;text-shadow:var(--kg-halo,0 1px 10px #000000b3);font-size:clamp(.875rem,.6rem + .3vw,1.1rem);line-height:1.25}.kg-tab[aria-selected=true] .kg-tab-kind{color:#f7e8b8}.kg-work-panel{flex:1 1 0;min-height:0}.kg-work-panel.kg-shard[data-tone=gold]{--kg-tint:linear-gradient(158deg, #ecc87424 0%, #805e1e14 46%, #100c084d 100%);--kg-pool:#050506cc;--kg-pool-size:150% 140%;--kg-pool-at:42% 55%}.kg-work-panel .kg-content{padding-block-start:calc(var(--kg-pad) * .9);padding-block-end:calc(var(--kg-pad) * .9)}.kg-panel-body{height:100%;animation:kg-panel-in var(--dur-chrome) var(--ease-out-quint) both;flex-direction:column;gap:clamp(.6rem,.2rem + .9svh,1.1rem);display:flex}@keyframes kg-panel-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.kg-panel-kind,.kg-panel-facts-label{color:var(--gold-bright);font-family:var(--font-mono), monospace;font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;margin:0;font-weight:500;line-height:1.2}.kg-panel-name{color:var(--ink);font-family:var(--font-display-en), serif;margin:0;font-size:clamp(2rem,1.1rem + 1.4vw,3.2rem);font-weight:400;line-height:1}.kg-panel-desc{text-wrap:pretty;max-width:38ch;margin:0;font-size:clamp(.94rem,.55rem + .46vw,1.3rem)}.kg-panel-facts{flex-direction:column;gap:.4rem;display:flex}.kg-panel-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.kg-panel-list li{color:var(--kg-read-ink,#e7e3da);text-shadow:var(--kg-halo,0 1px 10px #000000b3);text-wrap:pretty;padding-inline-start:1.15rem;font-size:clamp(.94rem,.55rem + .46vw,1.3rem);line-height:1.35;position:relative}.kg-panel-list li:before{content:"";inset-inline-start:.1rem;background:var(--gold);width:6px;height:6px;position:absolute;top:.5em;transform:rotate(45deg)}.kg-panel-cta{margin-top:auto}@media (min-width:1024px){.chapter.kg-work{grid-template-rows:auto minmax(0,1fr);align-content:stretch;row-gap:clamp(.5rem,1.6svh,1.1rem);padding-block-end:clamp(1.5rem,5svh,2.75rem)}.kg-work .ch-head{grid-area:1/1/auto/span 7;max-width:47vw}.kg-work .ch-head .discipline-heading{font-size:clamp(2rem,min(1.35rem + 2.8vw,4.2svh + 1.4rem),3.85rem)}.kg-work-rail{container:kgrail/size}.kg-work-panel{container:kgpanel/size}.kg-work-stage{grid-area:2/1/3/8;align-self:end;height:min(100%,63svh)}.kg-work-seam{grid-area:2/7/3/9}.kg-work-phone{z-index:2;aspect-ratio:4/5.3;grid-area:2/6/3/8;place-self:end;width:clamp(8.5rem,14vw,15.5rem);margin:0 -1.35rem clamp(2.6rem,6svh,3.6rem) 0}.kg-work-rail{grid-area:2/8/3/13;padding-inline-start:.4rem}.kg-work-tab{flex:none}.ch-demos-intro{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.locale-th .kg-work .ch-head .discipline-heading{font-size:clamp(2rem,min(1.35rem + 2.8vw,4.2svh + 1.4rem,3.6vw),3.85rem)}}@media (min-width:1024px) and (min-height:1000px){.kg-work .ch-head{grid-column:1/span 7;max-width:30rem}.kg-work .ch-head .discipline-heading{font-size:clamp(2.2rem,1.35rem + 2.8vw,3.85rem)}}@container kgrail (max-height:799px){.kg-work-tabs{gap:.4rem}.kg-tab{grid-template-columns:clamp(3.75rem,5vw,6rem) minmax(0,1fr);min-height:3.6rem;padding-block:.45rem}.kg-tab-name{font-size:clamp(1.15rem,.9rem + .5vw,1.6rem)}}@container kgrail (max-height:599px){.kg-work-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.kg-tab{grid-template-columns:3.4rem minmax(0,1fr);gap:.5rem;min-height:2.9rem;padding:.25rem .5rem .25rem .4rem}.kg-tab-name{font-size:clamp(1.05rem,.85rem + .4vw,1.35rem)}.kg-tab-kind{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@container kgpanel (max-height:429px){.kg-work-panel .kg-content{padding-block:calc(var(--kg-pad) * .7)}.kg-panel-body{gap:.5rem}.kg-panel-name{font-size:1.85rem}.kg-panel-desc,.kg-panel-list li{font-size:.9375rem;line-height:1.35}.kg-panel-facts{gap:.3rem}.kg-panel-list{gap:.2rem}}@container kgpanel (max-height:339px){.kg-panel-list li:nth-child(n+3){display:none}.kg-panel-body{gap:.4rem}}@container kgpanel (max-height:269px){.kg-panel-facts{display:none}.kg-panel-name{font-size:1.6rem}}@media (max-width:1023px){.chapter.kg-work{gap:1rem}.kg-work .ch-head{max-width:28rem}.kg-work-stage{width:100%;max-width:42rem}.kg-work-stage .kg-stage-screen{aspect-ratio:8/5;flex:none}.kg-work-phone,.kg-work-seam{display:none}.kg-work-rail{width:100%;max-width:42rem}.kg-work-panel{flex:none}.kg-panel-desc{max-width:none}}@media (max-width:480px){.kg-stage-bar{gap:.5rem}.kg-stage-pips{display:none}.kg-stage-host{letter-spacing:0;padding-inline:.45rem}.kg-stage-badge{letter-spacing:.1em}}@media (max-width:400px){.kg-stage-bar{flex-wrap:wrap;row-gap:.35rem}.kg-stage-host{flex:100%}.kg-stage-badge{margin-inline-start:auto}}.locale-th :is(.kg-tab-name,.kg-panel-name){font-family:var(--font-display-th), serif;letter-spacing:normal;overflow-wrap:break-word;line-height:1.22}.locale-th .kg-tab-name{line-height:1.4}.locale-th :is(.kg-panel-kind,.kg-panel-facts-label,.kg-stage-badge,.kg-phone-label){font-family:var(--font-body), sans-serif;letter-spacing:.02em;text-transform:none;font-size:var(--fs-ui-tight);line-height:1.35}@media (prefers-reduced-motion:reduce){.kg-work-img{transition:opacity .12s linear;transform:none}.kg-panel-body{animation:none}.kg-tab-lit,.kg-tab-thumb{transition:none}}
.hero-engine-ready [data-motion-layer=content]:has(.ch-monolith){opacity:1;will-change:auto;transform:none}.chapter.ch-finale{view-timeline-inset:0px;isolation:auto;--ch-trace:1.6s;--ch-retract:.6s}.ch-finale-panel{grid-column:7/-1;align-self:start;margin-inline-end:6vw}.ch-monolith{--mono-pad:clamp(1.5rem, .9rem + 2.3vw, 3rem);--ink-dim:#dcd6ca;color:var(--ink);position:relative}.kg-shape.ch-monolith[data-cut-size]{--kg-cut:clamp(2.5rem, 5.2vw, 5rem)}.ch-mono-shadow,.ch-mono-glass,.ch-mono-light,.ch-mono-bevel,.ch-mono-edge,.ch-mono-seam{pointer-events:none;position:absolute;inset:0}.ch-mono-shadow{filter:blur(16px);clip-path:polygon(evenodd, -140px -140px, calc(100% + 140px) -140px, calc(100% + 140px) calc(100% + 140px), -140px calc(100% + 140px), -140px -140px, var(--kg-pts));background:#0000008c;inset:12px}.ch-mono-glass{clip-path:polygon(var(--kg-pts));-webkit-backdrop-filter:blur(11px)saturate(1.45)brightness(1.04);backdrop-filter:blur(11px)saturate(1.45)brightness(1.04);background:radial-gradient(circle at calc(var(--c-tl) * .5) calc(var(--c-tl) * .5), #e0be6e52, transparent calc(var(--c-tl) * 3.2)), linear-gradient(178deg, #ffffff24 0%, #ffffff0a 12%, transparent 34%, #0000001a 100%), linear-gradient(90deg, #08080800 0%, #0808084d 14%, #08080857 50%, #0808084d 86%, #08080800 100%), #0a0a0b14}.ch-mono-glass:after{content:"";background-image:var(--kg-grain);opacity:.07;background-size:160px 160px;position:absolute;inset:0}.ch-mono-light{clip-path:polygon(var(--kg-pts));overflow:hidden}.ch-mono-sheen{background:linear-gradient(101deg,#0000 30%,#fff6e213 41%,#fff6e205 50%,#0000 58%),radial-gradient(55% 22% at 22% 0,#ffe6b41f,#0000 72%);position:absolute;inset:-4% -12%}.ch-mono-bevel{--ro:8px;--ri:9px;background:radial-gradient(circle at calc(var(--c-tl) * .5) calc(var(--c-tl) * .5), #f0d68cbf 0, transparent calc(var(--c-tl) * 2.6)), linear-gradient(172deg, #ffffff3d 0%, #ffffff0d 26%, transparent 60%, #e0be6e29 100%)}.ch-mono-edge{background:radial-gradient(circle at calc(var(--c-tl) * .5) calc(var(--c-tl) * .5), var(--kg-gold-light) 0, transparent calc(var(--c-tl) * 2.6)), linear-gradient(172deg, #fffaeed9 0%, #c9a85c52 20%, #c9a85c33 72%, #e0c78399 100%)}.ch-mono-seam{overflow:visible}.ch-mono-trail,.ch-mono-glow,.ch-mono-spark{fill:none;stroke-dasharray:1 1;stroke-dashoffset:1px}.ch-mono-trail,.ch-mono-glow{transition:stroke-dashoffset var(--ch-retract) var(--ease-out)}.ch-mono-trail{stroke:var(--gold-bright);stroke-width:1.5px}.ch-mono-glow{stroke:#e0be6ed9;stroke-width:7px;opacity:.5;filter:blur(5px)}.ch-mono-spark{stroke:#fff3d2;stroke-width:3px;stroke-linecap:round;stroke-dasharray:.03 2;stroke-dashoffset:.03px;opacity:0;filter:drop-shadow(0 0 6px #ffde96)}.ch-monolith:focus-within .ch-mono-trail,.ch-monolith:focus-within .ch-mono-glow{stroke-dashoffset:0;transition:stroke-dashoffset var(--ch-trace) var(--ease-out-quint)}.ch-monolith:focus-within .ch-mono-spark{animation:ch-mono-spark var(--ch-trace) var(--ease-out-quint) both}@keyframes ch-mono-spark{0%{opacity:0;stroke-dashoffset:.03px}6%,86%{opacity:1}to{opacity:0;stroke-dashoffset:-.97px}}.ch-mono-probe{width:var(--c-tl);visibility:hidden;pointer-events:none;height:1px;position:absolute;top:0;left:0}.ch-mono-content{padding:calc(var(--mono-pad) + var(--c-tl) * .3) var(--mono-pad) var(--mono-pad);flex-direction:column;gap:clamp(1.4rem,3svh,2rem);display:flex;position:relative}.ch-finale-head{flex-direction:column;gap:clamp(1.25rem,2.6svh,1.75rem);padding-inline-start:calc(var(--c-tl) * .35);display:flex}.ch-finale-head .section-body{max-width:44ch}.ch-finale-form{padding-top:clamp(1.25rem,2.6svh,1.9rem);position:relative}.ch-finale-form:before{content:"";background:linear-gradient(90deg, var(--gold-line), #c9a85c2e 60%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.ch-finale-foot{flex-direction:column;gap:.4rem;display:flex}.ch-monolith [data-slot=vitrine-panel]{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.ch-monolith [data-slot=vitrine-panel]:before,.ch-monolith [data-slot=vitrine-panel]:after{content:none}.ch-monolith fieldset label,.ch-monolith :is(input,select,textarea),.ch-monolith [data-slot=vitrine-panel] [role=alert]{border-radius:0}.ch-monolith :is(input,select,textarea):not(:focus-visible,[aria-invalid=true]){border-color:#f0ede59e}@media (hover:hover) and (pointer:fine){.ch-monolith:hover :is(.ch-mono-shadow,.ch-mono-sheen,.ch-mono-bevel){will-change:transform}}.ch-monolith button[type=submit]{--bcut:var(--kg-cut-sm);--rcut:calc(var(--kg-cut-sm) + 2px);isolation:isolate;min-height:3rem;color:var(--ink-on-gold);letter-spacing:.04em;background:0 0;border-radius:0;font-weight:600;overflow:visible}.ch-monolith button[type=submit]:before{content:"";z-index:-1;clip-path:polygon(var(--bcut) 0, 100% 0, 100% calc(100% - var(--bcut)), calc(100% - var(--bcut)) 100%, 0 100%, 0 var(--bcut));transition:filter var(--dur-fast) var(--ease-out);background:linear-gradient(#fff8e059,#0000 1.5px),linear-gradient(168deg,#e0c783 0%,#c9a85c 46%,#b4924a 100%);position:absolute;inset:0}.ch-monolith button[type=submit]:after,.ch-monolith button[type=submit]:hover:after{z-index:-1;background:var(--gold-bright);opacity:0;width:auto;transition:opacity var(--dur-press) var(--ease-out);clip-path:polygon(evenodd, var(--rcut) 0, 100% 0, 100% calc(100% - var(--rcut)), calc(100% - var(--rcut)) 100%, 0 100%, 0 var(--rcut), var(--rcut) 0, calc(var(--rcut) + 1.25px) 3px, 3px calc(var(--rcut) + 1.25px), 3px calc(100% - 3px), calc(100% - var(--rcut) - 1.25px) calc(100% - 3px), calc(100% - 3px) calc(100% - var(--rcut) - 1.25px), calc(100% - 3px) 3px, calc(var(--rcut) + 1.25px) 3px);inset:-5px;transform:none}.ch-monolith button[type=submit]:focus-visible:after{opacity:1}.ch-monolith button[type=submit]:focus-visible{box-shadow:none;outline:none}@media (forced-colors:active){.ch-monolith button[type=submit]:focus-visible{outline-offset:3px;outline:3px solid highlight}}@media (hover:hover) and (pointer:fine){.ch-monolith button[type=submit]:hover:before{filter:brightness(1.07)saturate(1.05)}}@media (max-width:1023px){.ch-finale-panel{align-self:stretch}.ch-monolith{--mono-pad:1.25rem}.ch-finale-panel{margin-inline-end:0}}@keyframes ch-fade{0%{opacity:0}to{opacity:1}}@keyframes ch-pointer{0%,39%{pointer-events:none}40%,to{pointer-events:auto}}@keyframes ch-mono-rise{0%{translate:0 3.5rem}to{translate:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:root.hero-engine-ready:not(.hero-engine-fallback) .ch-finale .ch-monolith{animation:linear both ch-mono-rise;animation-timeline:--chapter;animation-range:entry 30% entry 78%}:root.hero-engine-ready:not(.hero-engine-fallback) .ch-finale :is(.ch-mono-shadow,.ch-mono-glass,.ch-mono-light,.ch-mono-bevel,.ch-mono-edge){animation:linear both ch-fade;animation-timeline:--chapter;animation-range:entry 30% entry 70%}:root.hero-engine-ready:not(.hero-engine-fallback) .ch-finale .ch-mono-content{animation:linear both ch-fade,linear both ch-pointer;animation-timeline:--chapter,--chapter;animation-range:entry 42% entry 80%,entry 42% entry 80%}:root.hero-engine-ready:not(.hero-engine-fallback) .ch-finale:has(:focus-visible) :is(.ch-monolith,.ch-mono-shadow,.ch-mono-glass,.ch-mono-light,.ch-mono-bevel,.ch-mono-edge,.ch-mono-content){pointer-events:auto;animation:none}}}@media (prefers-reduced-motion:reduce){.ch-monolith:focus-within .ch-mono-trail,.ch-monolith:focus-within .ch-mono-glow,.ch-mono-trail,.ch-mono-glow{transition:none}.ch-monolith:focus-within .ch-mono-spark{animation:none}}