@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--ink:#112126;--paper:#f4f1e8;--acid:#d8ff3e;--coral:#ff654a;--aqua:#67e0d0;--grid:rgba(17,33,38,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Thai',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:9;background:#fff;padding:8px}.nav{height:82px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);position:relative;background:var(--paper);z-index:2}.brand{display:flex;align-items:center;gap:10px;font-family:'Chakra Petch',sans-serif;font-weight:700;line-height:1;font-size:19px}.brand small{display:block;font:500 10px 'Noto Sans Thai',sans-serif;letter-spacing:0}.pixel{display:grid;place-items:center;width:35px;height:35px;background:var(--acid);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}nav{display:flex;gap:clamp(12px,2vw,30px);font:600 14px 'Chakra Petch',sans-serif}nav a:hover,.text-link:hover{color:#bd3d2d}.menu{display:none;border:0;background:transparent;font:700 28px 'Chakra Petch',sans-serif}.hero{min-height:calc(100vh - 82px);padding:clamp(38px,8vw,110px) clamp(20px,8vw,130px) 64px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;overflow:hidden;position:relative;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:30px 30px}.eyebrow{font:700 12px 'Chakra Petch',sans-serif;letter-spacing:1.5px;margin:0 0 12px;color:#4e6968}.hero h1,h2,h3{font-family:'Chakra Petch','Noto Sans Thai',sans-serif;line-height:1.06;letter-spacing:0;margin:0}.hero h1{font-size:clamp(48px,7vw,106px);max-width:720px}.hero h1 span{display:block;color:var(--coral);font-size:.42em;margin-top:12px}.lead{font-size:clamp(18px,2vw,25px);margin:28px 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:2px solid var(--ink);padding:11px 17px;font:700 15px 'Chakra Petch',sans-serif;transition:.18s ease}.button:hover{background:var(--ink);color:var(--paper);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--coral)}.primary{background:var(--acid)}.hero-visual{margin:0;border:2px solid var(--ink);background:var(--ink);box-shadow:10px 10px 0 var(--coral);position:relative}.hero-visual video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.8) contrast(1.08)}figcaption{color:white;padding:9px 12px;font:600 11px 'Chakra Petch',sans-serif;letter-spacing:1px;display:flex;gap:8px;align-items:center}figcaption span{margin-left:auto}figcaption i{background:var(--acid);height:8px;width:8px;border-radius:50%;animation:pulse 1.4s infinite}.ticker{position:absolute;bottom:0;left:0;right:-10%;height:31px;background:var(--acid);border-top:2px solid var(--ink);font:700 13px 'Chakra Petch',sans-serif;line-height:29px;white-space:nowrap;animation:ticker 18s linear infinite}.band,.office{padding:clamp(70px,10vw,140px) clamp(20px,10vw,160px)}.about{background:var(--aqua);display:grid;grid-template-columns:1fr 2fr;gap:25px}.about h2{font-size:clamp(31px,4vw,62px);grid-column:2}.about>p:not(.eyebrow),.about .text-link{grid-column:2;max-width:620px;font-size:18px}.text-link{font:700 16px 'Chakra Petch',sans-serif;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.agents{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.section-heading h2,.projects h2,.office h2,.stories h2{font-size:clamp(36px,5vw,72px)}.agent-grid{display:grid;grid-template-columns:repeat(5,1fr);border:2px solid var(--ink);border-right:0}.agent{min-height:230px;padding:22px 17px;border-right:2px solid var(--ink);background:#faf8f1}.agent:nth-child(even){background:#f1d3b2}.agent.glae{background:var(--acid)}.sprite{display:grid;place-items:center;width:50px;height:50px;border:2px solid var(--ink);font:700 24px 'Chakra Petch';box-shadow:4px 4px 0 var(--ink);margin-bottom:30px}.agent h3{font-size:25px}.agent p{font-size:13px;margin:5px 0}.projects{background:var(--ink);color:var(--paper)}.projects .eyebrow{color:var(--aqua)}.project-list{margin-top:45px;border-top:1px solid #637273}.project-list a{display:grid;grid-template-columns:55px 1fr 1.4fr 30px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #637273;font-family:'Chakra Petch',sans-serif}.project-list span{font-weight:700;font-size:clamp(18px,2.4vw,28px)}.project-list em{font:400 14px 'Noto Sans Thai',sans-serif;color:#bfd0cf}.project-list i{font-style:normal;font-size:25px}.project-list a:hover{color:var(--acid)}.office{background:var(--coral);display:grid;grid-template-columns:1fr 1fr;gap:80px}.office>div>p:not(.eyebrow){max-width:500px;font-size:18px}.terminal{align-self:center;background:#10282a;color:#d6eee8;border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);font:15px 'Chakra Petch',monospace;padding:0 22px 24px}.terminal-bar{margin:0 -22px 21px;padding:7px 11px;background:#d6eee8;color:var(--ink);font-size:12px}.terminal-bar span{display:inline-block;width:8px;height:8px;margin-right:4px;background:var(--coral);border:1px solid var(--ink)}.terminal mark{background:var(--acid);padding:1px 4px}.cursor{animation:blink 1s steps(2) infinite}.stories{border-bottom:2px solid var(--ink);background-image:radial-gradient(var(--grid) 1px,transparent 1px);background-size:16px 16px}.stories>p:not(.eyebrow){max-width:620px;font-size:18px;margin:16px 0 28px}footer{padding:28px clamp(20px,5vw,76px);font:600 12px 'Chakra Petch',sans-serif;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{margin:0}footer a{text-decoration:underline;text-underline-offset:4px}@keyframes ticker{to{transform:translateX(-20%)}}@keyframes pulse{50%{opacity:.15}}@keyframes blink{50%{opacity:0}}@media(max-width:760px){.nav{height:64px}.menu{display:block}nav{display:none;position:absolute;top:63px;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);padding:20px;flex-direction:column}nav.open{display:flex}.hero{min-height:auto;grid-template-columns:1fr;padding-top:60px;gap:40px}.hero-visual{width:min(100%,400px);justify-self:center}.about,.office{grid-template-columns:1fr}.about h2,.about>p:not(.eyebrow),.about .text-link{grid-column:auto}.agent-grid{grid-template-columns:repeat(2,1fr)}.agent{min-height:185px}.agent:last-child{grid-column:span 2}.project-list a{grid-template-columns:38px 1fr 25px;gap:10px}.project-list em{display:none}.office{gap:40px}.band,.office{padding-top:75px;padding-bottom:75px}}