@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.3gpqod6e6kd7d.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1ay-qk1u8nydy.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.3gpqod6e6kd7d.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1ay-qk1u8nydy.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.3gpqod6e6kd7d.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1ay-qk1u8nydy.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.3gpqod6e6kd7d.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1ay-qk1u8nydy.woff2)format("woff2");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:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_6c67a2af-module__mcH96q__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_6c67a2af-module__mcH96q__variable{--font-display:"Outfit", "Outfit Fallback"}
:root{--paper:#f5f5f1;--paper-light:#fbfbf8;--ink:#171815;--muted:#6f7169;--line:#1718152e;--cobalt:#2747df;--coral:#ff704f;--lime:#c6ee49;--violet:#9d75e8;--content:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{display:block}::selection{color:var(--paper-light);background:var(--cobalt)}.site-shell{min-height:100vh;overflow:clip}.content-wrap{width:min(calc(100% - 48px), var(--content));margin-inline:auto}.site-header{z-index:30;width:min(calc(100% - 48px), var(--content));margin:0 auto;position:relative}.nav-wrap{justify-content:space-between;align-items:center;height:84px;display:flex}.wordmark{letter-spacing:-.02em;align-items:center;gap:14px;font-weight:700;display:flex}.wordmark-avatar{object-fit:cover;border-radius:32%;flex:0 0 38px;width:38px;height:38px}.wordmark-name{font-size:15px}.nav-links{align-items:center;gap:34px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:14px;font-weight:700;transition:color .18s}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-toggle{text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;padding:10px 0;font-size:12px;display:none}.page-enter{animation:.6s cubic-bezier(.2,.75,.25,1) both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.home-hero{align-items:center;min-height:min(680px,100svh - 84px);padding-block:clamp(76px,10vw,132px);display:flex;position:relative}.hero-copy{z-index:1;text-align:center;width:100%;position:relative}.home-hero h1,.about-intro h1{max-width:1000px;font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.055em;margin:42px 0 54px;font-size:clamp(62px,9.1vw,132px);font-weight:600;line-height:.88}.home-hero h1{max-width:1060px;margin:0 auto 38px;font-size:clamp(48px,5.8vw,80px);line-height:1.02}.home-hero h1 em,.about-intro h1 em{color:var(--cobalt);font-style:normal;font-weight:400}.hero-description{color:#4d4f48;max-width:900px;margin-inline:auto;font-size:clamp(19px,1.75vw,24px);font-weight:600;line-height:1.6}.hero-description p{margin:0}.hero-description p+p{margin-top:18px}.ascii-wave{z-index:0;pointer-events:none;width:100vw;height:clamp(150px,14vw,190px);margin:clamp(40px,5vw,64px) 0 -18px;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.ascii-wave canvas{width:100%;height:100%;display:block}.inline-link{color:var(--ink);vertical-align:middle;background:#17181514;border-radius:999px;align-items:center;margin-inline:2px;padding:3px 10px 4px;font-size:1em;font-weight:700;line-height:1.25;transition:color .18s,background .18s,transform .18s;display:inline-flex}.inline-link:hover,.inline-link:focus-visible{color:var(--paper-light);background:var(--ink);transform:translateY(-2px)}.product-link{z-index:1;color:var(--ink);vertical-align:middle;background:#17181514;border-radius:999px;align-items:center;gap:6px;margin-inline:2px;padding:3px 10px 4px 4px;font-size:1em;font-weight:700;line-height:1.25;transition:color .18s,background .18s,transform .18s;display:inline-flex;position:relative}.product-link:after{content:attr(data-note);width:max-content;max-width:220px;color:var(--paper-light);background:var(--ink);letter-spacing:.02em;pointer-events:none;opacity:0;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:700;line-height:1.3;transition:all .18s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px)}.product-link:hover,.product-link:focus-visible{color:var(--paper-light);background:var(--ink);transform:translateY(-2px)}.product-link:hover:after,.product-link:focus-visible:after{opacity:1;transform:translate(-50%)}.product-link-icon{border-radius:50%;place-items:center;width:22px;height:22px;display:grid;overflow:hidden}.product-link-icon img{object-fit:contain;width:20px;height:20px}.work-section{padding-block:96px 120px}.section-heading{grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:48px;display:grid}.section-heading h2{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.05em;margin:0;font-size:clamp(42px,5vw,68px);font-weight:600;line-height:.98}.section-heading>p{color:var(--muted);margin:0;font-size:16px;line-height:1.65}.section-heading.compact{display:block}.project-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.project-card{--project-accent:#dfe5ff;--project-strong:var(--cobalt);min-height:620px;color:var(--ink);background:#fff;border:1px solid #17181517;border-radius:28px;flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #1718150a,0 18px 50px #17181512}.project-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #1718150f,0 24px 70px #1718151f}.project-card.featured{grid-column:span 2;grid-template-columns:36% 64%;min-height:540px;display:grid}.project-card-copy{z-index:2;grid-template-columns:minmax(0,1fr) minmax(110px,35%);align-items:center;gap:24px;min-height:220px;padding:clamp(30px,3.5vw,48px);display:grid;position:relative}.featured .project-card-copy{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.project-card-text{grid-area:1/1}.project-card h3{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(38px,4vw,58px);font-weight:600;line-height:1}.project-card p{max-width:430px;color:var(--muted);margin:0;font-size:16px;line-height:1.5}.project-card-visual{background:var(--project-accent);border-radius:20px;min-height:390px;margin:0 18px 18px;position:relative;overflow:hidden}.featured .project-card-visual{min-height:auto;margin:18px 18px 18px 0}.project-title-illustration{object-fit:contain;grid-area:1/2;justify-self:end;width:100%;height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.featured .project-title-illustration{align-self:flex-start;width:min(78%,220px);margin-bottom:24px}.project-card:hover .project-title-illustration{transform:translateY(-4px)rotate(-1deg)}.browser-window{z-index:2;background:#fff;border:1px solid #17181529;border-radius:12px 12px 0 0;width:90%;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-4%;left:5%;overflow:hidden;box-shadow:0 20px 45px #1718152e}.featured .browser-window{width:90%}.project-card:hover .browser-window{transform:translateY(-5px)}.browser-toolbar{background:#fbfbfb;border-bottom:1px solid #17181517;align-items:center;gap:5px;height:28px;padding-inline:10px;display:flex}.browser-toolbar span{background:#d4d4d1;border-radius:50%;width:7px;height:7px}.browser-toolbar i{background:#ececea;border-radius:10px;width:38%;height:7px;margin-left:8px}.browser-screen{aspect-ratio:16/10;background:#f4f4f1;position:relative;overflow:hidden}.browser-screen>img{object-fit:cover;object-position:top center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-card:hover .browser-screen>img{transform:scale(1.025)}.browser-placeholder{grid-template-columns:26% 1fr;gap:10%;height:100%;padding:10%;display:grid}.browser-placeholder>span{background:color-mix(in srgb, var(--project-strong) 24%, white);border-radius:8px}.browser-placeholder>div{align-content:center;gap:12px;display:grid}.browser-placeholder b{background:#deded9;border-radius:6px;height:15px;display:block}.browser-placeholder b:first-child{background:var(--project-strong);width:70%;height:28px}.project-accent-cobalt{--project-accent:#e8ecff;--project-strong:var(--cobalt)}.project-accent-coral{--project-accent:#fff0eb;--project-strong:var(--coral)}.project-accent-lime{--project-accent:#f1f9d8;--project-strong:#8caf18}.project-accent-violet{--project-accent:#f0eafd;--project-strong:var(--violet)}.accent-cobalt{background-color:var(--cobalt);color:#f5f3ed}.accent-coral{background-color:var(--coral)}.accent-lime{background-color:var(--lime)}.accent-violet{background-color:var(--violet)}.text-link{letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:14px;margin-top:42px;padding-bottom:4px;font-size:13px;font-weight:700;display:inline-flex}.text-link span{transition:transform .18s}.text-link:hover span{transform:translate(4px,-4px)}.about-portrait img{object-fit:cover;filter:grayscale()}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.home-reading{width:min(100% - 48px,720px);margin-inline:auto;padding-top:72px;font-size:18px;line-height:1.72}.home-reading-continuation{padding-top:0;padding-bottom:120px}.home-reading section,.home-reading .reading-entry{margin-top:64px}.home-reading h2,.home-reading h3{letter-spacing:-.025em;text-wrap:balance;font-family:inherit;line-height:1.2}.home-reading h2{margin:0 0 14px;font-size:30px;font-weight:700}.home-reading h3{margin:0 0 12px;font-size:22px;font-weight:700}.home-reading p{color:#454740;margin:0 0 18px}.home-reading a{color:var(--cobalt);text-underline-offset:.16em;-webkit-text-decoration:underline #2747df59;text-decoration:underline #2747df59;text-decoration-thickness:.08em;transition:color .15s,text-decoration-color .15s}.home-reading a:hover,.home-reading a:focus-visible{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.home-reading .reading-meta{color:var(--muted);margin-top:-4px;font-size:14px}.home-work{padding-block:32px 100px}.work-stories{gap:100px;display:grid}.work-story{grid-template-columns:1fr 1.4fr;align-items:center;gap:64px;display:grid}.work-story-title{align-items:center;gap:20px;display:flex}.work-story-title img{width:100px;height:auto}.work-story h3,.client-intro h2,.career-intro h2,.career-entry h3{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.045em;margin:0;font-weight:600;line-height:1.05}.work-story h3{font-size:clamp(40px,4.5vw,64px)}.work-story-subtitle{max-width:420px;margin:20px 0 16px;font-size:24px;line-height:1.35}.work-story-summary{color:var(--muted);max-width:440px;font-size:17px;line-height:1.65}.work-story-role{color:var(--muted);margin:24px 0 12px;font-size:13px}.story-link{align-items:center;gap:18px;padding-block:8px;font-weight:700;display:inline-flex}.story-link span[aria-hidden]{transition:transform .18s}.story-link:hover span[aria-hidden]{transform:translate(3px,-3px)}.story-link:focus-visible,.client-logos a:focus-visible{outline:2px solid var(--cobalt);outline-offset:6px}.work-story-image{aspect-ratio:1.25;background:#ede9e1;border-radius:14px;display:block;position:relative;overflow:hidden}.work-story-image img{object-fit:cover;object-position:top;transition:transform .45s}.work-story-image:hover img{transform:scale(1.025)}.work-story-riglobe{grid-template-columns:1fr;gap:36px}.work-story-riglobe .work-story-copy{grid-template-columns:1fr 1fr;align-items:start;column-gap:80px;display:grid}.work-story-riglobe .work-story-title{grid-row:1/3}.work-story-riglobe .work-story-subtitle{max-width:460px;margin-top:0}.work-story-riglobe .work-story-summary{grid-column:2;max-width:500px;margin:0}.work-story-riglobe .work-story-role{grid-column:1;margin-top:4px}.work-story-riglobe .story-link{grid-area:3/2;justify-self:start;margin-top:12px}.work-story-riglobe .work-story-image{aspect-ratio:2;background:#1c2631}.work-story-riglobe .work-story-image img{object-fit:cover;padding:32px 48px 0}.work-story-taulebih .work-story-copy{grid-area:1/2}.work-story-taulebih .work-story-image{grid-area:1/1}.work-story-taulebih{grid-template-columns:1.4fr 1fr}.work-story-nyepeda .work-story-image{aspect-ratio:1.55;background:#dbe0cd}.work-story-nyepeda .work-story-image img{object-fit:contain;object-position:center;padding:32px}.work-all{margin-top:48px}.client-section{background:#eaece4;padding-block:80px}.client-intro{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.client-intro h2,.career-intro h2{font-size:clamp(36px,4vw,54px)}.client-intro>p,.career-intro>p{color:#55574f;max-width:440px;font-size:17px;line-height:1.7}.client-logos{grid-template-columns:repeat(3,1fr);gap:40px;margin:56px 0 0;padding:0;list-style:none;display:grid}.client-logos a{text-align:center;flex-direction:column;align-items:center;padding:12px;display:flex}.client-logo-image{place-items:center;height:112px;display:grid}.client-logo-image img{object-fit:contain;filter:grayscale();opacity:.8;width:88px;height:88px;transition:filter .2s,opacity .2s}.client-logos a:hover img,.client-logos a:focus-visible img{filter:grayscale(0);opacity:1}.client-logos h3{margin:20px 0 8px;font-size:20px}.client-logos p{color:#55574f;margin:0;font-size:13px}.career-section{grid-template-columns:.8fr 1.2fr;gap:100px;padding-block:120px;display:grid}.career-intro>p{max-width:330px;margin-top:28px}.career-list{gap:64px;display:grid}.career-entry h3{margin-block:18px;font-size:clamp(32px,3.5vw,48px)}.career-topline{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.career-current{color:#496238;align-items:center;gap:8px;display:inline-flex}.career-current:before{content:"";background:#658a4d;border-radius:50%;width:7px;height:7px}.career-entry>p{color:#55574f;font-size:17px;line-height:1.7}.career-entry .career-role{color:var(--ink);margin-top:-6px;font-weight:700}.career-progression{border-left:2px solid #d4d9c8;margin:26px 0 0;padding:0 0 0 20px;list-style:none}.career-progression li+li{margin-top:22px}.career-progression strong,.career-progression span{display:block}.career-progression strong{font-size:16px}.career-progression span{color:var(--muted);margin-top:6px;font-size:13px}.site-footer{color:var(--ink);background:var(--paper)}.footer-grid{border-top:1px solid var(--line);width:min(100% - 48px,720px);margin:auto;padding-block:34px 42px}.footer-email{letter-spacing:-.01em;margin:0 0 28px;font-family:inherit;font-size:18px;font-weight:700}.footer-meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:11px;display:flex}.about-page,.project-page{padding-bottom:120px}.about-intro{padding-block:96px 72px}.about-intro h1{margin-bottom:0}.about-grid{grid-template-columns:.8fr 1fr;align-items:start;gap:clamp(50px,10vw,140px);display:grid}.about-portrait{position:sticky;top:30px}.about-portrait-image{aspect-ratio:4/5;position:relative}.about-story{padding-top:30px}.about-story p{color:#55574f;font-size:18px;line-height:1.75}.about-story .lead{color:var(--ink);font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.025em;margin-top:0;font-size:clamp(29px,3vw,42px);font-weight:600;line-height:1.2}.principles{margin-top:150px;padding-top:80px}.principle-list{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;display:grid}.principle-list article{background:#1718150d;padding:32px}.principle-list article+article{padding-left:32px}.principle-list span{color:var(--muted);font-size:11px}.principle-list h3{font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;margin:34px 0 20px;font-size:28px;font-weight:600}.principle-list p{color:var(--muted);line-height:1.6}.work-index,.project-article-header,.case-study,.project-next{width:min(100% - 48px,720px);margin-inline:auto}.work-index{padding-block:88px 120px;font-size:18px;line-height:1.72}.work-index-intro h1,.project-article-header h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-family:inherit;font-size:clamp(38px,5vw,58px);font-weight:700;line-height:1.05}.work-index-intro>p{color:#454740;margin:18px 0 0}.work-index-list{margin-top:84px}.work-index-entry+.work-index-entry{margin-top:76px}.work-index-entry h2{letter-spacing:-.025em;margin:0 0 10px;font-size:26px;line-height:1.2}.work-index-entry h2 a,.work-index-link,.project-back,.project-next a{color:var(--cobalt);text-underline-offset:.16em;-webkit-text-decoration:underline #2747df59;text-decoration:underline #2747df59;text-decoration-thickness:.08em;transition:color .15s,text-decoration-color .15s}.work-index-entry h2 a:hover,.work-index-entry h2 a:focus-visible,.work-index-link:hover,.work-index-link:focus-visible,.project-back:hover,.project-back:focus-visible,.project-next a:hover,.project-next a:focus-visible{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.work-index-entry p{color:#454740;margin:0 0 16px}.work-index-entry .work-index-subtitle{color:var(--ink);font-weight:700}.work-index-entry .reading-meta,.project-article-header .reading-meta{color:var(--muted);font-size:14px}.work-index-link{align-items:center;gap:8px;font-weight:700;display:inline-flex}.work-index-link span,.project-next a span{transition:transform .15s}.work-index-link:hover span,.project-next a:hover span{transform:translate(2px,-2px)}.project-page{padding-bottom:120px}.project-article-header{padding-block:88px 64px}.project-back{margin-bottom:60px;font-size:15px;font-weight:700;display:inline-block}.project-article-header h1{font-size:clamp(46px,7vw,76px)}.project-deck{color:#454740;margin:16px 0 0;font-size:clamp(22px,3vw,30px);line-height:1.4}.project-meta{margin:28px 0 0}.project-intro{color:var(--ink);letter-spacing:-.025em;text-wrap:balance;margin:60px 0 0;font-size:clamp(25px,3.2vw,36px);font-weight:700;line-height:1.35}.project-cover{width:min(calc(100% - 48px), var(--content));background:#e4e2dc;border-radius:14px;height:min(64vw,760px);margin-inline:auto;position:relative;overflow:hidden}.project-cover-cobalt{background:#e8ecff}.project-cover-coral{background:#fff0eb}.project-cover-lime{background:#eef5da}.project-cover-violet{background:#f0eafd}.project-cover.wide{aspect-ratio:2;height:auto}.project-cover.dashboard{aspect-ratio:1986/1230;height:auto}.project-cover img{object-fit:cover;object-position:top center}.case-study{padding-block:96px}.case-study section{margin:0}.case-study section+section{margin-top:64px}.case-study h2{letter-spacing:-.025em;margin:0 0 14px;font-family:inherit;font-size:25px;font-weight:700;line-height:1.2}.case-study section p{color:#454740;margin:0;font-size:18px;line-height:1.72}.project-gallery{width:min(calc(100% - 48px), var(--content));grid-template-columns:1fr 1fr;gap:24px;margin:0 auto 96px;display:grid}.gallery-image{aspect-ratio:1/1.08;background:#ddd9d0;border-radius:12px;position:relative;overflow:hidden}.gallery-image img{object-fit:cover;object-position:top}.project-next{border-top:1px solid var(--line);padding-top:48px}.project-next>span{color:var(--muted);margin-bottom:12px;font-size:14px;display:block}.project-next a{letter-spacing:-.02em;align-items:center;gap:10px;font-size:24px;font-weight:700;display:inline-flex}@media (max-width:760px){.home-reading{width:min(100% - 48px,720px);padding-top:54px;font-size:17px;line-height:1.68}.home-reading-continuation{padding-top:0;padding-bottom:76px}.home-reading section,.home-reading .reading-entry{margin-top:48px}.home-reading h2{font-size:27px}.home-reading h3{font-size:21px}.home-work{padding-block:16px 64px}.work-stories{gap:64px}.work-story,.work-story-taulebih,.work-story-riglobe .work-story-copy,.client-intro,.career-section{grid-template-columns:1fr;gap:28px}.work-story-riglobe .work-story-copy{display:block}.work-story-taulebih .work-story-copy,.work-story-taulebih .work-story-image{grid-area:auto}.work-story-title{justify-content:space-between}.work-story-title img{width:88px}.work-story-subtitle{font-size:22px}.work-story-riglobe .work-story-subtitle{margin-top:20px}.work-story-riglobe .work-story-role{margin-top:24px}.work-story-riglobe .story-link{margin-top:0}.work-story-riglobe .work-story-image{aspect-ratio:1.45}.work-story-riglobe .work-story-image img{padding:12px}.work-story-nyepeda .work-story-image img{padding:18px}.client-section{padding-block:56px}.client-intro>p{margin:0}.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px;margin-top:36px}.client-logos li:last-child{grid-column:1/-1}.client-logos h3{font-size:18px}.client-logo-image img{width:80px;height:80px}.career-section{gap:42px;padding-block:72px}.career-intro>p{max-width:440px}.career-list{gap:48px}.content-wrap,.site-header,.footer-grid{width:min(calc(100% - 48px), var(--content))}.nav-wrap{height:76px}.wordmark-name{display:none}.nav-toggle{z-index:32;display:block;position:relative}.nav-menu{visibility:hidden;opacity:0;background:var(--lime);place-items:center;transition:all .18s;display:grid;position:fixed;inset:0}.nav-menu.is-open{visibility:visible;opacity:1}.nav-links{flex-direction:column;gap:25px}.nav-links a{color:var(--ink);font-family:var(--font-display), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.04em;text-transform:none;font-size:48px;font-weight:400}.home-hero{align-items:flex-start;min-height:auto;padding-block:48px 56px}.home-hero h1,.about-intro h1{margin-block:35px 45px;font-size:clamp(52px,17vw,84px);line-height:.89}.home-hero h1{margin:0 auto 30px;font-size:clamp(32px,8vw,40px);line-height:1}.hero-description{text-align:justify;-webkit-hyphens:auto;hyphens:auto;font-size:16px;line-height:1.65}.ascii-wave{height:108px;margin:36px 0 -20px;display:block}.product-link:after{display:none}.work-section{padding-block:80px}.section-heading{grid-template-columns:1fr;gap:28px;margin-bottom:45px}.section-heading h2{font-size:48px}.project-grid{grid-template-columns:1fr}.project-card,.project-card.featured{grid-column:auto;min-height:0;display:block}.project-card-copy{grid-template-columns:minmax(0,1fr) minmax(90px,32%);gap:16px;min-height:190px;padding:30px}.project-card h3{font-size:40px}.project-card.featured h3{font-size:46px}.project-card-visual,.featured .project-card-visual{border-radius:18px;min-height:350px;margin:0 12px 12px}.featured .project-title-illustration{width:150px;margin-bottom:18px}.browser-window,.featured .browser-window{width:90%}.about-grid{grid-template-columns:1fr}.footer-email{margin-bottom:28px;font-size:17px}.footer-meta{flex-direction:column;gap:12px}.about-intro{padding-block:80px 60px}.about-portrait{position:relative;top:0}.principles{margin-top:90px;padding-top:70px}.principle-list{grid-template-columns:1fr}.principle-list article,.principle-list article+article{padding:28px}.principle-list h3{margin-top:28px}.work-index{padding-block:64px 88px;font-size:17px;line-height:1.68}.work-index-list{margin-top:64px}.work-index-entry+.work-index-entry{margin-top:58px}.work-index-entry h2{font-size:24px}.project-article-header{padding-block:60px 48px}.project-back{margin-bottom:44px}.project-article-header h1{font-size:46px}.project-intro{margin-top:46px}.project-meta{margin-top:24px}.project-cover{border-radius:10px;height:95vw}.project-cover.wide,.project-cover.dashboard{height:auto}.case-study{padding-block:72px}.case-study section{padding:0}.case-study section+section{margin-top:48px}.project-gallery{grid-template-columns:1fr;gap:16px;margin-bottom:72px}.project-next{padding-top:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
