:root{--ink:#0a0a0a;--canvas:#f3f0e8;--signal:#ff4d24;--blue:#315cff;--fog:#c8c6bf;--line:rgba(10,10,10,.19);--display:"Space Grotesk",Arial,sans-serif;--body:"Manrope",Arial,sans-serif;--mono:"IBM Plex Mono",monospace;--pad:clamp(20px,3vw,52px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--body);overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.hidden{position:absolute!important;left:-9999px!important}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}
::selection{background:var(--signal);color:var(--ink)}.noise{position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:10000}.progress span{display:block;width:100%;height:100%;background:var(--signal);transform:scaleX(0);transform-origin:left}.cursor{position:fixed;width:18px;height:18px;border-radius:50%;background:var(--signal);pointer-events:none;z-index:10001;left:0;top:0;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .28s,height .28s,background .28s;display:grid;place-items:center;color:#fff}.cursor span{font:500 10px var(--mono);opacity:0}.cursor.is-view{width:86px;height:86px;mix-blend-mode:normal}.cursor.is-view span{opacity:1}
.loader{position:fixed;inset:0;background:var(--signal);z-index:20000;padding:24px var(--pad);display:flex;flex-direction:column;justify-content:space-between;transition:transform .9s cubic-bezier(.76,0,.24,1);transform-origin:top}.loader.is-done{transform:translateY(-105%)}.loader__top{display:flex;justify-content:space-between;font:500 11px var(--mono)}.loader__word{font:700 clamp(7rem,24vw,26rem)/.72 var(--display);letter-spacing:-.09em;align-self:center}.loader__line{height:2px;background:rgba(10,10,10,.25);overflow:hidden}.loader__line span{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}.loader__count{font:500 13px var(--mono);align-self:flex-end}
.site-header{position:fixed;z-index:9000;top:0;left:0;right:0;height:88px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:transform .4s,color .3s,background .3s}.site-header.is-hidden{transform:translateY(-110%)}.site-header.is-scrolled{background:rgba(243,240,232,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{width:130px;display:block}.brand svg{display:block;width:100%;height:auto;overflow:visible}.brand text{font:700 43px var(--display);letter-spacing:-4px}.brand circle{fill:var(--signal)}.header-meta{font:500 10px var(--mono);letter-spacing:.04em}.status-dot{width:7px;height:7px;background:#2ad66b;display:inline-block;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(42,214,107,.12)}.header-right{justify-self:end;display:flex;align-items:center;gap:20px}.time{font:500 10px var(--mono)}.lang-switch{display:flex;align-items:center;gap:6px;font:500 10px var(--mono)}.lang-switch button{border:0;background:none;color:inherit;padding:6px 2px;cursor:pointer;opacity:.38;transition:opacity .25s,color .25s}.lang-switch button[aria-pressed=true]{opacity:1;color:var(--signal)}.lang-switch span{opacity:.35}.menu-button{border:0;background:none;padding:11px 0 11px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;font:600 11px var(--mono)}.menu-button i,.menu-button i:after{display:block;width:22px;height:2px;background:currentColor;transition:.3s}.menu-button i{position:relative}.menu-button i:after{content:"";position:absolute;top:6px}.menu-button[aria-expanded=true] i{transform:rotate(45deg)}.menu-button[aria-expanded=true] i:after{top:0;transform:rotate(90deg)}
.menu{position:fixed;z-index:8500;inset:0;background:var(--blue);color:var(--canvas);padding:120px var(--pad) 30px;display:flex;flex-direction:column;justify-content:space-between;clip-path:inset(0 0 100% 0);transition:clip-path .75s cubic-bezier(.76,0,.24,1);visibility:hidden}.menu.is-open{clip-path:inset(0);visibility:visible}.menu__bg{position:absolute;right:-3vw;bottom:-23vw;font:700 70vw/.7 var(--display);opacity:.13;color:transparent;-webkit-text-stroke:2px var(--canvas);pointer-events:none}.menu__links{display:flex;flex-direction:column;position:relative}.menu__links a{border-bottom:1px solid rgba(243,240,232,.28);display:grid;grid-template-columns:50px 1fr;align-items:center;overflow:hidden}.menu__links small{font:11px var(--mono)}.menu__links span{font:600 clamp(3rem,8vw,8rem)/.92 var(--display);letter-spacing:-.07em;padding:.06em 0 .1em;transition:transform .35s}.menu__links a:hover span{transform:translateX(28px)}.menu__footer{position:relative;display:flex;justify-content:space-between;font:11px var(--mono)}
.hero{min-height:100svh;position:relative;padding:132px var(--pad) 38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero__eyebrow{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding-top:9px;font:500 10px var(--mono);letter-spacing:.02em}.hero__title{margin:auto 0 .1em;position:relative;z-index:2;font:600 clamp(4.1rem,11.3vw,12.2rem)/.72 var(--display);letter-spacing:-.085em;text-transform:uppercase}.hero-line{display:flex;align-items:center;will-change:transform}.hero-line>span{display:block}.hero-line--outline{color:transparent;-webkit-text-stroke:clamp(1px,.12vw,2px) var(--ink);padding-left:7.2vw}.hero-line--last{justify-content:flex-end}.hero-line--last em{font:400 clamp(1.4rem,2.2vw,2.8rem)/1 var(--mono);letter-spacing:0;margin-right:2vw;align-self:center}.hero-orbit{width:clamp(48px,7vw,110px);aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;margin-left:2vw;position:relative;animation:spin 8s linear infinite}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%)}.hero-orbit:before{width:70%;height:1px}.hero-orbit:after{width:1px;height:70%}.hero-orbit b{position:absolute;width:13%;aspect-ratio:1;background:var(--signal);border-radius:50%;top:4%;left:44%}.hero__bottom{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:end;border-top:1px solid var(--ink);padding-top:16px}.hero__bottom p{max-width:560px;font-size:clamp(15px,1.4vw,22px);line-height:1.35;margin:0}.round-link{width:124px;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;display:flex;justify-content:space-between;align-items:center;padding:19px;font:500 10px/1.35 var(--mono);transition:background .3s,color .3s,transform .3s}.round-link:hover{background:var(--signal);color:var(--ink);border-color:var(--signal)}.round-link b{font-size:22px}.hero__five{position:absolute;right:-3vw;top:6vh;font:700 90vh/.9 var(--display);color:transparent;-webkit-text-stroke:1px rgba(10,10,10,.07);transform:rotate(-7deg);pointer-events:none}
.ticker{overflow:hidden;white-space:nowrap;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.ticker--signal{background:var(--signal)}.ticker__track{width:max-content;display:flex;align-items:center;gap:24px;padding:15px 0;animation:ticker 25s linear infinite;font:600 clamp(1.5rem,2.8vw,3.5rem)/1 var(--display);letter-spacing:-.045em}.ticker__track i{font-style:normal;font-size:.5em}
.section-label{display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:9px;font:500 10px var(--mono)}.statement{padding-top:clamp(90px,13vw,190px);padding-bottom:clamp(90px,13vw,190px)}.statement__copy{max-width:1400px;margin:clamp(80px,9vw,135px) 0;font:500 clamp(3rem,7.5vw,8.5rem)/.95 var(--display);letter-spacing:-.07em}.split-reveal .word{display:inline-block;opacity:.12;transition:opacity .3s}.split-reveal .word.is-active{opacity:1}.statement__foot{display:grid;grid-template-columns:minmax(240px,.7fr) 2fr;gap:8vw;align-items:end}.statement__foot>p{max-width:420px;line-height:1.6;font-size:14px}.five-system{border-top:1px solid var(--ink)}.five-system div{display:grid;grid-template-columns:54px 1fr;border-bottom:1px solid var(--ink);padding:12px 0;font:500 11px var(--mono)}
.work{height:520vh;background:var(--ink);color:var(--canvas)}.work__sticky{position:sticky;top:0;height:100vh;overflow:hidden}.work__head{height:100vh;width:40vw;min-width:510px;padding-top:110px;padding-bottom:38px;display:flex;flex-direction:column;position:absolute;left:0;top:0;background:var(--ink);z-index:4}.work__head h2{margin:auto 0 .25em;font:600 clamp(3.4rem,6vw,7rem)/.86 var(--display);letter-spacing:-.075em}.work__head h2 em{color:var(--signal);font-style:normal}.work__head p{max-width:380px;font-size:13px;line-height:1.6;color:var(--fog)}.work__track{height:100vh;width:max-content;display:flex;align-items:center;gap:3vw;padding-left:43vw;padding-right:8vw;will-change:transform}.project{width:min(62vw,900px);flex:none;display:grid;grid-template-columns:1.55fr .8fr;background:var(--canvas);color:var(--ink);height:72vh;max-height:760px;min-height:540px;overflow:hidden;outline:none}.project__visual{position:relative;overflow:hidden;isolation:isolate}.project__visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(10,10,10,.18);pointer-events:none}.project__meta{padding:28px;display:flex;flex-direction:column;border-left:1px solid rgba(10,10,10,.2)}.project__meta h3{font:600 clamp(2.6rem,4vw,5.2rem)/.82 var(--display);letter-spacing:-.07em;margin:0 auto 0 0}.project__meta p{font-size:13px;line-height:1.55;margin:0 0 30px}.project__meta>span{font:500 10px var(--mono);border-top:1px solid var(--ink);padding-top:12px}.project__giant{position:absolute;font:700 clamp(4rem,10vw,11rem)/.8 var(--display);letter-spacing:-.08em}.project__micro{position:absolute;left:18px;top:18px;font:500 9px var(--mono);z-index:3}.project__stamp{position:absolute;right:24px;bottom:24px;width:90px;aspect-ratio:1;border-radius:50%;background:var(--ink);color:var(--canvas);display:grid;place-content:center;text-align:center;font:500 9px/1.35 var(--mono);transform:rotate(8deg)}.project--one .project__visual{background:var(--signal)}.project--one .project__giant{left:-2vw;bottom:5%;transform:rotate(-90deg);transform-origin:left bottom;color:transparent;-webkit-text-stroke:1px var(--ink)}.prism{position:absolute;left:50%;top:50%;width:46%;height:62%;border:2px solid var(--ink);transform:translate(-50%,-50%) rotate(12deg)}.prism-a{background:var(--blue);box-shadow:20px 20px 0 var(--canvas)}.prism-b{transform:translate(-42%,-58%) rotate(-14deg);background:transparent;mix-blend-mode:difference;border-color:var(--canvas)}.project--two .project__visual{background:var(--blue);color:var(--canvas)}.project--two .project__giant{left:4%;bottom:5%;font-size:7vw;color:transparent;-webkit-text-stroke:1px var(--canvas)}.portal{position:absolute;inset:0;display:grid;place-items:center;perspective:600px}.portal i{position:absolute;width:58%;aspect-ratio:1;border-radius:50%;border:2px solid var(--canvas);animation:pulse 3s ease-in-out infinite}.portal i:nth-child(2){width:38%;animation-delay:-1s}.portal i:nth-child(3){width:18%;background:var(--signal);border:0;animation-delay:-2s}.project__counter{position:absolute;right:18px;top:18px;font:600 42px/.8 var(--display);text-align:right}.project__counter small{font:9px var(--mono)}.project--three .project__visual{background:#f5d31f}.sun{width:55%;aspect-ratio:1;background:var(--signal);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px var(--ink),0 0 0 25px #f5d31f,0 0 0 27px var(--ink)}.type-stack{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;z-index:2}.type-stack span{font:700 8.5vw/.68 var(--display);letter-spacing:-.08em;color:var(--canvas);mix-blend-mode:difference}.type-stack span:nth-child(2){padding-left:10%}.type-stack span:nth-child(3){padding-left:20%}.barcode{position:absolute;bottom:20px;right:20px;width:110px;height:36px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 6px,var(--ink) 6px 7px,transparent 7px 11px)}.project--four .project__visual{background:var(--ink);color:var(--canvas)}.project--four .project__giant{left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;color:var(--signal)}.rings{position:absolute;inset:0;display:grid;place-items:center}.rings i{position:absolute;border:1px solid var(--canvas);border-radius:50%;width:20%;aspect-ratio:1;animation:ring 5s ease-in-out infinite}.rings i:nth-child(2){width:38%;animation-delay:-1s}.rings i:nth-child(3){width:56%;animation-delay:-2s}.rings i:nth-child(4){width:74%;animation-delay:-3s}.rings i:nth-child(5){width:92%;animation-delay:-4s}.work__end{width:50vw;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px}.work__end>span{font:600 clamp(4rem,8vw,9rem)/.8 var(--display);letter-spacing:-.07em;text-align:center}.work__end .round-link:hover{color:var(--ink)}
.services{padding-top:clamp(100px,14vw,190px);padding-bottom:clamp(100px,14vw,190px)}.services__intro{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;margin:80px 0 100px;align-items:end}.services__intro h2{font:600 clamp(4rem,8vw,9rem)/.82 var(--display);letter-spacing:-.075em;margin:0}.services__intro p{font-size:16px;line-height:1.55;max-width:500px}.service-list{border-top:1px solid var(--ink)}.service-row{display:grid;grid-template-columns:70px 1.4fr 1fr 40px;gap:20px;align-items:center;border-bottom:1px solid var(--ink);padding:22px 0;transition:background .35s,padding .35s}.service-row:hover{background:var(--signal);padding-left:16px;padding-right:16px}.service-row b{font:500 10px var(--mono)}.service-row h3{font:500 clamp(1.7rem,3.2vw,4.2rem)/1 var(--display);letter-spacing:-.05em;margin:0}.service-row p{font:400 11px/1.5 var(--mono);margin:0}.service-row>span{font-size:22px}
.manifesto{min-height:100svh;background:var(--blue);color:var(--canvas);display:grid;place-items:center;position:relative;overflow:hidden;padding:100px var(--pad)}.manifesto__text{position:relative;z-index:2;text-align:center}.manifesto__text small{font:500 10px var(--mono)}.manifesto__text p{font:600 clamp(4.6rem,11vw,13rem)/.78 var(--display);letter-spacing:-.085em;margin:.3em 0 0}.manifesto__text .outline{color:transparent;-webkit-text-stroke:1px var(--canvas);margin-top:.1em}.manifesto__orbit{position:absolute;width:min(75vw,900px);aspect-ratio:1;border:1px solid rgba(243,240,232,.3);border-radius:50%;animation:spin 20s linear infinite}.manifesto__orbit:before,.manifesto__orbit:after{content:"";position:absolute;inset:17%;border:1px solid rgba(243,240,232,.2);border-radius:50%}.manifesto__orbit:after{inset:34%}.manifesto__orbit span{position:absolute;inset:0;display:grid;place-items:center;font:700 55vw/.8 var(--display);opacity:.06}.manifesto__orbit i{position:absolute;width:20px;aspect-ratio:1;background:var(--signal);border-radius:50%;left:50%;top:-10px}.manifesto__orbit i:nth-of-type(2){left:auto;right:-10px;top:50%;background:var(--canvas)}.manifesto__orbit i:nth-of-type(3){left:-10px;top:50%;background:var(--ink)}.manifesto__note{position:absolute;bottom:26px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;border-top:1px solid rgba(243,240,232,.45);padding-top:10px;font:500 9px var(--mono)}
.process{padding-top:clamp(100px,13vw,180px);padding-bottom:clamp(100px,13vw,180px)}.process__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;margin-top:90px}.process h2{font:600 clamp(3.8rem,7.5vw,8.3rem)/.85 var(--display);letter-spacing:-.075em;margin:0}.process__steps{border-top:1px solid var(--ink)}.process__steps>div{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid var(--ink);padding:24px 0}.process__steps b{font:500 10px var(--mono);grid-row:1/3}.process__steps h3{font:500 25px var(--display);margin:0 0 8px}.process__steps p{font-size:13px;line-height:1.6;margin:0;max-width:500px}
.contact{background:var(--ink);color:var(--canvas);overflow:hidden}.contact__marquee{white-space:nowrap;background:var(--signal);color:var(--ink);transform:rotate(-2.2deg) scale(1.05);margin:40px 0 80px}.contact__marquee span{display:inline-block;font:600 clamp(2.3rem,5vw,6rem)/1 var(--display);letter-spacing:-.05em;padding:15px 0;animation:ticker 22s linear infinite}.contact__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;padding-top:80px;padding-bottom:130px}.contact__head>span{font:500 10px var(--mono)}.contact__head h2{font:600 clamp(5rem,11vw,12rem)/.72 var(--display);letter-spacing:-.085em;margin:.4em 0 0}.contact__head em{font-style:normal;color:var(--signal)}.contact-form{padding-top:25px}.contact-form label{display:block;border-top:1px solid rgba(243,240,232,.35);padding:14px 0 25px}.contact-form label>span{display:block;font:500 9px var(--mono);color:var(--fog);margin-bottom:15px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:0;background:transparent;color:var(--canvas);outline:0;font:500 clamp(1.15rem,2vw,2rem) var(--display);resize:vertical;padding:0}.contact-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--canvas) 50%),linear-gradient(135deg,var(--canvas) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 8px) 50%;background-size:6px 6px;background-repeat:no-repeat}.contact-form option{background:var(--ink)}.contact-form ::placeholder{color:rgba(243,240,232,.42)}.submit{width:100%;height:76px;border:0;background:var(--signal);display:flex;align-items:center;justify-content:space-between;padding:0 24px;cursor:pointer;font:600 14px var(--mono);transition:background .3s,color .3s}.submit:hover{background:var(--canvas);color:var(--ink)}.submit b{font-size:27px}.footer{padding-top:34px;padding-bottom:34px;border-top:1px solid rgba(243,240,232,.25);display:grid;grid-template-columns:1fr 1fr;gap:60px}.footer-logo{font:700 clamp(4rem,9vw,9rem)/.7 var(--display);letter-spacing:-.08em}.footer-logo sup{font-size:.08em;vertical-align:top}.footer p{font:500 9px/1.5 var(--mono);color:var(--fog)}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:9px;font:500 10px var(--mono)}.footer-links a:hover{color:var(--signal)}.footer-note{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid rgba(243,240,232,.25);padding-top:12px;font:500 9px var(--mono);color:var(--fog)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes pulse{0%,100%{transform:scale(.8);opacity:.5}50%{transform:scale(1.06);opacity:1}}@keyframes ring{0%,100%{transform:scale(.88) rotate(0);opacity:.35}50%{transform:scale(1.03) rotate(15deg);opacity:1}}
[lang=th]{--display:"IBM Plex Sans Thai","Manrope",sans-serif;--body:"IBM Plex Sans Thai","Manrope",sans-serif;--mono:"IBM Plex Sans Thai","IBM Plex Mono",sans-serif}[lang=th] .hero__title,[lang=th] .work__head h2,[lang=th] .project__meta h3,[lang=th] .services__intro h2,[lang=th] .manifesto__text p,[lang=th] .process h2,[lang=th] .contact__head h2,[lang=th] .menu__links span,[lang=th] .work__end>span{letter-spacing:-.035em;line-height:1.02}[lang=th] .hero__title{line-height:.9}[lang=th] .hero-line--outline{padding-left:4vw}[lang=th] .hero-line--last em{display:none}[lang=th] .statement__copy{max-width:1120px;margin:clamp(65px,7vw,105px) 0;font-size:clamp(2.8rem,5.15vw,6.4rem);line-height:1.15;letter-spacing:-.025em;text-wrap:balance;opacity:0;transform:translateY(42px);transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1)}[lang=th] .statement__copy.mobile-visible{opacity:1;transform:none}[lang=th] .statement__copy .word{display:inline;opacity:1!important;transition:none}[lang=th] .service-row p,[lang=th] .section-label,[lang=th] .project__micro,[lang=th] .project__meta>span,[lang=th] .header-meta,[lang=th] .menu-button,[lang=th] .lang-switch{letter-spacing:0}[lang=th] .contact-form input,[lang=th] .contact-form textarea,[lang=th] .contact-form select{line-height:1.5}
@media(max-width:1000px){.site-header{grid-template-columns:1fr 1fr}.header-meta{display:none}.project{width:82vw;grid-template-columns:1.4fr .85fr}.work__head{width:48vw;min-width:430px}.work__track{padding-left:52vw}.statement__foot,.services__intro,.process__grid,.contact__inner{grid-template-columns:1fr}.statement__foot{gap:50px}.services__intro{gap:35px}.services__intro p{justify-self:end}.process__grid{gap:70px}.contact__inner{gap:50px}.contact-form{max-width:800px}}
@media(max-width:720px){:root{--pad:18px}.cursor{display:none}.site-header{height:70px}.brand{width:100px}.header-right{gap:8px}.time{display:none}.hero{padding-top:105px;min-height:850px}.hero__eyebrow span:last-child{display:none}.hero__title{font-size:20vw;line-height:.78;margin-top:auto;margin-bottom:auto}.hero-line--outline{padding-left:0}.hero-line--last{justify-content:flex-start}.hero-line--last em{display:none}.hero-orbit{width:12vw}.hero__bottom{grid-template-columns:1fr;gap:30px}.hero__bottom p{font-size:14px;padding-right:15vw}.round-link{width:104px;justify-self:end}.hero__five{right:-35vw}.menu{padding-top:95px}.menu__links a{grid-template-columns:34px 1fr}.menu__links span{font-size:14vw}.menu__footer{flex-direction:column;gap:8px}.statement__copy{font-size:12vw}.statement__foot{grid-template-columns:1fr}.work{height:auto;padding:100px 0}.work__sticky{position:relative;height:auto;overflow:visible}.work__head{position:relative;width:auto;min-width:0;height:auto;padding-top:0;padding-bottom:70px}.work__head h2{font-size:14vw;margin:80px 0 30px}.work__track{height:auto;width:auto;display:flex;flex-direction:column;gap:30px;padding:0 var(--pad);transform:none!important}.project{width:100%;height:auto;min-height:0;grid-template-columns:1fr}.project__visual{height:62vh;min-height:420px}.project__meta{min-height:310px;border-left:0;border-top:1px solid rgba(10,10,10,.2)}.project__meta h3{font-size:15vw}.project__meta p{max-width:430px}.work__end{width:100%;padding:100px 0}.services__intro{margin:65px 0}.services__intro h2{font-size:15vw}.service-row{grid-template-columns:35px 1fr 26px;gap:10px}.service-row p{grid-column:2/3}.service-row>span{grid-column:3;grid-row:1/3}.manifesto{min-height:780px}.manifesto__text p{font-size:16vw}.manifesto__note span:nth-child(2){display:none}.process h2{font-size:14vw}.contact__inner{padding-top:45px}.contact__head h2{font-size:24vw}.footer{grid-template-columns:1fr}.footer-links{align-items:flex-start}.footer-note{grid-column:1;gap:30px}.project--two .project__giant{font-size:15vw}.type-stack span{font-size:18vw}}
@media(max-width:720px){
  [lang=th] .statement__copy{font-size:clamp(2.25rem,9vw,4.4rem);line-height:1.18;letter-spacing:-.018em;margin:55px 0 70px}
  .hero-line{opacity:0;animation:mobileHeroIn .95s cubic-bezier(.16,1,.3,1) both}
  .hero-line:nth-child(1){animation-delay:1.05s}
  .hero-line:nth-child(2){animation-delay:1.18s}
  .hero-line:nth-child(3){animation-delay:1.31s}
  .hero__bottom{opacity:0;animation:mobileFadeUp .8s 1.5s cubic-bezier(.16,1,.3,1) both}
  .hero__five{animation:mobileFiveDrift 7s 1.4s ease-in-out infinite alternate}
  .project{opacity:0;transform:translateY(72px) scale(.965) rotate(.6deg);transition:opacity .85s ease,transform 1s cubic-bezier(.16,1,.3,1)}
  .project:nth-child(even){transform:translateY(72px) scale(.965) rotate(-.6deg)}
  .project.mobile-visible{opacity:1;transform:none}
  .project__visual:before{content:"";position:absolute;z-index:6;inset:-20%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.2) 48%,transparent 61%);transform:translateX(-120%) rotate(8deg);pointer-events:none}
  .project.mobile-visible .project__visual:before{animation:mobileSheen 1.2s .35s cubic-bezier(.16,1,.3,1) both}
  .project.mobile-visible .prism-a{animation:mobilePrism 5s .5s ease-in-out infinite alternate}
  .project.mobile-visible .prism-b{animation:mobilePrismAlt 6s .4s ease-in-out infinite alternate}
  .project.mobile-visible .sun{animation:mobileSun 6s .35s ease-in-out infinite}
  .project.mobile-visible .type-stack span:nth-child(1){animation:mobileType 3s .2s ease-in-out infinite alternate}
  .project.mobile-visible .type-stack span:nth-child(2){animation:mobileType 3.5s .35s ease-in-out infinite alternate-reverse}
  .project.mobile-visible .type-stack span:nth-child(3){animation:mobileType 4s .5s ease-in-out infinite alternate}
  .project.mobile-visible .project__stamp{animation:mobileStamp 5s .4s ease-in-out infinite alternate}
  .service-row,.process__steps>div,.contact-form{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .8s cubic-bezier(.16,1,.3,1)}
  .service-row.mobile-visible,.process__steps>div.mobile-visible,.contact-form.mobile-visible{opacity:1;transform:none}
}
@keyframes mobileHeroIn{0%{opacity:0;transform:translateY(70px) skewY(5deg)}100%{opacity:1;transform:none}}
@keyframes mobileFadeUp{0%{opacity:0;transform:translateY(28px)}100%{opacity:1;transform:none}}
@keyframes mobileFiveDrift{0%{transform:rotate(-9deg) translate3d(0,0,0)}100%{transform:rotate(-5deg) translate3d(-5vw,2vh,0)}}
@keyframes mobileSheen{0%{transform:translateX(-120%) rotate(8deg)}100%{transform:translateX(130%) rotate(8deg)}}
@keyframes mobilePrism{0%{transform:translate(-52%,-50%) rotate(8deg)}100%{transform:translate(-47%,-53%) rotate(16deg)}}
@keyframes mobilePrismAlt{0%{transform:translate(-44%,-58%) rotate(-18deg)}100%{transform:translate(-39%,-54%) rotate(-9deg)}}
@keyframes mobileSun{0%,100%{transform:translate(-50%,-50%) scale(.96)}50%{transform:translate(-50%,-50%) scale(1.04)}}
@keyframes mobileType{0%{transform:translateX(-2%)}100%{transform:translateX(3%)}}
@keyframes mobileStamp{0%{transform:rotate(5deg) translateY(0)}100%{transform:rotate(13deg) translateY(-8px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{display:none}.ticker__track,.contact__marquee span,.hero-orbit,.manifesto__orbit,.portal i,.rings i,.hero-line,.hero__bottom,.hero__five,.project__visual:before,.prism,.sun,.type-stack span,.project__stamp{animation:none!important}.reveal,.statement__copy,.project,.service-row,.process__steps>div,.contact-form{opacity:1;transform:none;transition:none}.split-reveal .word{opacity:1}.cursor{display:none}}