*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{background-color:var(--bg-color,#0a0a0a)!important;color:var(--text-color,#ededed)!important;font-family:var(--font-family);letter-spacing:-.02em;line-height:1.5;scroll-behavior:auto;height:100%;overflow-x:hidden;overflow-y:auto!important;position:relative;height:auto!important;-webkit-overflow-scrolling:touch;touch-action:pan-y;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.site-wrapper{min-height:100%;display:flex;flex-direction:column;overflow-y:visible!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;width:100%;max-width:100%;margin:0;padding:0;background-color:var(--bg-color,#0a0a0a)}.site-wrapper .main-header{max-width:none;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0}.main-content{flex:1;overflow-y:visible!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}.mega-footer{margin-top:auto;margin-bottom:80px}h1,h2,h3,h4,h5,h6{font-weight:600}h1{font-weight:700}h2{font-weight:600}h3,h4{color:var(--heading-color);margin:0}a{text-decoration:none;transition:color .2s}a,a:hover{color:var(--riverbed-200)}.section-title{color:var(--heading-color);font-weight:600}.section-intro{font-size:1.25rem;color:var(--riverbed-400,#7c8999);max-width:800px;width:100%;margin:0 auto 40px;text-align:left}.section-intro,section p{line-height:1.6;padding:0}section p{margin:0 0 16px;font-size:20px!important;color:var(--riverbed-400,#7c8999)!important}section.work-experience{max-width:800px}.internship-availability{flex-direction:column;text-align:center;margin-bottom:60px}.internship-availability,.status-indicator{display:flex;align-items:center;justify-content:center}.status-indicator{gap:8px;margin-bottom:8px}.contact-section,.faq-section,.footer-info-band,.main-header,.recent-explorations,.recent-projects,.tools-section{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.grid-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.grid-lines{display:grid;section[id]{scroll-margin-top:110px}grid-template-columns:repeat(4,1fr);width:100%;height:100%}.grid-line{width:1px;height:100%;background-color:rgba(255,255,255,.05);margin:0 auto}#about-me,#contact-section,#cv,#faq-section,#insights,#recent-projects,#tools-skills,#work-experience,.scroll-offset{scroll-margin-top:72px}.theme-toggle{position:relative;width:40px;height:40px;border-radius:50%;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:rgba(46,52,59,.4);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle img{width:20px;height:20px;transition:transform .3s ease}body{padding-bottom:100px}:root{--section-gap:160px}section[id]{margin:var(--section-gap) auto}section.work-experience{margin:64px auto var(--section-gap)}#about-me{margin-bottom:0!important}.project-content,.section-container,main{overflow-y:visible!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}#contact-section{max-width:800px;padding:0 16px;box-sizing:border-box}@media (max-width:768px){.fixed-tabs{display:flex}#contact-section,section.work-experience{padding:0 16px}}@media (max-width:767px){:root{--section-gap:120px}section[id]{margin:var(--section-gap) auto}section.work-experience{margin:64px auto var(--section-gap)}}.social-badge i,.social-icon i{opacity:1;visibility:visible;display:flex;align-items:center;justify-content:center}:root{--junicode-font:"EB Garamond",serif}@font-face{font-family:Milkade;src:url(/fonts/Milkade.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{font-display:swap;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.article-card,.experience-item,.faq-item{transform:translateZ(0);will-change:transform}:root{--transition-speed:0.5s;--riverbed-50:#f6f7f9;--riverbed-100:#edeef1;--riverbed-200:#d6dae1;--riverbed-300:#b3bcc6;--riverbed-400:#8997a7;--riverbed-500:#6b7a8c;--riverbed-600:#566273;--riverbed-700:#46505e;--riverbed-800:#3c4450;--riverbed-900:#363c44;--riverbed-950:#24272d;--riverbed-1000:#151616;--bg-color:var(--riverbed-1000);--soft-white:#d2d6da;--pure-white:#ffffff;--text-color:var(--soft-white);--heading-color:#d8dce0;--accent-color:var(--riverbed-400);--badge-bg-color:var(--riverbed-700);--badge-text-color:var(--riverbed-50);--btn-bg-color:var(--riverbed-800);--btn-bg-hover:var(--riverbed-600);--bg-mid:var(--riverbed-800);--bg-dark:var(--riverbed-1000);--font-family:"Elza",serif;--elza-light:"Elza",serif;--elza-regular:"Elza",serif;--elza-medium:"Elza",serif;--text-color-rgb:33,33,33;--milkade-font:"Milkade",serif;--gray-0:#F7F7F7;--gray-100:#EAEAEA;--gray-200:#DCDCDC;--gray-300:#C0C0C0;--gray-400:#A3A3A3;--gray-500:#7E7E7E;--gray-600:#5C5C5C;--gray-700:#3F3F3F;--gray-800:#262626;--gray-900:#181818;--gray-1000:#111111}body.light-mode,html.light-mode{--riverbed-50:#222222;--riverbed-100:#333333;--riverbed-200:#444444;--riverbed-300:#555555;--riverbed-400:#666666;--riverbed-500:#777777;--riverbed-600:#888888;--riverbed-700:#999999;--riverbed-800:#aaaaaa;--riverbed-900:#bbbbbb;--riverbed-950:#cccccc;--riverbed-1000:#ffffff;--bg-color:var(--riverbed-1000);--text-color:#222222;--heading-color:var(--riverbed-50);--accent-color:var(--riverbed-400);--badge-bg-color:var(--riverbed-700);--badge-text-color:#ffffff;--btn-bg-color:var(--riverbed-700);--btn-bg-hover:var(--riverbed-500);--bg-mid:#f8f8f8;--bg-dark:#ededed;--font-family:"Elza",serif;--elza-light:"Elza",serif;--elza-regular:"Elza",serif;--elza-medium:"Elza",serif}@keyframes fadeInBlur{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes typeBlur{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.main-header{min-height:100vh;background:transparent;width:100vw;max-width:none;overflow:hidden;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.header-content,.main-header{position:relative;text-align:center;display:flex;align-items:center;justify-content:center}.header-content{z-index:2;max-width:800px;width:100%;box-sizing:border-box;color:var(--text-color);flex-direction:column;font-family:var(--font-family);letter-spacing:1.6px;line-height:19.2px;margin:0;max-width:none;padding:0;text-transform:uppercase;unicode-bidi:isolate}@keyframes naturalFadeIn{0%{opacity:0}60%{opacity:.78}to{opacity:1}}.header-line{font-family:var(--milkade-font),serif;padding:0!important;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.5rem;font-size:2.85rem!important;line-height:1.08;letter-spacing:.015em;margin:0 0 .2rem!important;width:100%;white-space:nowrap}.header-line:first-child{gap:.8rem}.header-line:nth-child(2){gap:1.2rem}.header-line:nth-child(3){gap:1.6rem}.header-line:nth-child(4){gap:2rem}.header-line:nth-child(5){gap:2.4rem}.header-content .header-line:first-child{gap:.8rem!important}.header-content .header-line:nth-child(2){gap:1.2rem!important}.header-content .header-line:nth-child(3){gap:1rem!important}.header-content .header-line:nth-child(4){gap:1.6rem!important}.header-content .header-line:nth-child(5){gap:1rem!important}[class*=header-line]:first-child{gap:.8rem!important}[class*=header-line]:nth-child(2){gap:1.2rem!important}[class*=header-line]:nth-child(3){gap:1.6rem!important}[class*=header-line]:nth-child(4){gap:2rem!important}[class*=header-line]:nth-child(5){gap:2.4rem!important}.header-word{font-family:var(--milkade-font),serif;color:var(--heading-color);font-weight:400;opacity:0;transition:color .45s ease,opacity .45s ease;position:relative;display:inline-block;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:visible}.header-word:hover{color:var(--riverbed-300)}.header-word.hfg-link{color:var(--heading-color);text-decoration:none;transition:color .2s ease}.header-word.hfg-link:hover{color:var(--riverbed-400)}.header-line:first-child .header-word:first-child{animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) .08s forwards}.header-line:first-child .header-word:nth-child(2){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) .22s forwards}.header-line:first-child .header-word:nth-child(3){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) .36s forwards}.header-line:first-child .header-word:nth-child(4){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) .5s forwards}.header-line:first-child .header-word:nth-child(5){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) .64s forwards}.header-line:nth-child(2) .header-word:first-child{animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) .78s forwards}.header-line:nth-child(2) .header-word:nth-child(2){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) .92s forwards}.header-line:nth-child(2) .header-word:nth-child(3){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) 1.06s forwards}.header-line:nth-child(3) .header-word:first-child{animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) 1.2s forwards}.header-line:nth-child(3) .header-word:nth-child(2){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) 1.34s forwards}.header-line:nth-child(3) .header-word:nth-child(3){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) 1.48s forwards}.header-line:nth-child(4) .header-word:first-child{animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) 1.62s forwards}.header-line:nth-child(4) .header-word:nth-child(2){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) 1.76s forwards}.header-line:nth-child(4) .header-word:nth-child(3){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) 1.9s forwards}.header-line:nth-child(5) .header-word:first-child{animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) 2.05s forwards}.header-line:nth-child(5) .header-word:nth-child(2){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) 2.19s forwards}.header-line:nth-child(5) .header-word:nth-child(3){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) 2.33s forwards}.header-line:nth-child(5) .header-word:nth-child(4){animation:naturalFadeIn .8s cubic-bezier(.42,.24,.26,1) 2.47s forwards}@media (max-width:1200px){.header-line{font-size:2.75rem!important}}@media (max-width:900px){.header-line{font-size:2.5rem!important}}@media (max-width:600px){.header-content{padding:0 16px!important;max-width:100%!important}.header-line{font-size:2.05rem!important;line-height:1.18!important}.header-content .header-line:first-child,.header-content .header-line:nth-child(2),.header-content .header-line:nth-child(3),.header-content .header-line:nth-child(4),.header-content .header-line:nth-child(5),.header-line{gap:.4rem!important}}@media (max-width:480px){.header-line{font-size:1.9rem!important}}@media (max-width:380px){.header-line{font-size:1.75rem!important}}.mega-footer{width:100%!important;margin:0!important;padding:80px 0 120px!important;border-top:1px solid rgba(255,255,255,.05)!important;box-sizing:border-box}.footer-content{max-width:800px!important;width:100%!important;margin:0 auto!important;padding:0 24px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:40px!important;position:static!important;left:auto!important;transform:none!important}.footer-row{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;width:100%;margin:0!important;padding:0!important}.footer-left{display:flex!important;flex-direction:column!important;gap:16px!important}.footer-logo{font-size:0;display:flex;align-items:center;justify-content:center;height:44px;padding:0 4px}.footer-logo-img{width:28px;height:auto;margin-right:8px}.footer-link{color:var(--riverbed-300);text-decoration:none;transition:color .2s ease;font-size:14px;letter-spacing:-.01em}.footer-link:hover{color:var(--soft-white)}.social-icons{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.social-icon{width:44px;height:44px;border-radius:50%;background-color:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--riverbed-100);transition:all .2s ease;text-decoration:none}.social-icon i{font-size:18px;display:block}.social-icon-svg{filter:brightness(0) saturate(100%) invert(50%) sepia(15%) saturate(300%) hue-rotate(180deg) brightness(95%) contrast(85%);transition:filter .2s ease}.social-icon:hover{background-color:rgba(255,255,255,.2);color:var(--heading-color);transform:translateY(-2px)}.social-icon:hover .social-icon-svg{filter:brightness(0) saturate(100%) invert(90%) sepia(10%) saturate(200%) hue-rotate(180deg) brightness(100%) contrast(90%)}.social-icon svg{color:var(--riverbed-400);transition:color .2s ease}.social-icon:hover svg{color:var(--heading-color)}.footer-right-cluster{display:flex;gap:32px;align-items:center;font-size:14px;letter-spacing:-.01em;color:var(--riverbed-300);font-weight:400}.footer-time{font-variant-numeric:tabular-nums;font-size:14px;line-height:1;color:inherit;font-weight:400}.footer-linkedin-text{color:inherit;font-weight:400;transition:color .2s ease,opacity .2s ease}.footer-linkedin-text:hover{color:var(--soft-white);opacity:.9}.footer-imprint-link{color:inherit}.footer-imprint-link:hover{color:var(--soft-white)}.footer-copyright{text-align:center;color:var(--riverbed-400);font-size:16px;border-top:1px solid rgba(255,255,255,.05);padding-top:24px;margin-top:40px;width:100%}@media (max-width:768px){.mega-footer{padding:60px 24px 80px}.footer-row{flex-direction:column;align-items:center;text-align:center;gap:32px}.footer-links{justify-content:center;width:100%}.social-icons{margin-left:0;justify-content:center}.footer-right-cluster{flex-direction:row;justify-content:center;gap:20px;flex-wrap:wrap}.footer-time{font-size:13px}.footer-copyright{margin-top:24px;font-size:12px}}@media (max-width:480px){.mega-footer{padding:40px 16px 60px}}.about-me{max-width:800px;width:100%;margin:0 auto;padding:0 24px;position:relative;overflow:visible;box-sizing:border-box}.section-title{margin-bottom:32px;text-align:left;font-size:28px;margin-left:0}.about-me__container{display:none}.about-me__text{width:100%;max-width:800px;margin:0 auto}.about-me__text p{margin-bottom:16px;width:100%;font-size:20px!important}.about-me__text p,.about-me__text-col{line-height:1.6;color:var(--riverbed-400,#7c8999)}.about-me__text-col{display:flex;flex-direction:column;justify-content:center;min-width:0}.about-me__text-col h2,.about-me__text-col h3{color:var(--heading-color);margin-bottom:12px}.about-me__text-col p{margin-bottom:16px;width:100%;line-height:1.6;color:var(--riverbed-400,#7c8999);font-size:24px}.about-me__img-col{position:relative;width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.15)}.about-me__img-col img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .5s ease;display:block}.about-me__img-col:hover img{transform:scale(1.03)}.about-me__main-image{display:flex;align-items:center;justify-content:center;width:100%}.about-me__main-image img{border-radius:12px;width:100%;height:100%;object-fit:cover;box-shadow:0 8px 30px rgba(0,0,0,.15)}.tools-section{max-width:800px;margin:64px auto 0;width:100%}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px;margin-top:36px;margin-left:auto;margin-right:auto;width:100%;max-width:800px}.tool-card{position:relative;background-color:rgba(60,68,80,.3);border-radius:16px;transition:background-color .3s,border-color .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;text-align:center;width:100%;border:1px solid rgba(255,255,255,.05);overflow:hidden}.tool-card.tool-fade{opacity:0;transform:translateY(28px);filter:blur(5px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1),background-color .3s,border-color .3s;will-change:opacity,transform,filter}.tool-card.tool-fade.in{opacity:1;transform:translateY(0);filter:blur(0)}.tool-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:0}.tool-icon,.tool-icon img{transition:transform .5s ease}.tool-icon img{width:100%;height:auto}.tool-text{display:none}.tool-card:hover{background-color:rgba(60,68,80,.4);border-color:rgba(255,255,255,.1)}.tool-card:hover .tool-icon img{transform:scale(1.1)}.social-badges{display:flex;flex-wrap:nowrap;gap:24px;justify-content:space-between;width:100%;max-width:800px;margin:64px auto 0;padding:0;box-sizing:border-box}.social-badge{position:relative;flex:1;min-width:160px;padding:16px 24px;background-color:rgba(60,68,80,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;text-decoration:none;transition:box-shadow .3s ease;gap:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px rgba(0,0,0,.2)}.social-badge,.social-badge i{display:flex;align-items:center;justify-content:center;color:var(--text-color)}.social-badge i{width:20px;height:20px}.social-badge .follower-count{font-size:16px;font-weight:500}.social-badge:active,.social-badge:focus,.social-badge:hover{transform:none;box-shadow:0 6px 15px rgba(0,0,0,.25);border-color:rgba(255,255,255,.2)}.university-highlight{color:var(--riverbed-400,#7c8999);transition:color .3s ease;cursor:default}.university-highlight:hover{color:var(--soft-white)}@media (max-width:1000px){.about-me{margin-top:100px;margin-bottom:100px}}@media (max-width:768px){.about-me{margin-top:60px;margin-bottom:60px;padding:0 16px}.about-me__container{grid-template-columns:1fr;gap:32px}.about-me__img-col{max-width:100%;width:100%;margin:0 auto}.about-me__text-col{order:2}.about-me__text-col,.about-me__text-col p{color:var(--riverbed-400)}.social-badges{flex-direction:column;padding:0}.about-me__main-image,.about-me__main-image img{width:100%}}@media (max-width:560px){.about-me{margin-top:40px;margin-bottom:40px;padding:0 12px}.section-title{font-size:24px;margin-bottom:24px}.about-me__container{gap:24px}.about-me__text-col p{font-size:1rem;margin-bottom:12px;line-height:1.6}}@media (max-width:480px){.about-me{padding:0 12px}.about-me__container{gap:24px}.social-badges{padding:0}}.recent-projects{max-width:800px;width:100%;margin:0 auto;padding:0 24px;position:relative;box-sizing:border-box}.projects-container{width:100%}.projects-header{margin-bottom:40px}.projects-grid{display:flex;flex-direction:column;gap:24px}.project-card{position:relative;overflow:hidden;width:100%;max-width:800px;margin-bottom:24px;border-radius:16px;cursor:none}.project-card.project-fade{opacity:0;transform:translateY(36px);filter:blur(8px);will-change:opacity,transform,filter;transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1),filter 1s ease}.project-card.project-fade.in{opacity:1;transform:translateY(0);filter:blur(0)}.project-card-link{transition:none!important}.project-card-link:hover,.project-card:hover{transform:none!important}.project-card__image-container{position:relative;width:100%;padding-top:56.25%;border-radius:16px;overflow:hidden;background-color:transparent;cursor:pointer}.project-card__image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:16px;transform:scale(1);transition:transform 1.3s cubic-bezier(.22,1,.36,1);will-change:transform}.project-card:hover .project-card__image-container img{transform:scale(1.08)}.project-card__image-container:before{display:none}.project-card__hoverinfo{position:absolute;left:0;right:0;bottom:0;background:transparent;color:var(--soft-white);border-radius:0 0 16px 16px;padding:14px 22px;font-size:15px;box-shadow:none;opacity:1;pointer-events:none;transform:translateY(110%);transition:transform .45s cubic-bezier(.4,.14,.3,1);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;z-index:3;will-change:transform}.project-card:hover .project-card__hoverinfo{pointer-events:auto;transform:translateY(0)}.project-card__image-container:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.5) 15%,rgba(0,0,0,.35) 30%,rgba(0,0,0,.15) 55%,rgba(0,0,0,0));opacity:0;transition:opacity .9s ease;z-index:2}.project-card:hover .project-card__image-container:after{opacity:1}.project-card__title{font-weight:600;margin:0}.project-card__date,.project-card__title{font-size:18px;color:var(--soft-white)!important;text-shadow:none;letter-spacing:-.01em}.project-card__date{line-height:1.3;margin:0 0 0 8px;transition:color .3s ease;white-space:nowrap;font-weight:400;margin-left:auto!important;text-align:right;flex:0 0 auto}.project-card:not(:hover) .project-card__date{color:rgba(255,255,255,.72)!important}.project-card,.project-card-link,.project-card__content,.project-card__image-container{border:none!important;outline:none!important;box-shadow:none!important}@media (max-width:992px){.project-card__hoverinfo{opacity:1;pointer-events:auto;transform:translateY(0)}.project-card__image-container:before{opacity:0!important}}@media (max-width:800px){.project-card__content{padding:16px}}@media (max-width:480px){.project-card__content{padding:14px}}.recent-explorations{max-width:800px;width:100%;margin:0 auto;padding:0 24px;box-sizing:border-box}.recent-explorations .section-intro{max-width:800px;margin:0 auto 40px;text-align:left}.masonry-grid{display:grid;grid-template-columns:repeat(2,1fr)!important;grid-gap:24px;margin-top:40px;padding:0;max-width:800px;margin-left:auto;margin-right:auto}.masonry-column{display:flex;flex-direction:column;gap:24px}@media (max-width:1024px){.masonry-grid{grid-template-columns:repeat(2,1fr);grid-gap:20px}.masonry-column{gap:20px}}@media (max-width:768px){.masonry-grid{display:flex;flex-direction:column;gap:24px}.masonry-column{width:100%;gap:24px}.exploration-card{margin:0}}@media (max-width:480px){.recent-explorations{padding:0 12px}.masonry-column,.masonry-grid{gap:24px}}.exploration-card{display:inline-block;width:100%;margin:0;break-inside:avoid;-webkit-column-break-inside:avoid;border-radius:12px;border:1px solid rgba(255,255,255,.05);overflow:hidden;position:relative;cursor:default;background-color:transparent;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s cubic-bezier(.165,.84,.44,1);opacity:1;transform:none;filter:none;transition:none}.exploration-card.exploration-fade{opacity:0;transform:translateY(32px);filter:blur(6px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1),filter .85s cubic-bezier(.22,1,.36,1);will-change:opacity,transform,filter}.exploration-card.exploration-fade.in{opacity:1;transform:translateY(0);filter:blur(0)}.exploration-card:before{content:"";bottom:0;height:60%;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.4) 30%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.05) 80%,transparent);transition:opacity .4s ease;z-index:1}.exploration-card:after,.exploration-card:before{position:absolute;left:0;width:100%;opacity:0;pointer-events:none}.exploration-card:after{content:attr(data-title);top:auto;bottom:24px;right:0;transform:translateY(20px);color:var(--soft-white);font-size:18px;font-weight:600;text-align:center;padding:0 16px;transition:opacity .4s ease,transform .4s ease;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:-.02em;font-family:var(--font-family)}.exploration-card:hover{transform:none;border-color:rgba(255,255,255,.05);box-shadow:none}.exploration-card:hover:before{opacity:1}.exploration-card:hover:after{opacity:1;transform:translateY(0)}.exploration-card:hover .exploration-image{transform:scale(1.03)}.exploration-card video,.exploration-image{width:100%;height:auto;object-fit:cover;display:block;border-radius:12px;transition:transform .6s cubic-bezier(.165,.84,.44,1)}@media (max-width:900px){.masonry-grid{column-count:2}}@media (max-width:600px){.masonry-grid{column-count:1}}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.95);z-index:10000;justify-content:center;align-items:center;opacity:0;transition:opacity .4s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lightbox.active{display:flex;opacity:1}.lightbox-content{position:relative;width:85%;max-width:1200px;max-height:85vh;display:flex;flex-direction:column;animation:lightboxIn .5s cubic-bezier(.165,.84,.44,1) forwards}@keyframes lightboxIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-wrapper{display:flex;flex-direction:row;gap:32px;background-color:rgba(36,39,45,.95);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px rgba(0,0,0,.4);padding:32px}#lightbox-image{flex:3;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);object-fit:contain}#lightbox-image.square-format{aspect-ratio:1/1;max-width:500px;max-height:500px}#lightbox-image.wide-format{aspect-ratio:16/9;max-width:650px;max-height:365px}.lightbox-info{flex:2;padding:0;display:flex;flex-direction:column;overflow-y:auto;justify-content:center;min-width:280px}@media (max-width:900px){.lightbox-wrapper{flex-direction:column;max-height:85vh;overflow-y:auto;padding:24px;gap:24px}#lightbox-image{flex:none;max-width:100%}#lightbox-image.square-format{max-width:100%;max-height:300px;aspect-ratio:1/1}#lightbox-image.wide-format{max-width:100%;max-height:200px;aspect-ratio:16/9}.lightbox-info{flex:none;min-width:auto}}#lightbox-title{font-size:24px;font-weight:600;color:var(--soft-white);margin-bottom:12px;text-align:left;letter-spacing:-.02em;font-family:var(--font-family)}#lightbox-caption{color:var(--riverbed-300);margin-bottom:16px;font-style:italic;letter-spacing:-.01em}#lightbox-caption,#lightbox-description{font-size:16px;text-align:left;font-family:var(--font-family)}#lightbox-description{line-height:1.6;color:var(--riverbed-200);margin-bottom:24px;font-weight:400;letter-spacing:-.02em}.lightbox-meta{display:none}.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(36,39,45,.9);border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.lightbox-close:hover{background-color:rgba(255,255,255,.2);transform:scale(1.1);border-color:rgba(255,255,255,.3)}.lightbox-close:active{transform:scale(.95)}.lightbox-close:after,.lightbox-close:before{content:"";position:absolute;width:20px;height:2px;background-color:var(--soft-white);transition:all .3s ease;top:50%;left:50%}.lightbox-close:before{transform:translate(-50%,-50%) rotate(45deg)}.lightbox-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.lightbox-close:hover:after,.lightbox-close:hover:before{width:22px;background-color:var(--soft-white)}#recent-explorations{padding:0 24px}#recent-explorations .section-intro,#recent-explorations .section-title{max-width:1200px;width:100%;margin:0 auto 32px}#recent-explorations .section-intro{text-align:left}.exploration-card.wide-format .exploration-image{aspect-ratio:16/9;object-fit:cover}.exploration-card.wide-format{margin-bottom:16px}.exploration-card.tall-format .exploration-image{aspect-ratio:auto;height:auto;object-fit:contain}.exploration-card.tall-format{background:none;padding:0}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:16px}.article-card{background-color:rgba(60,68,80,.3);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.05);min-height:340px}.article-card.article-fade{opacity:0;transform:translateY(34px);filter:blur(6px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1),filter .85s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s;will-change:opacity,transform,filter}.article-card.article-fade.in{opacity:1;transform:translateY(0);filter:blur(0)}.article-card img{width:100%;height:180px;object-fit:cover;object-position:top;flex-shrink:0;transition:transform .3s ease}.article-card__content{padding:20px}.article-card__meta{display:flex;gap:4px;margin-bottom:8px}.article-badge{background-color:var(--badge-bg-color);color:var(--riverbed-200);font-size:12px;padding:4px 8px;border-radius:6px;text-transform:uppercase}.article-badge.newest{background-color:#323843;color:var(--riverbed-50);font-weight:400;border:none}.article-badge.ux-research{background-color:var(--riverbed-400);color:var(--riverbed-50);font-weight:500}.article-card__meta .article-badge:not(:last-child){margin-bottom:0;margin-right:6px}.article-card__title{color:var(--heading-color);font-size:20px;margin:8px 0}.article-card__description{color:var(--riverbed-300)!important;line-height:1.6!important;font-size:18px!important;height:84px;margin:0;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card:hover{box-shadow:0 6px 15px rgba(0,0,0,.2);border-color:rgba(255,255,255,.1)}@media (max-width:768px){.articles-grid{grid-template-columns:1fr;gap:16px}.article-card img{height:160px}.article-card__description{font-size:15px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}@media (max-width:480px){.articles-grid{gap:16px}.article-card img{height:140px}.article-card__content{padding:14px}}.insights{max-width:800px;width:100%;margin:200px auto;padding:0 20px;position:relative}.contact-hero{max-width:800px!important;width:100%!important;margin:144px auto!important;padding:0 24px!important;box-sizing:border-box!important;text-align:center}.contact-intro{max-width:760px;margin:0 auto 48px;text-align:left;font-size:20px;color:var(--riverbed-400,#7c8999);line-height:1.6}.contact-tabs{margin-top:40px;display:flex;justify-content:center;gap:16px;margin-bottom:32px;border-bottom:1px solid var(--riverbed-700)}.contact-tab{padding:10px 20px;background-color:transparent;border:none;border-radius:0;cursor:pointer;font-size:16px;position:relative;transition:color .3s ease;box-shadow:none;color:var(--riverbed-400)}.contact-tab.active{color:var(--riverbed-50);border:none;background-color:transparent}.contact-tab:hover{transform:none;box-shadow:none;color:var(--riverbed-200)}.contact-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--riverbed-300)}.tab-panel{opacity:0;visibility:hidden;position:absolute;width:100%;top:0;left:0;transition:opacity .3s ease,visibility .3s ease;min-height:450px;display:none}.tab-panel.active{opacity:1;visibility:visible;position:relative;display:block}#book-a-call-content,#send-message-content{min-height:450px}.styled-contact-form{background-color:rgba(60,68,80,.3);border-radius:16px;padding:32px;box-shadow:0 8px 32px rgba(0,0,0,.15);width:100%;max-width:800px;margin:0 auto;text-align:left;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}html.light-mode .styled-contact-form{background-color:rgba(245,245,245,.8);box-shadow:0 8px 32px rgba(0,0,0,.08)}.offer-badge{display:inline-flex;align-items:center;background-color:var(--riverbed-900);color:var(--riverbed-200);padding:6px 12px;border-radius:99px;font-size:14px;margin-bottom:16px}.status-dot{width:8px;height:8px;background-color:var(--riverbed-300);border-radius:50%;margin-right:8px}.contact-headline{font-size:28px;font-weight:600;margin:16px 0 24px;line-height:1.3;color:var(--heading-color)}.form-label{display:block;margin-bottom:8px;color:var(--riverbed-200);font-size:14px;font-weight:500;text-align:left}.form-label:after{content:"";color:var(--accent-color)}.form-label.required:after{content:" *";color:var(--riverbed-300)}label[for=email]:after,label[for=message]:after,label[for=name]:after{content:" *"!important;color:var(--riverbed-300)}.form-fields-container{max-width:600px;margin:0 auto;text-align:left;width:100%}.form-input,select.form-input,textarea.form-input{width:100%;padding:12px!important;background-color:var(--riverbed-900)!important;border:1px solid var(--riverbed-700)!important;color:var(--text-color)!important;border-radius:8px!important;margin-bottom:16px;font-size:16px;font-family:var(--font-family);transition:border-color .3s,box-shadow .3s}.form-input:focus,select.form-input:focus,textarea.form-input:focus{border-color:var(--riverbed-600)!important;box-shadow:none!important;outline:none!important}.form-input::placeholder,select.form-input::placeholder,textarea.form-input::placeholder{color:var(--riverbed-500)!important}textarea.form-input{min-height:120px!important;resize:vertical}.form-submit-btn{width:100%;background-color:var(--riverbed-300);color:var(--riverbed-900);border:none;border-radius:8px;padding:12px 16px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s,transform .2s;min-height:48px;display:flex;align-items:center;justify-content:center}.form-submit-btn:hover{transform:scale(1.02)}.contact-tab-content{width:100%;max-width:800px;margin:0 auto}.booking-iframe{width:100%;height:500px;border:none;border-radius:16px;background-color:transparent;overflow:hidden;box-shadow:none}.loading-spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spinner .8s ease infinite;margin-right:8px;vertical-align:middle}@keyframes spinner{to{transform:rotate(1turn)}}.form-feedback{margin-top:20px;padding:16px;border-radius:8px;text-align:center;transition:all .3s ease}.success-message{color:var(--riverbed-200);display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;animation:fadeInSuccess .5s ease .3s forwards}.error-message{color:var(--riverbed-400)}.checkmark{width:24px;height:24px;flex-shrink:0;margin-top:-1px}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--riverbed-500);fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke-width:3;stroke:var(--riverbed-500);animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes fadeInSuccess{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.submit-button{width:100%;max-width:100%;background-color:var(--riverbed-300);color:var(--riverbed-900);border:none;border-radius:8px;padding:12px!important;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s,transform .2s;min-height:48px;display:flex;align-items:center;justify-content:center;margin-top:16px;margin-bottom:16px;box-sizing:border-box}.submit-button:hover:not(:disabled){background-color:var(--riverbed-400)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-button:disabled:hover{background-color:var(--riverbed-300);transform:none}@media (max-width:768px){.form-submit-btn{padding:12px}.styled-contact-form{padding:20px}.contact-tabs{gap:10px}.contact-tab{padding:8px 16px;font-size:14px}.booking-iframe{height:450px}}@media (max-width:480px){.contact-intro{font-size:16px;margin-bottom:30px}.contact-tabs{gap:6px}.contact-tab{padding:6px 12px;font-size:13px}.styled-contact-form{padding:16px}.form-label{font-size:13px}.form-input,select.form-input,textarea.form-input{padding:10px!important;font-size:15px;margin-bottom:12px}textarea.form-input{min-height:100px!important}.booking-iframe{height:400px}}#faq-section,.faq-section{max-width:800px;padding:0 24px;box-sizing:border-box;width:100%;margin:0 auto}.faq-section>.section-title{max-width:800px!important;width:100%;margin:0 auto 32px!important}.faq-list{max-width:800px;margin:0 auto;padding:20px 0}.faq-item{border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s ease,padding .2s ease,margin .2s ease;cursor:pointer}.faq-item:last-child{border-bottom:none}.faq-item:hover{background-color:rgba(255,255,255,.02);padding-left:4px;padding-right:4px;margin-left:-4px;margin-right:-4px}.faq-item:hover .faq-question-text{transform:translateX(8px)}.faq-item:hover .faq-toggle-symbol{transform:translateX(-8px)}.faq-toggle-symbol{color:var(--riverbed-400);font-size:20px;font-weight:400;transition:transform .3s ease;margin-left:8px;flex-shrink:0}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;color:var(--heading-color);cursor:pointer;font-size:20px!important;font-weight:400;padding:16px 0;outline:none;font-family:var(--font-family);line-height:1.3}.faq-question,.faq-question-text{font-style:normal!important;text-align:left}.faq-question-text{flex:1;transition:transform .3s ease}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),padding-bottom .5s cubic-bezier(.4,0,.2,1),margin-top .3s cubic-bezier(.4,0,.2,1);margin-top:0;width:100%;padding-bottom:0;opacity:0}.faq-item.active .faq-answer{max-height:800px;margin-top:16px;padding-bottom:20px;opacity:1}.faq-answer p{color:var(--riverbed-400);font-size:20px!important;line-height:1.6;margin:0;padding:0;transition:transform .3s ease}.faq-item:hover .faq-answer p{transform:translateX(8px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.faq-item{opacity:0;animation:fadeIn .6s ease-out forwards}.faq-item:first-child{animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}@media (max-width:768px){#faq-section,.faq-section{padding:0 16px}.faq-item,.faq-question{padding:18px 0}.faq-question{font-size:17px}.faq-answer p{font-size:18px}}@media (max-width:480px){.faq-item,.faq-question{padding:20px 0}.faq-question{font-size:16px}.faq-answer p{font-size:17px}.faq-toggle-symbol{font-size:18px}}.fixed-tabs{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9999;width:auto;max-width:calc(100% - 20px);background-color:rgba(46,52,59,.65);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 15px rgba(0,0,0,.2);border-radius:99px;border:1px solid rgba(255,255,255,.08);display:inline-flex;align-items:center;padding:4px 24px}.tabs-group{position:relative;gap:0;isolation:isolate}.tab-container,.tabs-group{display:flex;align-items:center}.tabs-group input[type=radio]{display:none}.tab{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;height:36px;font-size:14px;color:var(--riverbed-400);font-weight:500;border-radius:99px;cursor:pointer;transition:color .2s;position:relative;z-index:2;white-space:nowrap;margin:0;width:auto;min-width:60px}.tab:hover{color:var(--riverbed-200)!important}.fixed-tabs .tab.active,.tabs-group input:checked+label.tab{color:#fff!important;font-weight:600}.fixed-tabs .glider{display:none;opacity:0;visibility:hidden}.fixed-tabs .theme-toggle{margin-left:auto}.tab[data-target="#about-me"].active,.tab[data-target="#contact-section"].active,.tab[data-target="#cv"].active,.tab[data-target="#faq-section"].active,.tab[data-target="#home"].active,.tab[data-target="#insights"].active,.tab[data-target="#recent-explorations"].active,.tab[data-target="#recent-projects"].active{color:#fff!important;font-weight:600}.tab-separator{color:var(--riverbed-400);padding:0;margin:0 12px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;opacity:.7}.fixed-tabs{animation:none}@media (max-width:991px){.fixed-tabs{display:none!important}}@media (max-width:991px) and (min-width:769px){.fixed-tabs{display:inline-flex!important;padding:4px 16px}.tab{font-size:13px;padding:0 8px;height:32px;min-width:50px}.tab-separator{margin:0 6px;font-size:10px}}@media (max-width:768px){.fixed-tabs{display:none!important}}.hamburger-menu{display:none;background:none;border:none;padding:0;position:relative;width:50px;height:50px;z-index:1020;transition:all .3s ease}@media (max-width:768px){body:not([data-project]) .hamburger-menu{position:fixed;top:20px;right:20px;background:rgba(40,40,40,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;padding:0}body[data-project] .hamburger-menu{flex-direction:column;background:rgba(255,255,255,.1);width:40px;height:40px}.mobile-project-header .hamburger-menu,body[data-project] .hamburger-menu{display:flex;justify-content:center;align-items:center;border-radius:8px;margin-right:0}.mobile-project-header .hamburger-menu{background-color:rgba(255,255,255,.1);width:40px!important;height:40px!important;position:relative;top:0;right:0}.mobile-project-header .hamburger-menu:hover{background-color:rgba(255,255,255,.2);transform:scale(1.05)}body.menu-open{overflow:hidden}body:not([data-project]) .mobile-menu{top:0;padding-top:100px}body[data-project] .mobile-menu{top:60px;height:calc(100% - 60px)}body[data-project=reach] .hamburger-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(255,255,255,.1);border-radius:8px;width:40px;height:40px;margin-right:0;transition:all .3s ease}body[data-project=reach] .hamburger-menu:hover{background-color:rgba(255,255,255,.2);transform:scale(1.05)}body[data-project=reach] .mobile-project-header .hamburger-menu{display:flex!important}}.hamburger-menu i{color:#ffffff;font-size:24px;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.hamburger-menu:hover i{color:#ffffff;transform:scale(1.1)}.hamburger-menu .fa-bars{display:block}.hamburger-menu .fa-xmark,.hamburger-menu.active .fa-bars{display:none}.hamburger-menu.active .fa-xmark{display:block}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(18,18,18,.98);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:1010;padding:30px 20px;transform:translateY(-100%);transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:center}.mobile-menu.active{transform:translateY(0)}.mobile-menu-list{list-style:none;padding:0;margin:0 auto;width:100%;max-width:300px}.mobile-menu-list li{margin-bottom:8px;position:relative}.mobile-menu-list li:after{content:"";display:block;height:1px;background:rgba(255,255,255,.1);margin:8px 0;width:100%}.mobile-menu-list li:last-child:after{display:none}.mobile-menu-list a{color:var(--riverbed-200);text-decoration:none;font-size:22px;font-weight:500;display:block;padding:12px 0;transition:all .3s ease;text-align:center;letter-spacing:.5px}.mobile-menu-list a.active,.mobile-menu-list a:hover{color:#fff;transform:translateX(5px)}body[data-project=pulse] .mobile-menu-list a.active,body[data-project=pulse] .mobile-menu-list a:hover{color:var(--pulse-red,#6b7a8c)}body[data-project=reach] .mobile-menu-list a.active,body[data-project=reach] .mobile-menu-list a:hover{color:var(--reach-primary,#6b7a8c)}body[data-project=retarget] .mobile-menu-list a.active,body[data-project=retarget] .mobile-menu-list a:hover{color:var(--retarget-primary,#435AFF)}@media (max-width:768px){.hamburger-menu{display:flex;flex-direction:column;align-items:center;justify-content:center}}@media (max-width:991px){.hamburger-menu{display:flex;flex-direction:column;align-items:center;justify-content:center}.left-nav{display:none}}@media (max-width:768px){.hamburger-menu{top:20px;right:20px}.mobile-menu-item{font-size:22px;padding:12px 0}body[data-project] .mobile-menu{display:block;padding-top:40px}.mobile-dropdown-menu{display:none!important}.mobile-header-container{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 20px!important}.mobile-project-header .hamburger-menu{margin:auto 0!important}body[data-project=reach] .mobile-header-container{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 20px!important;height:60px!important}body[data-project=reach] .mobile-project-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(18,18,18,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px rgba(0,0,0,.2)}body[data-project=reach] .hamburger-menu i{font-size:20px}}@media (max-width:480px){.hamburger-menu{top:15px;right:15px;width:46px;height:46px}.mobile-menu-item{font-size:20px}body[data-project=reach] .hamburger-menu{width:40px;height:40px}}.left-project-nav{position:fixed;top:50%;left:24px;transform:translateY(-50%);z-index:1000;opacity:0;transition:opacity .5s ease;pointer-events:none}.left-project-nav.visible{opacity:1;pointer-events:all}.nav-container{background-color:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:20px 8px;box-shadow:0 8px 24px rgba(0,0,0,.15);min-width:180px}@media (prefers-color-scheme:dark){.nav-container{background-color:rgba(30,30,30,.95);border-color:rgba(255,255,255,.1);box-shadow:0 8px 24px rgba(0,0,0,.3)}}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.nav-item{margin:0}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;color:var(--text-muted,#6B7280);font-size:14px;font-weight:500;position:relative}.nav-link:hover{background-color:rgba(0,0,0,.05);color:var(--text-color,#1F2937);transform:translateX(4px)}@media (prefers-color-scheme:dark){.nav-link{color:#9CA3AF}.nav-link:hover{background-color:rgba(255,255,255,.05);color:#F3F4F6}}.nav-link.active{background-color:rgba(92,92,92,.1);color:#5C5C5C;font-weight:600}.nav-link.active .nav-indicator{background-color:#5C5C5C;transform:scale(1)}@media (prefers-color-scheme:dark){.nav-link.active{background-color:rgba(92,92,92,.2);color:#A3A3A3}.nav-link.active .nav-indicator{background-color:#A3A3A3}}.nav-indicator{width:6px;height:6px;border-radius:50%;background-color:transparent;transition:all .3s ease;transform:scale(.6);flex-shrink:0}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mosaic-project-wrapper .nav-link.active,body[data-project=mosaic] .nav-link.active{background-color:rgba(92,92,92,.1)!important;color:#5C5C5C!important}.mosaic-project-wrapper .nav-link.active .nav-indicator,body[data-project=mosaic] .nav-link.active .nav-indicator{background-color:#5C5C5C!important}@media (prefers-color-scheme:dark){.mosaic-project-wrapper .nav-link.active,body[data-project=mosaic] .nav-link.active{background-color:rgba(92,92,92,.2)!important;color:#A3A3A3!important}.mosaic-project-wrapper .nav-link.active .nav-indicator,body[data-project=mosaic] .nav-link.active .nav-indicator{background-color:#A3A3A3!important}}.reach-project-wrapper .nav-link.active,body[data-project=reach] .nav-link.active{background-color:rgba(114,77,255,.12)!important;color:var(--reach-primary,#724DFF)!important}.reach-project-wrapper .nav-link.active .nav-indicator,body[data-project=reach] .nav-link.active .nav-indicator{background-color:var(--reach-primary,#724DFF)!important}@media (max-width:768px){.left-project-nav{display:none}}html{scroll-behavior:smooth}section{scroll-margin-top:80px}.nav-menu li a.active{font-weight:600;transform:none;padding-left:12px;border:none!important;outline:none!important;box-shadow:none!important}.nav-menu li a.active,.nav-menu li a.active:hover{background:rgba(92,92,92,.12)!important;color:var(--gray-600)!important}.nav-menu li a.active:hover{transform:none!important;padding-left:12px!important}.nav-menu li a.active:after,.nav-menu li a.active:before,.nav-menu li a:after,.nav-menu li a:before{display:none!important;content:none!important}.nav-menu li a.active:active,.nav-menu li a.active:focus,.nav-menu li a:active,.nav-menu li a:focus,body[data-project=reach] .nav-menu li a.active{border:none!important;outline:none!important;box-shadow:none!important}body[data-project=reach] .nav-menu li a.active{background:rgba(114,77,255,.12);color:var(--reach-primary,#724DFF);transform:none;padding-left:12px}body[data-project=reach] .nav-menu li a.active:hover{background:rgba(114,77,255,.12)!important;color:var(--reach-primary,#724DFF)!important;transform:none!important;padding-left:12px!important}body[data-project=pulse] .nav-menu li a.active{background:rgba(255,58,94,.12);color:var(--pulse-red,#FF3A5E);transform:none;padding-left:12px;border:none!important;outline:none!important;box-shadow:none!important}body[data-project=pulse] .nav-menu li a.active:hover{background:rgba(255,58,94,.12)!important;color:var(--pulse-red,#FF3A5E)!important;transform:none!important;padding-left:12px!important}body[data-project=retarget] .nav-menu li a.active{background:rgba(92,92,92,.12);color:var(--accent-color,var(--gray-800));transform:none;padding-left:12px;border:none!important;outline:none!important;box-shadow:none!important}body[data-project=retarget] .nav-menu li a.active:hover{background:rgba(92,92,92,.12)!important;color:var(--accent-color,var(--gray-800))!important;transform:none!important;padding-left:12px!important}body[data-project=mosaic] .nav-menu li a.active{background:rgba(92,92,92,.12)!important;color:var(--gray-600)!important;transform:none;padding-left:12px;border:none!important;outline:none!important;box-shadow:none!important}body[data-project=mosaic] .nav-menu li a.active:hover{background:rgba(92,92,92,.12)!important;color:var(--gray-600)!important;transform:none!important;padding-left:12px!important}.nav-menu li a:hover{color:var(--riverbed-100)!important;background-color:rgba(255,255,255,.08)!important;transform:none!important;padding-left:14px!important;border:none!important;outline:none!important;box-shadow:none!important}body[data-project=reach] .nav-menu li a:hover:not(.active){color:var(--reach-primary,#724DFF)!important;background-color:rgba(114,77,255,.12)!important;padding-left:14px!important;transform:none!important}body[data-project=pulse] .nav-menu li a:hover:not(.active){color:var(--pulse-red,#FF3A5E)!important;background-color:rgba(255,58,94,.12)!important;padding-left:14px!important;transform:none!important}body[data-project=retarget] .nav-menu li a:hover:not(.active){color:var(--accent-color,var(--gray-800))!important;background-color:rgba(92,92,92,.12)!important;padding-left:14px!important;transform:none!important}body[data-project=mosaic] .nav-menu li a:hover:not(.active){color:var(--gray-600)!important;background-color:rgba(92,92,92,.12)!important;padding-left:14px!important;transform:none!important}@media (max-width:768px){.left-nav{display:none!important}.project-content{margin-left:0!important;padding:0 16px}}@media (max-width:480px){.project-content{padding:0 12px}}.mobile-project-header{display:none;position:fixed;top:0;left:0;width:100%;background-color:#121212;z-index:1050;box-shadow:0 2px 8px rgba(0,0,0,.5);height:60px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-header-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1000px;margin:0 auto;height:100%;padding:0 20px;box-sizing:border-box}.mobile-header-logo{height:26px;display:block;margin-left:0}.mobile-header-logo img{height:100%;width:auto;display:block}.mobile-project-header .hamburger-menu{display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.1);border:none;border-radius:8px;width:40px;height:40px;margin-right:0;padding:0;cursor:pointer;position:relative;transition:background-color .3s ease}.mobile-project-header .hamburger-menu:hover{background-color:rgba(255,255,255,.15)}.mobile-project-header .hamburger-menu i{color:var(--soft-white);font-size:20px;display:block}.mobile-project-header .hamburger-menu .fa-xmark,.mobile-project-header .hamburger-menu.active .fa-bars{display:none}.mobile-project-header .hamburger-menu.active .fa-xmark{display:block}@media (max-width:768px){.mobile-project-header{display:block}.desktop-logo,.home-logo:not(.mobile-header-logo),.left-nav{display:none!important}body{padding-top:60px}.mobile-header-container{padding:0 20px;height:60px}.mobile-project-header .hamburger-menu{margin:auto 0;height:40px;width:40px}.mobile-hamburger{display:none!important}.mobile-menu{position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(18,18,18,.98);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:1010;padding:30px 20px;transform:translateY(-100%);transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:flex-start}.mobile-menu.active{transform:translateY(0)}.mobile-dropdown-menu{display:none!important}.project-section{scroll-margin-top:100px}#functions{scroll-margin-top:140px!important;padding-top:30px}#functions .function-feature{margin-top:30px;display:flex;flex-direction:column!important}#functions .feature-visual{width:100%!important;margin:20px 0;display:block}#functions .device-mockup{width:100%;max-width:100%;height:400px;display:flex;justify-content:center;align-items:center}#functions .device-frame{position:relative;left:auto;transform:none!important;margin:0 auto}}.mobile-dropdown-menu{display:none;position:fixed;top:60px;left:0;width:100%;background-color:#121212;z-index:1049;padding:20px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.mobile-dropdown-menu.active{display:block}.mobile-nav-list{list-style:none;padding:0;margin:0}.mobile-nav-list li{margin-bottom:15px}.mobile-nav-list a{color:white;text-decoration:none;font-size:16px;display:block;padding:5px 0}.mobile-nav-list a.active,.mobile-nav-list a:hover{color:#6b7a8c}body[data-project=retarget] .mobile-nav-list a.active,body[data-project=retarget] .mobile-nav-list a:hover{color:var(--retarget-primary,#6b7a8c)}body[data-project=pulse] .mobile-nav-list a.active,body[data-project=pulse] .mobile-nav-list a:hover{color:var(--pulse-red,#6b7a8c)}body[data-project=reach] .mobile-nav-list a.active,body[data-project=reach] .mobile-nav-list a:hover{color:var(--reach-primary,#6b7a8c)}.project-section{scroll-margin-top:80px}#functions{scroll-margin-top:120px!important}@media (max-width:768px){.mobile-project-header{display:block}.mobile-hamburger{display:flex!important}.desktop-logo,.home-logo:not(.mobile-header-logo),.left-nav{display:none!important}body{padding-top:60px}.project-section{scroll-margin-top:100px}#functions{scroll-margin-top:140px!important;padding-top:30px}#functions .function-feature{margin-top:30px;display:flex;flex-direction:column!important}#functions .feature-visual{width:100%!important;margin:20px 0;display:block}#functions .device-mockup{width:100%;max-width:100%;height:400px;display:flex;justify-content:center;align-items:center}#functions .device-frame{position:relative;left:auto;transform:none!important;margin:0 auto}}body[data-project=reach] .mobile-project-header{display:none;position:fixed;top:0;left:0;width:100%;background-color:rgba(18,18,18,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1050;box-shadow:0 2px 10px rgba(0,0,0,.2);height:60px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1)}body[data-project=reach] .mobile-header-container{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%;max-width:1000px;margin:0 auto;height:60px!important;padding:0 20px!important;box-sizing:border-box}body[data-project=reach] .mobile-project-header .hamburger-menu{display:flex!important;align-items:center!important;justify-content:center!important;background-color:rgba(255,255,255,.1);border:none;border-radius:8px;width:40px!important;height:40px!important;margin-right:0;padding:0;cursor:pointer;position:relative;transition:all .3s ease}body[data-project=reach] .mobile-project-header .hamburger-menu:hover{background-color:rgba(255,255,255,.2);transform:scale(1.05)}body[data-project=reach] .mobile-project-header .hamburger-menu i{color:var(--soft-white);font-size:20px;display:block}body[data-project=reach] #overview,body[data-project=reach] .project-section{scroll-margin-top:80px}body[data-project=reach] #brand-identity,body[data-project=reach] #concept,body[data-project=reach] #user-interface{scroll-margin-top:90px}body[data-project=reach] #features{scroll-margin-top:100px}body[data-project=reach] #conclusion{scroll-margin-top:80px}@media (max-width:768px){body[data-project=reach] .mobile-project-header{display:block}body[data-project=reach]{padding-top:60px}body[data-project=reach] .project-content{padding-top:20px}body[data-project=reach] .home-logo.desktop-logo,body[data-project=reach] .left-nav{display:none!important}body[data-project=reach] .mobile-menu{top:60px;height:calc(100% - 60px);z-index:1010}}.more-projects-section{margin:80px auto 60px;padding:40px 0}body[data-project=retarget] .more-projects-section{max-width:1000px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important;position:relative;border-top:none!important}body[data-project=retarget] .more-projects-section:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background-color:rgba(255,255,255,.1)}body[data-project=reach] .more-projects-section{max-width:1000px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding:40px 0 0!important;box-sizing:border-box!important;position:relative;border-top:none!important}body[data-project=reach] .more-projects-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:rgba(255,255,255,.1)}body[data-project=reach] .more-projects-grid,body[data-project=retarget] .more-projects-grid{width:100%;box-sizing:border-box;padding:0}.more-projects-section h2{font-size:28px;margin-bottom:40px}.more-projects-grid{gap:40px}.more-project-card{background:rgba(30,41,59,.2);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05)}.more-project-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.more-project-image{width:100%;height:200px;overflow:hidden;background-color:rgba(255,255,255,.03);position:relative}.more-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.more-project-card:hover .more-project-image img{transform:scale(1.05)}.more-project-content{padding:24px}.more-project-badge{display:inline-block;background:rgba(255,255,255,.1);color:var(--riverbed-100);font-size:12px;padding:4px 12px;border-radius:6px;margin-bottom:12px}.more-project-title{font-size:20px;margin:0 0 12px;color:var(--riverbed-50)}.more-project-description{font-size:14px;color:var(--riverbed-400);margin:0;line-height:1.6}@media (max-width:768px){.more-projects-grid{grid-template-columns:1fr}.more-projects-section{margin:60px auto 40px;width:100%;box-sizing:border-box}body[data-project=retarget] .more-projects-section{padding-left:16px!important;padding-right:16px!important;width:100%!important;max-width:100%!important}.more-projects-section h2{margin-bottom:30px}.more-project-image{height:180px}body[data-project=reach] .more-projects-section{width:100%!important;max-width:1000px!important}}@media (max-width:480px){.more-projects-section{margin:40px auto;padding:24px 16px}body[data-project=reach] .more-projects-section{width:100%!important;max-width:100%!important}body[data-project=reach] .more-projects-section:before{left:0;right:0}body[data-project=retarget] .more-projects-section{padding-left:16px!important;padding-right:16px!important}.more-project-image{height:160px}.more-project-content{padding:20px}}.sticky-logo{position:fixed;top:24px;left:24px;z-index:1000;transition:all .3s ease;padding:0;background:transparent;border:none}.sticky-logo:hover{transform:scale(1.1)}.sticky-logo img,.sticky-logo svg{width:48px;height:48px;display:block;border-radius:0}@media (max-width:768px){.sticky-logo{top:16px;left:16px}.sticky-logo img,.sticky-logo svg{width:40px;height:40px}}:root{--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2rem;--text-5xl:2.5rem;--text-6xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--container-width:1000px;--container-padding:24px;--image-border-radius:12px;--image-box-shadow:0 10px 20px rgba(0,0,0,0.1);--image-hover-shadow:0 15px 30px rgba(0,0,0,0.2);--image-bg-color:transparent;--image-border-color:rgba(255,255,255,0.05);--standard-spacing:30px;--project-padding-desktop:24px;--project-padding-tablet:16px;--project-padding-mobile:12px;--project-max-width:1000px}.project-header-fixed{display:none;position:fixed;top:0;left:0;right:0;height:70px;background:rgba(20,20,20,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;align-items:center;justify-content:space-between;padding:0 var(--project-padding-desktop)}@media (max-width:991px){.project-header-fixed{display:flex}}.nav-logo{width:45px;height:45px}.project-header-fixed .hamburger-menu{display:none}@media (max-width:991px){.project-header-fixed .hamburger-menu{display:flex}}.hamburger-menu{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;z-index:1001}.hamburger-icon{width:20px;height:14px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{width:100%;height:2px;background-color:var(--riverbed-200);transition:all .3s ease;transform-origin:left}.hamburger-menu.active .hamburger-icon span:first-child{transform:rotate(45deg)}.hamburger-menu.active .hamburger-icon span:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-icon span:last-child{transform:rotate(-45deg)}.project-mobile-nav{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(20,20,20,.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:999;padding:90px var(--project-padding-desktop) 24px;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto}.project-mobile-nav.active{transform:translateX(0)}.project-mobile-nav .nav-menu{list-style:none;padding:0;margin:0}.project-mobile-nav .nav-menu li{margin-bottom:8px}.project-mobile-nav .nav-menu a{display:flex;align-items:center;padding:12px 16px;color:var(--riverbed-300);text-decoration:none;font-size:16px;border-radius:8px;transition:all .3s ease}.project-mobile-nav .nav-menu a:hover{background:rgba(255,255,255,.05);color:var(--riverbed-50)}.project-mobile-nav .nav-menu a.active{background:rgba(255,255,255,.1);color:var(--riverbed-50)}body[data-project=pulse] .project-mobile-nav .nav-menu a.active{color:var(--pulse-red);background:rgba(255,58,94,.1)}body[data-project=reach] .project-mobile-nav .nav-menu a.active{color:var(--reach-primary);background:rgba(114,77,255,.1)}body[data-project=retarget] .project-mobile-nav .nav-menu a.active{color:var(--retarget-primary);background:rgba(67,90,255,.1)}body.menu-open{overflow:hidden}.project-content{margin:0 auto;padding:40px 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:left;position:relative;min-height:100vh}.project-content,.project-content>*,.project-section{max-width:800px;width:100%}.project-section{margin:80px auto;padding:0;position:relative;box-sizing:border-box}.project-section:first-of-type{margin-top:100px}.project-details-section{padding:0;margin:40px auto;max-width:800px;width:100%}.section-divider{border:0;height:1px;background:rgba(255,255,255,.1);margin:var(--space-16) auto;width:100%;max-width:var(--container-width)}.project-title{font-size:var(--text-6xl);font-weight:700;margin-bottom:var(--space-4);line-height:1.2}.project-section h2{font-size:var(--text-3xl);margin:var(--space-16) 0 var(--space-8);padding-bottom:var(--space-2)}.project-section h2,.project-section h3{color:var(--heading-color,var(--riverbed-50))}.project-section h3{font-size:var(--text-2xl)}.project-section h4{font-size:var(--text-xl);margin:var(--space-10) 0 var(--space-4);color:var(--heading-color,var(--riverbed-100))}.project-description{font-size:var(--text-xl);margin-bottom:var(--space-12);max-width:800px}.project-description,.project-section p{line-height:1.6;color:var(--riverbed-200)}.project-section p{font-size:var(--text-base);margin-bottom:var(--space-8)}.project-section ul{margin:var(--space-3) 0 var(--space-8);padding-left:var(--space-6)}.project-section li{margin-bottom:var(--space-2)}.project-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-8);margin-bottom:var(--space-12);background:rgba(255,255,255,.03);border-radius:var(--image-border-radius);padding:var(--space-6);border:1px solid rgba(255,255,255,.05)}.project-meta-item{margin-bottom:var(--space-4)}.project-meta-item h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600;color:var(--accent-color,var(--riverbed-400))}.project-meta-item p{font-size:var(--text-base);margin-bottom:var(--space-1);color:var(--riverbed-200)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin:var(--space-10) 0}.feature-card{background:rgba(255,255,255,.03);border-radius:16px;padding:var(--space-6);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.feature-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.feature-icon i{color:white;font-size:20px}.feature-title{font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--heading-color,var(--riverbed-50))}.feature-description{font-size:var(--text-sm);line-height:1.6;color:var(--riverbed-400)}.image-container{margin:var(--space-8) auto}.image-container.full-width{width:100%;max-width:var(--container-width)}.image-container.center-aligned{text-align:center;max-width:var(--container-width)}.image-large{width:100%}.image-large,.image-medium{height:auto;border-radius:var(--image-border-radius);box-shadow:var(--image-box-shadow);display:block;transition:transform .3s ease}.image-medium{max-width:100%;margin:0 auto}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.image-caption,.static-caption{padding:var(--space-3);font-size:var(--text-sm);color:var(--riverbed-400);text-align:center}.more-projects-section{max-width:var(--container-width);margin:var(--space-20) auto var(--space-10);padding:var(--space-10) 0;border-top:none}.more-projects-section h2{font-size:var(--text-3xl);margin-bottom:var(--space-8);color:var(--heading-color,var(--riverbed-50))}.more-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.project-image{overflow:hidden;border-radius:var(--image-border-radius);transition:box-shadow .3s ease}.project-image:hover{box-shadow:var(--image-hover-shadow)}.project-image img{transition:transform .3s ease;width:100%;height:auto;display:block}.project-image:hover img{transform:scale(1.03)}.comfyui-video-container,.history-video-container,.logo-animation-container,.pen-mockup-container,.tools-image-container,.ui-image-container{overflow:hidden;border-radius:12px;transition:box-shadow .3s ease}.pen-mockup-container:hover,.tools-image-container:hover,.ui-image-container:hover{box-shadow:var(--image-hover-shadow)}.pen-mockup-container img,.tools-image-container img,.ui-image-container img{transition:transform .3s ease}.pen-mockup-container:hover img,.tools-image-container:hover img,.ui-image-container:hover img{transform:scale(1.03)}@media (max-width:768px){.project-content{margin:0 auto;padding:100px 24px 60px;text-align:left;align-items:center}.project-section{margin:60px auto}.project-section:first-of-type{margin-top:80px}.project-details-section{margin:30px auto}.project-title{font-size:var(--text-4xl)}.project-description{font-size:var(--text-lg)}.image-container{margin:24px 0}.image-container.full-width{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}.image-container.center-aligned{padding:0}.image-large,.image-medium{width:100%;height:auto;border-radius:var(--image-border-radius)}.app-screenshots,.insights-grid,.prototype-gallery{grid-template-columns:1fr;gap:16px}figure{margin:24px 0}.image-caption,.static-caption{padding:12px 0;font-size:var(--text-sm)}.more-projects-section{margin:60px auto;padding:32px 16px 0}.more-projects-grid{grid-template-columns:1fr;gap:24px}.project-header-fixed{height:60px;padding:0 var(--project-padding-tablet)}.project-header-fixed .nav-logo{width:32px;height:32px}.project-header-fixed .hamburger-menu{display:flex;align-items:center;justify-content:center;margin:0;width:40px;height:40px}.project-content{padding:80px var(--project-padding-tablet) 0}.left-nav{display:none}.hamburger-menu{width:36px;height:36px}.project-mobile-nav{padding:80px 16px 24px}}@media (max-width:480px){.project-content{margin:0 auto;padding:80px 16px 40px;text-align:left;align-items:center}.project-section{margin:40px auto}.project-section:first-of-type{margin-top:60px}.project-details-section{margin:20px auto}.project-title{font-size:var(--text-3xl)}.project-description{font-size:var(--text-base)}.image-container.full-width{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}figure{margin:20px 0}.image-caption,.static-caption{padding:10px 0;font-size:var(--text-xs)}.more-projects-section{margin:40px auto;padding:24px 12px 0}.more-projects-grid{gap:20px}.project-header-fixed{padding:0 var(--project-padding-mobile)}.project-header-fixed .hamburger-menu{width:36px;height:36px}.project-mobile-nav{padding:70px 12px 20px}.project-mobile-nav .nav-menu a{padding:10px 14px;font-size:15px}}.app-screenshots,.insights-grid,.prototype-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.app_screenshots figure,.insights-grid figure,.prototype-gallery figure{margin:0;border-radius:var(--image-border-radius);overflow:hidden;box-shadow:var(--image-box-shadow);background:var(--image-bg-color);border:1px solid var(--image-border-color);display:flex;flex-direction:column;transition:box-shadow .3s ease}.app-screenshots figure:hover,.insights-grid figure:hover,.prototype-gallery figure:hover{box-shadow:var(--image-hover-shadow)}.app-screenshots figure img,.insights-grid figure img,.prototype-gallery figure img{width:100%;height:auto;display:block;transition:transform .3s ease}.app-screenshots figure:hover img,.insights-grid figure:hover img,.prototype-gallery figure:hover img{transform:scale(1.03)}.app-screenshots .static-caption,.app-screenshots figcaption,.insights-grid .static-caption,.insights-grid figcaption,.prototype-gallery .static-caption,.prototype-gallery figcaption{padding:var(--space-3);font-size:var(--text-sm);color:var(--riverbed-400);text-align:center;background:transparent;margin-top:auto}.conclusion-showcase{margin:var(--space-10) 0}.conclusion-summary{margin-bottom:var(--space-10);padding:var(--space-10);background:rgba(255,255,255,.02);border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,box-shadow .3s ease}.conclusion-summary:hover{transform:translateY(-5px);box-shadow:var(--image-hover-shadow)}.summary-title{font-size:var(--text-2xl);margin-bottom:var(--space-5);color:var(--riverbed-50)}.summary-text{font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-5);color:var(--riverbed-200)}@media (prefers-color-scheme:dark){body{background-color:var(--gray-1000,#111111);color:var(--gray-200,#DCDCDC)}.project-title,.section-title,h1,h2,h3,h4,h5,h6{color:var(--gray-0,#F7F7F7)}.project-description,.section-intro{color:var(--riverbed-400,#7c8999)}.project-meta-grid{background-color:var(--gray-900,#181818);border:1px solid var(--gray-800,#262626)}.project-meta-item h4{color:var(--gray-300,#C0C0C0)}.project-section{border-color:var(--gray-800,#262626)}a,a:visited{color:#8997a7}a:hover{color:#b3bcc6}}