:root{--ink:#103b4d;--muted:#607580;--teal:#00877e;--line:#e4eeed;--mint:#e9f6f1;--navy:#07364c;color:var(--ink);font-synthesis:none;background:#fff;font-family:Noto Sans Thai,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #089e94}p{color:var(--muted);line-height:1.9}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-weight:600}h2{margin-bottom:20px;font-size:clamp(30px,3.3vw,44px);line-height:1.45}h3{font-size:21px;line-height:1.5}.container{width:min(1180px,100% - 80px);margin-inline:auto}.teal{color:var(--teal)}.skip{z-index:100;background:#fff;padding:16px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}.header{z-index:10;background:#fff;border-bottom:1px solid #eff4f2;position:relative}.nav{justify-content:space-between;align-items:center;gap:25px;height:102px;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;font-size:23px;font-weight:700;display:flex}.brand svg{width:43px;height:43px;margin-right:11px}.brand small{letter-spacing:.2px;margin-top:1px;font-size:10px;font-weight:400;display:block}.desktop-nav{gap:32px;font-size:14px;display:flex}.desktop-nav a:hover{color:var(--teal)}.button{background:var(--navy);color:#fff;border:0;border-radius:100px;justify-content:center;align-items:center;gap:30px;min-height:52px;padding:17px 25px;font-size:14px;font-weight:500;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:var(--teal);transform:translateY(-3px)}.button span{font-size:20px}.button.small{min-height:44px;padding:11px 20px;font-size:13px}.button.white{color:var(--navy);background:#fff}.button.secondary{background:var(--mint);color:var(--ink)}.mobile-menu{display:none}.hero{background:radial-gradient(at 88%,#e5f6f1,#0000 52%),#fcfefd;overflow:hidden}.hero-grid{grid-template-columns:1fr 1.12fr;align-items:center;gap:20px;min-height:645px;padding-top:42px;padding-bottom:46px;display:grid}.eyebrow{letter-spacing:2.1px;color:var(--teal);align-items:center;gap:9px;margin-bottom:22px;font-size:10px;font-weight:600;display:flex}.status-dot{background:#1cb19a;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #1cb19a14}.hero h1{letter-spacing:-3px;margin-bottom:25px;font-size:clamp(48px,5.3vw,72px);line-height:1.35}.highlight{color:var(--teal);position:relative}.highlight svg{fill:none;stroke:#75d3bd;stroke-width:6px;stroke-linecap:round;width:100%;position:absolute;bottom:-7px;left:0}.hero-period{color:var(--teal)}.lead{max-width:580px;font-size:17px;line-height:1.95}.actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}.text-link{align-items:center;gap:20px;font-size:14px;font-weight:500;display:inline-flex}.text-link:hover{color:var(--teal)}.hero-note{color:var(--muted);align-items:center;gap:10px;margin-top:38px;font-size:11px;display:flex}.tiny-symbol{color:var(--teal);font-size:22px}.hero-art{perspective:1000px;min-width:0;height:470px;position:relative}.orbit{border:1px solid #b9ded580;border-radius:50%;width:510px;height:510px;position:absolute;top:-30px;left:15px;transform:rotate(-30deg)}.orbit-two{background:#d9f1e53b;width:400px;height:400px;top:25px;left:70px}.browser-card{background:#fff;border:1px solid #d8e6e1;border-radius:14px;width:95%;position:absolute;top:83px;left:15px;overflow:hidden;transform:rotate(-5deg);box-shadow:0 35px 65px -24px #1a64572f}.browser-top{border-bottom:1px solid #e8efec;align-items:center;gap:4px;height:28px;padding:0 13px;display:flex}.browser-top i{background:#d2dfdb;border-radius:50%;width:5px;height:5px}.browser-top i:first-child{background:#e0aaa0}.browser-top i:nth-child(2){background:#e6cf8e}.browser-top i:nth-child(3){background:#96cbbb}.browser-top span{color:#8c9d96;background:#f5f8f6;border-radius:3px;margin:auto;padding:3px 60px;font:7px sans-serif}.browser-top b{font-size:10px}.mock-nav{justify-content:space-between;align-items:center;padding:18px 25px 8px;font-family:sans-serif;font-size:8px;display:flex}.mock-nav strong{letter-spacing:-.8px;font-size:17px}.mock-nav strong span{color:#37a388}.mock-nav div{align-items:center;gap:15px;display:flex}.mock-nav b{color:#fff;background:#103b4d;border-radius:12px;padding:6px 9px;font-size:7px}.mock-hero{background:linear-gradient(110deg,#f3f9f4,#e8f5ee);border-radius:8px;min-height:205px;margin:8px 15px;padding:26px 25px;position:relative}.mock-label{letter-spacing:1px;color:#34836c;font:5px sans-serif}.mock-hero strong{letter-spacing:-1px;z-index:2;margin:15px 0 10px;font:600 30px/1.1 sans-serif;display:block;position:relative}.mock-hero em{color:#229b7b;font-style:normal}.mock-hero p{margin-bottom:12px;font-size:6px}.mock-button{color:#fff;background:#123b39;border-radius:15px;padding:7px 11px;font:6px sans-serif;display:inline-block}.sculpture{width:160px;height:160px;position:absolute;top:35px;right:15px}.sculpture-base{background:linear-gradient(120deg,#c4e5cd,#86c2aa);border-radius:18px;width:130px;height:75px;position:absolute;bottom:0;left:16px;transform:rotate(-22deg)skew(15deg);box-shadow:3px 12px #9ac9ae}.sculpture-ring{border:25px solid #a2d5ad;border-color:#d1edcb #a2d5ad #a2d5ad #d8f1ce;border-radius:40px;width:100px;height:110px;position:absolute;top:14px;left:35px;transform:rotate(-25deg);box-shadow:12px 9px 20px #3e98703b,inset 5px 4px 5px #419d7666}.sculpture-ball{background:radial-gradient(circle at 30% 25%,#fff7cb,#dfc883 70%);border-radius:50%;width:31px;height:31px;position:absolute;top:10px;right:-4px;box-shadow:4px 8px 12px #807e5c22}.mock-cards{gap:6px;padding:9px 15px 15px;display:flex}.mock-cards span{border:1px solid #edf1ed;border-radius:7px;flex:1;padding:10px 8px;font:6px sans-serif}.mock-cards b{color:#1c997e;margin-bottom:4px;font-size:12px;display:block}.float-tag{z-index:3;background:#fff;border:1px solid #e3eee6;border-radius:13px;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;box-shadow:0 12px 30px #163d3220}.tag-top{padding:12px 17px;top:24px;right:23px;transform:rotate(5deg)}.tag-icon{color:#61834a;background:#f0f7df;border-radius:9px;padding:5px 9px;font-size:22px}.tag-bottom{padding:13px 18px;bottom:15px;left:12px;transform:rotate(-4deg)}.check-icon{color:#0e9475;background:#e6f7ed;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.tag-bottom small{color:var(--muted);font-size:9px;display:block}.code-card{z-index:4;color:#fff;background:#103d3c;border-radius:12px;width:235px;padding:16px;position:absolute;bottom:20px;right:-10px;transform:rotate(6deg);box-shadow:0 15px 30px #0b393329}.code-card>div{letter-spacing:1.2px;align-items:center;gap:8px;margin-bottom:12px;font:6px sans-serif;display:flex}.code-card code{color:#e2eee9;font:10px/1.9 monospace}.code-card code span{color:#97c2ff}.code-card em{color:#b2e2b7;font-style:normal}.art-caption{color:#718981;font-size:9px;position:absolute;bottom:-26px;right:0}.capabilities{border-block:1px solid var(--line)}.capabilities .container{justify-content:space-between;align-items:center;gap:16px;padding-block:22px;display:flex}.capabilities span{color:var(--muted);font-size:11px}.capabilities b{letter-spacing:1px;font:600 11px sans-serif}.capabilities i{color:#84bbae;font-style:normal}.section{padding-block:95px;scroll-margin-top:25px}.section-head{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:38px;display:flex}.section-head h2{margin-bottom:0}.section-head p{margin-bottom:5px;font-size:14px}.section-head .eyebrow{margin-bottom:14px}.service-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.service-card{background:#fff;border:1px solid #e0eae5;border-radius:20px;padding:25px 23px 18px;transition:transform .25s,box-shadow .25s;display:block}.service-card:hover{transform:translateY(-7px);box-shadow:0 18px 35px #134a3e0c}.card-top{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.service-icon{border-radius:15px;place-items:center;width:52px;height:52px;font-size:27px;display:grid}.blue .service-icon,.service-big-icon.blue{color:#4774b9;background:#eaf1fc}.teal .service-icon,.service-big-icon.teal{color:#00877e;background:#e3f4ef}.lavender .service-icon,.service-big-icon.lavender{color:#7b6cbb;background:#efedfa}.peach .service-icon,.service-big-icon.peach{color:#bb7c45;background:#fff0e5}.service-no{color:#92a49d;font:10px monospace}.english-label{letter-spacing:1px;color:var(--muted);font-size:9px;font-weight:500}.service-card h3{margin-top:9px;margin-bottom:12px;font-size:19px}.service-card p{min-height:98px;font-size:12px}.card-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:16px;font-size:12px;display:flex}.card-bottom span{background:#f0f7f3;border-radius:50%;place-items:center;width:27px;height:27px;font-size:17px;display:grid}.possibility-section{color:#fff;background:#073d40;padding-block:80px;position:relative;overflow:hidden}.possibility-section:before{content:"";border:1px solid #ffffff0b;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px;box-shadow:0 0 0 90px #ffffff03,0 0 0 180px #ffffff03}.possibility-grid{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid;position:relative}.light{color:#9bd2bf}.possibility-section h2{font-size:43px;line-height:1.5}.possibility-section h2 span{color:#a6dec9}.possibility-section p{color:#b2cac6;font-size:14px}.possibility-section .button{margin-top:18px}.demo-box{background:#ffffff08;border:1px solid #ffffff24;border-radius:24px;padding:25px;transform:rotate(2deg)}.demo-heading{letter-spacing:2px;color:#9bc6bb;justify-content:space-between;margin-bottom:22px;font:10px sans-serif;display:flex}.demo-options{gap:8px;margin-bottom:19px;display:flex}.demo-options button{color:#e1ece7;background:0 0;border:1px solid #ffffff30;border-radius:50px;min-height:39px;padding:8px 15px;font-size:11px}.demo-options button[aria-pressed=true]{color:#164b41;background:#d4eddd;border-color:#d4eddd}.demo-preview{color:var(--ink);background:#f6faf5;border-radius:15px;overflow:hidden}.demo-preview-top{letter-spacing:1px;border-bottom:1px solid #e1e9df;align-items:center;gap:6px;padding:16px;font:8px sans-serif;display:flex}.demo-preview-top>span:last-child{margin-left:auto}.demo-dot{background:#6ba58b;border-radius:50%;width:5px;height:5px}.demo-content{min-height:250px;padding:28px;position:relative;overflow:hidden}.demo-icon{color:#278a6c;float:right;background:#e0eee0;border-radius:13px;place-items:center;width:60px;height:60px;font-size:35px;display:grid}.demo-content h3{max-width:250px;min-height:75px;font-size:25px}.demo-content p{color:#5f7970;z-index:1;max-width:290px;font-size:12px;position:relative}.demo-bars{opacity:.5;align-items:flex-end;gap:9px;height:60px;display:flex;position:absolute;bottom:0;right:22px}.demo-bars span{background:#a4cfb0;border-radius:4px 4px 0 0;width:18px;height:28px}.demo-bars span:nth-child(2n){height:43px}.demo-bars span:nth-child(3n){height:60px}.demo-disclaimer{margin:14px 0 0;font-size:9px!important}.steps{grid-template-columns:repeat(4,1fr);gap:30px;padding-top:10px;display:grid}.step{border-top:1px solid #dce7e2;padding-top:25px}.step>span{color:var(--teal);margin-bottom:30px;font:12px monospace;display:block}.step h3{margin-bottom:10px;font-size:20px}.step p{font-size:13px}.insights-section{background:#f5f9f6;padding-block:75px;scroll-margin-top:25px}.pill{color:var(--muted);border:1px solid #dce8df;border-radius:30px;padding:10px 15px;font-size:11px}.insight-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.insight-visual{border-radius:20px;justify-content:center;align-items:center;gap:35px;height:220px;margin-bottom:23px;display:flex;overflow:hidden}.visual-web{background:#e1efe5}.visual-ai{background:#e6eaf5}.insight-visual>span{letter-spacing:-8px;color:#699682;font:600 70px sans-serif;transform:rotate(-10deg)}.visual-ai>span{color:#7889b5;font-size:110px}.insight-visual div{letter-spacing:-1px;font-size:23px;line-height:1.7}.insight-visual b{font-weight:500}.insight-card h3{margin:10px 0}.insight-card p{max-width:510px;font-size:13px}.insight-card .text-link{font-size:12px}.faq-section{grid-template-columns:.85fr 1.15fr;gap:65px;display:grid}.faq-section>div>p{font-size:13px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:15px;font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--teal);font:22px sans-serif}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:95%;margin-bottom:24px;font-size:13px}.final-cta{background:#eaf5ee;border-radius:25px;justify-content:space-between;align-items:center;gap:35px;margin-bottom:85px;padding:50px 55px;display:flex;position:relative;overflow:hidden}.final-cta h2{font-size:39px}.final-cta p{margin-bottom:0;font-size:13px}.final-cta .button{z-index:1;white-space:nowrap;position:relative}.cta-decoration{color:#d6eadd;pointer-events:none;font:220px sans-serif;position:absolute;bottom:-80px;right:20px;transform:rotate(20deg)}footer{border-top:1px solid var(--line);padding-top:40px}.footer-top{justify-content:space-between;align-items:flex-start;gap:60px;display:flex}.footer-top .brand{letter-spacing:-1px;font-size:23px;display:inline-block}.footer-top p{font-size:12px}.footer-top>div{gap:30px;font-size:12px;display:flex}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:25px;padding-block:23px;font-size:10px;display:flex}.service-hero{min-height:510px;padding-block:70px 90px;position:relative}.service-hero>.text-link{margin-bottom:45px}.service-hero h1{max-width:760px;font-size:clamp(38px,5vw,64px);line-height:1.45}.service-hero .lead{max-width:640px}.service-big-icon{z-index:-1;border-radius:45px;place-items:center;width:180px;height:180px;font:100px sans-serif;display:grid;position:absolute;top:130px;right:0;transform:rotate(8deg)}.service-detail{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:65px;padding-block:65px;display:grid}.service-detail p{max-width:500px;font-size:15px}.deliverables>div{border-bottom:1px solid var(--line);align-items:center;gap:25px;padding:20px 0;display:flex}.deliverables span{color:var(--teal);font:12px monospace}.deliverables h3{margin:0;font-size:17px}.service-note{background:var(--mint);border-radius:22px;margin-block:20px 70px;padding:40px}.service-note h2{font-size:27px}.service-note p{max-width:800px;font-size:14px}.contact-page{grid-template-columns:1fr 1fr;gap:70px;padding-block:85px;display:grid}.contact-page h1{font-size:clamp(36px,4.3vw,58px);line-height:1.45}.contact-notice{background:#eef7f2;border-radius:16px;margin-top:35px;padding:23px;font-size:14px}.contact-notice p{margin:10px 0 0;font-size:12px}.brief-form{border:1px solid var(--line);border-radius:23px;padding:35px;box-shadow:0 20px 60px #174d3b08}.brief-form h2{margin:10px 0 25px;font-size:25px}.brief-form label{margin-bottom:18px;font-size:13px;font-weight:500;display:block}.brief-form input,.brief-form select,.brief-form textarea{width:100%;color:var(--ink);background:#fbfdfb;border:1px solid #dce6e0;border-radius:10px;margin-top:7px;padding:13px;font-size:13px;display:block}.brief-form textarea{resize:vertical}.brief-form .button{width:100%}.form-note{text-align:center;margin:14px 0 0;font-size:10px}#brief-status{color:var(--teal);font-size:12px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.hero-copy{animation:.7s ease-out both enter}.hero-art{animation:1s ease-out .15s both enter}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){.service-card,.step,.insight-card{animation:linear both appear view();animation-range:entry entry 25%}@keyframes appear{0%{opacity:.5;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}}@media (prefers-reduced-motion:reduce){.button,.service-card{transition:none}}@media (width>=1500px){.hero-grid{min-height:700px}}@media (width<=1100px){.container{width:calc(100% - 60px)}.desktop-nav{gap:18px}.hero h1{font-size:57px}.hero-grid{grid-template-columns:1fr 1fr}.hero-art{transform-origin:50%;transform:scale(.9)}.browser-top span{padding-inline:30px}.sculpture{right:-4px;transform:scale(.8)}.mock-hero strong{font-size:25px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card p{min-height:50px}.possibility-grid{gap:45px}.possibility-section h2{font-size:36px}.code-card{width:200px}.service-big-icon{opacity:.25}.final-cta h2{font-size:34px}.footer-top{gap:25px}}@media (width<=760px){.container{width:calc(100% - 40px)}.nav{gap:15px;height:83px}.brand{font-size:20px}.brand svg{width:33px;height:33px;margin-right:8px}.brand small{font-size:8px}.desktop-nav,.nav-cta{display:none}.mobile-menu{display:block}.mobile-menu summary{place-items:center;width:44px;height:44px;font-size:24px;list-style:none;display:grid}.mobile-menu nav{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px;position:absolute;top:75px;left:20px;right:20px;box-shadow:0 20px 50px #07364c14}.mobile-menu nav a{padding:14px;font-size:14px;display:block}.hero-grid{min-height:auto;padding-block:43px 50px;display:block}.eyebrow{letter-spacing:1.6px;font-size:9px}.hero h1{letter-spacing:-2.5px;margin-bottom:25px;font-size:60px}.lead{font-size:15px}.hero-note{margin-top:25px;font-size:10px}.actions{gap:20px}.button{padding:15px 22px;font-size:13px}.text-link{font-size:12px}.hero-art{max-width:520px;height:420px;margin:25px auto 0;transform:none}.browser-card{width:97%;top:85px;left:1%}.browser-top span{padding-inline:35px}.mock-hero{min-height:185px;padding:22px 18px}.mock-hero strong{font-size:27px}.sculpture{right:0;transform:scale(.85)}.tag-top{padding:9px 12px;font-size:10px;top:30px;right:4px}.tag-bottom{padding:10px;font-size:10px;bottom:5px;left:1px}.code-card{width:180px;padding:13px;bottom:0;right:0}.code-card code{font-size:8px}.code-card>div{font-size:5px}.orbit-one{width:380px;height:380px;top:20px;left:0}.orbit-two{width:310px;height:310px;top:55px;left:30px}.art-caption{font-size:8px;bottom:-24px}.capabilities .container{flex-wrap:wrap;justify-content:center;gap:13px;padding-block:20px}.capabilities span{text-align:center;flex-basis:100%;margin-bottom:5px;font-size:10px}.capabilities b{letter-spacing:.6px;font-size:8px}.capabilities i{font-size:9px}.section{padding-block:60px}.section-head{margin-bottom:28px;display:block}.section-head p{margin-top:20px;font-size:13px}h2{font-size:32px}.service-grid{gap:13px}.service-card{border-radius:17px;padding:19px 16px 15px}.service-icon{border-radius:12px;width:43px;height:43px;font-size:24px}.card-top{margin-bottom:27px}.service-card h3{font-size:17px}.service-card p{min-height:105px;font-size:11px}.english-label{font-size:8px}.card-bottom{font-size:11px}.possibility-section{padding-block:55px}.possibility-grid{grid-template-columns:1fr;gap:42px}.possibility-section h2{font-size:35px}.possibility-section p{font-size:13px}.demo-box{width:100%;max-width:500px;margin:auto;padding:19px;transform:none}.demo-content h3{max-width:240px;font-size:24px}.steps{grid-template-columns:1fr 1fr;gap:25px 20px}.step>span{margin-bottom:20px}.step h3{font-size:18px}.step p{font-size:12px}.insights-section{padding-block:55px}.pill{margin-top:20px;font-size:10px;display:inline-block}.insight-grid{grid-template-columns:1fr;gap:36px}.insight-visual{gap:35px;height:200px}.insight-visual>span{font-size:65px}.visual-ai>span{font-size:100px}.insight-visual div{font-size:23px}.faq-section{grid-template-columns:1fr;gap:15px}.faq-list summary{font-size:14px}.final-cta{border-radius:20px;margin-bottom:50px;padding:33px 25px;display:block}.final-cta h2{font-size:31px}.final-cta p{z-index:1;font-size:12px;position:relative}.final-cta .button{margin-top:25px}.cta-decoration{bottom:-60px;right:-35px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top .brand{width:100%;font-size:22px}.footer-top p{flex:1;margin:0}.footer-top>div{flex-direction:column;gap:10px;font-size:11px;display:flex}.footer-bottom{font-size:8px}.service-hero{min-height:0;padding-block:45px 55px}.service-hero h1{font-size:41px}.service-big-icon{display:none}.service-detail{grid-template-columns:1fr;gap:15px;padding-block:45px}.service-detail h2{font-size:30px}.service-note{margin-block:10px 45px;padding:25px}.service-note h2{font-size:23px}.contact-page{grid-template-columns:1fr;gap:35px;padding-block:50px}.contact-page h1{font-size:43px}.brief-form{padding:23px}.brief-form h2{font-size:23px}}@media (width<=380px){.hero h1{font-size:52px}.hero-art{height:385px}.mock-hero strong{font-size:22px}.sculpture{right:-25px;transform:scale(.65)}.mock-cards span{font-size:5px}.mock-nav div{gap:7px}.service-grid{grid-template-columns:1fr}.service-card p{min-height:0}.card-top{margin-bottom:20px}.service-card h3{font-size:21px}.service-card p{font-size:13px}.code-card{width:160px}.hero .actions{flex-direction:column;align-items:flex-start}}.portfolio-home{background:#f6faf7;padding:75px 0 85px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;display:grid}.portfolio-card{min-width:0;display:block}.portfolio-image{aspect-ratio:8/5;background:#e6eeea;border:1px solid #dce7df;border-radius:20px;position:relative;overflow:hidden}.portfolio-image img{object-fit:contain;width:100%;height:100%;transition:transform .35s;display:block}.portfolio-card:hover .portfolio-image img{transform:scale(1.035)}.portfolio-open{background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 3px 12px #0002}.portfolio-meta{justify-content:space-between;align-items:center;margin:19px 0 9px;display:flex}.portfolio-number{color:#75897e;font:10px monospace}.portfolio-card h3{margin-bottom:9px;font-size:20px}.portfolio-card p{max-width:95%;margin-bottom:0;font-size:13px}.portfolio-heading{padding-block:65px 45px}.portfolio-heading h1,.project-heading h1{font-size:clamp(2.25rem,1.5rem + 3vw,3.75rem);line-height:1.45}.legacy-note{background:#eef6f1;border:1px solid #dcebe2;border-radius:14px;align-items:center;gap:18px;max-width:720px;margin-top:28px;padding:18px 22px;display:flex}.legacy-note>span{color:var(--teal);font-size:27px}.legacy-note p{margin:0;font-size:12px}.portfolio-section{padding-block:10px 85px}.project-heading{padding-block:50px 30px}.project-heading>.text-link{margin-bottom:38px}.project-heading h1{max-width:950px}.project-credit{font-size:12px}.project-showcase{padding-bottom:70px}.project-showcase>img{background:#edf4ef;border-radius:20px;width:100%;height:auto;display:block}.project-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:22px;margin-top:22px;font-size:11px;display:flex}.about-hero{min-height:auto;padding-bottom:55px}.about-story{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:60px;padding-block:55px;display:grid}.about-story p{font-size:14px}.legacy-stats{background:#eaf5ee;border-radius:22px;grid-template-columns:repeat(3,1fr);gap:20px;padding:35px 40px;display:grid}.legacy-stats>div{flex-direction:column;align-items:center;gap:6px;display:flex}.legacy-stats strong{color:var(--teal);font-size:44px;font-weight:600}.legacy-stats span{font-size:13px}.legacy-stats p{text-align:center;grid-column:1/-1;margin:5px 0 0;font-size:10px}.about-values{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.about-values article{border-top:1px solid var(--line);padding-top:25px}.about-values article>span{color:var(--teal);margin-bottom:22px;font:12px monospace;display:block}.about-values h3{font-size:20px}.about-values p{font-size:13px}.contact-channels{margin-top:35px}.contact-channels>a,.contact-channels>div{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:15px 0;display:flex}.contact-channels span{color:var(--muted);font-size:11px}.contact-channels strong{overflow-wrap:anywhere;font-size:16px;font-weight:500}.contact-channels a:hover strong{color:var(--teal)}.contact-continuity{margin-top:20px;font-size:11px}.service-price{flex-direction:column;gap:4px;margin-top:23px;font-size:12px;display:flex}.service-price strong{color:var(--teal);font-size:21px}.desktop-nav{gap:25px}@media (prefers-reduced-motion:reduce){.portfolio-image img{transition:none}}@media (width<=760px){.portfolio-home{padding-block:50px}.portfolio-grid{grid-template-columns:1fr;gap:32px}.portfolio-card h3{font-size:19px}.portfolio-card p{font-size:12px}.portfolio-image{border-radius:15px}.portfolio-heading{padding-block:45px 30px}.portfolio-heading h1,.project-heading h1{font-size:36px}.legacy-note{gap:12px;padding:15px}.legacy-note p{font-size:11px}.portfolio-section{padding-bottom:55px}.project-heading{padding-block:35px 20px}.project-caption{flex-direction:column;align-items:flex-start;gap:15px}.project-caption .text-link{font-size:12px}.project-showcase{padding-bottom:50px}.about-story{grid-template-columns:1fr;gap:15px;padding-block:35px}.legacy-stats{gap:10px;padding:25px 15px}.legacy-stats strong{font-size:35px}.legacy-stats span{font-size:10px}.legacy-stats p{font-size:9px}.about-values{grid-template-columns:1fr;gap:20px}.footer-top>div{flex-wrap:wrap}}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/noto-sans-thai-thai-400-normal.BEOmKAI1.woff2)format("woff2"),url(/_astro/noto-sans-thai-thai-400-normal.Dxb_unuU.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/noto-sans-thai-latin-ext-400-normal.nBP59pVw.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-ext-400-normal.B-1H0YkH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/noto-sans-thai-latin-400-normal.BaWBrqFP.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-400-normal.Dh_FJjOB.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/noto-sans-thai-thai-500-normal.CU_X86GQ.woff2)format("woff2"),url(/_astro/noto-sans-thai-thai-500-normal.BOGXO2tw.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/noto-sans-thai-latin-ext-500-normal.B-ZWb8SZ.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-ext-500-normal.CrEHO7C8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/noto-sans-thai-latin-500-normal.fyBKClF1.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-500-normal.BC04jsmm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/noto-sans-thai-thai-600-normal.Cs73sVjl.woff2)format("woff2"),url(/_astro/noto-sans-thai-thai-600-normal.CmgB8_JK.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/noto-sans-thai-latin-ext-600-normal.maHHBsez.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-ext-600-normal.PkMZo0xa.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/noto-sans-thai-latin-600-normal.CemcjnVR.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-600-normal.Dbc-dNO6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/noto-sans-thai-thai-700-normal.Cm52XUnT.woff2)format("woff2"),url(/_astro/noto-sans-thai-thai-700-normal.C9ISMlQq.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/noto-sans-thai-latin-ext-700-normal.uJk63onE.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-ext-700-normal.xdwl2Xg6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/noto-sans-thai-latin-700-normal._dn-40wb.woff2)format("woff2"),url(/_astro/noto-sans-thai-latin-700-normal.C4AMFKt5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}