: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}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{padding:208px 0 0;min-height:100vh;display:flex;flex-direction:column;animation:pageSlideIn .8s ease-out}.hero>section{flex:1;display:flex;align-items:center}.hero .stats-bar{margin-top:auto}.hero-content{display:flex;gap:80px;align-items:flex-end}.hero-intro{display:flex;flex-direction:column;gap:40px;width:280px;flex-shrink:0}.hero-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:#e9eaeb}.hero-avatar img{width:100%;height:100%;object-fit:cover}.hero-greeting{font-size:24px;line-height:32px;color:var(--neutral-500)}.hero-main{flex:1}.hero h1{font-size:72px;font-weight:500;line-height:1.25;letter-spacing:-1.44px;color:var(--neutral-900)}@media (max-width: 1024px){.hero h1{font-size:56px;letter-spacing:-1.12px}}@media (max-width: 768px){.hero{padding:140px 0 0}.hero-content{flex-direction:column;gap:40px;align-items:flex-start}.hero h1{font-size:36px;letter-spacing:-.72px;line-height:1.2}}@media (max-width: 480px){.hero h1{font-size:28px;letter-spacing:-.56px;line-height:1.3}}.stats-bar{border-top:1px solid var(--neutral-100);border-bottom:1px solid var(--neutral-100);padding:64px 0}.stats-content{display:flex;justify-content:flex-start;gap:80px;flex-wrap:wrap}.stat-item{font-size:20px;line-height:30px;color:var(--neutral-500)}@media (max-width: 768px){.stats-content{flex-direction:column;gap:40px}}.projects{background:var(--neutral-50);padding:112px 0}.projects .section-header{margin-bottom:80px}.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:60px;font-weight:500;line-height:1.25;letter-spacing:-1.2px;color:var(--neutral-900)}.section-subtitle{font-size:16px;line-height:24px;color:var(--neutral-500);text-align:right}.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}.project-image-container:hover .project-image{transform:scale(1.05);box-shadow: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-size:18px;line-height:28px;color:var(--neutral-500)}.project-title{margin-top:12px;font-size:36px;line-height:44px;letter-spacing:-.72px;color:var(--neutral-900);font-weight:400}.project-meta{display:flex;gap:40px}.meta-group{display:flex;flex-direction:column;gap:12px}.meta-label{font-size:16px;line-height:24px;color:var(--neutral-500)}.meta-value{font-size:16px;line-height:24px;color:var(--neutral-900)}.meta-tags{display:flex;gap:8px}.tag{padding:2px 8px;background:var(--neutral-50);border:1px solid var(--neutral-100);border-radius:999px;font-size:14px;line-height:20px;color:var(--neutral-700)}@media (max-width: 768px){.section-header{flex-direction:column;gap:20px}.section-title{font-size:36px;letter-spacing:-.72px}.section-subtitle{text-align:left}.project-details{flex-direction:column}.project-meta{flex-wrap:wrap}}.about{padding:112px 0 0}.about-content{margin-bottom:40px}.about h2{font-size:60px;font-weight:500;line-height:1.25;letter-spacing:-1.2px;color:var(--neutral-900);margin-bottom:40px}.collaborations{display:flex;align-items:center;gap:24px;font-size:20px;line-height:30px;color:var(--neutral-500)}.collaborations-arrow{width:32px;height:32px;color:var(--neutral-500)}.clients-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--neutral-100);border-left:1px solid var(--neutral-100)}.client-cell{height:256px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--neutral-100);border-bottom:1px solid var(--neutral-100);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 0}.about h2{font-size:36px;letter-spacing:-.72px}.clients-grid{grid-template-columns:repeat(2,1fr)}.client-cell{height:180px;padding:30px}.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-size:20px;line-height:30px;color:var(--neutral-400);margin-bottom:24px}.contact-header{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.contact h2{font-size:60px;font-weight:500;line-height:1.25;letter-spacing:-1.2px;color:var(--neutral-200);flex:1}.contact-description{font-size:20px;line-height:30px;color:var(--neutral-400);max-width:300px}.contact-cta{font-size:18px;line-height:28px;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:16px;line-height:24px;color:var(--neutral-400)}.footer-links{display:flex;gap:80px;list-style:none}.footer-links a{font-size:16px;line-height:24px;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}.contact h2{font-size:36px;letter-spacing:-.72px}.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:80px}.contact-form-left{flex:0 0 488px;display:flex;flex-direction:column;gap:24px}.contact-form-left h1{font-size:60px;font-weight:500;line-height:1.25;letter-spacing:-1.2px;color:var(--neutral-900)}.contact-form-left p{font-size:20px;line-height:30px;color:var(--neutral-500)}.contact-form-right{flex:1;max-width:592px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:flex;gap:32px}.form-group{flex:1;position:relative}.form-group input,.form-group textarea{width:100%;padding:16px 0;background:transparent;border:none;border-bottom:1px solid var(--neutral-500);font-size:18px;line-height:28px;color:var(--neutral-900);font-family:inherit;outline:none;transition:border-color .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--neutral-500)}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--neutral-900)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:16px 32px;background:var(--neutral-950);color:var(--base-white);border:none;border-radius:999px;font-size:18px;line-height:28px;font-family:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.submit-btn svg{width:24px;height:24px}.contact-info{display:flex;gap:80px}.contact-info-item{display:flex;flex-direction:column;gap:12px}.contact-info-item .contact-label{font-size:16px;line-height:24px;color:var(--neutral-500)}.contact-info-item a{font-size:16px;line-height:24px;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:16px;line-height:24px;color:var(--neutral-500)}.page-footer .footer-links{display:flex;gap:80px;list-style:none}.page-footer .footer-links a{font-size:16px;line-height:24px;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-form-right{width:100%}}@media (max-width: 768px){.contact-form-section{padding:140px 0 60px}.contact-form-left h1{font-size:36px;letter-spacing:-.72px}.form-row{flex-direction:column;gap:24px}.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{width:280px;font-size:20px;line-height:30px;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:60px;font-weight:500;line-height:1.25;letter-spacing:-1.2px;color:var(--neutral-900)}.about-description-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.about-description{flex:1;font-size:20px;line-height:30px;color:var(--neutral-500)}.resume-link{font-size:18px;line-height:28px;font-weight:500;color:var(--neutral-900);text-decoration:underline;text-underline-offset:4px;transition:opacity .3s;white-space:nowrap}.resume-link:hover{opacity:.7}.about-accordion{width:696px;display:flex;flex-direction:column}.accordion-item{border-bottom:1px solid var(--neutral-200)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:70px;background:transparent;border:none;cursor:pointer;transition:background-color .2s}.accordion-header:hover{background:#00000005}.accordion-label{font-size:18px;line-height:28px;font-weight:500;color:var(--neutral-900);text-align:left}.accordion-icon{width:20px;height:20px;color:var(--neutral-500);transition:transform .2s}.accordion-header[aria-expanded=true] .accordion-icon{transform:rotate(45deg)}.accordion-content{padding:0 24px 24px;animation:slideDown .2s ease-out}.accordion-content p{font-size:16px;line-height:24px;color:var(--neutral-500);white-space:pre-line}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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,.about-accordion{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-title-section h1{font-size:36px;letter-spacing:-.72px}.about-description{font-size:16px;line-height:24px}.accordion-header{padding:0 16px;height:60px}.accordion-content{padding:0 16px 16px}}.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;animation:pageSlideIn .8s ease-out}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(40px)}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-size:20px;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-size:16px;line-height:24px;color:var(--neutral-500)}.project-meta-item .meta-value{font-size:16px;line-height:24px;color:var(--neutral-900)}.services-tags{display:flex;gap:8px}.service-tag{background:var(--neutral-50);border:1px solid var(--neutral-100);border-radius:999px;padding:2px 8px;font-size:14px;line-height:20px;color:var(--neutral-700)}.project-overview{flex:1}.overview-section{margin-bottom:32px}.section-label{font-size:20px;line-height:30px;color:var(--neutral-500);margin-bottom:12px}.project-title{font-size:48px;font-weight:500;line-height:60px;letter-spacing:-.96px;color:var(--neutral-900)}.role-description{font-size:20px;margin-top:12px;line-height:30px;color:var(--neutral-500)}.project-hero-image{background:var(--neutral-100);border-radius:24px;height:536px;overflow:hidden;margin-bottom:80px;position:relative;transition:transform .3s ease-out,box-shadow .3s ease-out;cursor:pointer}.project-hero-image:hover img{transform:scale(1.05)}.project-hero-image 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:48px;font-weight:500;line-height:60px;letter-spacing:-.96px;color:var(--neutral-900);margin-bottom:0}.business-goals .section-heading{margin-bottom:0}.section-text{font-size:20px;line-height:30px;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:20px;line-height:30px;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:24px;font-weight:500;line-height:32px;color:var(--neutral-700)}.immediate-needs-list{font-size:20px;line-height:30px;color:var(--neutral-500);list-style:disc;padding-left:30px;margin:0}.immediate-needs-list li{margin-bottom:0}.success-metrics{font-size:24px;font-weight:500;line-height:32px;color:var(--neutral-700)}.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-persona-card{background:var(--base-white);border-radius:12px;padding:24px;width:340px;display:flex;flex-direction:column;gap:24px;height:fit-content}.persona-icon{width:32px;height:32px}.persona-content{display:flex;flex-direction:column;gap:12px}.persona-title{font-size:20px;font-weight:500;line-height:30px;color:var(--neutral-900)}.persona-description{font-size:16px;line-height:24px;color:var(--neutral-500)}.personas-caption{font-size:20px;line-height:30px;color:var(--neutral-400);text-align:center}.research-findings-list{font-size:20px;line-height:30px;color:var(--neutral-500);list-style:disc;padding-left:30px;margin:0}.research-findings-list li{margin-bottom:0}.development-list{font-size:20px;line-height:30px;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:20px;line-height:30px;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:20px;line-height:30px;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-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}.metric-item{display:flex;flex-direction:column;gap:12px;text-align:center}.metric-label{font-size:20px;line-height:30px;color:var(--neutral-500);white-space:nowrap}.metric-value{font-size:24px;font-weight:500;line-height:32px;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;gap:32px;width:100%}.journey-step-card{background:var(--neutral-100);border-radius:24px;height:400px;flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.journey-steps{display:flex;flex-direction:column;gap:0;align-items:center}.journey-step{background:var(--base-white);border:1px solid var(--neutral-200);border-radius:999px;padding:8px 24px;font-size:20px;line-height:30px;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;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}.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:16px;line-height:24px;color:var(--neutral-700);white-space:nowrap}.journey-caption{font-size:20px;line-height:30px;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-title,.section-heading{font-size:36px;line-height:1.2;letter-spacing:-.72px}.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:16px;line-height:24px;color:var(--neutral-400)}.footer-links-white{display:flex;gap:80px}.footer-links-white a{font-size:16px;line-height:24px;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}}@media (max-width: 768px){.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}}