.case-page{width:1280px;max-width:100%;margin-inline:auto;padding:120px 68px 40px}.case-wrapper{width:100%;max-width:1200px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:60px}.case-lead{padding-top:40px;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.case-caption{font-size:14px;line-height:18px;letter-spacing:-.2px}.case-introduction{width:80%;font-size:32px;line-height:44px;text-align:center}.case-cover{padding-top:180px;width:100%}.case-cover-surface{position:relative;aspect-ratio:1.906666666666667;border-radius:32px;background:var(--surface)}.case-cover img{position:absolute;display:block;width:84.61538461538461%;height:auto;bottom:0;left:50%;transform:translate(-50%)}.case-section{display:flex;align-items:flex-start;gap:128px;width:100%}.case-section h2{width:360px;flex:none;font-size:32px;line-height:40px;font-weight:600;letter-spacing:-.2px}.case-section-content{width:630px;flex:none;display:flex;flex-direction:column;gap:24px}.case-rich-text{width:100%}.case-rich-text>*+*{margin-top:20px}.case-rich-text ul,.case-rich-text ol{margin-bottom:0;padding-left:2ch;position:relative}.case-rich-text li{padding-left:0;list-style:none;counter-increment:list-item}.case-rich-text li:before{position:absolute;left:0}.case-rich-text ul>li:before{content:"•"}.case-rich-text ol>li:before{content:counter(list-item) ".";font-variant-numeric:tabular-nums}.case-rich-text strong{font-weight:500}.case-results{display:flex;flex-direction:column;gap:12px}.case-section h3{font-size:24px;line-height:30px;font-weight:500;letter-spacing:-.2px}.case-result-grid{display:flex;gap:32px}.case-result-grid>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.case-result-value{font-size:32px;line-height:40px;font-weight:600}.case-role-grid{display:flex;gap:32px}.case-role-grid>section{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.case-gallery{width:100%;display:flex;align-items:center;gap:60px;padding:40px;background:var(--surface);border-radius:32px;overflow-x:auto;scrollbar-width:none}.case-gallery::-webkit-scrollbar{display:none}.case-gallery img{flex:none;display:block;width:290px;height:auto}.case-gallery:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.case-image-block{width:100%;padding-block:40px}.case-image-block>div{width:100%;height:756px;border-radius:32px;background:#f3f5f7}@media(min-width:1280px){.case-section:has(#case-final-design) .case-section-content,.case-section:has(#case-implementation) .case-section-content{flex:1;width:auto}}@media(max-width:1279px){.case-page{width:100%;padding:120px 24px 24px}.case-wrapper{gap:32px}.case-introduction{width:100%;font-size:28px;line-height:40px}.case-cover{padding-top:60px}.case-cover-surface{border-radius:24px}.case-section{flex-direction:column;gap:16px}.case-section h2{width:100%;font-size:28px;line-height:36px}.case-section-content{width:100%}.case-result-grid{gap:20px}.case-result-value{font-size:28px;line-height:36px}.case-role-grid{flex-direction:column;gap:16px}.case-role-grid>section{flex:none;width:188.6666717529297px}.case-gallery{padding:24px;border-radius:24px}.case-gallery img{max-width:100%}.case-image-block{padding-block:24px}.case-image-block>div{height:226px;border-radius:24px}}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/dm-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/dm-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}:root{--page: #fdfdfd;--surface: #f3f5f7;--text: #21201f;--muted: rgba(0, 0, 0, .4);--accent: #fc3f1d;--content-width: 1200px;--page-gutter: 68px;--card-radius: 32px;--appear-duration: .6s;--appear-ease: cubic-bezier(.12, .23, .5, 1);font-family:DM Sans,Arial,sans-serif;color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--page: #0e0e0f;--surface: #000;--text: #fdfdfd;--muted: rgba(255, 255, 255, .4)}}@media(max-width:1279px){:root{--page-gutter: 24px;--card-radius: 24px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);font-size:18px;line-height:24px;font-weight:400;letter-spacing:-.2px}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:2px}main{overflow:hidden}.container{width:100%;max-width:var(--content-width);margin-inline:auto}.page-section{width:100%;padding:40px var(--page-gutter)}.muted{color:var(--muted)}.site-header{position:fixed;inset:0 0 auto;z-index:5;padding:40px 68px;pointer-events:none}.navigation{display:flex;align-items:flex-start;justify-content:space-between;height:23px}.navigation a{pointer-events:auto}.wordmark{width:163px;flex:none;text-transform:uppercase;font-size:18px;font-weight:700;letter-spacing:.01em;line-height:1.2}.navigation-links{display:flex;gap:40px;font-size:18px;line-height:24px;letter-spacing:.1px;font-weight:500}.hero{height:100vh;display:flex;flex-direction:column}.hero-wrapper{flex:1;min-height:0;display:flex;flex-direction:column}.hero-content{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px}.hero-lead{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:70px;width:min-content}.portrait-surface{position:relative;width:295px;height:234px;flex:none;border-radius:150px;background:var(--surface)}.portrait{position:absolute;left:calc(50% - 147px);top:calc(43.8034188034188% - 134.5px);width:294px;height:269px;border-radius:400px;object-fit:fill;animation:portrait-in var(--appear-duration) var(--appear-ease) both}.hero-title{align-self:stretch;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:48px;line-height:52px;letter-spacing:-.02em;font-weight:600;text-align:center}.hero-title>span{flex:none;white-space:nowrap}.employer{display:flex;align-items:center;gap:6px}.employer img{width:38px;height:38px}.hero-former{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;font-size:14px;line-height:18px;letter-spacing:-.2px;color:var(--muted)}.hero-meta{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.location-dot{color:var(--accent)}.external-link{position:relative;transition:color .3s ease-out}.external-link:after{content:"";display:inline-block;width:1em;height:1em;margin-left:.2em;vertical-align:-.125em;background:url(/assets/external-arrow.svg) center/contain no-repeat;transition:transform .3s ease}.external-link:hover:after{transform:translate(3px,-3px)}.muted-link:after{margin-left:.1em;opacity:.4}.muted-link:hover{color:var(--text)}.muted-link:hover:after{transform:translate(2px,-2px)}@media(prefers-color-scheme:dark){.external-link:after{filter:invert(1) brightness(1.2)}}.project-content{display:flex;flex-direction:column;gap:32px}.project--pay .project-content{padding-top:155px}.project-visual{position:relative;width:100%;aspect-ratio:1.5052631578947369;background:var(--surface);border-radius:var(--card-radius)}.project-visual img{display:block;position:absolute;object-fit:cover}.project--pay .project-visual{aspect-ratio:1.9066666666666667}.project--pay .project-visual img{width:85%;height:auto;aspect-ratio:1.2333767926988266;left:50%;bottom:0;transform:translate(-50%)}.project--wallet .project-visual img{width:94%;height:auto;aspect-ratio:1.5108695652173914;left:50%;top:51%;transform:translate(-50%,-50%)}.project--autofill .project-visual img{height:100%;width:auto;aspect-ratio:1.381578947368421;left:50%;top:0;transform:translate(-50%)}.project--business .project-visual img{width:100%;height:100%;right:0;bottom:0}.project-caption{display:flex;align-items:flex-start;gap:20px;padding-left:24px}.project-heading{width:33%;min-width:100px;flex:none;display:flex;flex-direction:column;gap:8px}.project-heading h2{font-size:32px;line-height:40px;font-weight:600;letter-spacing:-.2px;overflow-wrap:break-word}.project-description{flex:1;min-width:360px;display:flex;flex-direction:column;gap:16px}.project-links{display:flex;gap:20px;font-weight:500;letter-spacing:.1px}.about{padding:130px var(--page-gutter) 68px}.about-content{display:flex;flex-direction:column;gap:60px}.about-intro{display:flex;flex-direction:column;gap:20px}.display-heading{font-size:100px;line-height:1.2;font-weight:600;letter-spacing:-.2px}.about-copy{display:flex;flex-direction:column;gap:12px}.about-copy>p{width:75%;font-size:32px;line-height:44px;letter-spacing:-.2px}.about-copy .inspiration{letter-spacing:normal}.inspiration img{display:inline-block;height:44px;width:auto;vertical-align:middle}.credentials{display:flex;flex-direction:column;gap:40px}.credentials h3{font-size:24px;line-height:30px;font-weight:500;letter-spacing:-.2px}.credential-row{display:flex;align-items:flex-start;gap:128px}.credential-title{width:31%;flex:none;overflow-wrap:break-word}.credential-institution{width:21%;flex:none;overflow-wrap:break-word}.credential-year{flex:none}.award-row .credential-year{width:31%;overflow-wrap:break-word}.contact{display:flex;flex-direction:column;gap:8px}.contact-heading{display:flex;align-items:flex-end;gap:10px}.contact-mark{align-self:stretch;display:flex;align-items:flex-end;padding-bottom:24px}.contact-mark>span{display:block;position:relative;background:var(--accent);width:20px;height:20px;border-radius:100px}.contact-mark img{display:block;position:absolute;left:5px;top:6px}.phone-break{display:none}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-start}.contact-links{display:flex;gap:40px;font-weight:500;letter-spacing:.1px}.appear{animation:appear-in var(--appear-duration) var(--appear-ease) both}@keyframes appear-in{0%{opacity:.001;transform:translateY(80px)}to{opacity:1;transform:none}}@keyframes portrait-in{0%{opacity:.001;transform:translateY(50px) scale(.8)}to{opacity:1;transform:none}}@media(max-width:1279px){body{font-size:16px;line-height:22px}.page-section{padding:24px}.site-header{position:absolute}.navigation{height:auto;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px}.navigation-links{font-size:16px;line-height:22px}.hero-content{padding-top:30px}.hero-lead{padding:0;flex:1;min-height:0;justify-content:center}.hero-title{font-size:32px;line-height:28px}.employer img{width:28px;height:28px}.project--pay .project-content{padding-top:48px}.project-caption{flex-direction:column;padding:0}.project-heading{width:100%}.project-heading h2{font-size:28px;line-height:36px}.project-description{flex:none;width:100%;min-width:0}.display-heading{font-size:62px;line-height:1}.about-copy>p{width:100%;font-size:28px;line-height:40px}.credentials{gap:28px}.credential-row{gap:0;justify-content:space-between}.credential-title,.credential-institution{width:40%}.credential-year{text-align:right}.award-row .credential-year{width:10%}.contact{gap:20px}.contact-heading .display-heading{flex-shrink:0;white-space:nowrap}.contact-mark{flex-shrink:0;padding-bottom:10px}.phone-break{display:block}.contact-bottom{flex-direction:column;gap:32px}.contact-links{width:100%;gap:0;justify-content:space-between}.contact-links a{flex-shrink:0;white-space:nowrap}}@media(max-width:374px){.hero-lead{width:calc(100vw - 24px)}.hero-title{font-size:clamp(24px,8.533333vw,32px);line-height:.875}.hero-title>span{max-width:100%;white-space:normal}.hero-former{flex-wrap:wrap;white-space:normal}.contact-heading{gap:8px}.contact-links{display:grid;grid-template-columns:repeat(2,max-content);row-gap:16px}}@media(max-width:1279px)and (max-height:699px){.hero{height:auto;min-height:100svh}.hero-content{flex:none;padding-top:156px}.hero-lead{flex:none;justify-content:flex-start}.hero-meta{margin-top:64px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.appear,.portrait{animation:none}.external-link,.external-link:after{transition:none}}
