:root{--ink: #0a0908;--bar: #040403;--slate: #171512;--screen: #f4efe6;--dim: #a39c90;--line: rgba(244, 239, 230, .16);--accent: #ffc83d;--ember: #e5372b;--focus: #9cc4ff;--font-display: "Sofia Sans Extra Condensed", "Noto Sans Thai", "Arial Narrow", sans-serif;--font-body: "Anuphan", "Noto Sans Thai", system-ui, sans-serif;--t-150: .15s;--t-200: .2s;--t-300: .3s;--t-title: .8s;--t-wipe: 1.1s;--t-curtain: .9s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--top: 64px;--bottom: 48px;--gutter: clamp(20px, 5vw, 80px)}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip;scroll-padding-top:var(--top)}body{margin:0;padding-bottom:var(--bottom);background:var(--ink);color:var(--screen);font:400 1.0625rem/1.7 var(--font-body);-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.22;background-image:url(../brand/grain.png);background-image:image-set(url(../brand/grain.webp) type("image/webp"),url(../brand/grain.png) type("image/png"));background-size:128px 128px}.leaks{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}.leaks:before,.leaks:after{content:"";position:absolute;width:78vmax;height:78vmax;border-radius:50%}.leaks:before{left:-34vmax;top:-14vmax;background:radial-gradient(closest-side,rgba(229,55,43,.15) 0%,rgba(229,55,43,.05) 52%,transparent 100%);transform:translate3d(calc(var(--p, 0) * 30vw),calc(var(--p, 0) * 70vh),0)}.leaks:after{right:-38vmax;top:26vh;background:radial-gradient(closest-side,rgba(255,200,61,.12) 0%,rgba(255,200,61,.04) 52%,transparent 100%);transform:translate3d(calc(var(--p, 0) * -34vw),calc(var(--p, 0) * -50vh),0)}main,.footer{position:relative;z-index:1}h1,h2,h3,p,ul,ol,dl,dd,fieldset{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0;min-width:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.display{font-family:var(--font-display);font-weight:800;font-stretch:62.5%;line-height:.98;letter-spacing:.005em}:lang(th) .display{line-height:1.28;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color var(--t-200) var(--ease-out),color var(--t-200) var(--ease-out),border-color var(--t-200) var(--ease-out),transform var(--t-200) var(--ease-out)}.btn:active{transform:scale(.97)}.btn-small{min-height:40px;padding:0 18px;font-size:.9375rem}.btn-solid{background:var(--accent);color:var(--bar)}.btn-solid:hover{background:var(--screen)}.btn-ghost{border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--screen);background:var(--screen);color:var(--bar)}.btn:disabled{opacity:.6;cursor:progress}.bar{position:fixed;left:0;right:0;z-index:30;display:flex;align-items:center;gap:20px;padding:0 var(--gutter);background:var(--bar)}.bar-top{top:0;height:var(--top)}.bar-bottom{bottom:0;height:var(--bottom)}.skip{position:absolute;left:-999px}.skip:focus{left:var(--gutter);top:10px;z-index:2;padding:8px 12px;background:var(--screen);color:var(--bar)}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto}.brand-nav-logo{display:block;height:42px;width:auto}.tally{width:9px;height:9px;border-radius:50%;background:var(--ember);box-shadow:0 0 12px var(--ember)}.nav{display:flex;gap:28px}.nav a{position:relative;text-decoration:none;color:var(--dim);font-size:.9375rem;transition:color var(--t-200) var(--ease-out)}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform var(--t-300) var(--ease-out)}.nav a:hover{color:var(--screen)}.nav a:hover:after{transform:scaleX(1);transform-origin:left}.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.lang button{padding:6px 12px;font-size:.8125rem;font-weight:600;color:var(--dim)}.lang button[aria-pressed=true]{background:var(--screen);color:var(--bar)}.timecode{font-variant-numeric:tabular-nums;font-size:.875rem;color:var(--accent);min-width:6.2em}.track{position:relative;flex:1;height:100%;margin-right:44px}.track:before,.track-fill{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;background:var(--line)}.track-fill{background:var(--accent);transform-origin:left;transform:scaleX(var(--p, 0))}.playhead{position:absolute;inset:0;pointer-events:none;transform:translate(calc(var(--p, 0) * 100%))}.playhead:before{content:"";position:absolute;left:-1px;bottom:8px;width:2px;height:26px;background:var(--screen)}.mark{position:absolute;bottom:0;height:100%;transform:translate(-1px);display:flex;align-items:flex-start;padding-top:7px}.mark:before{content:"";position:absolute;left:0;bottom:10px;width:2px;height:10px;background:var(--dim)}.mark span{font-size:.75rem;color:var(--dim);padding-left:7px;white-space:nowrap;transition:color var(--t-150) var(--ease-out)}.mark:hover span,.mark[aria-current] span{color:var(--screen)}.curtain{position:fixed;inset:0;z-index:60;display:grid;place-items:center;pointer-events:none;animation:curtain-gone 0s linear 1.7s forwards}.curtain:before,.curtain:after{content:"";position:absolute;left:0;right:0;height:50.5%;background:var(--bar)}.curtain:before{top:0;animation:curtain-up var(--t-curtain) var(--ease-out) .7s forwards}.curtain:after{bottom:0;animation:curtain-down var(--t-curtain) var(--ease-out) .7s forwards}.curtain-logo{position:relative;z-index:1;width:clamp(150px,22vw,230px);height:auto;filter:drop-shadow(0 12px 36px rgba(0,0,0,.75));animation:curtain-brand .9s var(--ease-out) forwards}@keyframes curtain-up{to{transform:translateY(-100%)}}@keyframes curtain-down{to{transform:translateY(100%)}}@keyframes curtain-brand{0%{opacity:0}35%,70%{opacity:1}to{opacity:0}}@keyframes curtain-gone{to{visibility:hidden}}.hero{position:relative;min-height:100svh;padding:calc(var(--top) + 40px) var(--gutter) calc(var(--bottom) + 48px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.hero-reel{position:absolute;inset:var(--top) 0 0;overflow:hidden;background:var(--bar);contain:layout paint;transform:translateZ(0) scale(calc(1 - var(--hp, 0) * .1));border-radius:calc(var(--hp, 0) * 28px)}.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-poster{opacity:.62}.hero-video{opacity:.72;transform:translateZ(0)}.hero-reel .hero-light{position:relative;z-index:1;opacity:.42}.hero-reel:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 68% 54% at 24% 22%,rgba(255,200,61,.11),transparent 70%),radial-gradient(ellipse 60% 50% at 82% 76%,rgba(229,55,43,.12),transparent 70%),linear-gradient(0deg,#0a0908f0,#0a090857 52%,#0a090880)}.hero-light{display:block;width:100%;height:100%}.frame-picture{display:contents}.frame-media{display:block;width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;transform:translate3d(0,calc(var(--hp, 0) * -70px),0);opacity:calc(1 - var(--hp, 0) * 1.5)}.hero-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;padding:6px 14px 6px 10px;border:1px solid var(--line);border-radius:999px;background:#04040394;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:0;animation:fade-up .7s var(--ease-out) .95s forwards}.hero-kicker img{display:block;width:20px;height:auto}.hero-kicker span{text-box:trim-both cap alphabetic}.hero-title{font-size:clamp(3.2rem,11.5vw,12rem);text-wrap:balance}:lang(th) .hero-title{font-size:clamp(2.7rem,9vw,9.5rem);line-height:1.22}.line{display:block;overflow:hidden;padding-top:.14em;margin-top:-.14em}.line>span{display:block;transform:translateY(112%) rotate(3deg);transform-origin:left bottom;animation:line-up 1s var(--ease-out) forwards;animation-delay:1.05s}.line+.line>span{animation-delay:1.17s;color:var(--accent)}@keyframes line-up{to{transform:none}}.hero-foot{display:flex;flex-wrap:wrap;align-items:flex-end;gap:22px 48px;margin-top:26px;padding-right:190px;opacity:0;animation:fade-up .7s var(--ease-out) 1.6s forwards}.hero-sub{max-width:34rem;font-size:1.1875rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade-in{to{opacity:1}}.hero-ring{position:absolute;right:var(--gutter);bottom:calc(var(--bottom) + 44px);width:150px;height:150px;border-radius:50%;opacity:0;animation:fade-in .7s var(--ease-out) 1.9s forwards}.hero-ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ring-spin{animation:spin 16s linear infinite;will-change:transform}.ring-text{font:500 17px var(--font-body);letter-spacing:.06em;fill:var(--screen)}.ring-arrow{fill:none;stroke:var(--accent);stroke-width:3;transition:transform var(--t-300) var(--ease-out)}.hero-ring:hover .ring-arrow{transform:translateY(8px)}@keyframes spin{to{transform:rotate(360deg)}}.marquee{overflow:hidden;padding:clamp(24px,4.5vw,60px) 0 0;contain:layout paint}.marquee-row{display:flex;gap:.5em;width:max-content;font-size:clamp(2.85rem,.25rem + 8.6vw,7.125rem);white-space:nowrap}.marquee-row span{color:transparent;-webkit-text-stroke:1.5px rgba(244,239,230,.4)}.marquee-row span.is-fill{color:var(--screen);-webkit-text-stroke:0}.marquee-row span:after{content:"";display:inline-block;width:.16em;height:.16em;margin-left:.5em;border-radius:50%;background:var(--accent);vertical-align:.28em}.block{padding:clamp(80px,12vw,170px) var(--gutter) 0}.section-title{font-size:clamp(2.8rem,8vw,8rem);overflow:hidden;padding-top:.14em}:lang(th) .section-title{font-size:clamp(2.5rem,6.6vw,6.5rem)}.section-title>span{display:block;transform:translateY(112%) rotate(2.5deg);transform-origin:left bottom;transition:transform var(--t-title) var(--ease-out)}.section-title.is-in>span{transform:none}.reel{padding-top:clamp(56px,8vw,110px);position:relative;z-index:1}.reel-pin{display:flex;flex-direction:column;gap:22px}.reel.is-pinned .reel-pin{position:sticky;top:var(--top);height:calc(100vh - var(--top) - var(--bottom));justify-content:center;overflow:hidden}.reel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 var(--gutter)}.reel-hint{color:var(--dim);font-size:.9375rem;padding-bottom:.6em}.reel:not(.is-pinned) .reel-hint{display:none}.reel-track{position:relative;display:flex;align-items:flex-start;gap:16px;width:max-content;max-width:none;padding:36px var(--gutter);background:var(--slate);will-change:transform}.reel:not(.is-pinned) .reel-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter)}.reel.is-pinned .reel-track:before,.reel.is-pinned .reel-track:after{content:"";position:absolute;left:0;right:0;height:13px;background:repeating-linear-gradient(90deg,transparent 0 16px,var(--ink) 16px 30px,transparent 30px 44px);border-radius:3px}.reel-track:before{top:11px}.reel-track:after{bottom:11px}.cell{flex:none;text-align:left;scroll-snap-align:start;display:grid;gap:2px}.cell-frame{display:block;height:clamp(240px,50vh,560px);overflow:hidden;background:var(--bar);margin-bottom:12px}.cell-frame .frame-media{width:116%;max-width:none;margin-left:-8%;transform:translate3d(var(--shift, 0%),0,0) scale(1.02);transition:scale .9s var(--ease-out)}.cell:hover .cell-frame .frame-media{scale:1.06}.cell-title{font-size:clamp(1.5rem,2.3vw,2.3rem)}.cell-title,.cell-meta{width:0;min-width:100%}.cell-meta{color:var(--dim);font-size:.9375rem}.services{content-visibility:auto;contain-intrinsic-size:auto none auto 620px}.service-list{margin-top:44px;border-bottom:1px solid var(--line)}.service{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px 48px;align-items:start;padding:40px 0;border-top:1px solid var(--line);transition:opacity var(--t-300) var(--ease-out)}.service-name{font-size:clamp(2.4rem,6.4vw,6.4rem);transition:transform .5s var(--ease-out),color var(--t-300) var(--ease-out)}:lang(th) .service-name{font-size:clamp(2.2rem,5.2vw,5.2rem)}.service-body p{max-width:34rem}.service-items{display:flex;flex-wrap:wrap;gap:6px 22px;margin:14px 0 20px;color:var(--dim);font-size:.9375rem}@media(hover:hover){.service-list:hover .service:not(:hover){opacity:.32}.service:hover .service-name{transform:translate(22px);color:var(--accent)}}.peek{position:fixed;top:0;left:0;z-index:20;pointer-events:none;transition:transform .5s var(--ease-out)}.peek-inner{position:absolute;top:-190px;left:36px;width:300px;height:380px;overflow:hidden;clip-path:inset(50% 50% 50% 50%);transition:clip-path .5s var(--ease-in)}.peek.is-on .peek-inner{clip-path:inset(0 0 0 0);transition:clip-path .7s var(--ease-out)}.peek-inner>div{position:absolute;inset:0;opacity:0;transform:scale(1.15);transition:opacity var(--t-300) var(--ease-out),transform .9s var(--ease-out)}.peek-inner>div.is-on{opacity:1;transform:none}@media(hover:none),(max-width:1020px){.peek{display:none}}.works-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:44px}.filters{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:.8em}.filters button{min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:999px;color:var(--dim);font-size:.9375rem;transition:color var(--t-200) var(--ease-out),border-color var(--t-200) var(--ease-out),background-color var(--t-200) var(--ease-out)}.filters button:hover{color:var(--screen);border-color:var(--screen)}.filters button[aria-pressed=true]{background:var(--screen);border-color:var(--screen);color:var(--bar);font-weight:600}.sheet{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,5vw,80px);align-items:start}.sheet-col{display:grid;gap:clamp(40px,7vw,110px)}.sheet-col+.sheet-col{margin-top:16vw;transform:translate3d(0,calc(var(--wp, .5) * -12vw),0)}.tile{display:grid;gap:14px;width:100%;text-align:left}.tile.is-tall{width:74%}.sheet-col:first-child .tile.is-tall{justify-self:end}.tile-frame{position:relative;display:block;overflow:hidden;background:var(--slate);clip-path:inset(100% 0 0 0);transition:clip-path var(--t-wipe) var(--ease-out)}.tile.is-in .tile-frame{clip-path:inset(0 0 0 0)}.tile-frame .frame-media{transform:scale(1.3);transition:transform 1.6s var(--ease-out)}.tile.is-in .frame-media{transform:scale(1.02)}.tile.is-in:hover .frame-media{transform:scale(1.08);transition-duration:.9s}.tile-type{position:absolute;top:14px;left:14px;padding:3px 12px;border-radius:999px;background:#040403b3;font-size:.8125rem}.tile-caption{display:grid;gap:2px;opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease-out) .3s,transform .6s var(--ease-out) .3s}.tile.is-in .tile-caption{opacity:1;transform:none}.tile-caption strong{font-size:clamp(1.6rem,2.6vw,2.6rem)}.tile-caption span{color:var(--dim);font-size:.9375rem}.tile-skeleton{background:var(--slate);animation:pulse 1.2s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.45}to{opacity:1}}.notice{display:grid;justify-items:start;gap:16px;padding:32px;border:1px solid var(--line);max-width:40rem}.notice-ok{border-color:var(--accent);align-self:start}.cursor{position:fixed;top:0;left:0;z-index:50;pointer-events:none}.cursor span{position:absolute;top:-42px;left:-42px;width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--bar);font-weight:700;opacity:0;transform:scale(.3);transition:opacity var(--t-150) var(--ease-in),transform var(--t-200) var(--ease-in)}.cursor.is-on span{opacity:1;transform:scale(1);transition:opacity var(--t-200) var(--ease-out),transform .4s var(--ease-out)}.lightbox{width:min(1160px,94vw);max-height:92vh;padding:0;border:0;background:var(--slate);color:var(--screen);clip-path:inset(0 0 0 0);opacity:1;transition:clip-path .7s var(--ease-out),opacity var(--t-300) var(--ease-out)}.lightbox:modal{overscroll-behavior:contain}@starting-style{.lightbox[open]{clip-path:inset(18% 12% 18% 12%);opacity:0}}.lightbox::backdrop{background:#040403e0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden;overscroll-behavior:contain}.lightbox-inner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.lightbox-media{display:grid;place-items:center;min-height:min(62vh,540px);max-height:86vh;background:var(--bar);overflow:hidden}.lightbox-media video,.lightbox-stage-img{display:block;max-width:100%;max-height:86vh;width:auto;height:auto;object-fit:contain}.lightbox-info{display:grid;align-content:center;gap:10px;padding:clamp(20px,3vw,44px)}.lightbox-info h2{font-size:clamp(2rem,3.6vw,3.4rem)}.lightbox-meta,.lightbox-client,.lightbox-note{color:var(--dim);font-size:.9375rem}.lightbox-strip{display:flex;gap:8px;overflow-x:auto;padding:10px 0 4px;margin-top:4px;border-top:1px solid var(--line);scrollbar-width:thin}.lightbox-thumb{position:relative;flex:0 0 68px;height:48px;border-radius:4px;overflow:hidden;border:1.5px solid var(--line);background:var(--bar);opacity:.6;transition:opacity var(--t-150) var(--ease-out),border-color var(--t-150) var(--ease-out)}.lightbox-thumb:hover{opacity:.92}.lightbox-thumb[aria-current=true]{border-color:var(--accent);opacity:1}.lightbox-thumb img{display:block;width:100%;height:100%;object-fit:cover}.lightbox-thumb-badge{position:absolute;inset:0;display:grid;place-items:center;background:#0404038f;font-size:.6875rem;font-weight:700;color:var(--accent);padding:0 4px;text-align:center}.lightbox-note{padding-top:10px;border-top:1px solid var(--line)}.lightbox-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.process{content-visibility:auto;contain-intrinsic-size:auto none auto 480px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:52px}.steps li{position:relative;counter-increment:step;padding-top:22px;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:calc(var(--i) * .13s)}.steps li:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease-out);transition-delay:calc(var(--i) * .13s + .1s)}.steps.is-in li{opacity:1;transform:none}.steps.is-in li:after{transform:scaleX(1)}.steps li:before{content:counter(step);display:block;font:800 clamp(4rem,7vw,7rem)/.9 var(--font-display);color:transparent;-webkit-text-stroke:1.5px var(--accent)}.steps h3{font-size:2rem;margin:14px 0 6px}.steps p{color:var(--dim);font-size:1rem}.contact{content-visibility:auto;contain-intrinsic-size:auto none auto 680px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px clamp(32px,6vw,96px);padding-bottom:clamp(72px,10vw,130px)}.contact-title{grid-column:1 / -1}.section-title.is-big{font-size:clamp(3.2rem,11vw,11rem);color:var(--accent)}:lang(th) .section-title.is-big{font-size:clamp(2.8rem,8.6vw,8.6rem)}.contact-logo{display:block;height:48px;width:auto;margin-bottom:18px}.contact-intro>p{max-width:30rem;font-size:1.1875rem}.direct{margin-top:36px;display:grid;gap:8px}.direct dt{color:var(--dim);font-size:.9375rem}.direct dd{display:flex;gap:16px}.direct dd span{min-width:4.2em;color:var(--dim)}.form{display:grid;gap:22px}.field{display:grid;gap:8px}.field label,.field legend{font-weight:600;font-size:.9375rem}.field legend{margin-bottom:8px}.field input[type=text],.field textarea{width:100%;padding:14px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:1.125rem;transition:border-color var(--t-200) var(--ease-out)}.field textarea{resize:vertical;min-height:110px}.field input:hover,.field textarea:hover{border-color:var(--dim)}.field input:focus-visible,.field textarea:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 1px 0 var(--accent)}.field [aria-invalid=true]{border-color:var(--accent)}.hint{color:var(--dim);font-size:.875rem}.error{color:var(--accent);font-size:.9375rem}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip input{position:absolute;opacity:0}.chip span{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:999px;font-weight:400;cursor:pointer;transition:background-color var(--t-200) var(--ease-out),color var(--t-200) var(--ease-out)}.chip input:checked+span{background:var(--screen);border-color:var(--screen);color:var(--bar);font-weight:600}.chip input:focus-visible+span{outline:2px solid var(--focus);outline-offset:3px}.form .btn{justify-self:start}.footer{content-visibility:auto;contain-intrinsic-size:auto none auto 320px;border-top:1px solid var(--line);overflow:hidden}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:32px var(--gutter) 12px}.footer-brand{display:inline-flex;align-items:center;text-decoration:none}.footer-brand img{display:block;height:48px;width:auto}.footer-meta{display:flex;flex-wrap:wrap;gap:8px 28px;color:var(--dim);font-size:.9375rem}.footer-mark{font-size:clamp(4.5rem,24vw,24rem);line-height:.86;letter-spacing:.03em;text-align:center;padding-bottom:.04em;background:linear-gradient(180deg,#f4efe647 6%,#f4efe600 94%);-webkit-background-clip:text;background-clip:text;color:transparent}:lang(th) .footer-mark{line-height:.86}@media(max-width:1020px){.nav,.mark span{display:none}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.service{grid-template-columns:minmax(0,1fr);gap:14px}.hero-ring{display:none}.hero-foot{padding-right:0}}@media(max-width:700px){.bar{gap:12px}.brand-nav-logo{height:36px}.bar-top .btn{display:none}.sheet{grid-template-columns:minmax(0,1fr)}.sheet-col+.sheet-col{margin-top:0;transform:none}.tile.is-tall{width:100%}.steps,.contact,.lightbox-inner{grid-template-columns:minmax(0,1fr)}.lightbox-media{min-height:36vh;max-height:48vh}.lightbox-media video,.lightbox-stage-img{max-height:48vh}.track{margin-right:4px}.cell-frame{height:42vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ring-spin,.tile-skeleton{animation:none}.curtain{display:none}.line>span,.section-title>span{transform:none;animation:none;transition:none}.hero-foot,.hero-ring,.hero-kicker{opacity:1;animation:none}.hero-reel,.hero-copy,.sheet-col+.sheet-col,.leaks:before,.leaks:after{transform:none}.hero-copy{opacity:1}.tile-frame,.tile.is-in .tile-frame{clip-path:none;transition:none}.tile-frame .frame-media,.tile.is-in .frame-media,.tile.is-in:hover .frame-media,.cell-frame .frame-media{transform:none;scale:1;transition:none}.tile-caption,.steps li{opacity:1;transform:none;transition:none}.steps li:after{transform:scaleX(1);transition:none}.lightbox,.cursor span,.peek,.peek-inner,.service-name{transition:none}}