@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600&display=swap";
:root{--paper:#f7f2e7;--ink:#10293b;--pink:#e6848b;--blue:#1b506b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{color:var(--ink);background:var(--paper);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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.04' d='M0 0h180v180H0z'/%3E%3C/svg%3E");margin:0;font-family:DM Sans,Noto Sans Thai,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}header{z-index:5;justify-content:space-between;align-items:center;height:86px;padding:0 6%;display:flex;position:relative}.brand{letter-spacing:3px;align-items:center;gap:13px;font-size:14px;font-weight:700;display:flex}.brand img{mix-blend-mode:multiply;flex-shrink:0;width:44px;height:auto}.wordmark{letter-spacing:3px;font-weight:700}nav{align-items:center;gap:36px;font-size:12px;display:flex}.pill{background:var(--pink);color:#172839;border:0;border-radius:40px;align-items:center;gap:27px;padding:13px 24px;font-size:12px;transition:transform .25s,box-shadow .25s;display:inline-flex}.pill:hover{transform:translateY(-3px);box-shadow:0 7px 20px #c7777735}.menu{display:none}.hero{isolation:isolate;height:min(760px,65vw);min-height:600px;position:relative;overflow:hidden}.hero-art{z-index:-3;transform:translate3d(var(--px,0px), var(--py,0px), 0);background-image:url(/assets/wave-art.png);background-position:50% 52%;background-size:cover;animation:13s ease-in-out infinite alternate sea-breathe;position:absolute;inset:-12px -2% -25px}.hero-copy{z-index:2;max-width:720px;padding:42px 6% 0;position:relative}.eyebrow{letter-spacing:2px;font-size:9px;font-weight:600}.hero-copy .eyebrow{font-size:8px}h1,h2,h3{margin:0}h1{letter-spacing:-5px;margin:25px 0 21px;font:clamp(65px,7vw,112px)/.95 Georgia,serif}h1 em{font-style:normal}.tagline{margin:0 0 7px;font-size:19px}.thai{margin:0 0 24px;font-size:12px}.vertical{writing-mode:vertical-rl;letter-spacing:4px;font:14px/2.2 serif;position:absolute;top:30px;right:5%}.hero-foot{letter-spacing:2px;z-index:4;background:#f7f2e7dc;border-radius:2px;justify-content:space-between;padding:12px 15px;font-size:8px;display:flex;position:absolute;bottom:15px;left:6%;right:6%}.motion{z-index:4;background:#f7f2e7ed;border:1px solid #c0c4bf;border-radius:20px;padding:8px 12px;font-size:9px;position:absolute;bottom:64px;right:6%}.foam{pointer-events:none;background:var(--paper);border-radius:48% 55% 0 0;width:120%;height:110px;animation:9s ease-in-out infinite alternate swell;position:absolute;bottom:-60px;left:-10%}.foam-two{opacity:.35;animation-duration:13s;animation-direction:alternate-reverse;bottom:-43px}.work{padding:60px 5% 35px}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px;display:flex}h2{letter-spacing:-2px;margin-top:14px;font:clamp(35px,4.1vw,65px)/1.08 Georgia,serif}h2 small{letter-spacing:2px;vertical-align:middle;margin-left:45px;font:9px DM Sans,sans-serif}.filters{align-items:center;gap:24px;display:flex}.filters button{background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 0;font-size:11px}.filters button.active{color:#ad4e59;border-color:#ad4e59}.projects{grid-template-columns:1fr 1fr;gap:30px;display:grid}.project{text-align:left;background:0 0;border:0;min-width:0;padding:0}.project[hidden]{display:none}.project-image{aspect-ratio:1.68;background-image:url(/assets/concept.png);background-size:229.6%;border:1px solid #d5c9b6;transition:filter .3s,transform .5s;overflow:hidden}.paw{background-position:8.6% 40.6%}.flow{background-position:91.5% 40.6%}.bloom{background-position:8.6% 63.4%}.form{background-position:91.5% 63.4%}.project:hover .project-image{filter:saturate(1.08);transform:translateY(-6px)}.caption{justify-content:space-between;align-items:center;padding-top:12px;display:flex}.caption h3{letter-spacing:-.7px;font:25px Georgia,serif}.caption h3 small{letter-spacing:1.3px;color:#7a7a70;white-space:nowrap;margin-left:12px;font:7px DM Sans,sans-serif}.caption>span{font-size:22px;transition:transform .3s}.project:hover .caption>span{transform:translate(3px,-3px)}.project>p{color:#6f7778;margin:7px 0 0;font-size:11px}.concept-note{text-align:right;color:#797d79;margin-top:22px;font-size:9px}.studio{border-top:1px solid #d9d0bf;grid-template-columns:1.2fr 1fr;gap:18px 8%;padding:50px 6% 65px;display:grid;position:relative;overflow:hidden}.studio>.eyebrow{grid-column:1/-1}.studio h2{margin:0;font-size:40px;line-height:1.2}.studio h2 em{color:#ae6267;font-weight:400}.studio>div p{font-size:12px;line-height:1.9}.studio-mark{opacity:.035;pointer-events:none;font:180px serif;position:absolute;top:10px;right:4%}.process{color:var(--paper);background:#12384f;padding:70px 6% 65px;position:relative;overflow:hidden}.process:before{content:"";opacity:.055;pointer-events:none;background:url(/assets/wave-art.png) bottom/cover;position:absolute;inset:0}.process .section-head{position:relative}.process h2{font-size:clamp(34px,3.8vw,58px)}.process .section-head>p{color:#c9d7d9;font-size:12px;line-height:1.8}.process-track{grid-template-columns:repeat(4,1fr);gap:30px;margin:45px 0 28px;display:grid;position:relative}.process-track svg{pointer-events:none;width:120%;height:150px;position:absolute;top:-30px;left:-10%;overflow:visible}.process-track svg path{fill:none;stroke:#b4d0cc;stroke-width:2px;animation:10s ease-in-out infinite alternate current}.process-track svg path:nth-child(2){stroke:#6aa2b5;stroke-width:5px;animation-delay:-3s}.process-track svg path:nth-child(3){stroke:#f7f2e7;stroke-width:1px;animation-delay:-6s}.step{color:inherit;text-align:left;z-index:1;background:0 0;border:0;padding:0}.step-icon{background:#153d53;border:1px solid #c5d5d4;border-radius:50%;place-items:center;width:92px;height:92px;margin-bottom:18px;font:46px Georgia;transition:all .3s;display:grid}.step.active .step-icon,.step:hover .step-icon{background:var(--pink);color:#10293b;transform:translateY(-5px);box-shadow:0 0 0 7px #e6848b20}.step-heading{align-items:center;gap:14px;font-size:14px;display:flex}.step-heading b{color:#d5e1de;font-size:27px;font-weight:400}.step.active .step-heading b{color:var(--pink)}.step small{color:#d6dfdb;margin:10px 0 0 45px;font-size:11px;line-height:1.9;display:block}.step-detail{border-top:1px solid #8aa8b750;grid-template-columns:180px 1fr 1fr;align-items:center;gap:12px 25px;padding:25px 0 0;display:grid;position:relative}.detail-index{letter-spacing:2px;color:#e6a2a6;font-size:9px}.step-detail h3{font-size:21px;font-weight:500}.step-detail>p{grid-column:2/4;max-width:700px;margin:0;font-size:12px;line-height:1.8}.deliverables{flex-wrap:wrap;grid-column:2/4;gap:8px;display:flex}.deliverables span{border:1px solid #9cb6bf60;border-radius:20px;padding:6px 10px;font-size:9px}.contact{text-align:center;place-items:center;min-height:380px;display:grid;position:relative;overflow:hidden}.contact-wave{opacity:.9;background:url(/assets/wave-art.png) 50% 78%/cover;animation:14s ease-in-out infinite alternate sea-breathe;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 33% 67%,#000);mask-image:linear-gradient(90deg,#000,#0000 33% 67%,#000)}.contact-copy{padding:55px 20px;position:relative}.contact h2{font-size:55px}.contact h2 em{color:#b7666e}.contact p{font-size:12px}.round-cta{background:var(--pink);border:0;border-radius:50%;width:60px;height:60px;margin-top:12px;font-size:28px;transition:all .3s}.round-cta:hover{background:#ec9da0;transform:rotate(45deg)}footer{border-top:1px solid #d6cbb9;justify-content:space-between;align-items:center;gap:25px;padding:30px 6%;font-size:10px;display:flex}footer .wordmark{font-size:13px}.preview-note{text-align:center;color:#7b7b70;margin:0;padding:0 15px 18px;font-size:8px}.reading-progress{transform-origin:0;background:var(--pink);z-index:99;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:none}dialog{background:var(--paper);width:calc(100% - 32px);max-width:800px;color:var(--ink);border:1px solid #d6cbb9;max-height:90vh;padding:40px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#071f32b0}.close{background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:12px}dialog h2{margin-bottom:25px;font-size:43px}.dialog-art{width:100%;max-width:100%}dialog p{font-size:13px;line-height:1.9}.case-columns{grid-template-columns:1fr 1fr;gap:25px;margin:25px 0;display:grid}.case-columns h3{font:22px Georgia}.muted{color:#7b7b70;font-size:10px}form{gap:17px;margin-top:22px;display:grid}label{font-size:12px}input,textarea{background:#fffaf0;border:1px solid #d0c3ad;width:100%;margin-top:8px;padding:12px;font-size:13px;display:block}form small{color:#777;font-size:10px}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #c85a6a}.paused *{animation-play-state:paused!important}.paused .hero-art{transform:none!important}@keyframes sea-breathe{to{translate:0 8px;scale:1.025}}@keyframes swell{to{transform:translate(3%,8px)rotate(-1deg)}}@keyframes current{to{transform:translate(-15px,12px)}}@media (min-width:1700px){main,header,footer{max-width:1800px;margin:auto}}@media (max-width:1000px){.hero{min-height:620px}.hero-art{background-position:58%}.hero-copy{max-width:590px;padding-top:25px}h1{font-size:80px}.hero-copy .eyebrow{font-size:7px}.filters{gap:15px}.caption h3{font-size:21px}.caption h3 small{margin:6px 0 0;display:block}.studio{gap:20px 4%}.studio h2{font-size:35px}.step-detail{grid-template-columns:140px 1fr 1fr}.vertical{right:3%}}@media (max-width:650px){header{height:75px;padding:0 6%}.brand img{width:34px}.brand{font-size:12px}.menu{background:0 0;border:0;font-size:23px;display:block}nav{background:var(--paper);border-bottom:1px solid #d6cbb9;padding:25px 6%;display:none;position:absolute;top:75px;left:0;right:0}nav.open{flex-wrap:wrap;gap:20px;display:flex}.hero{height:calc(100svh - 75px);min-height:720px;max-height:850px}.hero-copy{width:100%;padding-top:25px}.hero-copy .eyebrow{letter-spacing:1.1px;font-size:6px}h1{letter-spacing:-3px;margin:21px 0 18px;font-size:63px}.tagline{font-size:14px}.thai{max-width:280px;font-size:10px;line-height:1.8}.hero-art{background-position:61% bottom;background-repeat:no-repeat;background-size:auto 82%;background-color:var(--paper);inset:0 -12% -15px;-webkit-mask-image:linear-gradient(#0000 24%,#000 47%);mask-image:linear-gradient(#0000 24%,#000 47%)}.hero-copy .pill{padding:12px 20px;font-size:11px}.vertical{letter-spacing:2px;font-size:9px;line-height:1.5;top:50px;right:3%}.hero-foot{letter-spacing:1px;font-size:6px;left:4%;right:4%}.motion{font-size:8px;bottom:65px}.section-head{margin-bottom:25px;display:block}.work{padding:40px 6% 25px}h2{font-size:40px}h2 small{margin-left:20px;font-size:8px}.filters{gap:25px;margin-top:20px}.projects{grid-template-columns:1fr;gap:30px}.caption h3{font-size:24px}.caption h3 small{margin:0 0 0 9px;font-size:6px;display:inline-block}.project>p{font-size:10px}.concept-note{text-align:left;font-size:8px;line-height:1.8}.studio{grid-template-columns:1fr;padding:35px 6% 40px}.studio h2{font-size:35px}.studio-mark{font-size:150px;top:60px}.process{padding:40px 6%}.process h2{font-size:37px}.process .section-head>p{margin-top:20px;font-size:11px}.process-track{grid-template-columns:1fr 1fr;gap:28px 25px;margin-top:25px}.process-track svg{opacity:.35;height:100%;top:0}.step-icon{width:66px;height:66px;margin-bottom:12px;font-size:32px}.step-heading{gap:10px;font-size:12px}.step-heading b{font-size:24px}.step small{margin-left:34px;font-size:10px}.step-detail{grid-template-columns:1fr;gap:14px}.step-detail>p,.deliverables{grid-column:auto}.step-detail h3{font-size:22px}.contact{min-height:350px}.contact h2{font-size:43px}.contact p{max-width:260px;font-size:11px;line-height:1.7}.contact-wave{opacity:.5;background-size:auto 130%;-webkit-mask-image:linear-gradient(90deg,#000,#0000 25% 75%,#000);mask-image:linear-gradient(90deg,#000,#0000 25% 75%,#000)}footer{flex-wrap:wrap;padding:25px 6%;font-size:9px}footer>span{order:3;width:100%}.preview-note{font-size:7px}.case-columns{grid-template-columns:1fr;gap:15px}dialog{padding:32px 22px}dialog h2{font-size:35px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.hero-art{transform:none!important}}header{gap:22px}header nav{gap:25px;margin-left:auto}.brand img{mix-blend-mode:normal;width:54px}.language-switch{white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;display:flex}.language-switch button{color:#72808a;background:0 0;border:0;padding:7px 4px;font-size:11px}.language-switch button[aria-pressed=true]{color:var(--ink);border-bottom:2px solid var(--pink);font-weight:700}.language-switch>span{color:#a2a8aa;font-size:10px}.services-section{background:#eee7db;border-top:1px solid #d9cebc;padding:65px 6%}.services-section .section-head>p,.tech-section .section-head>p{max-width:350px;font-size:12px;line-height:1.9}.services-section h2,.tech-section h2{max-width:610px}.service-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.service-card{background:#faf6ed;border:1px solid #d1c5b1;padding:28px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #10293b0c}.service-top{letter-spacing:2px;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:10px;display:flex}.service-icon{color:#a75963;letter-spacing:0;border:1px solid #d9a3a3;border-radius:50%;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.service-card h3{font-size:24px;font-weight:500;line-height:1.5}.service-card p{color:#576570;max-width:520px;font-size:13px;line-height:1.9}.service-tags{color:#737d7d;border-top:1px solid #dcd2c0;margin-top:20px;padding-top:17px;font-size:10px;line-height:1.9}.service-card>a{color:#9d4f5b;margin-top:22px;font-size:11px;display:inline-block}.tech-section{background:var(--paper);padding:65px 6%}.tech-groups{border-top:1px solid #d6cbb9;gap:0;display:grid}.tech-group{border-bottom:1px solid #d6cbb9;grid-template-columns:240px 1fr;gap:25px;padding:25px 0;display:grid}.tech-group-title>span{color:#a45b65;letter-spacing:2px;font-size:9px}.tech-group-title h3{margin:8px 0;font:24px Georgia}.tech-group-title p{color:#6d787b;margin:0;font-size:11px}.tech-items{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tech-item{background:#fffaf2;border:1px solid #ded3c2;align-items:center;gap:12px;min-height:62px;padding:12px 16px;font-size:12px;transition:transform .25s,border-color .25s;display:flex}.tech-item:hover{border-color:var(--pink);transform:translateY(-3px)}.tech-monogram{letter-spacing:-.5px;color:#34627a;background:#e9efed;border-radius:7px;place-items:center;min-width:34px;height:32px;font-size:11px;font-weight:700;display:grid}.tech-group:nth-child(2) .tech-monogram{color:#417158;background:#e7eee3}.tech-group:nth-child(3) .tech-monogram{color:#a05a66;background:#f4e1e0}.tech-group:nth-child(4) .tech-monogram{color:#306985;background:#e3edf4}html[lang=th] h1{letter-spacing:-3px;margin-top:20px;font-family:Noto Sans Thai,sans-serif;font-size:clamp(48px,5.5vw,85px);font-weight:500;line-height:1.2}html[lang=th] h1 em{color:#aa5763;display:block}html[lang=th] h2{letter-spacing:-1.5px;font-family:Noto Sans Thai,sans-serif;font-size:clamp(30px,3.3vw,49px);font-weight:500;line-height:1.35}html[lang=th] .hero-copy{max-width:720px}html[lang=th] .tagline{font-size:17px}html[lang=th] .studio h2{font-size:34px}html[lang=th] .contact h2{max-width:650px;font-size:45px}html[lang=th] .process h2{max-width:690px;font-size:40px}@media (max-width:1100px){header nav{gap:15px;font-size:11px}.brand{letter-spacing:2px;font-size:12px}.tech-group{grid-template-columns:190px 1fr}.service-card h3{font-size:22px}}@media (max-width:800px){header{gap:14px}.brand{gap:8px}.brand img{width:45px}header nav{gap:12px}.pill{padding:11px 17px}.language-switch{gap:3px}.language-switch button{font-size:10px}.tech-group{grid-template-columns:160px 1fr}}@media (max-width:650px){header{gap:14px;padding:0 5%}.brand img{width:44px}.brand{letter-spacing:2px;font-size:11px}.language-switch{margin-left:auto}header nav{gap:18px;margin:0}.services-section,.tech-section{padding:40px 6%}.service-grid{grid-template-columns:1fr;gap:15px}.service-card{padding:23px}.service-card h3{font-size:22px}.service-card p{font-size:12px}.service-icon{width:47px;height:47px;font-size:24px}.service-top{margin-bottom:15px}.tech-group{grid-template-columns:1fr;gap:18px}.tech-group-title h3{font-size:24px}.tech-items{gap:8px}.tech-item{gap:8px;min-height:54px;padding:9px 11px;font-size:11px}.tech-monogram{min-width:29px;height:29px;font-size:10px}html[lang=th] h1{letter-spacing:-2px;font-size:48px;line-height:1.22}html[lang=th] .hero-copy{padding-top:25px}html[lang=th] .hero-copy .eyebrow{letter-spacing:1px;font-size:7px}html[lang=th] .tagline{font-size:14px}html[lang=th] h2{letter-spacing:-1px;font-size:33px}html[lang=th] .studio h2{font-size:30px}html[lang=th] .process h2{font-size:31px}html[lang=th] .contact h2{max-width:320px;font-size:34px}.contact-copy>p{margin-inline:auto}.service-card>a{font-size:11px}}.contact{display:block}.contact-copy{max-width:900px;margin:auto}.contact-wave{height:390px;bottom:auto}.contact-details{z-index:1;text-align:left;border-top:1px solid #cbbda6;grid-template-columns:1.15fr 1fr;gap:9%;margin:0 6% 55px;padding:34px 0 0;display:grid;position:relative}.contact-address h3{margin:17px 0 12px;font-size:23px;font-weight:500;line-height:1.6}.contact-address address{color:#56626a;max-width:570px;font-size:13px;font-style:normal;line-height:2}.map-link{color:#a45260;border-bottom:1px solid #cfa5a2;margin-top:20px;padding-bottom:5px;font-size:12px;display:inline-block}.contact-channel{border-bottom:1px solid #d6cbb9;align-items:center;gap:15px;padding:19px 0;transition:color .2s;display:flex}.contact-channel:hover{color:#ab5361}.channel-icon{border:1px solid #ccbca7;border-radius:50%;flex-shrink:0;place-items:center;width:43px;height:43px;font-size:22px;display:grid}.contact-channel>span:nth-child(2){flex:1;min-width:0}.contact-channel small{color:#6d777b;margin-bottom:7px;font-size:10px;display:block}.contact-channel strong{overflow-wrap:anywhere;font-size:17px;font-weight:500}.contact-channel>span:last-child{font-size:21px}.contact-invitation{color:#687276;margin-top:20px;line-height:1.9;font-size:12px!important}.contact-details .eyebrow{color:#9e5660}.contact-copy .round-cta{margin-bottom:8px}@media (max-width:800px){.contact-details{gap:5%}.contact-address h3{font-size:20px}.contact-channel strong{font-size:14px}.channel-icon{width:37px;height:37px}.contact-channel{gap:10px}}@media (max-width:650px){.contact-details{grid-template-columns:1fr;gap:25px;margin-bottom:35px;padding-top:25px}.contact-address h3{font-size:21px}.contact-address address{font-size:12px}.contact-channel strong{font-size:16px}.contact-details p{max-width:none}.contact-wave{height:350px}.contact-copy{padding-bottom:32px}}.partners-section{background:#eee7db;border-top:1px solid #d9cebc;padding:55px 6% 45px;position:relative;overflow:hidden}.partners-section:before{content:"";pointer-events:none;border:1px solid #c6949638;border-radius:50%;width:210px;height:210px;position:absolute;top:-90px;right:-60px;box-shadow:0 0 0 20px #c6949609,0 0 0 40px #c6949609}.partner-heading{text-align:center;position:relative}.partner-heading .eyebrow{color:#9d5863}.partner-heading h2{margin-top:15px}.partner-heading>p{color:#687276;max-width:560px;margin:18px auto 28px;font-size:13px;line-height:1.9}.partner-slots{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.partner-slot{color:#8c877f;background:#faf7ef80;border:1px dashed #c9bead;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:132px;padding:24px 15px;transition:transform .3s,border-color .3s;display:flex}.partner-slot:hover{border-color:#bd7680;transform:translateY(-4px)}.partner-placeholder-mark{color:#bba393;font-size:26px;line-height:1}.partner-slot>span:last-child{letter-spacing:.4px;font-size:10px}.partner-bottom{justify-content:space-between;align-items:center;gap:22px;margin-top:23px;display:flex}.partner-bottom p{color:#7b7971;margin:0;font-size:10px;line-height:1.8}.partner-bottom a{color:#a45260;white-space:nowrap;border-bottom:1px solid #c79d9b;padding-bottom:5px;font-size:12px}@media (max-width:650px){.partners-section{padding:40px 6% 32px}.partner-slots{grid-template-columns:1fr 1fr;gap:12px}.partner-slot{min-height:110px;padding:20px 10px}.partner-heading>p{font-size:12px}.partner-bottom{flex-direction:column;align-items:flex-start;gap:16px}.partner-bottom p{font-size:9px}.partner-bottom a{font-size:11px}}.hero-art{transform-origin:60% 70%;will-change:translate, scale;--sway:17.6px;--lift:12.8px;animation:7s ease-in-out infinite ocean-surge}.hero-art:after{content:"";background:inherit;transform-origin:bottom;pointer-events:none;will-change:transform;animation:5.8s ease-in-out infinite foreground-surge;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 48%,#000 78%);mask-image:linear-gradient(#0000 48%,#000 78%)}.foam-one{transform-origin:bottom;animation:5s ease-in-out infinite foam-sweep}.foam-two{opacity:.48;animation:7s ease-in-out -2s infinite reverse foam-sweep}.contact-wave{transform-origin:bottom;will-change:transform;animation:8s ease-in-out infinite coastal-surge}@keyframes ocean-surge{0%,to{translate:calc(var(--sway) * -1) 6.4px;scale:1.056}50%{translate:var(--sway) calc(var(--lift) * -1);scale:1.088}}@keyframes foreground-surge{0%,to{transform:translate(-12.8px,8.8px)scale(1.032)}50%{transform:translate(16px,-10.4px)scale(1.06)}}@keyframes foam-sweep{0%,to{transform:translate(-1.6%,9.6px)rotate(.96deg)}50%{transform:translate(2.4%,-9.6px)rotate(-1.28deg)}}@keyframes coastal-surge{0%,to{transform:translate(-11.2px,6.4px)scale(1.056)}50%{transform:translate(12.8px,-8px)scale(1.088)}}.paused .hero-art:after{animation-play-state:paused!important}@media (max-width:650px){.hero-art{--sway:9.6px;--lift:9.6px;animation-duration:7.5s}.hero-art:after{animation-duration:6.5s}.contact-wave{animation-duration:9s}}@media (prefers-reduced-motion:reduce){.hero-art,.hero-art:after,.foam,.contact-wave{will-change:auto;animation:none!important}.hero-art:after{display:none}}.hero-art{animation-duration:30s}.hero-art:after{animation-duration:24.8571s}.foam-one{animation-duration:21.4286s}.foam-two{animation-duration:30s;animation-delay:-8.57143s}.contact-wave{animation-duration:34.2857s}.process-track svg path{animation-duration:42.8571s}.process-track svg path:nth-child(2){animation-delay:-12.8571s}.process-track svg path:nth-child(3){animation-delay:-25.7143s}@media (max-width:650px){.hero-art{animation-duration:32.1429s}.hero-art:after{animation-duration:27.8571s}.contact-wave{animation-duration:38.5714s}}.project-image.real-project-image{aspect-ratio:5/3;object-fit:cover;background-image:none;width:100%;height:auto;display:block}.partner-slot img{aspect-ratio:2;object-fit:contain;width:100%;height:auto;display:block}.partner-slot a{text-align:center;width:100%;display:block}.story-content{overflow-wrap:anywhere;line-height:1.8}.story-content p{margin:0 0 .75em}.story-content p:last-child{margin-bottom:0}.story-content ul,.story-content ol{margin:.6em 0;padding-left:1.6em}.story-content ul{list-style:outside}.story-content ol{list-style:decimal}.story-content li{margin:.25em 0;display:list-item}.story-content li p{margin:0}.story-content strong{font-weight:700}.story-content em{font-style:italic}.projects,.service-grid,.partner-slots,.process-track{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:651px){.partner-slots,.process-track{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:650px){.projects,.service-grid{grid-template-columns:minmax(0,1fr)}}.section-head>*,.studio>*,.tech-group>*,.contact-details>*,.partner-slot,.step{min-width:0}.filters{flex-wrap:wrap}.caption{gap:12px}.caption h3,.partner-slot,.service-card,.tech-item,.contact-address,.dialog-art+p,dialog h2{overflow-wrap:anywhere}.tech-item{max-width:100%}.project{position:relative}.project-open{font:inherit;text-align:inherit;background:0 0;border:0;padding:0}.project-open:after{content:"";position:absolute;inset:0}.project:focus-within{outline-offset:5px;outline:3px solid #c85a6a}.project-open:focus-visible{outline:none}.skip-link{z-index:100;background:var(--paper);padding:12px 18px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}body:has(dialog[open]){overflow:hidden}dialog{overflow-wrap:anywhere;max-height:90dvh}@media (min-width:651px) and (max-width:1000px){.menu{background:0 0;border:0;font-size:23px;display:block}header nav{background:var(--paper);border-bottom:1px solid #d6cbb9;margin:0;padding:20px 6%;display:none;position:absolute;top:86px;left:0;right:0}header nav.open{flex-wrap:wrap;gap:20px;display:flex}.language-switch{margin-left:auto}.section-head{flex-wrap:wrap}}@media (max-width:1000px){.menu,.language-switch button,.filters button{min-width:44px;min-height:44px}header nav a{align-items:center;min-height:44px;display:inline-flex}.language-switch{gap:0}input,textarea{font-size:16px}}@media (max-width:380px){header{gap:6px}.brand{letter-spacing:1px;gap:5px}.brand img{width:32px}html[lang=th] h1{font-size:42px}.vertical{font-size:8px;right:2%}}