@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap";:root{color:#000;font-synthesis:none;--shell:min(1120px,calc(100vw - 48px));--content:min(940px,calc(100vw - 48px));background:#fff;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#000;background:#fff;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.frame-shell{width:var(--shell);margin-inline:auto}.announcement{color:#fff;white-space:nowrap;background:#101010;align-items:center;height:38px;font-size:13px;display:flex;overflow:hidden}.announcement-track{width:max-content;animation:42s linear infinite announcement;display:flex}.announcement-track span{padding-right:76px}@keyframes announcement{to{transform:translate(-25%)}}.site-header{z-index:30;align-items:center;height:112px;display:flex;position:relative}.brand{border-radius:50%;width:64px;height:64px;overflow:hidden}.brand img{object-fit:cover;width:100%;height:100%}.nav{align-items:center;gap:40px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav a{color:#090909;white-space:nowrap;font-size:18px}.nav a:hover,.nav a.active{opacity:.58}.menu{background:0 0;border:0;margin-left:auto;display:none}.pill{border-radius:999px;align-items:center;gap:10px;height:57px;padding:0 30px;font-size:18px;font-weight:500;display:inline-flex}.pill svg,.view-button svg{width:20px;height:20px}.pill.dark{color:#fff;background:#000}.pill.soft{color:#111;background:#f4f4f4}.pill.light{color:#000;background:#fff}.pill.outline{color:#fff;border:1px solid #fff}.home-hero{text-align:center;padding:39px 0 82px}.home-hero h1{letter-spacing:-1.25px;margin:0;font-size:35px;font-weight:700;line-height:1.2}.home-hero p{color:#191919;margin:16px 0 48px;font-size:20px;line-height:1.45}.home-hero>div{justify-content:center;gap:10px;display:flex}.home-switcher{width:var(--content);margin:auto}.home-tabs{justify-content:center;gap:10px;margin-bottom:52px;display:flex}.home-tabs button{cursor:pointer;border:0;border-radius:999px;height:58px;padding:0 28px;font-size:18px;transition:transform .2s,box-shadow .2s,color .2s,background .2s}.home-tabs button:hover{transform:translateY(-2px)}.home-tabs button.active{color:#fff;box-shadow:0 0 0 2px #e6aa35}.tab-all{background:#ededed}.tab-all.active{background:#252525}.tab-ui-ux-design{background:#f1e8ff}.tab-ui-ux-design.active{background:#3b285c}.tab-dev{background:#d6fbfb}.tab-dev.active{background:#275b58}.tab-graphics-design{background:#fff8de}.tab-graphics-design.active{background:#5b4c11}.tab-fun{background:#ffd99b}.tab-fun.active{background:#66400c}.tab-notes{background:#d4ffc7}.tab-notes.active{background:#2f792b}.home-project{border-bottom:1px solid #eee;margin-bottom:23px;padding-bottom:65px}.home-cover{border-radius:20px;width:940px;height:608px;display:block;overflow:hidden}.home-cover img{object-fit:cover;width:100%;height:100%}.project-facts{color:#666;grid-template-columns:1.25fr .8fr 1fr;gap:70px;padding:55px 0 40px;font-size:16px;line-height:1.25;display:grid}.project-facts strong{color:#080808;margin-bottom:25px;font-size:16px;display:block}.project-facts p{margin:0 0 4px}.view-button{color:#111;border:1.5px solid #080808;border-radius:999px;align-items:center;gap:8px;min-height:41px;padding:7px 14px;font-size:18px;display:inline-flex}.fun-grid{grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:44px 56px;display:grid}.fun-grid figure{margin:0}.fun-grid img{object-fit:cover;border-radius:18px;width:100%;height:360px}.fun-grid .fun-card:nth-child(3n+2) img{height:520px}.fun-grid .fun-card:nth-child(4n) img{height:430px}.fun-card-6{order:-2}.fun-card-1{order:-1}.fun-grid figcaption{padding-top:15px}.fun-grid figcaption span{color:#888;font-size:13px}.fun-grid figcaption p{margin:6px 0;font-size:18px;line-height:1.45}.notes-cards{width:680px;margin:auto}.note-card{grid-template-columns:320px 320px;gap:40px;margin-bottom:50px;display:grid}.note-card>a:first-child{border-radius:20px;height:240px;overflow:hidden}.note-card img{object-fit:cover;width:100%;height:100%}.note-card h3{color:#000;margin:0 0 13px;font-size:30px;line-height:1.2}.note-card p{color:#616161;margin:0 0 14px;font-size:16px;line-height:1.5}.note-card span{color:#616161;margin-bottom:13px;font-size:14px;display:block}.all-panel>section{padding-top:30px}.all-panel>section>h2{border-bottom:1px solid #ddd;margin:0 0 45px;padding-bottom:18px;font-size:40px;font-weight:500}.all-panel>section+section{padding-top:80px}.street{padding:74px 0 100px}.street h2{color:#000;margin:0 0 74px;font-size:40px;font-weight:500}.quote-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.quote-grid blockquote{color:#333;background:#fafafa;border:1px solid #eee;border-radius:16px;min-height:320px;margin:0;padding:24px}.quote-grid blockquote:last-child{grid-column:2}.quote-grid blockquote>div{align-items:center;gap:15px;display:flex}.quote-grid img{object-fit:cover;border-radius:50%;width:50px;height:50px}.quote-grid span{flex-direction:column;display:flex}.quote-grid strong{color:#000;font-size:20px}.quote-grid small{color:#777;margin-top:2px}.quote-grid blockquote>p{margin-top:34px;line-height:1.55}.footer{color:#fff;background:#000;padding:55px 0 32px}.footer-grid{grid-template-columns:1.6fr .55fr .65fr;gap:70px;display:grid}.footer-pitch h2{margin:0 0 50px;font-size:64px;font-weight:500;line-height:1.2}.footer-pitch>div{gap:16px;display:flex}.footer-grid nav{flex-direction:column;gap:18px;padding-top:5px;font-size:18px;display:flex}.footer-grid nav a{justify-content:space-between;gap:32px;display:flex}.footer-grid nav svg{width:18px}.footer-grid small{color:#777;grid-column:1/-1;margin-top:45px}.works-hero{padding:39px 0 104px}.works-hero h1{color:#000;letter-spacing:-2px;margin:0;font-size:64px;font-weight:500;line-height:1.2}.works-list{width:var(--shell);margin:auto}.work-entry{width:942px;margin-bottom:85px}.work-entry>a:first-child{border-radius:20px;height:548px;display:block;overflow:hidden}.work-entry>a:first-child img{object-fit:cover;width:100%;height:100%}.work-entry:nth-child(n+3)>a:first-child{height:608px}.work-entry .project-facts{padding-top:48px}.entry-actions{gap:12px;display:flex}.about-page{padding:39px 0 100px}.about-page>h1{color:#000;margin:0 0 36px;font-size:64px;font-weight:500}.about-copy p{color:#000;margin:0;font-size:24px;line-height:1.4}.about-copy p+p{margin-top:26px}.about-mosaic{grid-template-columns:3fr 2fr;gap:24px;margin:50px 0 16px;display:grid}.about-mosaic img{object-fit:cover;border-radius:18px;width:100%;height:400px}.about-page>h2{color:#000;margin:12px 30px 58px;font-size:40px;font-weight:500}.brand-list{width:1088px;margin-left:auto}.brand-list>div{border-top:1px solid #ddd;justify-content:space-between;align-items:center;height:104px;padding-right:38px;display:flex}.brand-list strong{font-size:24px;font-weight:500}.brand-list span{color:#969696;font-size:18px}.blog-page{width:954px;margin:0 auto;padding:0 0 95px}.blog-page>header{padding:0 0 58px}.blog-page>header h1{color:#012;margin:0 0 9px;font-size:50px;line-height:1.2}.blog-page>header p{color:#012;margin:0;font-size:25px}.blog-row{grid-template-columns:320px 320px;gap:40px;width:680px;margin:0 0 50px 5px;display:grid}.blog-row>a:first-child{border-radius:20px;height:240px;overflow:hidden}.blog-row img{object-fit:cover;width:100%;height:100%}.blog-row h2{color:#000;margin:0 0 13px;font-size:30px;line-height:1.2}.blog-row p{color:#616161;margin:0 0 14px;font-size:16px;line-height:1.5}.blog-row span{color:#616161;margin-bottom:13px;font-size:14px;display:block}.blog-row .view-button{font-size:18px}.contact-page{min-height:570px;padding:39px 14px 85px}.contact-page h1{color:#000;margin:0;font-size:64px;font-weight:500;line-height:1.2}.contact-links{grid-template-columns:1fr 275px;gap:100px;margin:68px 12px 0;display:grid}.contact-links>div{flex-direction:column;display:flex}.contact-links span{color:#878787;margin:0 0 18px;font-size:16px}.contact-links a{color:#000;justify-content:space-between;align-items:center;max-width:335px;margin-bottom:52px;font-size:18px;display:flex}.contact-links>div:last-child a{max-width:none;margin-bottom:18px}.contact-links svg{width:18px}.case-page{width:900px;margin:0 auto;padding:38px 0 100px}.case-page>header{margin-bottom:130px}.case-page>header p{color:#777;margin:0 0 17px;font-size:24px}.case-page>header h1{letter-spacing:-3px;color:#012;margin:0;font-size:72px;font-weight:700;line-height:1.2}.visual-case>header{margin-bottom:104px}.case-image-stack{gap:24px;display:grid}.case-image-stack img{object-fit:cover;width:901px;height:490px}.case-study-flow section{margin-bottom:80px}.case-study-flow section>img,.case-study-flow>img{object-fit:cover;width:901px;max-height:560px;margin-bottom:70px}.case-study-flow section>div{grid-template-columns:260px 1fr;gap:65px;margin-bottom:70px;display:grid}.case-study-flow h2{color:#000;margin:0;font-size:32px;line-height:1.2}.case-study-flow p{color:#000;margin:0;font-size:18px;line-height:1.6}.article-page{width:900px;margin:auto;padding:35px 0 100px}.article-page header{text-align:center;margin-bottom:55px}.article-page h1{color:#012;margin:0 0 18px;font-size:64px;line-height:1.1}.article-page header p{color:#888}.article-page>img{object-fit:cover;border-radius:20px;width:900px;max-height:560px}.article-page>div{width:680px;margin:55px auto}.article-page>div p{color:#000;font-size:19px;line-height:1.75}.contact-copyright{color:#969696;margin:12px;font-size:14px;display:block}.project-navigation{border-top:1px solid #ddd;justify-content:space-between;align-items:center;gap:20px;margin-top:70px;padding-top:32px;display:flex}.project-navigation a{align-items:center;gap:8px;font-size:17px;display:inline-flex}.project-navigation svg{width:19px}@media (width<=800px){:root{--shell:calc(100vw - 32px);--content:calc(100vw - 32px)}.announcement{height:34px;font-size:11px}.site-header{height:86px}.brand{width:54px;height:54px}.menu{display:block}.nav{background:#fff;flex-direction:column;align-items:flex-start;padding:25px 16px;display:none;position:absolute;top:78px;left:0;right:0;transform:none;box-shadow:0 15px 30px #0001}.nav.open{display:flex}.home-hero{padding:30px 0 55px}.home-hero h1{font-size:31px}.home-hero p{font-size:17px}.home-hero p br{display:none}.home-hero>div{flex-wrap:wrap}.pill{height:50px;padding:0 22px;font-size:15px}.home-tabs{flex-wrap:wrap;justify-content:center;gap:8px;padding-bottom:8px;overflow:visible}.home-tabs button{white-space:nowrap;height:50px;padding:0 16px;font-size:16px}.home-cover,.work-entry>a:first-child,.work-entry:nth-child(n+3)>a:first-child{aspect-ratio:1.55;width:100%;height:auto}.project-facts{grid-template-columns:1fr;gap:25px;padding:35px 0}.project-facts strong{margin-bottom:12px}.street{padding-top:45px}.street h2{font-size:34px}.quote-grid{grid-template-columns:1fr}.quote-grid blockquote:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-pitch{grid-column:1/-1}.footer-pitch h2{font-size:46px}.footer-pitch>div{flex-wrap:wrap}.footer-grid small{grid-column:1/-1}.works-hero{padding-bottom:60px}.works-hero h1,.about-page>h1,.contact-page h1{font-size:46px}.work-entry,.blog-page,.blog-row,.case-page,.article-page,.article-page>img,.brand-list{width:100%}.about-copy p{font-size:19px}.about-mosaic{grid-template-columns:1fr}.about-mosaic img{height:300px}.about-page>h2{margin-inline:0;font-size:33px}.brand-list{margin:0}.brand-list>div{align-items:flex-start;gap:20px;height:auto;padding:22px 0}.brand-list strong{font-size:18px}.brand-list span{text-align:right}.blog-page{padding-inline:16px}.blog-page>header h1{font-size:40px}.blog-page>header p{font-size:19px}.blog-row,.contact-links{grid-template-columns:1fr;margin-left:0}.case-page,.article-page{padding-inline:16px}.case-page>header{margin-bottom:60px}.case-page>header h1,.article-page h1{letter-spacing:-2px;font-size:45px}.case-image-stack img{width:100%;height:auto}.case-study-flow section>div{grid-template-columns:1fr;gap:20px}.article-page>div{width:100%}.fun-grid{grid-template-columns:1fr}.fun-grid img,.fun-grid .fun-card:nth-child(3n+2) img,.fun-grid .fun-card:nth-child(4n) img{height:auto;max-height:520px}.notes-cards{width:100%}.note-card{grid-template-columns:1fr;gap:22px;width:100%}.note-card>a:first-child{aspect-ratio:4/3;height:auto}.all-panel>section>h2{font-size:32px}.project-navigation{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.announcement-track{animation:none}}