html{-ms-overflow-style:none;overflow-x:hidden;scrollbar-width:none}body{margin:0;scroll-behavior:smooth}a{color:#fff;text-decoration:none}@font-face{font-family:RO Spiritendo;font-style:normal;font-weight:400;src:url(/static/media/RoSpritendoSemiboldBeta-vmVwZ.c7714066bfb699fbc0db.otf) format("opentype")}@font-face{font-family:FOT-RodinNTLGPro-DB;font-style:normal;font-weight:400;src:url(/static/media/FOT-RodinBokutoh%20Pro%20DB.e86d1e539034a3784834.otf) format("opentype")}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#fff}}@keyframes bob{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes float1{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-15px) translateX(10px)}}@keyframes float2{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(-15px)}}@keyframes float3{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-12px) translateX(8px)}}@keyframes float4{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-18px) translateX(-12px)}}@keyframes float5{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-10px) translateX(5px)}}.loading-container{background-attachment:scroll;background-color:initial;background-image:url(/static/media/portfolio-bg.ba789ff63094e39880b2.png);background-position:top;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-container,.loading-content{align-items:center;display:flex;justify-content:center}.loading-content{color:#fff;flex-direction:column;font-family:museoModerno,sans-serif;text-align:center}.loading-moon{animation:float 3s ease-in-out infinite;margin-bottom:30px}.loading-moon img{height:auto;width:200px}.loading-text h2{color:#fff;font-size:2em;margin-bottom:20px}.loading-dots{display:flex;gap:8px;justify-content:center}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background-color:#e9bd98;border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}*{box-sizing:border-box}body,html{height:100%;margin:0;overflow-x:hidden;padding:0}@supports (padding:max(0px)){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}.App{background-attachment:scroll;background-color:initial;background-image:url(/static/media/portfolio-bg.ba789ff63094e39880b2.png);background-position:top;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow-x:hidden;position:relative;scroll-behavior:smooth}.nav{align-items:center;color:#fff;display:flex;flex-direction:row;font-family:museoModerno,sans-serif;justify-content:space-between;position:fixed;top:0;width:100%;z-index:100}.hamburger,.mobile-nav{display:none}.nav h1{font-size:30px;padding-left:20px}.desktop-nav{display:flex;flex-direction:row;left:40px;padding-right:20px;position:relative}.desktop-nav a{font-size:20px;padding-right:60px;position:relative;transition:color .3s ease}.desktop-nav a:hover{color:#d1d5db}.desktop-nav a.active{color:#e9bd98;display:inline-block;position:relative;transition:all .3s ease-in-out}.desktop-nav a.active span{position:relative}.desktop-nav a span:after{background-color:#e9bd98;border-radius:2px;bottom:-5px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:all .4s cubic-bezier(.4,0,.2,1);width:0}.desktop-nav a.active span:after{transform:scaleX(1);width:100%}.info-section{flex-direction:row;justify-content:space-between;padding-bottom:50px;width:100vw}.info-section,.info-text{display:flex;height:100vh;position:relative}.info-text{color:#fff;flex-direction:column;font-family:museoModerno,sans-serif;justify-content:center;padding-left:60px;padding-right:60px;width:40%}.info-text h3{font-size:30px;margin-bottom:80px}.info-text p{font-size:20px;margin-bottom:150px;opacity:.65}.moon{align-items:center;display:flex;justify-content:center;margin:auto;transform:translateY(-20px);z-index:1}#moon,.moon{position:relative}#moon{height:auto;width:600px;z-index:20}#cloud1{animation:float1 12s ease-in-out infinite;right:70px;top:70px;width:300px}#cloud1,#cloud2{height:auto;position:absolute;z-index:5}#cloud2{animation:float2 16s ease-in-out infinite;left:0;top:160px;width:280px}#cloud3{animation:float3 14s ease-in-out infinite;right:-110px;top:200px;width:350px}#cloud3,#cloud4{height:auto;position:absolute;z-index:25}#cloud4{animation:float4 18s ease-in-out infinite;left:-30px;top:360px;width:320px}#cloud5{animation:float5 10s ease-in-out infinite;height:auto;position:absolute;right:-90px;top:420px;width:380px;z-index:25}.email-section{color:#fff;display:flex;flex-direction:row}.email-section img{padding-right:15px}.arrow-down{animation:bob 2s infinite;bottom:20px;display:block;left:50%;margin-left:auto;margin-right:auto;position:absolute;transform:translateX(-50%)}#tooling-section{align-items:center;display:flex;height:100vh;justify-content:center;margin:0;padding:0;width:100vw}.window-container{background-color:#262627;border-radius:27px;height:50vh;margin:auto;max-height:50vh;min-height:475px;min-width:840px;padding:0 16px 16px;width:60vw}.window-header{align-items:center;display:flex;flex-direction:row;height:50px}.window-header p{margin:auto}.window-buttons{display:flex;position:absolute;width:-webkit-fit-content;width:fit-content}.window-button{background-color:#fff;border-radius:50%;height:16px;position:relative;width:16px}.window-button:not(:first-child){margin-left:8px}.red{background-color:#875050}.yellow{background-color:#b4ba66}.green{background-color:#65b576}.window-container p{color:#fff;font-family:Courier New,Courier,monospace;font-weight:700;opacity:1}.window-text{align-items:center;display:flex;flex-direction:row;font-size:20px;width:330px}#type{animation:blink-caret .75s step-end infinite;border-right:.15em solid #fff;display:inline-block;letter-spacing:normal;margin:0;overflow:hidden;position:relative;white-space:nowrap}.tools-r1,.tools-r2{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around}.tools-r2 .tool-container{margin-top:15px}.tool-container{align-items:center;background-color:#d9d9d91a;border-radius:13px;display:flex;flex-direction:column;height:10em;justify-content:flex-end;width:10em}.tool-container:not(:first-child){margin-left:20px}.tool-container img{height:85px;width:85px}.tool-container img[alt=Figma]{height:85px;width:120px}.tool-flip{animation:flipIn .6s ease-in-out}.tool-hidden{opacity:0;visibility:hidden}@keyframes flipIn{0%{opacity:0;transform:rotateY(-90deg)}50%{opacity:.5;transform:rotateY(-45deg)}to{opacity:1;transform:rotateY(0deg)}}.tool p{color:#000;font-family:Courier New,Courier,monospace;font-weight:700;margin:auto;opacity:1;text-align:center}.projects-section{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:100px;min-height:100vh;padding:20px 0;width:100vw}.projects-grid{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-auto-rows:520px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px;overflow:visible;padding:0 20px}.projects p{margin:0}.projects-header{align-items:center;border:4px solid #fff;border-radius:60px;display:flex;height:100px;justify-content:center;margin:auto auto 50px;width:550px}.projects-header h2{border-radius:60px;font-size:60px}.project,.projects-header h2{color:#fff;font-family:MuseoModerno,sans-serif}.project{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border:2px solid #818181;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;height:520px;overflow:hidden;padding:20px 20px 30px;position:relative;transition:all .3s ease-in-out;width:100%}.project:hover{box-shadow:0 10px 25px #0000004d;height:auto;min-height:500px;transform:translateY(-5px);z-index:10}.project:hover .project-bottom{gap:0}.project:hover .tools{margin-top:10px;transition:margin-top .3s ease-out}.project:hover .achievements{margin-top:-20px}.project-title{color:#fff;font-family:MuseoModerno,sans-serif;font-size:1.5em;left:50%;margin:10px 0;position:absolute;text-align:center;transform:translateX(-50%);z-index:1}.project-header{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:50px;margin-top:20px;position:relative;width:100%}.github{height:60px;margin-left:20px;z-index:50}.github:hover{transform:scale(1.1);transition:transform .25s ease-in-out}.github-button{background:none;border:none;border-radius:8px;cursor:pointer;margin-left:10px;padding:8px;transition:all .3s ease;z-index:50}.github-button:hover{background-color:#ffffff1a;transform:scale(1.1)}.github-logo{height:32px;object-fit:cover;width:32px}.github-link{right:0}.figma-link,.github-link{align-items:center;display:flex;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.figma-link{left:0}.figma-button{background:none;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:all .3s ease;z-index:50}.figma-button:hover{background-color:#ffffff1a;transform:scale(1.1)}.figma-logo{height:auto;object-fit:contain;width:28px}.project-description{color:#fff;font-family:MuseoModerno,sans-serif;font-size:.9em;font-weight:400;line-height:1.4;margin-bottom:0}.role{font-size:1em;font-weight:bolder}.project-bottom{align-items:center;flex-direction:column;flex-grow:1;gap:0}.project-bottom,.tools{display:flex;justify-content:center}.tools{flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:50px;margin-top:20px;width:100%}.tool{background-color:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#3a2a2a;font-size:.8em;font-weight:bolder;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.project-image{border-radius:15px;height:250px;margin-bottom:8px;object-fit:contain;width:100%}.project-images{display:flex;flex-direction:row;gap:8px;margin-bottom:8px;overflow-x:auto}.project-images .project-image{filter:none;flex-shrink:0;height:190px;margin-bottom:0;opacity:1;width:auto}.project-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;text-align:center}.achievements{margin-top:0;max-height:0;min-height:20px;opacity:0;width:100%}.achievements,.project:hover .achievements{overflow:hidden;transition:all .3s ease-in-out}.project:hover .achievements{max-height:300px;opacity:1}.achievement{align-items:center;background-color:#fff3;border:1px solid #ffffff4d;border-radius:15px;color:#3a2a2a;display:flex;flex-direction:row;font-size:.8em;font-weight:bolder;height:-webkit-fit-content;height:fit-content;justify-content:center;margin:5px auto;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.achievement img{height:16px;margin-right:8px;width:16px}.achievement p{margin:0;text-align:center}#valdle .role{color:#ebafaf}#valdle .achievement,#valdle .tool{background-color:#ebafaf}#dau .role{color:#afebb6}#dau .achievement,#dau .tool{background-color:#afebb6}#memotrail .role{color:#afcbeb}#memotrail .achievement,#memotrail .tool{background-color:#afcbeb;color:#252821}#bookit .role{color:#fbbf24}#bookit .achievement,#bookit .tool{background-color:#fbbf24;color:#1f2937}#artr .role{color:#d8b4fe}#artr .achievement,#artr .tool{background-color:#d8b4fe;color:#1f2937}#lucidia .role{color:#fbb6ce}#lucidia .achievement,#lucidia .tool{background-color:#fbb6ce;color:#1f2937}#dinesafe .role{color:#86efac}#dinesafe .achievement,#dinesafe .tool{background-color:#86efac;color:#1f2937}#minlee-party .role{color:#fde68a}#minlee-party .achievement,#minlee-party .tool{background-color:#fde68a;color:#1f2937}#sonder .role{color:#a5f3fc}#sonder .achievement,#sonder .tool{background-color:#a5f3fc;color:#1f2937}#ics-search .role{color:#c7d2fe}#ics-search .achievement,#ics-search .tool{background-color:#c7d2fe;color:#1f2937}#license-link .role{color:#fecaca}#license-link .achievement,#license-link .tool{background-color:#fecaca;color:#1f2937}@media (max-width:1024px){.moon{transform:translateY(0)}}@media (min-width:768px) and (max-width:1024px){.info-section{justify-content:flex-start;padding:100px 40px 80px}.info-section,.info-text{align-items:center;flex-direction:column;text-align:center}.info-text{display:flex;height:auto;justify-content:center;margin-bottom:40px;margin-top:0;padding-left:0;padding-right:0;transform:none;width:80%}.info-text h3{font-size:32px;margin-bottom:30px}.info-text p{font-size:20px;margin-bottom:50px}.moon{margin:0 0 40px;order:-1;transform:translateY(0)}.moon img{height:auto;max-width:400px;width:50vw}#cloud1{height:auto;max-width:200px;right:40px;top:50px;width:25vw}#cloud2{height:auto;left:-10px;max-width:180px;top:120px;width:22vw}#cloud3{height:auto;max-width:220px;right:-60px;top:130px;width:28vw}#cloud4{height:auto;left:-20px;max-width:200px;top:250px;width:24vw}#cloud5{height:auto;max-width:240px;right:-50px;top:280px;width:30vw}.email-section{align-items:center;justify-content:center;text-align:center;width:100%}.window-container{height:auto;margin:0 2vw!important;max-height:none;min-height:350px;min-width:600px;padding-bottom:20px;width:50vw!important}#tooling-section{padding:20px 0}.project{height:580px;padding:20px 20px 70px}.projects-grid{grid-auto-rows:580px}}@media (max-width:768px){.nav{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;flex-direction:row;justify-content:space-between;left:0;padding:calc(env(safe-area-inset-top) + 20px) 20px 20px;position:fixed;right:0;text-align:left;top:0;z-index:100}.desktop-nav{display:none!important}.hamburger{align-self:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:space-around;margin:0;padding:0;position:relative;width:30px;z-index:103}.hamburger-line{background-color:#fff;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger-line.open:first-child{left:50%;margin-left:-15px;margin-top:-1.5px;position:absolute;top:50%;transform:rotate(45deg) translate(0);width:30px}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){left:50%;margin-left:-15px;margin-top:-1.5px;position:absolute;top:50%;transform:rotate(-45deg) translate(0);width:30px}.mobile-nav{align-items:center;background-color:#000000f2;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;transform:translateY(-100%);transition:transform .3s ease;width:100%;z-index:50}.mobile-nav.open{transform:translateY(0)}.mobile-nav-links{align-items:center;display:flex;flex-direction:column;gap:30px;max-width:300px;width:100%}.mobile-nav-links a{color:#fff;font-size:24px;padding:12px 0;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.mobile-nav-links a:after{background-color:#e9bd98;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.mobile-nav-links a:hover{color:#d1d5db}.mobile-nav-links a:hover:after{width:60%}.mobile-nav-links a.active{color:#e9bd98}.mobile-nav-links a.active:after{width:60%}.hero{padding-top:100px}.nav h1{align-self:center;line-height:1;margin:0;padding-left:0;position:relative;text-align:left;z-index:102}.nav div{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;left:0;padding-right:0}.nav div a{font-size:16px;margin-bottom:10px;padding-left:30px;padding-right:30px}.info-section{justify-content:flex-start;padding:80px 20px}.info-section,.info-text{align-items:center;flex-direction:column;text-align:center}.info-text{display:flex;justify-content:center;margin-bottom:20px;margin-top:-120px;padding-left:20px;padding-right:20px;top:0;transform:translateY(-30px);width:90%}.email-section{align-items:center;justify-content:center;text-align:center;width:100%}.info-text h3{font-size:24px;margin-bottom:20px}.info-text p{font-size:16px;margin-bottom:30px}.moon{margin:0;order:-1;transform:translateY(-30px)}.moon img{height:auto;max-width:300px;width:60vw}#cloud1{height:auto;max-width:150px;right:30px;top:40px;width:25vw}#cloud2{left:-10px;max-width:140px;width:22vw}#cloud2,#cloud3{height:auto;top:100px}#cloud3{max-width:180px;right:-50px;width:28vw}#cloud4{height:auto;left:-10px;max-width:160px;top:190px;width:24vw}#cloud5{height:auto;max-width:200px;right:-40px;top:200px;width:30vw}.arrow-down{bottom:20px;height:auto;width:35px}#tooling-section{margin-top:40px}.window-container{height:auto;min-height:300px;min-width:0;min-width:auto;padding:0 20px 5px;width:95vw}.window-text{font-size:16px;width:100%}.tool-container{aspect-ratio:1;height:6em;justify-content:center;width:6em}.tool-container img{height:50px;transform:translateY(.3em);width:50px}.tool-container img[alt=Figma]{height:50px;width:60px}.tool-container p{font-size:12px;margin-top:.3em}.tools-r1,.tools-r2{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;gap:3px;justify-content:center;transform:none!important;transition:none!important;-webkit-user-select:none;user-select:none}.projects-section{height:auto;padding:20px}.projects-grid{gap:40px;grid-auto-rows:360px;grid-template-columns:1fr;padding:0 10px}.projects-header{height:80px;width:90%}.projects-header h2{font-size:40px}.project{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;animation:none!important;height:360px;left:0!important;padding:25px 30px 35px;position:relative!important;top:0!important;-webkit-touch-action:manipulation;touch-action:manipulation;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transition:none!important;-webkit-user-select:none;user-select:none;width:100%}.project:hover{height:360px;transform:none}.figma-logo,.github-logo{height:22px;width:22px}.project-header{margin-bottom:30px;margin-top:15px}.project-title{font-size:1.2em;margin:8px 0}.project-description{font-size:.9em;line-height:1.4;margin-bottom:10px}.project-image{height:170px;margin-bottom:8px}.project-images .project-image{height:140px}.project-bottom{gap:15px;justify-content:flex-start;padding-bottom:35px}.tools{animation:none!important;display:flex;flex-wrap:wrap;gap:1px;justify-content:center;left:0!important;margin-bottom:20px;margin-top:3px;position:relative!important;top:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transition:none!important;width:100%}.project:hover .tools{margin-top:3px!important;transition:none!important}.tool{font-size:.7em;padding:3px 6px;white-space:nowrap}.achievements{display:none}.achievement{font-size:.7em;padding:6px 10px}}@media (max-width:480px){.nav div a{font-size:14px;padding-left:20px;padding-right:20px}.info-section{padding-bottom:60px}.info-text{display:flex;flex-direction:column;padding-left:10px;padding-right:10px;transform:translateY(-20px);width:95%}.email-section,.info-text{align-items:center;justify-content:center;text-align:center}.email-section{width:100%}.info-text h3{font-size:20px;margin-bottom:15px}.info-text p{font-size:14px;margin-bottom:20px}.moon img{height:auto;max-width:300px;width:50vw}#cloud1{max-width:200px;right:40px;top:60px}#cloud1,#cloud2{height:auto;width:30vw}#cloud2{left:10px;max-width:150px;top:110px}#cloud3{max-width:140px;right:-10px;top:120px}#cloud3,#cloud4{height:auto;width:30vw}#cloud4{left:-20px;max-width:170px;top:190px}#cloud5{height:auto;max-width:170px;right:0;top:210px;width:35vw}.arrow-down{bottom:15px;height:auto;width:30px}#tooling-section{margin-top:30px}.window-container{padding:0 15px 2px;width:98vw}.window-text{font-size:14px}.tool-container{aspect-ratio:1;height:4.5em;justify-content:center;width:4.5em}.tool-container img{height:35px;transform:translateY(.3em);width:35px}.tool-container img[alt=Figma]{height:35px;width:45px}.tool-container p{font-size:10px;position:relative;top:.9em}.tools-r1,.tools-r2{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;gap:2px;justify-content:center;transform:none!important;transition:none!important;-webkit-user-select:none;user-select:none}.projects-section{padding:10px}.projects-grid{gap:35px;grid-auto-rows:360px;grid-template-columns:1fr;padding:0 5px}.projects-header{height:60px;width:95%}.projects-header h2{font-size:30px}.project{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;animation:none!important;height:360px;left:0!important;overflow:hidden;padding:20px 25px 30px;position:relative!important;top:0!important;-webkit-touch-action:manipulation;touch-action:manipulation;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transition:none!important;-webkit-user-select:none;user-select:none;width:100%}.project:hover{height:360px;min-height:360px;transform:none}.project-title{font-size:1.2em;margin-bottom:6px}.project-description{font-size:.85em;line-height:1.3;margin-bottom:8px}.project-image{height:150px;margin-bottom:6px}.project-images .project-image{height:130px}.project-bottom{gap:15px;justify-content:flex-start;padding-bottom:30px}.tools{animation:none!important;display:flex;flex-wrap:wrap;gap:1px;justify-content:center;left:0!important;margin-bottom:18px;margin-top:2px;position:relative!important;top:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transition:none!important;width:100%}.project:hover .tools{margin-top:2px!important;transition:none!important}.tool{font-size:.6em;padding:2px 4px;white-space:nowrap}.achievements{display:none}.achievement{font-size:.65em;padding:4px 8px}}html{scroll-behavior:smooth}body,html{height:100%}body{overflow-x:hidden;overflow-y:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#818181,#a0a0a0);border:1px solid #ffffff1a;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a0a0a0,silver)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,silver,#e0e0e0)}*{scrollbar-color:#818181 #0000;scrollbar-width:thin}.case-study-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;font-family:MuseoModerno,sans-serif;min-height:100vh;padding:20px}.case-study-content{margin:0 auto;max-width:1200px;padding:40px 20px}.back-link{color:#fff;display:inline-block;font-size:1.1em;margin-bottom:30px;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#d1d5db}.case-study-header{align-items:flex-start;display:flex;gap:40px;margin-bottom:60px}.case-study-hero-image{border-radius:20px;box-shadow:0 10px 30px #0000004d;height:auto;width:600px}.case-study-title-section{flex:1 1}.case-study-title{color:#fff;font-size:3em;margin:0 0 10px}.case-study-role{color:#d1d5db;font-size:1.2em;margin:0 0 20px}.case-study-tools{display:flex;flex-wrap:wrap;gap:10px}.case-study-tool{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;color:#3a2a2a;font-size:.9em;font-weight:700;padding:8px 16px}.case-study-achievements,.case-study-description,.case-study-details{margin-bottom:40px}.case-study-achievements h2,.case-study-description h2,.case-study-details h2{color:#fff;font-size:2em;margin-bottom:20px}.case-study-description p{color:#d1d5db;font-size:1.1em;line-height:1.6}.case-study-achievements ul{list-style:none;padding:0}.case-study-achievements li{background-color:#ffffff0d;border-left:4px solid #4ade80;border-radius:10px;margin-bottom:10px;padding:15px 20px 15px 40px;position:relative}.case-study-achievements li:before{color:#4ade80;content:"✓";font-weight:700;left:15px;position:absolute;top:15px}.case-study-links{display:flex;gap:20px;margin-bottom:40px}.case-study-link{background-color:#ffffff1a;border:2px solid #818181;border-radius:15px;color:#fff;font-weight:700;padding:15px 30px;text-decoration:none;transition:all .3s ease}.case-study-link:hover{background-color:#fff3;border-color:#fff;transform:translateY(-2px)}.case-study-details ul{color:#d1d5db;line-height:1.6}.case-study-details li{margin-bottom:8px}.challenge-solution{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:30px 0}.challenge,.solution{background-color:#ffffff0d;border-left:4px solid #4ade80;border-radius:10px;padding:20px}.challenge h3,.solution h3{color:#fff;margin:0 0 10px}.case-study-challenges,.case-study-impact,.case-study-lessons,.case-study-process{margin-bottom:40px}.process-section{background-color:#ffffff0d;border-radius:10px;margin-bottom:25px;padding:20px}.process-section h3{color:#fff;font-size:1.3em;margin:0 0 15px}.process-section ul{margin:0;padding-left:20px}.process-section li{color:#d1d5db;margin-bottom:8px}.case-study-challenges ul{list-style:none;padding:0}.case-study-challenges li{background-color:#ffffff0d;border-left:4px solid #f59e0b;border-radius:10px;margin-bottom:10px;padding:15px 20px 15px 40px;position:relative}.case-study-challenges li:before{color:#f59e0b;content:"⚠";font-weight:700;left:15px;position:absolute;top:15px}.impact-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:20px 0}.stat{background-color:#ffffff0d;border-radius:10px;padding:20px;text-align:center}.stat h3{color:#4ade80;font-size:2em;margin:0 0 10px}.stat p{color:#d1d5db;font-weight:700;margin:0}.impact-description{background-color:#ffffff0d;border-radius:10px;color:#d1d5db;margin-top:20px;padding:20px}.case-study-lessons ul{list-style:none;padding:0}.case-study-lessons li{background-color:#ffffff0d;border-left:4px solid #8b5cf6;border-radius:10px;margin-bottom:10px;padding:15px 20px 15px 40px;position:relative}.case-study-lessons li:before{content:"💡";left:15px;position:absolute;top:15px}@media (max-width:768px){.case-study-header{flex-direction:column;gap:20px}.case-study-hero-image{height:300px;object-fit:cover;width:100%}.case-study-title{font-size:2em}.case-study-tools{justify-content:center}.case-study-links{flex-direction:column}.case-study-link{text-align:center}.challenge-solution,.impact-stats{gap:20px;grid-template-columns:1fr}}.case-study-demo{margin:40px 0}.case-study-demo h2{color:#e9bd98;font-size:2em;margin-bottom:20px}.demo-video-container{border-radius:15px;box-shadow:0 10px 30px #0000004d;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.demo-video{border:none;border-radius:15px;height:100%;left:0;position:absolute;top:0;width:100%}.case-study-insights{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:15px;margin:40px 0;padding:30px}.case-study-insights h2{color:#e9bd98;font-size:2em;margin-bottom:30px}.insights-section{margin-bottom:30px}.insights-section h3{color:#fff;font-size:1.3em;margin-bottom:15px}.stats-list{list-style:none;padding:0}.stat-item{background:#e9bd981a;border-left:4px solid #e9bd98;border-radius:10px;font-size:1.1em;line-height:1.5;margin:10px 0;padding:15px 20px}.insights-section ul{padding-left:20px}.insights-section li{line-height:1.6;margin:10px 0}@media (max-width:768px){.case-study-demo h2{font-size:1.5em}.case-study-insights{margin:20px 0;padding:20px}.case-study-insights h2{font-size:1.5em}.stat-item{font-size:1em;padding:12px 15px}}.toast{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-family:museoModerno,sans-serif;font-weight:500;max-width:400px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1000}.toast-success{background-color:#4ade80;border-left:4px solid #22c55e}.toast-error{background-color:#ef4444;border-left:4px solid #dc2626}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.contact-section{background-color:#000;color:#fff;min-height:100vh;padding:80px 20px 40px;position:relative;text-align:center}.contact-container,.contact-section{display:flex;flex-direction:column;justify-content:space-between}.contact-container{height:100%;margin:0 auto;max-width:800px}.contact-info{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:30px;padding:20px}.contact-info p{color:#ccc;font-size:1.1em;margin:8px 0}.contact-info strong{color:#fff}.contact-form{margin:0 auto 40px;max-width:800px!important;width:100%}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{background-color:#1a1a1a;border:2px solid #333;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:16px;padding:15px;transition:border-color .3s ease;width:100%!important}.form-group textarea{min-height:120px;resize:none}.form-group input:focus,.form-group textarea:focus{border-color:#555;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.submit-btn{background-color:#333;border:2px solid #555;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:15px 30px;transition:all .3s ease;width:100%}.submit-btn:hover{background-color:#555;border-color:#777;transform:translateY(-2px)}.contact-section h2{color:#fff;font-family:museoModerno,sans-serif;font-size:2.5em;margin-bottom:20px}.contact-section p{color:#ccc;font-size:1.2em;line-height:1.6;margin-bottom:40px}.contact-links{align-items:center;display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:30px;justify-content:center;margin-top:auto;padding-top:40px}.contact-link{background-color:#333;border:2px solid #0000;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:15px 30px;text-decoration:none;transition:all .3s ease}.contact-link.github-link,.contact-link.linkedin-link{align-items:center!important;background-color:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;display:flex!important;flex-shrink:0!important;height:50px!important;justify-content:center!important;padding:12px!important;position:static!important;right:auto!important;top:auto!important;transform:none!important;transition:all .3s ease!important;width:50px!important}.contact-link.github-link:hover,.contact-link.linkedin-link:hover{background-color:#fff3!important;border-color:#fff6!important;transform:scale(1.1)!important}.contact-link .github-logo,.contact-link .linkedin-logo{height:32px;object-fit:contain;width:32px}@media (max-width:768px){.contact-section{padding:60px 20px}.contact-section h2{font-size:2em}.contact-links{align-items:center;flex-direction:row;gap:30px;justify-content:center}.contact-link{text-align:center;width:auto}.contact-link.github-link,.contact-link.linkedin-link{align-items:center;border-radius:12px;display:flex;height:60px;justify-content:center;padding:0;position:static!important;right:auto!important;top:auto!important;transform:none!important;width:60px}.contact-form{margin:0 auto 30px;max-width:100%}.form-group input,.form-group textarea{font-size:14px;padding:12px}.form-group textarea{min-height:100px;resize:none}.submit-btn{font-size:14px;padding:12px 20px}.contact-info{margin-bottom:20px;padding:15px}.contact-info p{font-size:1em}.contact-link .github-logo,.contact-link .linkedin-logo{height:28px;width:28px}.toast{font-size:14px;left:10px;max-width:none;padding:12px 16px;right:10px;top:10px}}
/*# sourceMappingURL=main.d100fca3.css.map*/