@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&display=swap";
:root{--ink:#3d3d3b;--muted:#6a6a67;--surface:#f6f5f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Geist,Arial,sans-serif}a{color:inherit}.shell{width:min(930px,100% - 40px);margin-inline:auto}.nav{grid-template-columns:1fr auto 1fr;align-items:center;height:90px;display:grid}.identity{align-items:center;gap:12px;width:max-content;text-decoration:none;display:flex}.identity img{object-fit:cover;border-radius:10px;width:42px;height:42px}.identity span{flex-direction:column;line-height:1.15;display:flex}.identity strong{font-size:17px;font-weight:600}.identity small{color:var(--muted);margin-top:4px}.nav nav{gap:38px;font-weight:500;display:flex}.nav nav a{text-decoration:none}.nav a:hover,.experience a:hover{opacity:.65}.contactButton{color:#fff;background:#3d3d3b;border-radius:8px;justify-self:end;padding:12px 18px;font-weight:500;text-decoration:none}.intro{padding-top:52px}.intro h1{letter-spacing:-1.6px;margin:0;font-size:34px;font-weight:600;line-height:1.18}.intro h1 span{color:var(--muted);letter-spacing:-.4px;white-space:nowrap;font-size:17px;font-weight:400}.lede{max-width:760px;color:var(--muted);letter-spacing:-.7px;margin:35px 0 40px;font-size:24px;line-height:1.28}.heroVisual,.projectImage{background:var(--surface);border-radius:8px;overflow:hidden}.heroVisual{place-items:center;height:600px;display:grid}.heroVisual img{object-fit:contain;width:100%;height:100%}.experience{color:var(--muted);margin:46px 0 0;font-size:20px;line-height:1.55}.experience a{text-underline-offset:3px}.work{padding-top:150px}.work>h2{color:var(--muted);letter-spacing:-1.7px;margin:0 0 35px;font-size:40px;line-height:1.2}.projects{flex-direction:column;gap:88px;display:flex}.project{text-decoration:none;display:block}.project:hover h3{text-underline-offset:5px;text-decoration:underline}.projectImage{justify-content:center;align-items:flex-start;height:520px;padding-top:68px;display:flex}.projectImage.phone img{object-fit:contain;width:auto;max-width:65%;height:540px}.projectImage.wide{align-items:center;padding:32px}.projectImage.wide img{object-fit:contain;width:100%;max-height:100%}.meta{color:var(--muted);justify-content:space-between;margin-top:27px;font-size:19px;display:flex}.project h3{letter-spacing:-1.1px;max-width:820px;margin:15px 0 0;font-size:30px;font-weight:500;line-height:1.2}.closing{text-align:center;flex-direction:column;align-items:center;min-height:690px;padding:180px 0 100px;display:flex}.closing>img{object-fit:cover;border-radius:18px;width:72px;height:72px}.closing h2{letter-spacing:-1.3px;margin:25px 0 12px;font-size:34px}.closing p{max-width:650px;color:var(--muted);margin:0;font-size:19px;line-height:1.55}.email{margin-top:38px;font-weight:600;text-decoration:none}.socials{gap:18px;margin-top:24px;display:flex}.socials a{background:var(--surface);color:var(--muted);border-radius:8px;padding:13px 22px;text-decoration:none}footer{color:var(--muted);text-align:center;padding:35px 20px 55px;font-family:monospace;font-size:15px}@media (max-width:700px){.shell{width:min(100% - 30px,930px)}.nav{grid-template-columns:1fr auto;height:76px}.nav nav{display:none}.identity strong{font-size:15px}.identity small{font-size:11px}.identity img{width:38px;height:38px}.contactButton{padding:10px 14px;font-size:14px}.intro{padding-top:42px}.intro h1{letter-spacing:-1.2px;font-size:28px}.intro h1 span{margin-top:4px;display:block}.lede{margin:28px 0 30px;font-size:20px}.heroVisual{height:390px}.experience{margin-top:32px;font-size:17px}.work{padding-top:100px}.work>h2{font-size:34px}.projects{gap:64px}.projectImage{height:380px;padding-top:48px}.projectImage.phone img{max-width:80%;height:395px}.projectImage.wide{padding:18px}.meta{margin-top:20px;font-size:16px}.project h3{font-size:24px}.closing{min-height:600px;padding-top:130px}.closing h2{font-size:29px}.closing p{font-size:17px}}.kicker{color:var(--muted);margin:0 0 14px;font-size:16px}.listing{padding-top:90px}.listing>h1,.aboutPage>h1{letter-spacing:-2.5px;max-width:780px;margin:0 0 70px;font-size:52px;line-height:1.08}.listing .projects{gap:80px}.aboutPage{padding-top:90px}.photoRow{grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 120px;display:grid}.photoRow img{object-fit:cover;border-radius:8px;width:100%;height:370px}.aboutPage section{max-width:720px;margin:0 auto 120px}.sectionLabel{color:var(--muted);font-size:15px}.aboutPage section h2{letter-spacing:-1.8px;font-size:38px;line-height:1.15}.aboutPage section>p:not(.sectionLabel){color:var(--muted);font-size:20px;line-height:1.6}.aboutPage blockquote{border-left:3px solid var(--ink);margin:50px 0;padding-left:28px;font-size:30px;line-height:1.3}.inlineButton{background:var(--ink);color:#fff;border-radius:8px;margin-top:22px;padding:13px 20px;text-decoration:none;display:inline-block}.caseHero{padding-top:75px}.backLink{color:var(--muted);text-decoration:none}.caseHero .kicker{text-transform:uppercase;letter-spacing:.1em;margin-top:70px}.caseHero h1{letter-spacing:-3px;max-width:850px;margin:10px 0 22px;font-size:58px;line-height:1.03}.caseSubtitle{max-width:720px;color:var(--muted);font-size:23px;line-height:1.45}.caseFacts{border-top:1px solid #ddd;grid-template-columns:repeat(4,1fr);gap:24px;margin:60px 0 45px;padding-top:25px;display:grid}.caseFacts div{flex-direction:column;gap:8px;display:flex}.caseFacts span{color:var(--muted);font-size:14px}.caseFacts strong{font-size:16px;line-height:1.35}.caseCover{background:var(--surface);border-radius:10px;justify-content:center;align-items:flex-start;height:620px;padding-top:60px;display:flex;overflow:hidden}.caseCover.portrait img{width:auto;height:650px}.caseCover.landscape{align-items:center;padding:35px}.caseCover.landscape img{object-fit:contain;width:100%;max-height:100%}.metrics{background:#ddd;border:1px solid #ddd;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:90px;display:grid}.metrics div{background:#fff;flex-direction:column;justify-content:space-between;min-height:180px;padding:28px;display:flex}.metrics strong{letter-spacing:-2px;font-size:48px}.metrics span{color:var(--muted)}.caseBody{padding-top:110px}.caseSection{border-top:1px solid #ddd;grid-template-columns:1fr 2fr;gap:70px;padding:75px 0;display:grid}.caseSection>div:first-child span{color:var(--muted);font-family:monospace}.caseSection h2{letter-spacing:-1.1px;margin:16px 0 0;font-size:30px;line-height:1.18}.caseSection p{color:var(--muted);margin:0;font-size:20px;line-height:1.65}.caseSection img{object-fit:contain;background:var(--surface);border-radius:8px;width:100%;max-height:620px;margin-top:45px}@media (max-width:700px){.listing{padding-top:55px}.listing>h1,.aboutPage>h1{letter-spacing:-1.6px;margin-bottom:50px;font-size:36px}.aboutPage{padding-top:55px}.photoRow{gap:8px;margin-bottom:80px}.photoRow img{height:190px}.aboutPage section{margin-bottom:85px}.aboutPage section h2{font-size:30px}.aboutPage section>p:not(.sectionLabel){font-size:18px}.aboutPage blockquote{font-size:24px}.caseHero{padding-top:45px}.caseHero .kicker{margin-top:45px}.caseHero h1{letter-spacing:-1.8px;font-size:39px}.caseSubtitle{font-size:19px}.caseFacts{grid-template-columns:1fr 1fr;margin-top:42px}.caseCover{height:420px;padding-top:40px}.caseCover.portrait img{height:440px}.caseCover.landscape{height:300px;padding:16px}.metrics{grid-template-columns:1fr;margin-top:60px}.metrics div{min-height:130px}.caseBody{padding-top:70px}.caseSection{grid-template-columns:1fr;gap:28px;padding:55px 0}.caseSection p{font-size:18px}.caseSection img{margin-top:30px}}.framerCaseHero{text-align:center;max-width:760px;padding-top:70px}.caseEyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 18px;font-size:13px}.framerCaseHero h1{letter-spacing:-2.5px;margin:0;font-size:48px;line-height:1.04}.framerCaseHero>p:last-child{max-width:600px;color:var(--muted);margin:28px auto 0;font-size:18px;line-height:1.45}.framerHeroImage{background:var(--surface);border-radius:7px;justify-content:center;align-items:center;height:560px;margin-top:65px;display:flex;overflow:hidden}.framerHeroImage img{object-fit:contain;max-width:100%;max-height:100%}.projectMeta{grid-template-columns:repeat(3,1fr);gap:35px;padding:52px 42px 110px;display:grid}.projectMeta span,.editorial>p,.showcase>p,.outcomes>p,.framerSections>section>p,.nextCases>p{color:var(--muted);font-size:14px}.projectMeta p{max-width:210px;margin:7px 0 0;font-size:15px;line-height:1.35}.editorial{max-width:700px}.editorial h2{letter-spacing:-1.2px;font-size:29px;line-height:1.17}.editorial>p{margin:80px 0 10px}.editorial h1,.showcase h1,.outcomes h1,.framerSections h1,.nextCases h1{letter-spacing:-1.5px;margin:0;font-size:34px;line-height:1.1}.showcase{margin-top:115px}.showcase img{object-fit:contain;background:var(--surface);border-radius:7px;width:100%;height:470px;margin-top:35px}.outcomes{margin-top:120px}.outcomes .muted{max-width:620px;color:var(--muted);margin:13px 0 36px;font-size:17px;line-height:1.5}.outcomes>div{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.outcomes article strong{letter-spacing:-2px;font-size:45px;display:block}.outcomes article span{color:var(--muted);font-size:14px}.framerSections{max-width:700px;padding-top:125px}.framerSections>section{margin-bottom:120px}.framerSections h2{color:var(--muted);margin:12px 0 0;font-size:17px;font-weight:400;line-height:1.55}.sectionVisual{background:var(--surface);border-radius:7px;justify-content:center;align-items:center;height:420px;margin-top:40px;display:flex;overflow:hidden}.sectionVisual img{object-fit:contain;max-width:100%;max-height:100%}.nextCases{padding-top:40px}.nextCases>div{grid-template-columns:1fr 1fr;gap:25px;margin-top:30px;display:grid}.nextCases a{text-decoration:none}.nextCases a>img{object-fit:contain;background:var(--surface);border-radius:7px;width:100%;height:210px}.nextCases a span{color:var(--muted);justify-content:space-between;margin-top:14px;display:flex}.nextCases a h2{margin:10px 0;font-size:20px;line-height:1.2}@media (max-width:700px){.framerCaseHero{padding-top:50px}.framerCaseHero h1{font-size:36px}.framerHeroImage{height:350px;margin-top:40px}.projectMeta{grid-template-columns:1fr;gap:24px;padding:35px 0 70px}.editorial h2{font-size:25px}.editorial h1,.showcase h1,.outcomes h1,.framerSections h1,.nextCases h1{font-size:28px}.showcase{margin-top:80px}.showcase img{height:280px}.outcomes{margin-top:85px}.outcomes>div{gap:14px}.outcomes article strong{font-size:36px}.framerSections{padding-top:85px}.framerSections>section{margin-bottom:80px}.sectionVisual{height:280px}.nextCases>div{grid-template-columns:1fr}.nextCases a>img{height:190px}}