@import"https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Satoshi:wght@300;400;500;700&family=Author:wght@400;500;600;700&display=swap";.sidebar{position:relative;width:180px;height:min(100vh,var(--page-backdrop-offset));min-height:auto;align-self:flex-start;display:flex;flex-direction:column;z-index:100;flex-shrink:0;transition:transform .3s ease}.sidebar-content{padding:60px 50px 2rem;display:flex;flex-direction:row;align-items:center;gap:1rem}.sidebar-logo-container{width:80px;height:80px;display:flex;align-items:center;justify-content:flex-start;margin:0;flex-shrink:0}.sidebar-logo{width:80px;height:80px;object-fit:contain}.sidebar-app-name{font-size:1.5rem;font-weight:600;color:#fff;text-align:left;margin:0}.sidebar-nav{padding:0 0 0 50px;flex:1}.menu-links{display:flex;flex-direction:column;gap:15px}.menu-link{display:block;color:#101010;text-decoration:none;border-radius:6px;transition:letter-spacing .3s ease;font-family:Satoshi;font-size:18px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:0}.menu-link:hover{letter-spacing:.1em;color:#101010}@media(max-width:1280px)and (min-width:769px){.sidebar-content{padding:60px 30px 2rem}.sidebar-nav{padding-left:30px}}@media(max-width:768px){.sidebar{width:180px}.sidebar-content{padding:40px 20px 2rem}.sidebar-nav{padding-left:20px}}.background-overlay.about-plain .sidebar,.background-overlay.contact-page .sidebar,.background-overlay.not-found .sidebar{height:100vh;align-self:stretch}.contact-block{background-color:#101010;width:100%;height:373px;padding:22px 0 0;box-sizing:border-box}.contact-block-content{width:100%;padding:0 50px;display:flex;justify-content:space-between;align-items:flex-start;box-sizing:border-box}.contact-left{display:flex;flex-direction:column}.contact-title-wrapper{display:flex;align-items:center;gap:24px}.contact-title{color:#dcdcdc;font-family:Satoshi,sans-serif;font-size:56px;font-style:normal;font-weight:400;line-height:normal;margin:0;display:inline-flex;align-items:center}.contact-title-icon{flex-shrink:0}.contact-info{display:flex;flex-direction:column;margin-top:40px;gap:30px}.contact-item{display:flex;align-items:center;gap:15px}.contact-icon-svg{width:24px;height:24px;flex-shrink:0}.contact-email,.contact-phone{color:#dcdcdc;font-family:Satoshi,sans-serif;font-size:28px;font-style:normal;font-weight:400;line-height:normal;text-decoration:none;letter-spacing:0}.contact-block a:hover,.contact-email:hover,.contact-phone:hover,.contact-block .social-link:hover{color:#dcdcdc!important;text-decoration:none}.contact-email:visited,.contact-phone:visited{color:#dcdcdc}.contact-copyright{margin-top:28px}.copyright-line{color:#fff;font-family:Satoshi,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:normal;margin:0}.contact-right{display:flex;align-items:flex-start;margin-top:96px}.social-links{display:flex;flex-direction:column;gap:20px}.social-link{color:#dcdcdc;font-family:Satoshi,sans-serif;font-size:28px;font-style:normal;font-weight:400;line-height:normal;text-decoration:none;letter-spacing:0}.social-link:visited{color:#dcdcdc}@media(max-width:1280px){.contact-block{max-width:100%;height:auto;min-height:373px}.contact-block-content{padding:40px 30px}}@media(max-width:768px){.contact-block-content{flex-direction:column;gap:40px;padding:30px 20px}.contact-title{font-size:40px}.contact-title-icon{width:clamp(64px,4em,240px);height:clamp(64px,4em,240px)}.contact-email,.contact-phone,.social-link{font-size:22px}.contact-copyright{font-size:13px}.contact-right{margin-top:0}}@media(max-width:480px){.contact-title{font-size:32px}.contact-title-icon{width:clamp(64px,4em,240px);height:clamp(64px,4em,240px)}.contact-email,.contact-phone,.social-link{font-size:18px}.contact-info{margin-top:30px;gap:20px}.contact-copyright{margin-top:20px;font-size:12px}.social-links{gap:15px}}.footer{position:relative;width:100%;background-color:#101010;margin-top:auto;margin-left:0;z-index:300}.footer-content{max-width:none;width:100%;margin:0 auto;padding:50px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-logo{display:flex;align-items:center;width:100%}.footer-logo svg{display:block;width:100%;max-width:none;height:auto}.footer-content p{margin:0;color:#ccc;font-size:.9rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#ccc;text-decoration:none;font-size:.9rem;transition:letter-spacing .3s ease;letter-spacing:0}.footer-links a:hover{letter-spacing:.1em}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;padding:20px}}@media(max-width:1280px)and (min-width:769px){.footer-content{padding:30px}}.page h1{font-size:2.5rem;margin-bottom:1rem;color:#101010;line-height:1;padding:0;margin-top:0}.page h2{font-size:1.5rem;margin-bottom:1rem;color:#101010}.page p{font-size:1.2rem;line-height:1.6;color:#101010}.page a{text-decoration:none;transition:color .2s ease}.background-overlay{background-color:#d4e8d3}.work-page{padding-top:1px;padding-bottom:60px}.work-page-title{position:relative;z-index:2;display:block;margin-top:calc(var(--page-backdrop-offset) + 10px);margin-bottom:0;max-width:none}.work-page-title h1{position:relative;transform:translateY(-80px)!important;-webkit-transform:translateY(-80px)!important;z-index:3;margin:0}.work-frames-container{position:relative;z-index:2;width:100%;margin-top:0;margin-bottom:85px;display:flex;flex-direction:column;gap:85px}.background-overlay.work-bg{background-color:#e7fe76}.page.contact-page{padding:0 0 80px;color:#fdfdfd}.contact-page-title{color:#fdfdfd;font-family:Satoshi;font-size:64px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 28px}.contact-hero-bio p{margin:0;color:#fdfdfd;font-family:Satoshi;font-size:40px;font-style:normal;font-weight:400;line-height:normal}.contact-bio-lead{color:#fdfdfd;font-family:Satoshi;font-size:36px;font-style:normal;font-weight:400;line-height:normal}.contact-bio-emphasis{color:#fdfdfd;font-family:PP Editorial New,serif;font-size:36px;font-style:italic;font-weight:200;line-height:normal}.contact-description{margin-top:25px;max-width:362px;width:100%}.contact-description p{color:#fdfdfd;font-family:Satoshi;font-size:28px;font-style:normal;font-weight:400;line-height:normal;margin:0}.contact-buttons-container{display:flex;flex-direction:column;gap:20px;margin-top:32px}@media(min-width:640px){.contact-buttons-container{flex-direction:row;flex-wrap:wrap}}.contact-button{display:flex;align-items:center;justify-content:center;gap:12px;height:50px;padding:0 16px;border-radius:9999px;border:1px solid #000;text-decoration:none;color:#000;transition:none;font-family:Satoshi;font-size:13px;font-weight:400}@media(min-width:640px){.contact-button{height:56px;padding:0 18px;font-size:14px;gap:14px}}@media(min-width:768px){.contact-button{height:60px;padding:0 20px;font-size:14px;gap:16px}}@media(min-width:1024px){.contact-button{font-size:16px;height:67px;padding:0 20px;gap:16px}}.contact-button-icon{width:18px;height:18px;flex-shrink:0;display:block}@media(min-width:768px){.contact-button-icon{width:20px;height:20px}}.contact-buttons-container .contact-email,.contact-buttons-container .contact-phone,.contact-buttons-container .contact-linkedin{flex:1;min-width:0;color:#101010}.contact-buttons-container .contact-email,.contact-buttons-container .contact-phone{transition:none;letter-spacing:0}.contact-buttons-container .contact-email:hover,.contact-buttons-container .contact-phone:hover{letter-spacing:0;color:inherit}.contact-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:30px;background-color:#101010;text-decoration:none;cursor:pointer}.contact-badge span{font-size:12px;font-weight:400;transition:none;color:#d4e8d3}@media(min-width:1024px){.contact-badge span{font-size:14px}}.contact-page .contact-button{border-color:#fdfdfd;color:#fdfdfd}.contact-page .contact-email,.contact-page .contact-phone,.contact-page .contact-linkedin{color:#fdfdfd!important}.contact-page .contact-button-icon path{stroke:#fdfdfd}.contact-page .contact-button-icon path[fill="#101010"]{fill:#fdfdfd}.contact-page .contact-badge{background-color:#fdfdfd}.contact-page .contact-badge span{color:#4c4cdf}.contact-badge:hover,.contact-badge:hover span{color:inherit!important;text-decoration:none}.contact-badge,.contact-badge *,.contact-badge:visited,.contact-badge:hover,.contact-badge:active,.contact-badge:focus{color:inherit!important;text-decoration:none!important}.app.home-page .contact-badge span{color:#d4e8d3!important}.contact-button:hover,.contact-button:hover .contact-email,.contact-button:hover .contact-phone,.contact-button:hover .contact-linkedin{color:inherit!important}.work-frame{width:100%}.work-frame-content{display:flex;flex-direction:row;align-items:stretch;width:100%;width:clamp(320px,100%,943px);min-height:clamp(200px,30vw,249px);gap:clamp(16px,3vw,24px);overflow:visible}.work-frame-text-section{flex:1;display:flex;flex-direction:column;justify-content:flex-start;overflow:visible;padding:0}.work-frame-company{color:#101010;font-family:Bell MT,serif;font-size:clamp(14px,2.5vw,20px);font-style:normal;font-weight:400;line-height:normal;margin:0;margin-bottom:clamp(6px,1vw,8px)}.work-frame-title{color:#101010;font-family:Satoshi,sans-serif;font-size:clamp(20px,5vw,32px);font-style:normal;font-weight:400;line-height:normal;margin:0;margin-bottom:clamp(4px,.8vw,6px)}.work-frame-date{color:#101010;font-family:Satoshi,sans-serif;font-size:clamp(12px,2vw,16px);font-style:italic;font-weight:300;line-height:normal;margin:0;margin-bottom:clamp(12px,2vw,16px)}.work-frame-bottom-section{margin-top:auto}.work-frame-description{color:#101010;font-family:Author,sans-serif;font-size:clamp(10px,1.5vw,14px);font-style:normal;font-weight:300;line-height:1.5;margin:0;margin-bottom:clamp(8px,1.5vw,12px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.work-frame-button{align-self:flex-start;padding:clamp(8px,1.5vw,10px) clamp(8px,1.5vw,12px);border:none;border-radius:30px;background-color:#ceff8a;color:#101010;font-family:Satoshi,sans-serif;font-size:clamp(9px,1.5vw,11px);font-style:normal;font-weight:400;line-height:normal;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.work-frame-image-section{flex:0 0 auto;width:clamp(250px,40%,390px);height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;overflow:hidden;border-radius:5px}.work-frame-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.work-frame-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8e8e8,#f0f0f0);color:#999;font-family:Satoshi,sans-serif;font-size:clamp(16px,3vw,24px);font-weight:300;border:2px dashed #d0d0d0}@media(max-width:768px){.work-frame-content{flex-direction:column;height:auto;gap:clamp(12px,2vw,16px)}.work-frame-text-section{padding:clamp(12px,3vw,20px);min-height:auto}.work-frame-image-section{width:100%;height:clamp(200px,50vw,250px);min-height:200px}.work-frame-date{margin-bottom:clamp(12px,3vw,20px)}}@media(max-width:480px){.work-frame{margin-top:20px;margin-bottom:20px}.work-frame-content{width:100%;gap:12px}.work-frame-text-section{padding:12px}.work-frame-company{margin-bottom:6px;font-size:14px}.work-frame-title{margin-bottom:10px;font-size:20px}.work-frame-date{margin-bottom:12px;font-size:12px}.work-frame-description{margin-bottom:8px;font-size:12px;-webkit-line-clamp:2}.work-frame-button{padding:8px 16px;font-size:10px}.work-frame-image-section{height:180px}}@media(min-width:1400px){.work-frame-content{width:943px;height:249px}.work-frame-company{font-size:20px}.work-frame-title{font-size:32px}.work-frame-date,.work-frame-description{font-size:16px}.work-frame-button{font-size:11px}.work-frame-image-section{width:390px;height:248px}}.hero-section{display:flex;flex-direction:column;gap:12px;margin-top:clamp(32px,10vh,72px);margin-bottom:28px;max-width:960px}.hero-section h1{margin:0}.hero-section h2{margin:0;font-size:1.25rem;line-height:1.4}.contact-section{margin-bottom:clamp(32px,6vh,56px)}.contact-section .contact-button,.contact-section .contact-email,.contact-section .contact-phone,.contact-section .contact-linkedin{color:#000;font-family:Satoshi;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.app.home-page .page-content .work-title+.work-frames-container{margin-top:32px}.page-content{position:relative;z-index:2;margin-top:100px}.work-title h1{margin:0;font-family:Satoshi,sans-serif;font-size:40px;font-style:normal;font-weight:400;line-height:normal;color:#101010}.work-frames-container{margin-top:0;margin-bottom:85px;display:flex;flex-direction:column;gap:85px}.about-hero-section{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;margin-top:60px;margin-bottom:28px;max-width:960px}.about-hero-section h1{margin:0}.about-hero-section h2{margin:16px 0 0;font-size:1.25rem;line-height:1.4}.about-profile-pic{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;margin-bottom:20px}.about-hero-text h2{color:#101010;font-family:Satoshi;font-size:28px;font-style:normal;font-weight:500;line-height:normal;margin-top:0;margin-bottom:2rem}.about-hero-left{display:flex;flex-direction:column}.about-hero-text{color:#333;line-height:1.7;font-size:1rem;margin-top:8px}.about-hero-text p{margin:0 0 1rem}.about-columns-container{display:grid;grid-template-columns:1fr 1fr;gap:180px;margin-top:2rem}.about-columns-container h4{margin-top:2rem;margin-bottom:1rem;font-size:1rem;font-weight:600;color:#101010}.about-columns-container h5{margin:1rem 0 .5rem;font-size:.8rem;font-weight:600;color:#101010}.about-columns-container p{margin:0 0 .1rem;font-size:.95rem;color:#333;font-family:Author,sans-serif}.about-columns-container p.date{font-style:italic}.certification-item{margin:1rem 0 .5rem;display:flex;flex-direction:row;align-items:flex-start;gap:1rem}.certification-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}.certification-content{display:flex;flex-direction:column;gap:0;margin-top:-.3rem}.certification-content p{margin:0}.certification-content p:last-child{margin-top:.25rem}.about-hero-text .social-links{display:flex;flex-direction:column;gap:8px}.about-hero-text .social-link{color:#333;font-family:inherit;font-size:.95rem;font-style:normal;font-weight:200;line-height:1.7;text-decoration:none;margin:0 0 .5rem}.about-hero-text .social-link:visited{color:#333}.about-hero-text .social-link:hover{text-decoration:underline}.skill-category{margin-top:1.5rem;margin-bottom:1.25rem;font-weight:400;font-size:.95rem}.skills-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;margin-bottom:1rem}.skill-pill{display:inline-block;background-color:#d3d3d3;color:#101010;padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-family:Author,sans-serif;white-space:nowrap}.about-page-title{position:relative;z-index:2;display:block;margin-top:calc(var(--page-backdrop-offset) + 10px);margin-bottom:0;max-width:none}.about-page-title h1{position:relative;transform:translateY(-80px)!important;-webkit-transform:translateY(-80px)!important;z-index:3;margin:0;color:#fdfdfd}.about-me-section{position:relative;z-index:2;margin-top:75px;margin-bottom:28px}.about-me-section h2{margin:0;font-family:Satoshi,sans-serif;font-size:30px;font-style:normal;font-weight:400;line-height:normal;color:#101010}.work-hero-section{margin-top:calc(var(--page-backdrop-offset) + 36px)}.work-hero-section h1{position:relative;transform:translateY(-100px);z-index:3}@media(max-width:1024px){.about-hero-section{margin-top:60px}}@media(min-width:900px){.about-hero-section{flex-direction:row;align-items:flex-start;gap:32px}.about-hero-left{flex:0 0 36%}.about-hero-text{flex:1 1 64%;margin-top:0}.about-columns-container{grid-template-columns:1fr 1fr;gap:180px}}@media(max-width:900px){.about-columns-container{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.about-hero-section{margin-top:60px}.about-columns-container{gap:32px}}@media(max-width:480px){.about-hero-section{margin-top:60px}.about-columns-container{gap:24px}}.project-description-container{position:relative;z-index:2;margin-top:3.125rem;max-width:43.75rem;width:100%}.project-description-text{color:#101010;font-family:Author,sans-serif;font-size:1.25rem;font-style:normal;font-weight:281;line-height:.8;margin:0 0 1rem}.project-image-placeholder{width:100%;height:303px;margin-top:15px;background-color:#f0f0f0}@media(max-width:1024px){.project-image-placeholder{height:260px}}@media(max-width:768px){.project-image-placeholder{height:220px}}@media(max-width:480px){.project-image-placeholder{height:180px}}.project-description-text:last-child{margin-bottom:0}@media(max-width:1200px){.project-description-container{max-width:50rem}}@media(max-width:768px){.project-description-container{max-width:37.5rem}.project-description-text{font-size:1.125rem}}@media(max-width:480px){.project-description-container{max-width:100%}.project-description-text{font-size:1rem}}.project-phases-container{position:absolute;left:-135px;top:calc(var(--page-backdrop-offset) + 50px);width:auto;z-index:1;pointer-events:none}.project-phases-list{display:flex;flex-direction:column;gap:clamp(12px,2vw,18px)}.project-phase-item{display:flex;flex-direction:row;align-items:center;gap:clamp(10px,2vw,14px);background:none;border:none;cursor:pointer;pointer-events:auto;padding:0;transition:opacity .2s ease}.project-phase-item:hover{opacity:.8}.project-phase-circle{width:clamp(16px,3vw,23px);height:clamp(16px,3vw,23px);border-radius:50%;flex-shrink:0;transition:transform .2s ease}.project-phase-item:hover .project-phase-circle{transform:scale(1.1)}.project-phase-label{color:#101010;font-family:Bell MT,serif;font-size:11px;font-style:normal;font-weight:400;line-height:normal;white-space:nowrap}@media(max-width:1024px){.project-phases-container{left:-100px}}@media(max-width:768px){.project-phases-container{left:-90px;top:calc(var(--page-backdrop-offset) + 40px)}.project-phases-list{gap:clamp(10px,1.5vw,16px)}}@media(max-width:480px){.project-phases-container{display:none}}.project-info-container{position:relative;width:auto;display:flex;flex-direction:column;gap:.75rem;z-index:2;flex-shrink:0;margin-top:3.125rem;margin-left:2rem}.project-areas{display:flex;flex-wrap:wrap;gap:.75rem}.project-area{border-radius:2.1875rem;padding:.7rem;color:#363636;font-family:Satoshi Variable;font-size:.75rem;font-style:normal;font-weight:400;line-height:normal;white-space:nowrap}.project-skills{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;max-width:20rem}.skill-item{color:#363636;font-family:Bell MT;font-size:.875rem;font-style:normal;font-weight:400;line-height:normal}.skill-separator{color:#363636;margin:0 .25rem}@media(max-width:1200px){.project-skills{max-width:18rem}}@media(max-width:768px){.project-area{font-size:.6875rem;padding:.5rem}.skill-item{font-size:.8125rem}.project-skills{max-width:100%}}@media(max-width:480px){.project-info-container{gap:1rem}.project-areas{gap:.5rem}.project-area{font-size:.625rem;padding:.375rem}.skill-item{font-size:.75rem}.skill-separator{margin:0 .125rem}}.phase-sections{position:relative;z-index:2;margin-top:4.0625rem;width:100%}.phase-section{margin-bottom:2rem}.phase-header{position:relative;display:flex;align-items:center;gap:.75rem}.phase-circle{position:absolute;left:-120px;width:clamp(3rem,6vw,3.875rem);height:clamp(3rem,6vw,3.875rem);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#101010}.phase-number{font-family:Satoshi;font-size:clamp(1rem,3vw,1.25rem);font-weight:500}.phase-title{color:#101010;font-family:Satoshi;font-size:clamp(1.1rem,2.5vw,1.5rem);font-style:normal;font-weight:400;line-height:normal;margin:0}.ps-wrapper{margin-top:24px}@media(max-width:768px){.phase-sections{margin-top:3rem}.phase-section{margin-bottom:1.5rem}.phase-header{padding-left:6.25rem}.phase-circle{left:-80px}}@media(max-width:480px){.phase-sections{margin-top:2rem}.phase-header{padding-left:4.5rem}.phase-circle{left:-60px}}.problem-statement-container{display:flex;align-items:stretch;gap:clamp(24px,4vw,40px);width:clamp(320px,85%,943px)}.problem-statement-container.m-top-37{margin-top:37px}.problem-statement-left{flex:1 1 auto;min-width:0}.ps-content{border-left:2px solid #3D3D3D;padding-left:20px}.ps-title{color:#3d3d3d;font-family:Elsie,serif;font-size:22px;font-style:normal;font-weight:400;line-height:normal;margin:0}.ps-body{color:#000;font-family:Author,sans-serif;font-size:20px;font-style:normal;font-weight:281;line-height:normal;margin:12px 0 0}.ps-followup{color:#000;font-family:Author,sans-serif;font-size:20px;font-style:normal;font-weight:281;line-height:normal;margin:25px 0 0;width:clamp(520px,55%,640px)}.problem-statement-image{flex:0 0 clamp(260px,40%,420px);background-color:#f0f0f0;border:2px dashed #d0d0d0}@media(max-width:768px){.problem-statement-container{flex-direction:column}.problem-statement-image{width:100%;height:clamp(180px,45vw,240px)}}:root{--page-backdrop-offset: clamp(430px, 58vh, 600px);--selection-color: #ffa719}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.background-overlay{position:relative;min-height:100vh;background-color:#d4e8d3;overflow-x:hidden;display:flex;flex-direction:row}.background-overlay.about-bg{background:url(/assets/about_me_banner-BcmB-gnO.png) center -170px/100% auto no-repeat}.background-overlay.about-plain{background-color:#fdfdfd;background-image:none}.app.contact-page{background-color:#000}.background-overlay.contact-page{background:#000 url(/assets/Frame%2048-CO4doqYb.png) center/cover no-repeat}.app.about-page{background-color:#fdfdfd;color:#101010}.app.about-page .sidebar-logo{filter:none;transition:filter .3s ease,color .3s ease}.app.about-page .menu-link{transition:color .3s ease,letter-spacing .3s ease}.app.about-page .sidebar{transition:transform .3s ease}.app.about-page .sidebar.on-backdrop .sidebar-logo{filter:none;color:#101010}.app.about-page .sidebar.on-backdrop .menu-link{color:#101010}.app.contact-page .page-backdrop{display:none}.page-backdrop{position:absolute;top:var(--page-backdrop-offset);left:0;right:0;bottom:0;background:#fdfdfd;border-radius:40px 40px 0 0;z-index:0}.app.contact-page .main-content,.app.contact-page .page h1,.app.contact-page .page h2,.app.contact-page .page p,.app.contact-page .page a,.app.contact-page .menu-link,.app.contact-page .menu-link:hover,.app.contact-page .page a:hover{color:#fdfdfd}.app.contact-page .sidebar-logo{filter:brightness(0) invert(1);transition:filter .3s ease,color .3s ease}.app.contact-page .contact-email,.app.contact-page .contact-phone{color:#fdfdfd!important}.contact-page{color:transparent}.main-content{position:relative;z-index:2;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;flex:1;min-height:100vh}@media(max-width:1024px){:root{--page-backdrop-offset: clamp(500px, 65vh, 700px)}}@media(max-width:768px){:root{--page-backdrop-offset: clamp(600px, 75vh, 800px)}}@media(max-width:640px){:root{--page-backdrop-offset: clamp(700px, 80vh, 900px)}}@media(max-width:480px){:root{--page-backdrop-offset: clamp(750px, 85vh, 1000px)}}.background-overlay.not-found .sidebar{position:absolute;left:0;top:0;bottom:0;z-index:60;width:180px;background-color:#fdfdfd}.background-overlay.not-found .main-content{width:100%;padding-left:0;padding-right:0;background-color:#fdfdfd;position:relative;z-index:50}::selection{background:var(--selection-color, #ffa719)}::-moz-selection{background:var(--selection-color, #ffa719)}.background-overlay.work-detail.project-backdoor-mission{background-color:#79ff92}.app.work-detail .work-page-title{position:relative;z-index:2;display:block;margin-top:calc(var(--page-backdrop-offset) - 90px);margin-bottom:0;max-width:none}.app.work-detail .work-page-title h1{transform:none!important}@media(max-width:768px){.app.work-detail .work-page-title{margin-top:calc(var(--page-backdrop-offset) - 20px)}}@media(max-width:480px){.app.work-detail .work-page-title{margin-top:calc(var(--page-backdrop-offset) - 15px)}}.app.work-detail.project-backdoor-mission .sidebar-logo{filter:brightness(0) saturate(100%) invert(18%) sepia(43%) saturate(1167%) hue-rotate(147deg) brightness(90%) contrast(96%)}.app.work-detail.project-backdoor-mission .menu-link,.app.work-detail.project-backdoor-mission .sidebar.on-backdrop .menu-link,.app.work-detail.project-backdoor-mission .menu-link:hover,.app.work-detail.project-backdoor-mission .work-frame-company,.app.work-detail.project-backdoor-mission .work-frame-title{color:#04393f}.work-content-wrapper{display:flex;gap:5rem;align-items:flex-start;position:relative;z-index:2;flex-wrap:wrap}@media(max-width:1024px){.work-content-wrapper{gap:3rem}}@media(max-width:768px){.work-content-wrapper{flex-direction:column;gap:1.5rem}}@font-face{font-family:Satoshi Variable;src:local("Satoshi Variable"),local("Satoshi-Variable");font-weight:100 900;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--font-primary: "Satoshi", sans-serif;--font-main: "Satoshi", sans-serif;--primary-color: #000000;--accent-color: #00bfff;--text-color: #101010;--transition-speed: .3s;--color-bg: #fdfdfd;--color-text: #101010;--color-accent: #ff6f61;--color-accent-dark: #e65c50;font-family:Satoshi,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#101010;background-color:#fdfdfd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{font-family:Satoshi,sans-serif;font-size:16px;color:#101010;background-color:#fdfdfd;overflow-x:hidden}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{color:#101010;font-family:Satoshi;font-size:64px;font-style:normal;font-weight:400;line-height:normal}h2{color:#101010;font-family:Satoshi;font-size:28px;font-style:normal;font-weight:400;line-height:normal}p{color:#000;font-family:Author,sans-serif;font-size:20px;font-style:normal;font-weight:281;line-height:normal}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}@media(prefers-color-scheme:light){:root{color:#101010;background-color:#fdfdfd}a:hover{color:#747bff}button{background-color:#f9f9f9}}