*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f6f5f0;color:#20221f;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #224dff;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:30px 5%;border-bottom:1px solid #d5d6cf} .brand{font-size:18px;font-weight:700;letter-spacing:-.7px}.brand span{color:#2850ed}nav{display:flex;gap:28px;font-size:13px}nav a:hover{color:#224dff}.wrap{margin:auto;max-width:1600px;padding:0 5%}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:1px;text-transform:uppercase}.hero{padding-top:75px;position:relative}.hero h1{font-size:clamp(62px,8.7vw,140px);font-weight:500;letter-spacing:-.075em;line-height:.96;margin:32px 0 40px;max-width:1250px}.hero h1 em{font-style:normal;color:#2850ed}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:65px}.intro{max-width:420px;font-size:18px;line-height:1.55;color:#5a5d56}.pill{border:1px solid #bfc2b8;border-radius:40px;padding:16px 23px;display:inline-flex;gap:32px;font-size:14px}.pill:hover{background:#20221f;color:white}.section-top{display:flex;justify-content:space-between;border-top:1px solid #bfc2b8;padding:22px 0 32px}.project{padding-bottom:65px}.project-image{display:block;overflow:hidden;position:relative;background:#e5e7e0;border-radius:4px;aspect-ratio:1.9}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.project-image:hover img{transform:scale(1.035)}.project-image .arrow{position:absolute;right:22px;bottom:22px;background:#f6f5f0;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-size:24px}.project-meta{display:grid;grid-template-columns:65px 1fr 1fr;gap:20px;padding-top:24px}.num{font-family:monospace;color:#777}.project h2{font-weight:500;font-size:30px;letter-spacing:-1px;margin:0 0 10px}.tags{font-size:12px;color:#686b62}.desc{max-width:440px;margin:0;line-height:1.65;color:#5a5d56;font-size:15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:32px}.two .project-image{aspect-ratio:1.25}.two .project-meta{grid-template-columns:35px 1fr}.two .desc{grid-column:2}.about{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:65px 0 100px;border-top:1px solid #bfc2b8}.about h2{font-size:clamp(32px,4vw,58px);font-weight:500;line-height:1.12;letter-spacing:-2px;margin:0 0 30px}.about p{font-size:18px;color:#5a5d56;line-height:1.6;max-width:650px}.skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.skills span{padding:10px 15px;border:1px solid #c9ccc1;border-radius:30px;font-size:12px}footer{background:#244de8;color:#fff;padding:65px 5% 28px}footer h2{font-size:clamp(48px,7vw,110px);letter-spacing:-.065em;font-weight:500;margin:15px 0 35px}footer .foot{margin-top:65px;padding-top:20px;border-top:1px solid #ffffff55;display:flex;justify-content:space-between;font-size:12px}footer .pill{border-color:#ffffff88}.case{max-width:900px;margin:60px auto 100px}.case h1{font-size:clamp(45px,6vw,80px);font-weight:500;line-height:1.02;letter-spacing:-3px}.case h2{font-size:28px;font-weight:500;margin-top:45px}.case p{font-size:18px;line-height:1.7;color:#575b52}.case img{width:100%;border-radius:4px;margin-top:30px}.case dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:25px 0}.case dt{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#686b62}.case dd{margin:10px 0 0;font-size:14px}@media(max-width:700px){header{padding:23px 5%}nav{gap:18px}.hero{padding-top:45px}.hero h1{font-size:65px;margin:25px 0 28px}.hero-bottom{display:block;padding-bottom:45px}.hero-bottom .pill{margin-top:15px}.two{grid-template-columns:1fr;gap:0}.project-meta{grid-template-columns:30px 1fr}.project-meta .desc{grid-column:2}.project h2{font-size:25px}.project-image{aspect-ratio:1.3}.about{grid-template-columns:1fr;gap:25px;padding:40px 0 60px}.about h2{letter-spacing:-1px}.foot{gap:15px;flex-wrap:wrap}.case{margin-top:35px}.case h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.case-shell{max-width:1500px;margin:auto;padding:0 5%}.case-intro{padding:60px 0 45px}.case-kicker{margin:50px 0 20px;font-size:14px;font-weight:700}.case-kicker span{font-weight:400;color:#666b60}.case-intro h1{max-width:1100px;font-size:clamp(46px,6.5vw,100px);letter-spacing:-.065em;line-height:1.02;font-weight:500;margin:0 0 32px}.case-summary{font-size:20px;line-height:1.6;max-width:820px;color:#575d52}.case-summary p{margin:0}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 40px;border-top:1px solid #ced0c6;margin-top:40px;padding-top:25px}.case-meta p{font-size:13px;color:#575d52;line-height:1.6;margin:0}.case-meta strong{display:block;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:6px;color:#292d24}.case-cover{margin:0;background:#e6e7e0;border-radius:5px;overflow:hidden}.case-cover img{width:100%;display:block;max-height:680px;object-fit:contain}.outcome{display:flex;gap:40px;align-items:center;border-bottom:1px solid #c8cbbe;padding:40px 0;margin-bottom:70px}.outcome strong{font-size:clamp(50px,6vw,84px);letter-spacing:-5px;font-weight:500;color:#244de8}.outcome p{max-width:330px;font-size:17px;line-height:1.5;color:#575d52}.story-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px}.case-nav{position:sticky;top:30px;align-self:start}.case-nav nav{display:flex;flex-direction:column;gap:0;margin-top:20px}.case-nav a{padding:10px 0;font-size:12px;color:#626759;border-bottom:1px solid #e0e2d9}.case-nav a:hover{color:#244de8}.story-section{padding:0 0 55px;margin:0 0 35px;border-bottom:1px solid #d3d6ca;scroll-margin-top:35px}.story-section:last-child{border-bottom:0}.section-number{font-family:monospace;font-size:11px;color:#244de8;letter-spacing:1px}.story-section h2{font-size:clamp(29px,3vw,44px);font-weight:500;letter-spacing:-1.4px;margin:12px 0 27px}.prose{max-width:800px;font-size:17px;line-height:1.8;color:#4e5548;overflow-wrap:anywhere}.prose p{margin:0 0 20px}.prose ul,.prose ol{padding-left:23px;margin:20px 0 30px}.prose li{padding-left:5px;margin:9px 0}.prose li p{margin:4px 0}.prose h1,.prose h2,.prose h3,.prose h4{font-size:21px;line-height:1.4;letter-spacing:-.5px;font-weight:500;margin:32px 0 15px;color:#20251b}.prose strong{font-weight:600;color:#262c20}.prose a,.prototype a{color:#224de8;text-decoration:underline;text-underline-offset:4px}.prose hr{display:none}.case-gallery{display:grid;gap:25px;margin:30px 0}.case-gallery figure{margin:0}.zoom-image{position:relative;display:block;width:100%;padding:18px;border:1px solid #dbded2;border-radius:5px;background:#eeefe8;cursor:zoom-in}.zoom-image img{display:block;width:100%;height:auto;max-height:800px;object-fit:contain}.zoom-image span{position:absolute;right:12px;bottom:12px;background:#f6f5f0;border:1px solid #d3d6c8;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:18px}.case-gallery figcaption{font-size:12px;color:#686f5d;padding:12px 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;text-align:left}th,td{padding:18px 15px;border-bottom:1px solid #d3d8c9;vertical-align:top}thead th{font-family:monospace;font-size:11px;letter-spacing:1px;font-weight:400;background:#e9ece1}tbody th{font-weight:500}tbody td:last-child{color:#224de8}.next-project{border-top:1px solid #bec4b3;padding:45px 0 70px;display:grid;grid-template-columns:1fr auto;gap:20px}.next-project .eyebrow{grid-column:1/-1}.next-project>span:not(.eyebrow){font-size:clamp(36px,5vw,72px);letter-spacing:-2px}.next-project:hover{color:#224de8}.image-dialog{max-width:96vw;max-height:95vh;width:1400px;border:0;background:#f6f5f0;padding:55px 20px 20px;border-radius:6px;overflow:auto}.image-dialog::backdrop{background:#12170ee8}.image-dialog img{display:block;width:100%;max-height:75vh;object-fit:contain}.image-dialog p{text-align:center;font-size:13px}.close-dialog{position:fixed;right:4vw;top:4vh;border:1px solid #b5bba9;background:#f6f5f0;border-radius:30px;padding:12px 20px;cursor:pointer;z-index:2}.case-nav a:focus-visible{outline-offset:2px}@media(min-width:1100px){.case-gallery:has(figure:nth-child(3)){grid-template-columns:1fr 1fr}.case-gallery:has(figure:nth-child(3)) figure:last-child:nth-child(odd){grid-column:1/-1}}@media(max-width:850px){.story-layout{grid-template-columns:1fr;gap:35px}.case-nav{position:static}.case-nav nav{flex-direction:row;flex-wrap:wrap;gap:8px}.case-nav a{border:1px solid #d2d7c7;border-radius:25px;padding:9px 14px}.case-nav .eyebrow{font-size:10px}.case-meta{grid-template-columns:1fr 1fr}.outcome{margin-bottom:35px}.case-kicker{margin-top:35px}.case-kicker span{display:block;margin-top:9px}.story-section{padding-bottom:30px;margin-bottom:30px}.case-intro{padding-top:35px}.case-summary{font-size:18px}.zoom-image{padding:8px}}@media(max-width:480px){.outcome{gap:20px}.outcome strong{font-size:52px;letter-spacing:-3px}.outcome p{font-size:13px}.case-meta{gap:20px}.case-meta p:last-child{grid-column:1/-1}.case-intro h1{font-size:48px}.prose{font-size:16px}.case-nav nav{gap:6px}.case-nav a{font-size:11px;padding:8px 10px}th,td{padding:13px 10px;font-size:12px}}

header nav{align-items:center}.linkedin-link{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;border-radius:4px}.linkedin-link:hover{color:#244de8;background:#e8ecfa}.linkedin-link svg{display:block}@media(max-width:700px){header{flex-wrap:wrap;gap:14px}header nav{gap:15px}}