@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f4ee;--ink:#202b26;--muted:#657168;--line:#d7dbd1;--green:#294d3c;--lime:#d5e3af;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ca6a37;outline-offset:5px}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(50px,6.7vw,106px)}h2{font-size:clamp(38px,4.6vw,70px)}h3{font-size:28px}em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}p{color:var(--muted)}.eyebrow,.edition,.chapter-tag{font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.6}.section{padding:110px max(6vw,24px)}.header{height:94px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(245,244,238,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{width:235px;height:75px;overflow:hidden;display:flex;align-items:center}.brand img{mix-blend-mode:multiply;width:235px;height:auto}.header nav{display:flex;gap:34px;font-size:13px}.header nav a:hover{color:#9a4c25}.button{border:1px solid var(--green);background:var(--green);color:white;padding:16px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-radius:3px;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#193c2a;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.small{padding:12px 18px;font-size:12px}.menu-toggle{display:none}.skip{position:fixed;top:-80px;background:white;z-index:100;padding:14px}.skip:focus{top:5px}.hero{padding:44px 6vw 0}.hero-top,.hero-bottom,.hero-foot{display:flex;justify-content:space-between;align-items:center}.hero-top{margin-bottom:46px}.dot{display:inline-block;width:7px;height:7px;background:#75a580;border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #75a58018}.hero h1{max-width:1240px}.hero h1 em{color:var(--green)}.hero-bottom{margin:35px 0 65px;gap:30px}.hero-bottom p{font-size:15px}.text-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid currentColor;padding-bottom:7px;font-size:13px}.hero-foot{padding:20px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:.12em;color:var(--muted);gap:20px}.story{height:520vh;background:#1c3028;color:#f0f0e7}.story-pin{height:calc(100svh - 94px);min-height:590px;position:sticky;top:94px;overflow:hidden;padding:28px 6vw 0;background:radial-gradient(ellipse at 85% 40%,#37544166,transparent 60%)}.story-head{display:flex;justify-content:space-between;align-items:center;color:#a9b9ac}.story-head>a{font-size:11px}.story-layout{height:calc(100% - 115px);display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:5vw}.story-copy h2{font-size:clamp(38px,4.3vw,66px);margin:18px 0 22px}.story-copy h2 em{color:#d7e7b8}.story-copy p{color:#b6c5b9;font-size:14px;max-width:355px;min-height:74px}.chapter-number{font-size:12px;letter-spacing:.16em;color:#b2c0af}.chapter-tag{display:block;margin-top:30px;color:#b8c8a9;font-size:9px}.stage{position:relative;height:430px;perspective:1500px}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(35px) rotateX(6deg) scale(.94);transition:opacity .6s,transform .8s cubic-bezier(.22,.8,.2,1),visibility .6s;display:flex;align-items:center;justify-content:center}.scene.active{opacity:1;visibility:visible;transform:none}.windowbar{display:flex;align-items:center;gap:5px;height:35px;border-bottom:1px solid #ffffff15;padding:0 15px;font-size:9px;color:#b8c3bc}.windowbar i{width:5px;height:5px;border-radius:50%;background:#7e9184}.windowbar span{margin:auto}.meeting-screen,.design-board,.code-window,.launch-browser{width:92%;border:1px solid #8b9b8155;border-radius:9px;background:#283d32;box-shadow:0 35px 65px #06190e66;overflow:hidden;transform:rotate(-3deg)}.people{display:flex;justify-content:center;gap:35px;padding:35px 15px 25px}.people>div{display:flex;flex-direction:column;text-align:center;align-items:center}.avatar{display:grid;place-items:center;border-radius:50%;height:70px;width:70px;font:italic 36px var(--serif);background:#d4dec4;color:#243e2d;margin-bottom:12px}.avatar.designer{background:#d6a17e}.avatar.dev{background:#91b0a4}.people b{font-size:12px;font-weight:500}.people small{font-size:10px;color:#a8b7ac}.conversation{display:flex;flex-direction:column;gap:10px;padding:0 25px;font-size:11px}.conversation span{padding:10px 15px;background:#ffffff0b;border-radius:5px;max-width:90%}.conversation span+span{align-self:flex-end;background:#dae8c0;color:#283e2f}.call-controls{display:flex;justify-content:center;gap:15px;margin:22px}.call-controls span{background:#ffffff10;width:30px;height:30px;border-radius:50%;text-align:center}.call-controls .end-call{background:#a56850}.floating-note{position:absolute;right:-5px;bottom:0;background:#e2e8c9;color:#293c2d;padding:20px 27px;font-size:17px;line-height:1.25;box-shadow:0 10px 30px #0002;transform:rotate(5deg)}.floating-note em{font-size:24px}.design-board{transform:rotate(2deg);background:#edece3;color:#2b392c}.design-board .windowbar{background:#314b3d}.canvas{height:285px;position:relative;background-image:radial-gradient(#4c604426 1px,transparent 1px);background-size:15px 15px;padding:45px 55px}.toolrail{position:absolute;left:10px;top:25px;background:white;padding:10px;line-height:2.1;border-radius:4px}.type-study{position:relative}.type-study small{font-size:8px;letter-spacing:.18em}.type-study strong{display:block;font:42px/1.05 Manrope,Arial;letter-spacing:-.04em;margin-top:14px}.type-study strong em{font-size:46px}.selection{border:1px solid #476ffc;position:absolute;inset:29px -10px -10px}.selection i{position:absolute;width:6px;height:6px;background:white;border:1px solid #476ffc}.selection i:nth-child(1){top:-3px;left:-3px}.selection i:nth-child(2){top:-3px;right:-3px}.selection i:nth-child(3){bottom:-3px;left:-3px}.selection i:nth-child(4){bottom:-3px;right:-3px}.cursor-label{position:absolute;right:-25px;bottom:-24px;background:#476ffc;color:white;padding:3px 8px;font-size:9px}.swatches{display:flex;gap:8px;margin-top:27px}.swatches i{height:22px;width:22px;border-radius:50%;background:#334f39}.swatches i:nth-child(2){background:#9ca984}.swatches i:nth-child(3){background:#d29976}.swatches i:nth-child(4){background:#eeead5}.photo-frame{width:90%;height:320px;position:relative;overflow:hidden;transform:rotate(-4deg);border:8px solid #eceee1;box-shadow:0 30px 55px #0004}.photo-frame>img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.6)}.viewfinder{position:absolute;inset:15px;display:grid;grid-template-columns:1fr 1fr;align-content:space-between;justify-content:space-between;color:white;font-size:9px;text-shadow:0 1px 4px black}.viewfinder span:nth-child(even){text-align:right}.focus-mark{position:absolute;width:90px;height:90px;border:1px solid white;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-caption{position:absolute;bottom:35px;left:30px;font:italic 28px var(--serif);background:var(--paper);color:var(--ink);padding:10px}.code-window{background:#15231d;transform:rotate(-2deg)}.editor{height:285px;display:flex;gap:24px;padding:24px;font:12px/1.9 Consolas,monospace}.line-numbers{color:#526a59}.editor pre{margin:0;white-space:pre-wrap;color:#c9dfb3;font:inherit}.caret{color:#d8a176}.terminal{padding:12px 24px;border-top:1px solid #ffffff18;font-size:10px;color:#a6bc91}.security{flex-direction:column;gap:20px}.security-orbit{border:1px solid #9bb68444;border-radius:50%;padding:35px;box-shadow:0 0 0 30px #9bb68408,0 0 0 65px #9bb68406}.security svg{width:80px;height:100px;fill:none;stroke:#d5e6b6;stroke-width:2}.check-stack{display:grid;gap:8px;font-size:12px}.check-stack span{padding:7px 18px;background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px}.launch-browser{transform:rotateY(-10deg) rotate(-3deg);width:90%}.launch-browser img{height:290px;object-fit:cover;object-position:top;width:100%}.launch-badge{position:absolute;top:7px;left:0;background:#e1e8ce;color:#23402a;padding:10px 16px;border-radius:30px;font-size:11px}.story-footer{display:flex;justify-content:space-between;align-items:center;height:65px;border-top:1px solid #ffffff20}.chapter-buttons{display:flex;gap:20px}.chapter-buttons button{background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;color:#8b9f90;font-size:10px}.chapter-buttons button span{margin-left:6px}.chapter-buttons button[aria-pressed=true]{color:#e0edc2;border-bottom-color:#c9d9a9}.scroll-hint{font-size:8px;letter-spacing:.12em;color:#a6b8a8}.story-progress{height:2px;position:absolute;bottom:0;left:0;right:0;background:#ffffff0b}.story-progress span{display:block;height:100%;width:0;background:#cfdfae}.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:35px}.split .lead{font-size:22px;line-height:1.5;color:var(--ink);margin-bottom:24px}.split p{font-size:15px}.industries{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.industries span{font-size:11px;border:1px solid var(--line);padding:7px 12px;border-radius:20px}.work{background:#e9ece3}.section-title{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:50px}.section-title h2{margin-top:24px}.section-title>p{font-size:12px;max-width:300px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px}.featured{grid-column:1/-1}.project-image{overflow:hidden;background:#d9dfd0;padding:25px 25px 0;position:relative;aspect-ratio:1.65}.featured .project-image{aspect-ratio:2.4;padding:50px 70px 0;background:#d2d9ca}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:5px 5px 0 0;transition:transform .6s}.project:hover img{transform:translateY(-8px)}.project-arrow{position:absolute;right:18px;top:18px;background:var(--paper);width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.project-info{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.project-info h3{font-size:21px;letter-spacing:-.025em}.project-info span{font-size:9px;letter-spacing:.1em}.work>.text-link{margin-top:50px}.service-row{display:grid;grid-template-columns:.15fr 1fr 1fr 60px;gap:35px;padding:34px 0;border-top:1px solid var(--line);align-items:center}.service-row>span{font-size:12px;color:var(--muted)}.service-row h3{font-size:30px}.service-row b{font-size:12px}.service-row p{font-size:13px;margin-top:9px}.service-row button{border:1px solid var(--line);background:none;border-radius:50%;width:48px;height:48px;font-size:24px}.service-row button:hover{background:var(--lime)}.included{border-top:1px solid var(--line);padding:30px 0;display:flex;gap:14px;flex-wrap:wrap;font-size:10px}.included p{width:100%;letter-spacing:.12em}.included span:before{content:'↗ ';color:var(--green)}.extras{padding:30px;background:#e9ece3}.extras h3{font-size:25px;margin-bottom:16px}.extras p{font-size:14px}.extras small{display:block;margin-top:15px;color:var(--muted);font-size:11px;max-width:850px}.team{background:#dedfce}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:60px}.team-grid article{min-height:340px;display:flex;gap:22px;align-items:end;padding:28px;background:#edeee3;overflow:hidden}.team-grid h3{font-size:27px;margin:12px 0}.team-grid p{font-size:13px}.giant-amp{font:italic 180px var(--serif);color:#6d8069;line-height:1.2}.team-grid img{width:38%;height:240px;object-fit:cover;object-position:top;filter:grayscale(1)}.team-grid a{display:inline-block;font-size:12px;border-bottom:1px solid;margin-top:20px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq h2{margin-top:25px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:15px;list-style:none;padding-right:25px;position:relative}.faq summary:after{content:'＋';position:absolute;right:0}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;margin-top:15px}.contact{background:#233f30;color:#f0f1e6}.contact .eyebrow{color:#b6c6b3}.contact h2{margin:30px 0 40px;font-size:clamp(42px,5.8vw,85px)}.contact h2 em{color:#cedcaa}.contact>div{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact p{color:#c2cebd;font-size:14px}.light{background:#d5e3af;color:#243a2a;border-color:#d5e3af}.light:hover{background:#e3eccb}footer{padding:40px 6vw;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}.footer-brand{font:28px var(--serif);letter-spacing:-.05em}footer span{font-size:8px;letter-spacing:.12em}dialog{border:0;border-radius:8px;background:var(--paper);padding:45px;width:min(600px,94vw);max-height:90svh;color:var(--ink)}dialog::backdrop{background:#0d211ac9;backdrop-filter:blur(6px)}dialog h2{font-size:48px;margin:18px 0 30px}.close-dialog{position:absolute;right:20px;top:12px;font-size:32px;border:0;background:none}form{display:grid;gap:17px}label{display:grid;gap:5px;font-size:12px}input,select,textarea{min-width:0;width:100%;border:1px solid #bfc6b7;border-radius:3px;background:#fff9;padding:10px;color:var(--ink)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}form small{color:var(--muted);font-size:10px}#brief-text{white-space:pre-wrap;font:13px/1.6 inherit;background:#e4e8dc;padding:20px}#brief-result .text-link{margin:20px 0}.back-form{display:block;background:none;border:0;text-decoration:underline;font-size:12px}.status{font-size:12px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.hero,.section,.header{padding-left:max(6vw,calc((100vw - 1450px)/2));padding-right:max(6vw,calc((100vw - 1450px)/2))}}@media(max-width:1000px){.header nav{gap:20px}.edition{display:none}.story-layout{gap:25px;grid-template-columns:.85fr 1.2fr}.stage{height:370px}.floating-note{padding:12px 17px}.people{gap:18px}.avatar{width:55px;height:55px}.chapter-buttons{gap:16px}.chapter-buttons button span{display:none}.team-grid article{flex-direction:column;align-items:start}.team-grid img{width:110px;height:140px}.giant-amp{font-size:110px}.project-info{align-items:start;flex-direction:column}}
@media(max-width:700px){html{scroll-padding-top:76px}.header{height:76px;padding:0 22px}.brand{width:190px;height:65px}.brand img{width:190px}.header nav,.header>.button{display:none}.menu-toggle{display:block;background:none;border:1px solid var(--line);padding:8px 13px;font-size:12px}#mobile-nav:not([hidden]){display:flex;position:fixed;top:76px;left:0;right:0;z-index:21;flex-direction:column;gap:20px;padding:25px;background:var(--paper);border-bottom:1px solid var(--line)}#mobile-nav button{background:var(--green);color:white;border:0;padding:12px}.hero{padding:28px 24px 0}.hero-top{margin-bottom:35px}.hero .eyebrow{font-size:8px}.hero h1{font-size:clamp(39px,8.8vw,61px);line-height:1.09}.hero h1 em{display:inline}.hero-bottom{flex-direction:column;align-items:start;margin:26px 0 38px;gap:24px}.hero-bottom p{font-size:13px}.hero-foot{font-size:8px}.hero-foot span+span{display:none}.story{height:430svh}.story-pin{top:76px;min-height:0;height:calc(100svh - 76px);padding:18px 24px 0}.story-head .eyebrow{font-size:7px}.story-head>a{font-size:9px}.story-layout{display:flex;flex-direction:column;align-items:stretch;gap:12px;height:calc(100% - 70px);padding-top:18px}.story-copy h2{font-size:36px;line-height:1.02;margin:10px 0}.story-copy h2 br{display:none}.story-copy p{font-size:12px;min-height:0;max-width:100%;line-height:1.5}.chapter-number{font-size:9px}.chapter-tag{display:none}.stage{flex:1;height:auto;min-height:200px;max-height:340px;margin:0 10px}.scene{inset:0}.meeting-screen,.design-board,.code-window,.launch-browser{width:100%}.windowbar{height:25px;font-size:7px}.people{padding:15px 8px 10px;gap:25px}.people b{font-size:9px}.people small{font-size:8px}.avatar{height:40px;width:40px;font-size:24px;margin-bottom:5px}.conversation{font-size:8px;padding:0 12px;gap:6px}.conversation span{padding:6px 8px}.call-controls{margin:10px;gap:10px}.call-controls span{width:22px;height:22px;font-size:12px}.floating-note{bottom:3px;right:-20px;font-size:11px;padding:9px 12px}.floating-note em{font-size:16px}.canvas{height:210px;padding:25px 45px}.type-study strong{font-size:30px}.type-study strong em{font-size:33px}.toolrail{font-size:11px}.swatches{margin-top:20px}.photo-frame{height:220px;width:100%}.photo-caption{font-size:18px;bottom:20px;left:0}.editor{height:205px;padding:16px;gap:15px;font-size:9px}.terminal{font-size:8px;padding:8px 15px}.security{gap:10px}.security-orbit{padding:12px;box-shadow:0 0 0 20px #9bb68408}.security svg{width:45px;height:55px}.check-stack{gap:3px;font-size:9px}.check-stack span{padding:4px 9px}.launch-browser img{height:190px}.launch-badge{font-size:8px;top:15px;padding:6px 9px}.story-footer{height:50px}.chapter-buttons{gap:22px}.scroll-hint{font-size:6px;max-width:70px;text-align:right}.section{padding:65px 24px}.split{grid-template-columns:1fr;gap:30px}.split .lead{font-size:19px}.split p{font-size:14px}.section-title{display:block;margin-bottom:32px}.section-title>p{margin-top:24px}.projects{grid-template-columns:1fr;gap:32px}.featured{grid-column:auto}.featured .project-image,.project-image{padding:22px 18px 0;aspect-ratio:1.45}.project-info h3{font-size:20px}.project-info{gap:8px;margin-top:14px}.service-row{grid-template-columns:20px 1fr 35px;gap:15px;padding:25px 0}.service-row h3{font-size:25px}.service-row>div{grid-column:2;grid-row:2}.service-row>button{grid-column:3;grid-row:1;width:35px;height:35px;font-size:19px}.extras{padding:22px}.team-grid{grid-template-columns:1fr;margin-top:30px}.team-grid article{min-height:260px;flex-direction:row;align-items:center;padding:22px}.giant-amp{font-size:110px}.team-grid img{width:32%;height:170px}.team-grid h3{font-size:22px}.team-grid .eyebrow{font-size:8px}.team-grid p{font-size:12px}.faq{display:block}.faq>div+div{margin-top:28px}.faq summary{font-size:14px}.contact>div{align-items:start;flex-direction:column}.contact h2{font-size:45px}footer{flex-wrap:wrap;padding:30px 24px;gap:18px}footer span{width:100%;order:3}dialog{padding:30px 23px}.form-pair{grid-template-columns:1fr}dialog h2{font-size:36px}.story-copy{flex-shrink:0}}
.creative{background:#e9e2ee}.creative-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.creative-grid img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .5s}.creative-grid a:hover img{transform:translateY(-6px)}.creative-grid h3{font-size:21px;margin:20px 0 8px;letter-spacing:-.025em}.creative-grid p{font-size:11px}.creative-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px;gap:30px}.creative-bottom p{font-size:13px}.photo .photo-frame>img{object-position:center;filter:saturate(.8)}[hidden]{display:none!important}
@media(max-width:700px){.creative-grid{grid-template-columns:1fr;gap:32px}.creative-grid img{aspect-ratio:1.2}.creative-bottom{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story{height:auto}.story-pin{position:relative;top:0;height:650px}.reveal{opacity:1;transform:none}.scroll-hint{display:none}}