:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}@font-face{font-family:Apfel Grotezk;src:url(/assets/ApfelGrotezk-Regular-DEPaF7_e.woff2) format("woff2"),url(/assets/ApfelGrotezk-Regular-C3-d50rs.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Apfel Grotezk;src:url(/assets/ApfelGrotezk-Mittel-C6YL-2DV.woff2) format("woff2"),url(/assets/ApfelGrotezk-Mittel-SotTsl7N.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Apfel Grotezk;src:url(/assets/ApfelGrotezk-Fett-yeiyBRAx.woff2) format("woff2"),url(/assets/ApfelGrotezk-Fett-Bj3gya6I.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Apfel Grotezk;src:url(/assets/ApfelGrotezk-Satt-CwMma7AS.woff2) format("woff2"),url(/assets/ApfelGrotezk-Satt-OWERmd3f.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{scroll-behavior:smooth;overflow-x:hidden}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}*{backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}body{overscroll-behavior:none}:root{--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e9eaeb;--neutral-300: #d5d7da;--neutral-400: #a4a7ae;--neutral-500: #717680;--neutral-600: #535862;--neutral-700: #414651;--neutral-900: #181d27;--neutral-950: #0a0d12;--base-white: #ffffff;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-heading: 48px;--text-title: 24px;--text-body: 18px;--text-small: 16px;--text-label: 13px;--text-number: 56px}@media (max-width: 1024px){:root{--text-heading: 40px;--text-number: 48px}}@media (max-width: 768px){:root{--text-heading: 32px;--text-title: 20px;--text-body: 16px;--text-small: 15px;--text-number: 40px}}body{font-family:Apfel Grotezk,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;line-height:1.5;color:var(--neutral-900);background:var(--base-white)}.container{max-width:1440px;margin:0 auto;padding:0 112px}@media (max-width: 768px){.container{padding:0 20px}}.navbar{position:fixed;top:0;width:100%;background:#ffffff3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--neutral-50);z-index:1000;padding:24px 0}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:18px;line-height:28px;color:var(--neutral-300);display:flex;flex-direction:column;align-items:flex-start;gap:0;text-decoration:none}.logo-line{display:flex;align-items:center;gap:4px}.logo-line:first-child{line-height:0}.logo-line:last-child{padding-left:4px}.logo-star{font-size:12px;transform:rotate(45deg)}.menu-btn{width:80px;height:48px;background:var(--neutral-950);border:none;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center}.hero{min-height:calc(100svh - 240px);padding:144px 0 48px;display:flex;flex-direction:column;justify-content:flex-end}.hero-content{display:flex;flex-direction:column;gap:24px}.hero-meta{font-size:var(--text-small);line-height:1.5;display:flex;align-items:center;gap:12px;color:var(--neutral-500)}.hero-meta img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--neutral-100)}.hero h1{margin:0;max-width:13em;font-size:clamp(44px,7.2vw,112px);font-weight:500;line-height:1;letter-spacing:-.045em;color:var(--neutral-900);text-wrap:balance}.hero-tangle{display:inline-block}.hero-letter{display:inline-block;will-change:transform}.hero-finish{position:relative;display:inline-block;white-space:nowrap}.hero-finish svg{position:absolute;left:-2%;bottom:-.1em;width:104%;height:.3em;overflow:visible}.hero-finish path{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.hero-proof{font-size:var(--text-body);line-height:1.6;max-width:48em;color:var(--neutral-500)}.hero-proof b{font-weight:500;color:var(--neutral-900)}.hero-links{display:flex;flex-wrap:wrap;gap:8px 32px}.hero-links a{font-size:var(--text-small);line-height:1.5;font-weight:500;color:var(--neutral-900);text-decoration:underline;text-underline-offset:5px;transition:opacity .3s}.hero-links a:hover{opacity:.6}@media (max-width: 768px){.hero{min-height:calc(100svh - 230px);padding:112px 0 40px}.hero-content{gap:24px}.hero-meta img{width:32px;height:32px}.hero-links a{display:inline-flex;align-items:center;min-height:44px}}.projects{background:var(--neutral-50);padding:56px 0 112px}.projects .section-header{margin-bottom:32px;align-items:baseline}.projects .section-title{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--neutral-500)}.projects .projects-grid{margin-top:0}.project-card{display:flex;flex-direction:column;gap:24px;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:var(--text-heading);line-height:1.1;letter-spacing:-.025em;font-weight:500;color:var(--neutral-900)}.projects-grid{display:flex;flex-direction:column;gap:80px}.projects-grid.animate-in .project-card:nth-child(1){animation-delay:0ms}.projects-grid.animate-in .project-card:nth-child(2){animation-delay:.15s}.projects-grid.animate-in .project-card:nth-child(3){animation-delay:.3s}.project-card{display:flex;flex-direction:column;gap:40px}.project-image-container{background:var(--neutral-100);border-radius:24px;height:536px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-out,box-shadow .3s ease-out;cursor:pointer;text-decoration:none;position:relative}.project-image-container:hover .project-image,.project-image-container:focus-visible .project-image{transform:scale(1.03);box-shadow:none}.project-image-container:focus-visible{outline:2px solid var(--neutral-950);outline-offset:4px}.project-media{border-radius:24px}.view-case-pill{font-size:var(--text-small);line-height:1.5;font-weight:500;position:absolute;top:0;left:0;padding:10px 16px;border-radius:999px;background:var(--neutral-950);color:var(--base-white);white-space:nowrap;pointer-events:none;transform-origin:0 0}@media (hover: none){.view-case-pill{display:none}}.project-image{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 100px 200px #0a0d122e;transition:transform .4s ease-out;will-change:transform;backface-visibility:hidden;transform:translateZ(0);image-rendering:optimizeQuality}.project-details{display:flex;gap:40px;align-items:flex-start}.project-info{flex:1;display:flex;flex-direction:column;gap:12px}.project-client{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--neutral-500)}.project-card-title{font-size:var(--text-title);line-height:1.25;letter-spacing:-.01em;font-weight:500;margin-top:12px;color:var(--neutral-900)}.project-meta{display:flex;gap:40px}.meta-group{display:flex;flex-direction:column;gap:12px}.meta-label{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--neutral-500)}.meta-value{font-size:var(--text-small);line-height:1.5;color:var(--neutral-900)}.meta-tags{display:flex;gap:8px}.tag{font-size:var(--text-small);line-height:1.5;padding:2px 8px;background:var(--neutral-50);border:1px solid var(--neutral-100);border-radius:999px;color:var(--neutral-700)}@media (max-width: 768px){.section-header{flex-direction:column;gap:20px}.projects{padding-top:40px}.projects .section-header{flex-direction:row;justify-content:space-between;gap:16px;margin-bottom:20px}.project-details{flex-direction:column}.project-meta{flex-wrap:wrap}}.about{padding:112px 0}.about-content{margin-bottom:40px}.about h2{font-size:var(--text-heading);line-height:1.1;letter-spacing:-.025em;font-weight:500;color:var(--neutral-900);margin-bottom:40px}.collaborations{font-size:var(--text-body);line-height:1.6;display:flex;align-items:center;gap:24px;color:var(--neutral-500)}.collaborations-arrow{width:32px;height:32px;color:var(--neutral-500)}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--neutral-100);border:1px solid var(--neutral-100);border-radius:24px;overflow:hidden}.client-cell{height:224px;display:flex;align-items:center;justify-content:center;background:var(--base-white);padding:40px}.client-logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--neutral-400);opacity:.6}.client-logo img{max-width:100%;max-height:120px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.7}@media (max-width: 768px){.about{padding:80px 0}.clients-grid{grid-template-columns:repeat(2,1fr)}.client-cell{height:160px;padding:28px}.clients-grid{border-radius:16px}.client-logo img{max-height:80px}}.contact{background:var(--neutral-950);color:var(--neutral-200);padding:112px 0}.contact-content{margin-bottom:112px}.contact-label{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--neutral-400)}.contact-header{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.contact h2{font-size:var(--text-heading);line-height:1.1;letter-spacing:-.025em;font-weight:500;color:var(--neutral-200);flex:1}.contact-description{font-size:var(--text-body);line-height:1.6;color:var(--neutral-400);max-width:300px}.contact-cta{font-size:var(--text-small);line-height:1.5;font-weight:500;color:var(--neutral-200);text-decoration:underline;display:flex;align-items:center;gap:8px;transition:all .25s ease-out}.contact-cta-arrow{width:16px;height:16px;opacity:0;transform:translate(-8px);transition:all .25s ease-out}.contact-cta:hover{color:var(--base-white)}.contact-cta:hover .contact-cta-arrow{opacity:1;transform:translate(0)}.footer{display:flex;justify-content:space-between;align-items:center;padding-top:112px;border-top:1px solid rgba(164,167,174,.2)}.footer-copyright{font-size:var(--text-small);line-height:1.5;color:var(--neutral-400)}.footer-links{display:flex;gap:80px;list-style:none}.footer-links a{font-size:var(--text-small);line-height:1.5;color:var(--neutral-400);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--neutral-200)}@media (max-width: 768px){.contact{padding:80px 0}.contact-content{margin-bottom:60px}.contact-header{flex-direction:column;align-items:flex-start}.footer{flex-direction:column;align-items:flex-start;gap:40px;padding-top:60px}.footer-links{gap:40px;flex-wrap:wrap}}.contact-page{min-height:100vh;display:flex;flex-direction:column}.contact-form-section{flex:1;padding:208px 0 80px}.contact-form-content{display:flex;justify-content:space-between;align-items:center;gap:80px;margin-bottom:56px}.contact-form-left{flex:0 1 720px;display:flex;flex-direction:column;gap:24px}.contact-form-left h1{font-size:var(--text-heading);line-height:1.1;letter-spacing:-.025em;font-weight:500;color:var(--neutral-900)}.contact-form-left p{font-size:var(--text-body);line-height:1.6;color:var(--neutral-500)}.contact-cards{list-style:none;margin:0 0 64px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-card{border:1px solid var(--neutral-200);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0}.contact-card .contact-label{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--neutral-500)}.contact-card>a,.contact-card .copy-email-address{font-size:var(--text-small);line-height:1.5;font-weight:500;color:var(--neutral-900);text-decoration:none;overflow-wrap:anywhere;transition:opacity .3s}.contact-card>a:hover{opacity:.7}.contact-info{display:flex;flex-wrap:wrap;gap:32px 80px;margin:0}.contact-info-item dd{font-size:var(--text-small);line-height:1.5;margin:0;color:var(--neutral-900)}.contact-info-item{display:flex;flex-direction:column;gap:12px}.contact-info-item .contact-label{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--neutral-500)}.contact-info-item a{font-size:var(--text-small);line-height:1.5;color:var(--neutral-700);text-decoration:none;transition:color .3s}.contact-info-item a:hover{color:var(--neutral-900)}.page-footer{border-top:1px solid var(--neutral-100);padding:64px 0}.page-footer .footer-content{display:flex;justify-content:space-between;align-items:center}.page-footer .footer-copyright{font-size:var(--text-small);line-height:1.5;color:var(--neutral-500)}.page-footer .footer-links{display:flex;gap:80px;list-style:none}.page-footer .footer-links a{font-size:var(--text-small);line-height:1.5;color:var(--neutral-500);text-decoration:none;transition:color .3s}.page-footer .footer-links a:hover{color:var(--neutral-900)}.logo{text-decoration:none;color:inherit}@media (max-width: 1024px){.contact-form-content{flex-direction:column;align-items:flex-start}.contact-form-left{flex:none;width:100%}.contact-cards{grid-template-columns:1fr}}@media (max-width: 768px){.contact-form-section{padding:140px 0 60px}.contact-info{flex-direction:column;gap:40px}.page-footer .footer-content{flex-direction:column;align-items:flex-start;gap:40px}.page-footer .footer-links{gap:40px;flex-wrap:wrap}}.about-page{min-height:100vh;display:flex;flex-direction:column}.about-main{flex:1;padding:208px 0 80px}.about-container{max-width:1440px;margin:0 auto;padding:0 216px;display:flex;flex-direction:column;gap:80px}.about-overview,.about-details{display:flex;gap:32px;align-items:flex-start}.about-section-label{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;width:280px;color:var(--neutral-500);flex-shrink:0}.about-overview-content{flex:1;display:flex;flex-direction:column;align-items:flex-end}.about-title-section{width:100%;display:flex;flex-direction:column;gap:24px}.about-title-section h1{font-size:var(--text-heading);line-height:1.1;letter-spacing:-.025em;font-weight:500;color:var(--neutral-900)}.about-description-row{display:flex;flex-direction:column;align-items:flex-start;gap:32px}.about-description{font-size:var(--text-body);line-height:1.6;flex:1;color:var(--neutral-500)}.resume-link{font-size:var(--text-small);line-height:1.5;font-weight:500;display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;background:var(--neutral-950);color:var(--base-white);text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s}.resume-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.about-section-label{margin:0;font-weight:400}.about-principles,.about-list{flex:1;min-width:0;max-width:696px;margin-left:auto;list-style:none;padding:0;display:flex;flex-direction:column}.about-principles{gap:16px}.about-principle{border:1px solid var(--neutral-200);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:8px}.about-principle h3,.about-list-body h3{font-size:var(--text-title);line-height:1.25;letter-spacing:-.01em;font-weight:500;margin:0;color:var(--neutral-900)}.about-principle p,.about-list-body p{font-size:var(--text-small);line-height:1.5;margin:0;color:var(--neutral-500)}.about-principle .about-principle-proof{margin-top:8px;padding-top:12px;border-top:1px solid var(--neutral-200);color:var(--neutral-900);font-weight:500}.about-list-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--neutral-200)}.about-list-row:first-child{padding-top:0}.about-list-period{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--neutral-500)}.about-list-body{display:flex;flex-direction:column;gap:4px}.about-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.about-chips li{font-size:var(--text-small);line-height:1.5;border:1px solid var(--neutral-200);border-radius:999px;padding:4px 12px;color:var(--neutral-700)}.about-contact{background:var(--neutral-950);color:var(--neutral-200);padding:112px 0}@media (max-width: 1024px){.about-container{padding:0 40px}.about-overview,.about-details{flex-direction:column}.about-section-label{width:100%}.about-principles,.about-list{max-width:none;width:100%}.about-description-row{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.about-main{padding:140px 0 60px}.about-container{padding:0 20px;gap:60px}.about-list-row{grid-template-columns:1fr;gap:4px}.about-principle{padding:20px}}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}.scroll-fade{opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94);will-change:opacity}.scroll-fade.animate-in{opacity:1}.scroll-slide-up{opacity:0;transform:translateY(40px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.scroll-slide-up.animate-in{opacity:1;transform:translateY(0)}.scroll-slide-left{opacity:0;transform:translate(40px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.scroll-slide-left.animate-in{opacity:1;transform:translate(0)}.scroll-slide-right{opacity:0;transform:translate(-40px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.scroll-slide-right.animate-in{opacity:1;transform:translate(0)}.page-enter{opacity:0;transform:translateY(30px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-30px);transition:opacity .4s ease-in,transform .4s ease-in}.project-detail-page{min-height:100vh;overflow-x:hidden;overflow-x:clip}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.project-detail-content{padding-top:208px;padding-bottom:112px}.project-detail-header{display:flex;gap:32px;margin-bottom:80px}.project-details-sidebar{width:280px}.project-details-title{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--neutral-500);padding-bottom:24px}.project-meta-list{display:flex;flex-direction:column;gap:20px;margin-top:24px}.project-meta-item{display:flex;flex-direction:column;gap:12px}.project-meta-item .meta-label{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--neutral-500)}.project-meta-item .meta-value{font-size:var(--text-small);line-height:1.5;color:var(--neutral-900)}.services-tags{display:flex;gap:8px}.service-tag{font-size:var(--text-small);line-height:1.5;background:var(--neutral-50);border:1px solid var(--neutral-100);border-radius:999px;padding:2px 8px;color:var(--neutral-700)}.project-overview{flex:1}.overview-section{margin-bottom:32px}.section-label{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--neutral-500);margin-bottom:12px}.project-title{font-size:var(--text-heading);line-height:1.1;letter-spacing:-.025em;font-weight:500;color:var(--neutral-900)}.role-description{font-size:var(--text-body);line-height:1.6;margin-top:12px;color:var(--neutral-500)}.project-hero-image{background:var(--neutral-100);border-radius:24px;height:536px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-out,box-shadow .3s ease-out;cursor:pointer;text-decoration:none;margin-bottom:96px}.project-hero-image-vp{overflow:hidden;display:flex;transition:transform .3s ease-out,box-shadow .3s ease-out;width:100%;height:auto;object-fit:contain;background-position:center;background-size:100%;background-repeat:no-repeat;margin:0 0 64px}.project-hero-image-vp img{height:auto;width:100%}.project-hero-image:hover img{transform:scale(1.05);box-shadow:none}.project-hero-image img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 100px 200px #0a0d122e;transition:transform .4s ease-out;will-change:transform;backface-visibility:hidden;transform:translateZ(0);image-rendering:optimizeQuality}.project-hero-image__pref img{position:absolute;left:108px;top:-54px;width:999px;height:749px;object-fit:cover;transition:transform .4s ease-out}.project-sections{display:flex;flex-direction:column;gap:80px}.project-section{padding:0 104px}.section-heading{font-size:var(--text-heading);line-height:1.1;letter-spacing:-.025em;font-weight:500;color:var(--neutral-900);margin-bottom:0}.business-goals .section-heading{margin-bottom:0}.section-text{font-size:var(--text-body);line-height:1.6;color:var(--neutral-500)}.section-text p{margin-bottom:12px}.section-text p:last-child{margin-bottom:0}.project-images-grid{display:flex;gap:32px}.project-image-placeholder{background:var(--neutral-100);border-radius:24px;flex:1;height:400px;transition:transform .3s ease-out,box-shadow .3s ease-out;cursor:pointer}.project-image-placeholder:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f}.project-image-placeholder.medium{width:488px;flex:none}.project-image-placeholder.large{width:100%;height:536px}.project-development-images{display:flex;flex-direction:column;gap:32px}.project-before-images{display:flex;gap:32px;height:603px}.feedback-list{font-size:var(--text-body);line-height:1.6;color:var(--neutral-500);list-style:disc;padding-left:30px}.feedback-list li{margin-bottom:0}.section-content,.section-subsection,.business-goals-content,.immediate-needs-section{display:flex;flex-direction:column;gap:24px}.subsection-heading{font-size:var(--text-title);line-height:1.25;letter-spacing:-.01em;font-weight:500;color:var(--neutral-700)}.immediate-needs-list{font-size:var(--text-body);line-height:1.6;color:var(--neutral-500);list-style:disc;padding-left:30px;margin:0}.immediate-needs-list li{margin-bottom:0}.success-metrics{font-size:var(--text-title);line-height:1.25;letter-spacing:-.01em;font-weight:500;color:var(--neutral-700)}.discovery-image img{width:100%}.donor-personas-section{display:flex;flex-direction:column;gap:40px;align-items:center}.donor-personas-container{background:var(--neutral-100);border-radius:24px;height:536px;width:100%;display:flex;align-items:center;justify-content:center;gap:40px;padding:40px}.donor-personas-container.mtfa{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%}.donor-persona-card{background:var(--base-white);border-radius:12px;padding:24px;width:100%;display:flex;flex-direction:column;gap:24px;height:fit-content}.donor-persona-card.mtfa{justify-content:center;align-items:center}.donor-persona-card.mtfa .persona-content{text-align:center}.persona-icon{width:32px;height:32px}.persona-content{display:flex;flex-direction:column;gap:12px}.persona-title{font-size:var(--text-title);line-height:1.25;letter-spacing:-.01em;font-weight:500;color:var(--neutral-900)}.persona-description{font-size:var(--text-small);line-height:1.5;color:var(--neutral-500)}.personas-caption{font-size:var(--text-small);line-height:1.5;color:var(--neutral-400);text-align:center}.research-findings-list{font-size:var(--text-body);line-height:1.6;color:var(--neutral-500);list-style:disc;padding-left:30px;margin:0}.research-findings-list li{margin-bottom:0}.development-list{font-size:var(--text-body);line-height:1.6;color:var(--neutral-500);list-style:disc;padding-left:30px;margin:0}.development-list li{margin-bottom:0}.development-images-section{display:flex;flex-direction:column;gap:40px;align-items:center}.wireframes-container{background:var(--neutral-100);border-radius:24px;height:536px;width:100%;display:flex;align-items:center;justify-content:center;gap:40px;padding:40px;overflow:hidden}.wireframe-tall{width:335px;height:450px;object-fit:cover;border-radius:12px}.wireframes-right{display:flex;flex-direction:column;gap:20px;width:335px}.wireframe-wide{width:335px;height:268px;object-fit:cover;border-radius:12px}.wireframe-small{width:335px;height:124px;object-fit:cover;border-radius:12px}.design-system-container{display:flex;gap:32px;width:100%}.design-system-card{flex:1;background:var(--neutral-100);border-radius:24px;height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px}.design-system-image{width:465px;height:320px;object-fit:cover;border-radius:12px}.development-caption{font-size:var(--text-small);line-height:1.5;color:var(--neutral-400);text-align:center}.donation-link{color:var(--neutral-700);text-decoration:underline;text-underline-position:from-font;text-decoration-skip-ink:none;transition:color .3s ease}.donation-link:hover{color:var(--neutral-900)}.transformations-list{font-size:var(--text-body);line-height:1.6;color:var(--neutral-500);list-style:disc;padding-left:30px;margin:0}.transformations-list li{margin-bottom:0}.final-results-section{display:flex;flex-direction:column;gap:32px}.mobile-showcase-container{background:var(--neutral-100);border-radius:24px;height:536px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:40px}.mobile-showcase-container.mtfa .mobile-mockup{position:relative;width:400px;border-radius:0;height:auto}.mobile-showcase-container.mtfa .mobile-mockup:nth-child(1){left:-8%;width:500px;top:20px}.mobile-showcase-container.mtfa .mobile-mockup:nth-child(2){right:-3%;width:400px;top:26px}.mobile-showcase-container.mtfa .mobile-mockup-caption{position:absolute;bottom:0;z-index:10;display:flex;justify-content:space-between;align-items:center;width:100%;padding:40px}.mobile-showcase-container.mtfa .mobile-mockup-caption div{background-color:#fff;border-width:1px;padding:8px 24px;border-radius:56px;border-style:solid}.mobile-showcase-container.mtfa .mobile-mockup-caption div.before{color:var(--neutral-600);border-color:var(--neutral-200)}.mobile-showcase-container.mtfa .mobile-mockup-caption div.after{color:#067647;border-color:#47cd89}.mobile-mockup{position:absolute;width:400px;height:auto}.mobile-mockup img{width:100%;height:auto;border-radius:12px}.mobile-1{transform:rotate(15deg);left:-120px;top:40px}.mobile-2{transform:rotate(15deg);left:380px;top:-200px}.mobile-3{transform:rotate(15deg);right:-40px;top:-350px}.desktop-showcase-container{display:flex;gap:32px;height:603px}.desktop-mockup-left{background:var(--neutral-100);border-radius:24px;width:488px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px}.desktop-mockup-right{background:var(--neutral-100);border-radius:24px;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px}.desktop-mockup-left img,.desktop-mockup-right img{width:100%;height:auto;border-radius:12px;object-fit:cover}.laptop-showcase-container{background:var(--neutral-100);border-radius:24px;height:536px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px}.laptop-showcase-container img{width:100%;max-width:1000px;height:auto;object-fit:contain}.impact-section{display:flex;flex-direction:column;gap:32px;padding:104px}.impact-metrics{display:flex;gap:80px;align-items:center;flex-wrap:wrap;row-gap:32px}.metric-item{display:flex;flex-direction:column;gap:12px;text-align:center;align-items:flex-start}.metric-label{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--neutral-500);white-space:nowrap}.metric-value{font-size:var(--text-number);line-height:1;letter-spacing:-.04em;font-weight:400;color:var(--neutral-900);white-space:nowrap}.user-journey-flow{display:flex;flex-direction:column;gap:40px;align-items:center}.journey-flow-container{display:flex;flex-direction:row;gap:32px;width:100%}.journey-flow-container img{height:auto;width:50%;flex:1}.journey-step-card{background:var(--neutral-100);border-radius:24px;max-height:400px;flex:1;display:flex;align-items:center;justify-content:center;padding:40px;width:50%}.journey-steps{display:flex;flex-direction:column;gap:0;align-items:center}.journey-step{font-size:var(--text-body);line-height:1.6;background:var(--base-white);border:1px solid var(--neutral-200);border-radius:999px;padding:8px 24px;color:var(--neutral-600);text-align:center;white-space:nowrap}.journey-step.problem{color:#c76a56}.journey-arrow{font-size:24px;color:var(--neutral-400);height:0;display:flex;align-items:center;justify-content:center;margin:0;line-height:1}.journey-arrow-svg{width:23px;height:0;transform:rotate(90deg);opacity:.6;margin:0}.journey-website-mockup{background:var(--neutral-100);border-radius:24px;max-height:400px;flex:1;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.mockup-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mockup-image{width:440px;height:158px;border-radius:12px;object-fit:cover;position:absolute;top:30px;left:10px}.mockup-image.full-height{height:auto;top:-40px;position:absolute;bottom:0;margin:0}.mockup-image.mtfa{position:relative;width:500px;left:0;top:180px;height:auto}.donation-form-image{width:200px;height:64px;border-radius:8px;object-fit:cover;position:absolute;top:210px;left:5px}.mockup-callout{display:flex;align-items:center;gap:12px;position:absolute;top:240px;right:20px}.callout-avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover}.mockup-callout span{font-size:var(--text-small);line-height:1.5;color:var(--neutral-700);white-space:nowrap}.journey-caption{font-size:var(--text-small);line-height:1.5;color:var(--neutral-400);text-align:center}@media (max-width: 768px){.project-detail-content{padding-top:140px;padding-bottom:80px}.project-detail-header{flex-direction:column-reverse;gap:40px;margin-bottom:60px}.project-details-sidebar{width:100%}.project-section{padding:0 20px}.project-images-grid{flex-direction:column;gap:20px}.project-image-placeholder.medium{width:100%}.project-before-images{flex-direction:column;height:auto;gap:20px}.journey-flow-container{flex-direction:column;gap:20px}.journey-website-mockup{height:auto;min-height:300px;padding:20px}.mockup-image{width:90%;max-width:280px;height:auto;position:relative;top:auto;left:auto;margin-bottom:15px}.donation-form-image{width:70%;max-width:180px;height:auto;position:relative;top:auto;left:auto;margin-bottom:15px}.mockup-callout{position:relative;top:auto;right:auto;justify-content:center}.mockup-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.donor-personas-container{height:auto;flex-direction:column;gap:20px;padding:20px}.donor-persona-card{width:100%;max-width:340px}.wireframes-container{height:auto;flex-direction:column;gap:20px;padding:20px}.wireframe-tall,.wireframes-right,.wireframe-wide,.wireframe-small{width:100%;max-width:300px;height:auto}.wireframes-right{width:100%;max-width:300px}.design-system-container{flex-direction:column;gap:20px}.design-system-card{height:300px;padding:20px}.design-system-image{width:100%;max-width:320px;height:240px}.mobile-showcase-container{height:auto;min-height:400px;padding:20px}.mobile-mockup{position:relative;width:250px;transform:none!important;left:auto!important;top:auto!important;margin:10px}.desktop-showcase-container{flex-direction:column;height:auto;gap:20px}.desktop-mockup-left{width:100%;height:400px}.laptop-showcase-container{height:auto;min-height:400px;padding:20px}}.navigation-menu-fullscreen{position:fixed;inset:0;z-index:2000;background:#000;transform:translateY(-100%);animation:slideInDown .25s ease-in-out forwards}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.navigation-menu-fullscreen.closing{animation:slideOutUp .25s ease-in-out forwards}@keyframes slideOutUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.navigation-fullscreen-content{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.navigation-fullscreen-header{display:flex;justify-content:space-between;align-items:center}.navigation-fullscreen-header .container,.navigation-fullscreen-footer .container{display:flex;justify-content:space-between;align-items:center;width:100%}.navigation-menu-fullscreen .navigation-fullscreen-header{padding:24px 0}.logo-white{font-size:18px;line-height:28px;color:var(--base-white);display:flex;flex-direction:column;align-items:flex-start;gap:0;text-decoration:none;margin-bottom:-8px}.logo-white .logo-star{font-size:12px;transform:rotate(45deg)}.close-btn-white{width:80px;height:48px;background:var(--base-white);border:none;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;color:#000}.close-btn-white:hover{transform:scale(1.05)}.navigation-fullscreen-links{gap:0;margin-bottom:auto;margin-top:64px}.nav-link-large{display:flex;align-items:center;justify-content:space-between;padding:40px 0;text-decoration:none;border-top:1px solid rgba(255,255,255,.32);transition:all .3s ease;position:relative}.nav-link-large:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.nav-link-large:not(.active):not(:first-child){border-top:1px solid rgba(255,255,255,.16)}.nav-link-text{font-size:72px;font-style:normal;font-weight:400;line-height:125%;letter-spacing:-1.44px;color:#535862;transition:color .3s ease}.nav-link-large.active .nav-link-text,.nav-link-large:hover .nav-link-text{color:#e9eaeb}.nav-link-icon{width:120px;height:80px;background:var(--neutral-900);border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--base-white);opacity:.5;transition:all .3s ease}.nav-link-icon.active{background:var(--neutral-900);opacity:1}.nav-link-large:hover .nav-link-icon{opacity:1}.navigation-fullscreen-footer{display:flex;justify-content:space-between;align-items:center;padding:64px 0}.footer-copyright-white{font-size:var(--text-small);line-height:1.5;color:var(--neutral-400)}.footer-links-white{display:flex;gap:80px}.footer-links-white a{font-size:var(--text-small);line-height:1.5;color:var(--neutral-400);text-decoration:none;transition:color .3s}.footer-links-white a:hover{color:var(--neutral-200)}@media (max-width: 1024px){.nav-link-text{font-size:64px;letter-spacing:-1.28px}.nav-link-icon{width:100px;height:60px}.navigation-fullscreen-links{margin-top:56px}.project-image-container,.project-hero-image{height:429px}.mockup-image.mtfa{position:relative;width:400px;left:0;top:180px;height:auto}.journey-step-card{width:100%}}@media (max-width: 768px){.journey-flow-container{flex-direction:column;align-items:center}.journey-flow-container img{width:100%;max-width:400px}.navigation-fullscreen-footer .container{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.nav-link-text{font-size:36px;font-style:normal;font-weight:400;line-height:44px;letter-spacing:-.72px}.nav-link-icon{width:80px;height:50px}.navigation-fullscreen-footer{flex-direction:column;align-items:flex-start;gap:40px;padding:60px 0}.footer-links-white{gap:40px;flex-wrap:wrap}.project-meta-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:20px;margin-top:24px}.navigation-fullscreen-links{margin-top:32px}}@media (max-width: 768px){.footer-links,.page-footer .footer-links,.footer-links-white{gap:4px 32px}.footer-links a,.page-footer .footer-links a,.footer-links-white a,.contact-info-item a,.contact-cta,.resume-link{display:inline-flex;align-items:center;min-height:44px}}.contact-form-section{overflow-x:hidden;overflow-x:clip}.project-sections img{cursor:zoom-in}.image-zoom{position:fixed;inset:0;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 16px 24px;background:#0a0a0aeb}.image-zoom-scroll{max-width:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.image-zoom-scroll img{display:block;max-width:100%;max-height:calc(100vh - 140px);margin:0 auto;border-radius:8px;background:var(--base-white);cursor:zoom-in}.image-zoom-scroll.is-actual{width:100%;height:100%}.image-zoom-scroll.is-actual img{max-width:none;max-height:none;margin:0;cursor:zoom-out}.image-zoom-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--base-white);color:var(--neutral-900);cursor:pointer}.image-zoom-close:focus-visible{outline:2px solid var(--base-white);outline-offset:3px}.image-zoom-hint{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--neutral-400)}@media (prefers-reduced-motion: reduce){html,body{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important}}::view-transition-group(*){animation-duration:.6s;animation-timing-function:cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.metric-value{font-variant-numeric:tabular-nums}.reading-progress{position:fixed;top:0;left:0;right:0;z-index:1001;height:2px;background:var(--neutral-950);transform-origin:0 50%}.project-section{scroll-margin-top:128px}.case-nav{display:none}@media (min-width: 1025px){.case-nav{display:block;position:fixed;left:50%;bottom:24px;z-index:900;translate:-50% 0}.case-nav-list{display:flex;gap:4px;padding:6px;list-style:none;border-radius:999px;background:var(--neutral-950);box-shadow:0 12px 32px #0a0d122e}.case-nav-list a{font-family:var(--font-mono);font-size:var(--text-label);line-height:1.5;letter-spacing:.02em;text-transform:uppercase;font-weight:400;display:block;padding:8px 12px;border-radius:999px;color:var(--neutral-400);text-decoration:none;white-space:nowrap;transition:color .2s ease-out,background-color .2s ease-out}.case-nav-list a:hover{color:var(--base-white)}.case-nav-list a.is-active{color:var(--base-white);background:#ffffff24}.case-nav-list a:focus-visible{outline:2px solid var(--base-white);outline-offset:2px}}.client-logo,.client-logo img{transition:filter .4s ease-out,opacity .4s ease-out}@media (hover: hover){.client-cell:hover .client-logo,.client-cell:hover .client-logo img{filter:none;opacity:1}}@media (hover: none){.clients-grid.is-in-view .client-logo,.clients-grid.is-in-view .client-logo img{filter:none;opacity:1}.clients-grid.is-in-view .client-cell:nth-child(2) .client-logo img{transition-delay:.12s}.clients-grid.is-in-view .client-cell:nth-child(3) .client-logo img{transition-delay:.24s}.clients-grid.is-in-view .client-cell:nth-child(4) .client-logo img{transition-delay:.36s}}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.magnetic-zone{display:inline-block;padding:24px;margin:-24px}.copy-email{display:flex;align-items:center;gap:12px}.copy-email--dark .copy-email-address{font-size:var(--text-small);line-height:1.5;color:var(--neutral-400);text-decoration:none}.copy-email--dark .copy-email-address:hover{color:var(--base-white)}.copy-email-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:999px;border:1px solid currentColor;background:transparent;cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out}.copy-email--dark .copy-email-button{color:var(--neutral-200)}.copy-email--dark .copy-email-button:hover{background:var(--base-white);color:var(--neutral-950)}.copy-email--light .copy-email-button{color:var(--neutral-900)}.copy-email--light .copy-email-button:hover{background:var(--neutral-950);color:var(--base-white)}.copy-email-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.toast-region{position:fixed;left:50%;bottom:24px;z-index:3000;translate:-50% 0;pointer-events:none}.toast{font-size:var(--text-small);line-height:1.5;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:12px;background:var(--base-white);color:var(--neutral-900);box-shadow:0 12px 32px #0a0d122e}.toast-icon{display:flex;flex-shrink:0}.toast--success .toast-icon{color:#067647}.toast--error .toast-icon{color:#b42318}@media (max-width: 768px){.copy-email-button{width:44px;height:44px}.copy-email-address{display:inline-flex;align-items:center;min-height:44px}}