body{margin:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;background-color:#eff1f4}a{color:#646cff;font-weight:500;text-decoration:none}a:hover{color:#95a1f5}#top:before{content:"";display:block;height:60px;margin-top:-60px}.projectsTitle{font-size:2rem;margin-top:100px;margin-bottom:1em;text-align:left;text-decoration:underline;text-decoration-color:#75d3f0}.projectsTitleAlt{font-size:2rem;margin-top:100px;margin-bottom:1em;text-align:left;text-decoration:underline;text-decoration-color:#95a1f5}.contactMe{text-align:center;margin-top:120px;padding-bottom:60px}.contactMe a{font-size:1.15em}@media(max-width:768px){.contactMe{margin-top:50px}}.navUl{list-style:none;margin:0;padding:0;position:absolute;top:10px;right:10px;display:flex;gap:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navLi a{text-decoration:none;padding:8px;color:#000}.navLi a:hover{color:#95a1f5}.navUl a:focus-visible{outline:none;background-color:#95a1f540;border-radius:4px}.content{width:100%;text-align:center}html{scroll-behavior:smooth}.name{color:#75d3f0}.introduction{display:flex;align-items:center;justify-content:center;gap:40px;margin:100px auto 0;padding:60px 20px;flex-wrap:wrap;max-width:1200px}.introText{flex:0 1 700px;max-width:70ch;widows:2}.introImg{flex:0 0 auto;display:flex;justify-content:flex-start;margin-left:20px}.profileImg{max-width:400px;width:70%;height:auto}.introduction h1{font-size:2.5rem;margin-top:0;margin-bottom:.5em}.introDescription{font-size:1.25rem;line-height:1.6;color:#2d2d2d}.projTitle{font-size:2rem;margin-top:100px;margin-bottom:1em;text-align:center;text-decoration:underline;text-decoration-color:#75d3f0}.projectsSection{display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:40px}.imageContainer{position:relative;transition:transform .3s ease}.imageContainer:hover{transform:translateY(-4px) scale(1.01)}.imageContainer img{width:100%;max-width:800px;height:auto;display:block}@media(max-width:768px){.contactMe{text-align:center}.introImg{padding-top:40px}.projTitle{margin-top:40px}}.resButton{border-radius:30px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#95a1f5;cursor:pointer;transition:border-color .25s}.resButton:hover{border-color:#000}.resButton:focus-visible{outline:4px solid #646cff}.projectButton{position:absolute;bottom:130px;left:80px;border-radius:30px;border:1px solid black;padding:.5em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer;transition:border-color .25s;z-index:2}.projectButton.altPosition{bottom:120px;right:235px;left:auto;transform:none}.projectButton:hover{border-color:#95a1f5;color:#95a1f5}.projectButton:focus-visible{outline:4px solid #646cff}@media(max-width:600px){.projectButton{position:static;display:block;margin:20px auto 0}.projectButton.altPosition{position:static;right:auto;left:auto;bottom:auto}}.toTop{position:fixed;bottom:20px;right:20px;opacity:0;transition:opacity .3s ease}.toTop.show{opacity:1}.topButton{max-width:60px;height:auto;cursor:pointer}.about{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:60px 20px;margin:80px auto 0;max-width:1100px;gap:50px}.aboutText{flex:1 1 55%;max-width:650px}.aboutIntroImg{flex:1 1 40%;display:flex;justify-content:center}.aboutImg{max-width:360px;width:100%;height:auto;border-radius:14px;transition:transform .3s ease}.aboutImg:hover{transform:scale(1.03)}.about h1{font-size:2.5rem;margin-top:0;margin-bottom:.5em}.aboutText p{line-height:1.6;margin-bottom:1.2em;color:#2d2d2d}@media(max-width:768px){.about{flex-direction:column}.introImg{margin-left:0;justify-content:center}.aboutIntroImg{width:100%}.aboutImg{width:100%;aspect-ratio:1 / 1;object-fit:cover}}.textWrap{max-width:900px;margin:0 auto;padding:0 24px;text-align:left}.imageBlock{max-width:1200px;margin-left:auto;margin-right:auto;padding:0 24px}.imageBlock img{width:100%;display:block;border-radius:12px}.introImages{margin-top:150px;display:flex;justify-content:center;align-items:center;gap:120px;flex-wrap:wrap}.projectLogo{width:100%;max-width:200px;height:auto}.projectMockup{width:100%;max-width:400px;height:auto}.textWrap+.imageBlock{margin-top:100px}.imageBlock+.textWrap{margin-top:100px}.textWrap p{line-height:1.75;margin-bottom:24px;color:#2d2d2d}.textWrap h1{margin-bottom:24px}.caption{margin-top:12px;font-style:italic;font-size:.95rem;line-height:1.4;color:#666}.caseIntro{display:flex;flex-direction:row;gap:40px;align-items:flex-start;margin-top:40px;flex-wrap:wrap}.mainInfo{flex:1 1 65%;min-width:300px;text-align:left}.sideInfo{flex:0 0 30%;min-width:200px;text-align:right}.sideInfo h4{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.sideInfo p{margin:0 0 28px;line-height:1.2}@media(max-width:768px){.introImages{gap:80px}.textWrap+.imageBlock,.imageBlock+.textWrap{margin-top:50px}.textWrap p{margin-bottom:18px;line-height:1.65}.sideInfo{text-align:left}.sideInfo{text-align:left;padding-left:20px}}.intro-images{margin-top:150px;display:flex;flex-direction:row;align-items:center;gap:200px}.lumiLogo{width:100%;max-width:200px;height:auto}.lumiMockup{width:100%;max-width:500px;height:auto}.desktopScreen{height:600px;overflow-y:auto;border-radius:10px;background:#fff}.desktopFrame{max-width:1100px;margin:0 auto;padding:20px;background:#1c1c1c;border-radius:16px;box-shadow:0 40px 80px #00000026}.desktopFrameWrapper{display:inline-block;text-align:center;margin-bottom:40px}.desktopFrameWrapper .caption{margin-top:12px;margin-bottom:0;line-height:1.4;font-style:italic;color:#666}.imageBlock.desktopPreview{margin-top:120px;margin-bottom:40px}@media(max-width:768px){.desktopFrame{padding:12px}.desktopScreen{height:320px}}