@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=DM+Mono:wght@400;500&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#171712;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f0e8;font-family:Manrope,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:#f3f0e8;min-height:100vh;overflow-x:hidden}body,button,input,textarea,select{font-family:Manrope,Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img,svg{max-width:100%}::selection{color:#f6f1df;background:#294bdd}:root{--paper:#f3f0e7;--paper-deep:#ddd8cc;--ink:#171713;--muted:#5f5c55;--line:#17171329;--blue:#2d4de0;--yellow:#e7d971;--sage:#b9c3ae;--rust:#b04c37;--dark:#12170f;--dark-2:#0e120c;--dark-text:#eeebe1;--dark-muted:#a7aa9f;--dark-line:#eeebe12e;--serif:"DM Serif Display", Georgia, serif;--sans:"Manrope", Arial, Helvetica, sans-serif;--mono:"DM Mono", monospace;--hand:"Caveat", cursive;--page:min(1440px, calc(100% - 120px))}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--sans);margin:0;overflow-x:hidden}.portfolio{width:100%;min-height:100vh;overflow:hidden}.portfolio a{color:inherit;text-decoration:none}.portfolio img{max-width:100%;display:block}.portfolio svg{flex:none;width:15px;height:15px;display:block}.portfolio h1,.portfolio h2,.portfolio h3,.portfolio p{margin-top:0}.micro-label,.case-label,.case-number{color:#6e6a61;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:500}.text-link{white-space:nowrap;border-bottom:1px solid;align-items:center;gap:13px;padding-bottom:6px;font-size:12px;font-weight:600;display:inline-flex}.nav{z-index:100;width:var(--page);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:96px;margin:0 auto;display:grid;position:relative}.wordmark{color:var(--ink);font-family:var(--sans);letter-spacing:.12em;justify-self:start;font-size:15px;font-weight:700}.nav nav{align-items:center;gap:34px;display:flex}.nav nav a{letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:700;position:relative}.nav nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.nav nav a:hover:after{transform-origin:0;transform:scaleX(1)}.github-link{letter-spacing:.07em;text-transform:uppercase;justify-self:end;align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.github-link svg{width:14px;height:14px}.hero{width:var(--page);grid-template-columns:minmax(0,.95fr) minmax(470px,.8fr);align-items:center;gap:clamp(60px,7vw,120px);min-height:760px;margin:0 auto;padding:72px 0 90px;display:grid}.hero-left{z-index:3;min-width:0;position:relative}.hero .micro-label{margin-bottom:27px}.hero h1{max-width:720px;color:var(--ink);font-family:var(--serif);letter-spacing:-.048em;margin:0;font-size:clamp(66px,6.4vw,102px);font-weight:400;line-height:.91}.hero h1 em{color:var(--blue);font-style:italic;font-weight:400}.hero-bottom{grid-template-columns:minmax(0,470px) auto;align-items:end;gap:46px;margin-top:58px;display:grid}.intro{color:#504e48;margin:0;font-size:16px;line-height:1.72}.hero-bottom .text-link{margin-bottom:2px}.hero-collage{min-width:0;min-height:570px;position:relative}.dervale-preview{color:#eeece2;background:var(--dark);width:min(430px,84%);height:500px;padding:26px;position:absolute;top:66px;right:0;transform:rotate(1.6deg);box-shadow:15px 16px #17171312}.project-index{color:#7f8377;font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;font-size:9px}.dervale-mark{width:150px;height:150px;font-family:var(--serif);border:1px solid #eeece254;border-radius:50%;place-items:center;font-size:72px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-53%)}.dervale-preview-bottom{justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:28px;left:26px;right:26px}.dervale-preview-bottom span{color:#808479;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:8px;display:block}.dervale-preview-bottom h2{font-family:var(--serif);margin:0;font-size:42px;font-weight:400}.arrow-circle{border:1px solid #eeece273;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .18s,background-color .18s;display:grid}.arrow-circle svg{width:17px;height:17px}.arrow-circle:hover{background:#ffffff0f;transform:translate(3px)}.paper-note{z-index:6;color:#24241d;background:var(--yellow);padding:22px 24px;position:absolute;box-shadow:9px 10px #17171314}.note-one{width:240px;top:10px;left:2px;transform:rotate(-5deg)}.paper-note span{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px;font-size:8px;display:block}.paper-note strong{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.05;display:block}.mini-card{z-index:7;background:var(--blue);color:#fff;width:190px;height:225px;padding:18px;position:absolute;box-shadow:10px 11px #17171314}.sync-mini{bottom:-5px;left:-20px;transform:rotate(-6deg)}.mini-number{font-family:var(--mono);font-size:9px}.sync-mini p{font-family:var(--serif);margin:0;font-size:25px;position:absolute;bottom:14px;left:18px}.sync-symbol{height:58px;position:absolute;top:70px;left:40px;right:40px}.sync-symbol span{border:3px solid #fffffff0;border-radius:999px;width:68px;height:18px;position:absolute}.sync-symbol span:first-child{border-left-color:#0000;top:5px;left:7px;transform:skew(-15deg)}.sync-symbol span:last-child{border-right-color:#0000;bottom:5px;right:7px;transform:skew(-15deg)}.scribble{font-family:var(--hand);font-size:21px;font-weight:500;line-height:1;position:absolute;bottom:-48px;right:-5px;transform:rotate(-5deg)}.marquee-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;overflow:hidden}.marquee-line>div{justify-content:space-between;align-items:center;gap:28px;min-width:100%;padding:20px 24px;display:flex}.marquee-line span{font-family:var(--mono);letter-spacing:.12em;flex:none;font-size:10px}.marquee-line i{color:var(--rust);flex:none;font-size:8px;font-style:normal}.work-section{padding:130px 0 145px}.section-heading{width:var(--page);grid-template-columns:.42fr 1fr .46fr;align-items:end;gap:54px;margin:0 auto 84px;display:grid}.section-heading .micro-label{margin-bottom:4px}.section-heading h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(56px,5.5vw,86px);font-weight:400;line-height:.93}.section-heading h2 em{color:var(--blue);font-style:italic}.section-side-copy{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.project-grid{width:var(--page);grid-template-columns:minmax(0,1.45fr) minmax(330px,.7fr);align-items:start;gap:24px;margin:0 auto;display:grid}.project-card{min-width:0;position:relative;overflow:hidden}.project-meta-row{color:#74786e;font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;font-size:8px;display:grid}.project-meta-row span:nth-child(2){text-align:center}.project-meta-row span:last-child{text-align:right}.project-dervale{color:#ebe8de;background:var(--dark);min-height:640px;padding:30px}.dervale-visual{height:335px;margin-top:20px;position:relative}.gateway-core{z-index:3;border:1px solid #757b6f;border-radius:50%;place-items:center;width:160px;height:160px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gateway-core span{font-family:var(--serif);font-size:76px}.gateway-node{z-index:3;color:#969b91;width:58px;height:58px;font-family:var(--mono);border:1px solid #6e7469;border-radius:50%;place-items:center;font-size:9px;display:grid;position:absolute}.node-one{top:85px;left:10%}.node-two{top:42px;right:7%}.node-three{bottom:20px;right:13%}.gateway-line{z-index:1;transform-origin:0;background:#50564d;height:1px;position:absolute}.line-a{width:42%;top:125px;left:17%;transform:rotate(16deg)}.line-b{width:41%;top:190px;left:19%;transform:rotate(-22deg)}.line-c{width:46%;top:207px;left:28%;transform:rotate(27deg)}.project-copy{grid-template-columns:.85fr 1.15fr;align-items:start;gap:44px;display:grid}.project-copy h3{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:48px;font-weight:400;line-height:.95}.project-subtitle{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#83877e!important;margin:11px 0 0!important;font-size:8px!important}.project-copy>p{color:#adafa7;margin:0;font-size:13px;line-height:1.7}.project-footer{border-top:1px solid #ebe8de38;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding-top:20px;display:flex}.plain-stack{color:#84887f;font-family:var(--mono);letter-spacing:.03em;font-size:8px}.project-footer a{align-items:center;gap:10px;font-size:11px;font-weight:600;display:inline-flex}.project-footer svg{width:14px;height:14px}.project-syncboard{color:#171913;background:var(--sage);min-height:640px;padding:28px}.light-meta{color:#646b60}.syncboard-art{height:330px;margin:18px 0 5px;position:relative}.phone{background:#f1f0e9;border:2px solid #282b24;border-radius:28px;width:145px;height:275px;padding:30px 16px 16px;position:absolute;box-shadow:8px 9px #16171217}.phone-left{top:25px;left:7%;transform:rotate(-6deg)}.phone-right{top:44px;right:3%;transform:rotate(5deg)}.phone-bar{background:#282b24;border-radius:999px;width:40px;height:5px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.task-row{background:#b4baae;width:72%;height:9px;margin-bottom:14px}.task-row.wide{width:100%}.task-row.small{width:54%}.sync-state{font-family:var(--mono);text-align:center;border:1px solid #929b8b;padding:10px 6px;font-size:7px;position:absolute;bottom:22px;left:13px;right:13px}.conflict-box{color:#9b4734;border:1px solid #ad593f;margin-top:28px;padding:12px 10px}.conflict-box span,.conflict-box small{display:block}.conflict-box span{font-family:var(--mono);margin-bottom:9px;font-size:7px}.conflict-box small{margin-top:7px;font-size:7px}.sync-orbit{z-index:6;color:var(--blue);font-size:38px;font-weight:700;position:absolute;top:150px;left:50%;transform:translate(-50%)}.light-copy{margin-top:0;display:block}.light-copy h3{font-size:47px}.light-copy>p{color:#465044;margin-top:24px}.light-footer{border-top-color:#17191329}.light-footer .plain-stack{color:#596157}.project-interview{color:#f6e9dc;background:var(--rust);grid-column:1;width:62%;min-height:390px;margin:46px 0 0 13%;padding:30px}.project-interview .project-meta-row{color:#db9b8d}.interview-art{flex-direction:column;justify-content:space-between;min-height:240px;padding-top:10px;display:flex}.quote-mark{font-family:var(--serif);opacity:.5;font-size:72px;line-height:.8}.interview-art>p{max-width:440px;font-family:var(--serif);margin:0;font-size:29px;line-height:1.05}.voice-bars{align-items:center;gap:5px;height:45px;display:flex}.voice-bars i{background:#f5e6d9;width:2px;display:block}.voice-bars i:first-child{height:15px}.voice-bars i:nth-child(2){height:30px}.voice-bars i:nth-child(3){height:20px}.voice-bars i:nth-child(4){height:42px}.voice-bars i:nth-child(5){height:32px}.voice-bars i:nth-child(6){height:22px}.voice-bars i:nth-child(7){height:13px}.project-copy.compact{display:block}.project-copy.compact h3{font-size:40px}.project-interview .project-subtitle{color:#efb0a3!important}.studio-note{color:#171913;background:var(--yellow);align-self:center;width:90%;margin:80px 0 0 6%;padding:38px 42px;transform:rotate(1.6deg);box-shadow:11px 12px #17171312}.studio-note p{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;font-size:8px}.studio-note strong{font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.05;display:block}.studio-note span{font-family:var(--hand);margin-top:28px;font-size:25px;display:block}.dervale-case-study{color:var(--dark-text);background:var(--dark);margin-top:20px;padding:0 max(60px,50vw - 540px)}.dervale-case-study p{color:var(--dark-muted);font-size:13px;line-height:1.7}.dervale-case-study .case-label{color:#83877c}.case-header{border-bottom:1px solid var(--dark-line);padding:82px 0 72px}.case-number{color:#85897f;margin-bottom:64px}.case-heading{grid-template-columns:1.2fr .55fr;align-items:start;gap:80px;display:grid}.case-heading h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(55px,5vw,78px);font-weight:400;line-height:.9}.case-heading h2 em{color:var(--yellow);font-style:normal}.case-intro>span{color:#9b9f95;font-family:var(--mono);letter-spacing:.1em;margin-bottom:16px;font-size:9px;line-height:1.5;display:block}.case-intro p{margin:0}.case-layout{grid-template-columns:.55fr 1fr;align-items:start;gap:70px;padding:80px 0 76px;display:grid}.case-problem h3{font-family:var(--serif);letter-spacing:-.025em;margin:18px 0 28px;font-size:42px;font-weight:400;line-height:.95}.case-problem h3 em{color:#9aaa8b;font-style:normal}.case-problem>p{margin-bottom:15px}.margin-note{color:#1d2119;background:var(--yellow);width:200px;margin-top:42px;padding:18px;transform:rotate(-2deg);box-shadow:8px 9px #0003}.margin-note span{font-family:var(--mono);text-transform:uppercase;margin-bottom:7px;font-size:8px;display:block}.margin-note strong{font-family:var(--serif);font-size:20px;font-weight:400;line-height:1;display:block}.gateway-board{color:#34362f;background:#d9d4c9;min-width:0;padding:24px}.board-caption{color:#6b6d65;font-family:var(--mono);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:8px;display:flex}.architecture-map{height:365px;margin:10px 0 12px;position:relative}.architecture-client,.provider,.architecture-key,.architecture-credentials{z-index:4;background:#f0eee773;border:1px solid #8b8d85;min-width:90px;padding:10px;position:absolute}.architecture-client span,.provider span,.architecture-key span,.architecture-credentials span{color:#7c7f77;font-family:var(--mono);margin-bottom:5px;font-size:6px;display:block}.architecture-client strong,.provider strong,.architecture-key strong,.architecture-credentials strong{font-size:10px}.architecture-client{top:150px;left:0}.architecture-core{z-index:5;color:#ebe8dd;background:var(--dark);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:115px;height:115px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.architecture-core small{color:#7f8379;font-family:var(--mono);font-size:6px}.architecture-core strong{font-family:var(--serif);margin:5px 0 1px;font-size:44px;font-weight:400}.architecture-core span{font-family:var(--serif);font-size:12px}.provider-one{top:36px;right:4px}.provider-two{top:150px;right:-10px}.provider-three{bottom:26px;right:18px}.architecture-key{bottom:22px;left:15px}.architecture-credentials{top:15px;left:28%}.architecture-line{z-index:2;transform-origin:0;background:#a1a39b;height:1px;position:absolute}.line-client{width:39%;top:183px;left:85px;transform:rotate(0)}.line-provider-one{width:41%;top:158px;left:53%;transform:rotate(-33deg)}.line-provider-two{width:39%;top:184px;left:54%}.line-provider-three{width:39%;top:203px;left:53%;transform:rotate(29deg)}.board-footnote{color:#62645d!important;margin:0!important;font-size:11px!important}.case-features{border-top:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.case-features article{border-right:1px solid var(--dark-line);min-width:0;padding:28px 20px 30px}.case-features article:last-child{border-right:0}.case-features article>span{color:#74796e;font-family:var(--mono);font-size:8px}.case-features h3{font-family:var(--serif);margin:30px 0 13px;font-size:22px;font-weight:400;line-height:1}.case-features p{margin:0;font-size:11px}.inside-dervale{padding:120px 0 130px}.inside-dervale-heading{grid-template-columns:.4fr 1.15fr .7fr;align-items:start;gap:48px;margin-bottom:76px;display:grid}.inside-dervale-heading .case-label{margin-top:8px}.inside-dervale-heading h3{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(46px,4.3vw,67px);font-weight:400;line-height:.94}.inside-dervale-heading h3 em{color:var(--yellow);font-style:italic}.inside-dervale-heading>p:last-child{margin-top:7px}.dervale-shot{margin:0}.dervale-shot-frame{background:#080a08;border:1px solid #eeebe12e;overflow:hidden;box-shadow:0 30px 64px #00000047}.dervale-shot-frame img{width:100%;height:auto;transition:transform .4s}.dervale-shot:hover img{transform:scale(1.006)}.dervale-shot figcaption{justify-content:space-between;align-items:flex-start;gap:30px;padding-top:16px;display:flex}.dervale-shot figcaption span{color:#7e8278;font-family:var(--mono);letter-spacing:.08em;white-space:nowrap;font-size:9px}.dervale-shot figcaption strong{color:#b8bab1;text-align:right;max-width:530px;font-size:12px;font-weight:500;line-height:1.6}.dervale-shot-hero{width:92%;margin-left:auto}.dervale-shot-hero .dervale-shot-frame{transform:rotate(.25deg)}.dervale-shot-compare{width:96%;margin-top:110px}.dervale-shot-compare .dervale-shot-frame{transform:rotate(-.2deg)}.dervale-shot-pair{grid-template-columns:.9fr 1.1fr;align-items:start;gap:42px;margin-top:110px;display:grid}.dervale-shot-developers{margin-top:75px}.dervale-shot-developers .dervale-shot-frame{transform:rotate(-.5deg)}.dervale-shot-providers .dervale-shot-frame{transform:rotate(.45deg)}.dervale-product-note{color:#171913;background:var(--yellow);width:min(520px,70%);margin:110px 5% 0 auto;padding:34px 38px;transform:rotate(-1.25deg);box-shadow:13px 14px #eeebe113}.dervale-product-note span{font-family:var(--mono);letter-spacing:.07em;margin-bottom:14px;font-size:9px;display:block}.dervale-product-note p{font-family:var(--serif);letter-spacing:-.02em;color:#171913!important;margin:0!important;font-size:34px!important;line-height:1.03!important}.dervale-shot-pair-bottom{grid-template-columns:1.25fr .75fr;margin-top:120px}.dervale-shot-chat .dervale-shot-frame{transform:rotate(.3deg)}.dervale-shot-login{margin-top:90px}.dervale-shot-login .dervale-shot-frame{background:#f5f5f3;transform:rotate(-.65deg)}.engineering-spread{border-top:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line);grid-template-columns:.72fr 1fr .55fr;align-items:center;gap:54px;padding:80px 0;display:grid}.engineering-title h3{font-family:var(--serif);margin:18px 0 0;font-size:43px;font-weight:400;line-height:.95}.engineering-title h3 em{color:#97a889;font-style:normal}.engineering-copy p{margin-bottom:14px}.engineering-note{color:#192018;background:var(--sage);padding:26px 22px;transform:rotate(2deg)}.engineering-note span{font-family:var(--mono);letter-spacing:.05em;margin-bottom:16px;font-size:8px;display:block}.engineering-note strong{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1;display:block}.case-stack{justify-content:space-between;align-items:flex-start;gap:40px;min-height:130px;padding:28px 0 75px;display:flex}.case-stack .case-label{margin-bottom:8px;display:block}.case-stack p{font-family:var(--mono);margin:0;font-size:9px}.case-stack>a{border-bottom:1px solid #d5d2c8;align-items:center;gap:10px;margin-top:20px;padding-bottom:5px;font-size:11px;font-weight:600;display:inline-flex}.capabilities{background:var(--paper-deep);grid-template-columns:.72fr 1.28fr;gap:100px;width:100%;padding:120px max(60px,50vw - 720px);display:grid}.capabilities-title h2{max-width:470px;font-family:var(--serif);letter-spacing:-.04em;margin:32px 0 0;font-size:clamp(52px,5vw,72px);font-weight:400;line-height:.95}.capability-list{border-top:1px solid #17171340}.capability-list article{border-bottom:1px solid #17171340;grid-template-columns:55px .8fr 1.15fr;align-items:start;gap:28px;padding:30px 0;display:grid}.capability-list article>span{font-family:var(--mono);font-size:8px}.capability-list h3{font-family:var(--serif);margin:0;font-size:30px;font-weight:400}.capability-list p{color:#615e57;margin:0;font-size:12px;line-height:1.65}.about-section{grid-template-columns:.4fr 1.15fr;align-items:start;gap:100px;width:min(1240px,100% - 120px);margin:0 auto;padding:150px 0;display:grid}.about-stamp{border:1px solid var(--ink);width:175px;height:175px;font-family:var(--mono);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:8px;display:flex;transform:rotate(-5deg)}.about-stamp strong{color:var(--rust);font-size:24px;font-weight:400}.about-copy .micro-label{margin-bottom:28px}.about-copy h2{font-family:var(--serif);letter-spacing:-.042em;margin:0 0 42px;font-size:clamp(58px,5.7vw,84px);font-weight:400;line-height:.92}.about-copy h2 em{color:var(--blue);font-style:normal}.about-copy>p:not(.micro-label){color:#4d4a44;max-width:710px;margin-bottom:18px;font-size:15px;line-height:1.75}.contact-section{color:#f5f1e7;background:var(--blue);text-align:center;width:100%;padding:120px 60px 125px}.contact-section .micro-label{color:#ffffffad;margin-bottom:34px}.contact-section h2{max-width:1120px;font-family:var(--serif);letter-spacing:-.045em;margin:0 auto 52px;font-size:clamp(65px,7vw,106px);font-weight:400;line-height:.89}.contact-section h2 em{color:var(--yellow);font-style:normal}.contact-row{justify-content:center;align-items:center;gap:14px;display:flex}.contact-row a{border:1px solid #ffffff8c;justify-content:center;align-items:center;gap:11px;min-width:130px;padding:15px 20px;font-size:11px;font-weight:600;display:inline-flex}.contact-primary{background:var(--paper);color:var(--blue)!important}.contact-row svg{width:14px;height:14px}footer{color:#a6a89e;min-height:70px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:#161814;justify-content:space-between;align-items:center;gap:24px;padding:0 32px;font-size:8px;display:flex}.text-link,.project-footer a,.case-stack>a,.github-link,.contact-row a{transition:opacity .16s,transform .16s}.text-link:hover,.project-footer a:hover,.case-stack>a:hover,.github-link:hover{opacity:.67}.contact-row a:hover{transform:translateY(-2px)}@media (width<=1200px){:root{--page:calc(100% - 70px)}.hero{grid-template-columns:minmax(0,1fr) minmax(400px,.78fr);gap:40px}.hero h1{font-size:clamp(62px,6.4vw,86px)}.dervale-preview{width:390px}.sync-mini{left:-6px}.section-heading{grid-template-columns:.35fr 1fr}.section-side-copy{grid-column:2}.project-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.dervale-case-study{padding-left:50px;padding-right:50px}.inside-dervale-heading{grid-template-columns:.4fr 1fr}.inside-dervale-heading>p:last-child{grid-column:2}.engineering-spread{grid-template-columns:.75fr 1fr}.engineering-note{grid-column:2}.capabilities{gap:70px;padding-left:50px;padding-right:50px}}@media (width<=900px){:root{--page:calc(100% - 44px)}.nav{min-height:78px}.nav nav{gap:18px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:75px}.hero-left{max-width:720px}.hero h1{font-size:clamp(64px,11vw,88px)}.hero-collage{min-height:570px;margin-top:20px}.dervale-preview{width:430px;right:5%}.note-one{left:12%}.sync-mini{left:7%}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:55px}.section-side-copy{grid-column:auto;max-width:430px}.project-grid{grid-template-columns:1fr}.project-interview{grid-column:auto;width:72%;margin-left:0}.studio-note{width:75%;margin:35px 0 0 auto}.dervale-case-study{padding-left:32px;padding-right:32px}.case-heading,.case-layout{grid-template-columns:1fr;gap:44px}.case-heading{gap:50px}.case-intro{max-width:580px}.case-features{grid-template-columns:repeat(2,minmax(0,1fr))}.case-features article:nth-child(2){border-right:0}.case-features article:nth-child(-n+2){border-bottom:1px solid var(--dark-line)}.inside-dervale{padding-top:90px;padding-bottom:95px}.inside-dervale-heading{grid-template-columns:1fr;gap:18px}.inside-dervale-heading>p:last-child{grid-column:auto;max-width:580px}.dervale-shot-hero,.dervale-shot-compare{width:100%}.dervale-shot-compare{margin-top:75px}.dervale-shot-pair,.dervale-shot-pair-bottom{grid-template-columns:1fr;gap:70px;margin-top:80px}.dervale-shot-developers,.dervale-shot-login{margin-top:0}.dervale-product-note{width:80%;margin-top:85px}.engineering-spread{grid-template-columns:1fr;gap:34px}.engineering-note{grid-column:auto;width:60%;margin-left:auto}.capabilities{grid-template-columns:1fr;gap:65px;padding:100px 32px}.capabilities-title h2{max-width:600px}.about-section{grid-template-columns:1fr;gap:50px;width:calc(100% - 64px);padding:110px 0}}@media (width<=620px){:root{--page:calc(100% - 32px)}.nav{grid-template-columns:1fr auto;min-height:72px}.nav nav{display:none}.wordmark{font-size:13px}.github-link{font-size:9px}.hero{padding:60px 0 80px}.hero h1{font-size:clamp(52px,15vw,70px);line-height:.94}.hero-bottom{grid-template-columns:1fr;gap:28px;margin-top:40px}.intro{font-size:15px}.hero-collage{min-height:455px;margin-top:10px}.dervale-preview{width:84%;height:390px;padding:20px;top:62px;right:0}.dervale-mark{width:110px;height:110px;font-size:53px}.dervale-preview-bottom{bottom:20px;left:20px;right:20px}.dervale-preview-bottom h2{font-size:32px}.arrow-circle{width:38px;height:38px}.note-one{width:180px;padding:17px;top:3px;left:auto;right:0}.paper-note strong{font-size:18px}.sync-mini{width:135px;height:165px;bottom:-15px;left:0}.sync-symbol{top:50px;left:24px;right:24px;transform:scale(.8)}.sync-mini p{font-size:20px}.scribble{display:none}.marquee-line>div{justify-content:flex-start;width:max-content;overflow:visible}.work-section{padding:90px 0 100px}.section-heading h2{font-size:52px}.project-dervale,.project-syncboard{min-height:540px;padding:22px}.dervale-visual{height:280px}.gateway-core{width:120px;height:120px}.gateway-core span{font-size:58px}.gateway-node{width:47px;height:47px}.project-copy{grid-template-columns:1fr;gap:17px}.project-copy h3{font-size:40px}.project-footer{flex-direction:column;align-items:flex-start}.syncboard-art{transform-origin:top;transform:scale(.89)}.project-interview{width:100%;margin-top:22px}.studio-note{width:94%}.dervale-case-study{padding-left:20px;padding-right:20px}.case-header{padding-top:65px}.case-number{margin-bottom:42px}.case-heading h2{font-size:54px}.case-problem h3{font-size:39px}.gateway-board{padding:15px}.architecture-map{transform-origin:50%;height:300px;transform:scale(.88)}.case-features{grid-template-columns:1fr}.case-features article{border-right:0;border-bottom:1px solid var(--dark-line)}.inside-dervale-heading h3{font-size:45px}.dervale-shot figcaption{display:block}.dervale-shot figcaption strong{text-align:left;margin-top:8px;display:block}.dervale-shot-hero .dervale-shot-frame,.dervale-shot-compare .dervale-shot-frame,.dervale-shot-developers .dervale-shot-frame,.dervale-shot-providers .dervale-shot-frame,.dervale-shot-chat .dervale-shot-frame,.dervale-shot-login .dervale-shot-frame{transform:none}.dervale-product-note{width:94%;margin-left:auto;margin-right:auto;padding:26px}.dervale-product-note p{font-size:27px!important}.engineering-note{width:90%}.case-stack{flex-direction:column;align-items:flex-start}.capabilities{padding:90px 20px}.capabilities-title h2{font-size:49px}.capability-list article{grid-template-columns:34px 1fr;gap:15px;padding:24px 0}.capability-list article p{grid-column:2}.about-section{width:calc(100% - 40px);padding:90px 0}.about-stamp{width:135px;height:135px}.about-copy h2{font-size:51px}.contact-section{padding:90px 22px}.contact-section h2{font-size:56px}.contact-row{flex-direction:column;align-items:stretch;max-width:300px;margin:auto}footer{flex-direction:column;align-items:flex-start;padding:24px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}