:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body,html{margin:0;padding:0;width:100vw;min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto;background-color:#000;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif}.site-preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s cubic-bezier(.4,0,.2,1);will-change:opacity}.site-preloader.hidden{opacity:0;pointer-events:none}.site-spinner{border:8px solid rgba(255,255,255,.2);border-top:8px solid #ffe259;border-radius:50%;width:64px;height:64px;animation:spin 1s linear infinite}.flex-container,.box,.avatar-container,.large-text,.small-text-container,.summary,.icon-links{opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);will-change:opacity}.flex-container.fade-in,.flex-container.fade-in *,.location-insights{opacity:1!important}.fade-in{opacity:1}.flex-container{display:flex;justify-content:center;gap:5%;padding:2%;box-sizing:border-box;z-index:2;position:relative;align-items:center;min-height:100vh;width:100vw;flex-wrap:nowrap}.box{border:2px solid rgba(255,255,255,.3);padding:3rem 3.5rem 3rem 3rem;max-width:900px;min-width:500px;width:60vw;box-sizing:border-box;position:relative;overflow-y:auto;overflow-x:hidden;background-color:#0000004d;mix-blend-mode:normal;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:auto;max-height:85vh;min-height:600px;border-radius:18px;box-shadow:0 8px 32px #00000040;scrollbar-width:thin;-ms-overflow-style:none}.box::-webkit-scrollbar{width:8px;display:block}.box::-webkit-scrollbar-track{background:transparent}.box::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.box::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.large-text{font-size:clamp(3rem,7vw,7rem);font-weight:700;color:transparent;-webkit-text-stroke:2px white;text-transform:uppercase;margin:0;line-height:.9;z-index:2;text-align:left}.small-text-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;align-items:center;width:100%;margin-top:1rem;z-index:2}.small-text{font-size:1.4rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;-webkit-text-stroke:1px black;max-width:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin-right:.4rem}.small-text i{margin-right:.2rem;font-size:1.7vw}.summary{margin-top:1rem;font-size:1.4vw;color:#fff;text-align:left;line-height:1.4;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;text-shadow:1px 1px 3px rgba(0,0,0,.7);z-index:2}.avatar-container{position:relative;width:300px;height:300px;flex-shrink:0}.linkedin-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid black;transition:transform .3s ease}.avatar-container:hover .linkedin-avatar{transform:rotate(3deg) scale(1.02);transition:transform .3s}.avatar-container:before{content:"";position:absolute;left:50%;top:50%;width:340px;height:340px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid black;border-top:none;border-left:none;z-index:1}.icon-links{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.icon-links a{color:#fff;transition:transform .3s,color .3s;display:inline-block}.icon-links a:hover{transform:scale(1.1) rotate(-5deg);color:#00a0dc}.linkedin-icon{position:absolute;top:-40px;right:-40px;pointer-events:all;font-size:3rem}.pdf-icon{position:absolute;bottom:-40px;right:-40px;pointer-events:all;font-size:3rem}.gradient-background{position:absolute;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(45deg,#ff0080,#ff8000,#0ff,#8000ff);background-size:400% 400%;z-index:0;animation:gradientFlow 15s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.location-insights{position:fixed;bottom:3vh;right:3vw;z-index:1000;background:#000c;border-radius:10px;box-shadow:0 0 20px #00000080;width:20%;min-width:300px}.calculator-screen{background:#000;border:2px solid #333;border-radius:5px;padding:10px;overflow:hidden}.marquee{width:100%;overflow:hidden;white-space:nowrap}.marquee-content{display:inline-block;color:#0f0;font-family:Courier New,monospace;font-size:14px;animation:scroll-left 30s linear infinite;padding-left:100%}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee:hover .marquee-content{animation-play-state:paused}@media (max-width: 768px){body,html{overflow-x:hidden;overflow-y:auto;height:auto;min-height:100vh}.gradient-background,.rock-background{position:fixed;top:0;left:0;width:100vw;height:100dvh;min-height:100dvh;z-index:0;pointer-events:none}.flex-container{flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:0;padding:0;width:100vw;min-height:unset;height:auto;margin-bottom:80px}.avatar-container{width:200px;height:200px;margin:2.5rem auto 1.2rem;position:relative;display:flex;justify-content:center;align-items:center}.linkedin-avatar{width:190px;height:190px;border-radius:50%;object-fit:cover;border:2px solid black;z-index:2}.avatar-container:before{content:"";position:absolute;left:50%;top:50%;width:200px;height:206px;transform:translate(-50%,-50%);border-radius:50%;border:2.5px solid black;border-top:none;border-left:none;z-index:1;pointer-events:none}.icon-links{width:100%;height:100%;pointer-events:none;margin-left:20px}.icon-links a{font-size:9vw;pointer-events:all;border-radius:50%;padding:.2em;transition:background .2s}.icon-links a:not(:last-child){margin-bottom:1.5em}.linkedin-icon{top:0;right:-40px}.pdf-icon{bottom:0;right:-40px}.box{max-width:96vw;min-width:0;width:96vw;height:auto;max-height:none;min-height:300px;padding:1.5rem 1rem;border-radius:12px;background:#0006;margin-bottom:2rem}.large-text{font-size:12vw;line-height:1.1;-webkit-text-stroke:1px white;text-stroke:1px white}.name-parts{flex-direction:column;align-items:flex-start;width:100%}.name-part.color-wash,.name-part.color-wash.dally{font-size:12vw;line-height:1.1;-webkit-text-stroke:.5px white;text-stroke:.5px white}.name-separator{font-size:5vw;margin:0 .1em;vertical-align:middle}.small-text{font-size:3.2vw;-webkit-text-stroke:.3px black;text-stroke:.3px black;letter-spacing:.01em}.summary{font-size:3.2vw;margin-top:1rem;line-height:1.4}.location-insights{display:none;width:70%;padding:3px;min-width:unset;left:50%;transform:translate(-50%);bottom:5vh}.calculator-screen{padding:4px}.marquee-content{font-size:12px}.rock-background{position:absolute;top:0;left:0;width:100vw;min-height:100%;height:100%;background:url(/images/rock_bg.avif) center top / 100% auto repeat;opacity:.5;z-index:0;pointer-events:none}.app-launcher-icon{width:56px;height:56px;font-size:2.2rem;bottom:-40px}.ideas-icon{width:56px;height:56px;font-size:2.4rem;top:-32px;left:-32px}.box-close-btn{font-size:4rem;height:2.2em;width:2.2em;top:.5rem;right:.5rem}}.rock-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;background:linear-gradient(to bottom,#0000 60%,#00000080,#000),url(/images/rock_bg.avif) center/cover no-repeat;background-color:#000;opacity:.5;animation:slowZoom 40s linear infinite alternate}@keyframes slowZoom{0%{transform:scale(1) translate(0)}to{transform:scale(1.15) translate(-2vw,-2vh)}}.name-parts{display:flex;flex-direction:column;align-items:flex-start}.name-part.color-wash{background:linear-gradient(90deg,#ffe259,#ffa751,#43cea2,#185a9d,#43cea2,#ffe259);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;animation:colorWash 4s linear infinite}@keyframes colorWash{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes spinOff{0%{transform:rotate(0) scale(1);opacity:1}to{transform:rotate(720deg) scale(0);opacity:0}}.spin-off{animation:spinOff 1s ease-in-out forwards}@media (min-width: 769px) and (max-width: 1024px){.flex-container{gap:3vw;padding:2vw 0;justify-content:center;align-items:center}.avatar-container{width:220px;height:220px;margin:0 0 0 2vw;display:flex;justify-content:center;align-items:center;position:relative}.linkedin-avatar{width:180px;height:180px}.avatar-container:before{content:"";position:absolute;left:50%;top:50%;width:210px;height:210px;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid black;border-top:none;border-left:none;opacity:.5;z-index:1;pointer-events:none}.icon-links{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.linkedin-icon{position:absolute;top:10px;right:10px;font-size:2rem;pointer-events:all}.pdf-icon{position:absolute;bottom:10px;right:10px;font-size:2rem;pointer-events:all}.portfolio-title{font-size:5vw;margin-bottom:1.5rem}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.website-image{height:150px}.small-text{font-size:1rem}}.app-launcher-icon{position:absolute;left:50%;bottom:-60px;transform:translate(-50%);background:#fff;color:#222;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001f;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;z-index:3;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.app-launcher-icon:hover,.app-launcher-icon:focus{background:#00a0dc;color:#fff;box-shadow:0 4px 16px #00a0dc2e;outline:none;transform:translate(-50%) scale(1.08)}.ideas-icon{position:absolute;top:-36px;left:-40px;background:none;color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:3rem;cursor:pointer;z-index:3;transition:color .2s,transform .2s;pointer-events:all;box-shadow:none}.ideas-icon i{color:#fff;transition:color .2s}.ideas-icon:hover,.ideas-icon:focus{background:none;outline:none;transform:scale(1.08)}.ideas-icon:hover i,.ideas-icon:focus i{color:#ffe259}.ideas-icon i.highlight-yellow{color:#ffe259!important;text-shadow:0 0 12px #ffe25999,0 0 4px #ffe25966;animation:lightbulb-pulse 1.2s ease-in-out infinite}@keyframes lightbulb-pulse{0%{color:#ffe259;text-shadow:0 0 12px #ffe25999,0 0 4px #ffe25966}50%{color:#fffbe6;text-shadow:0 0 24px #ffe259cc,0 0 12px #ffe25999}to{color:#ffe259;text-shadow:0 0 12px #ffe25999,0 0 4px #ffe25966}}.portfolio-container{width:100%;height:100%;overflow-y:auto;padding:1rem;box-sizing:border-box}.portfolio-title{font-size:3vw;font-weight:700;color:transparent;-webkit-text-stroke:2px white;text-transform:uppercase;margin:0 0 1rem 1rem;line-height:1.1;text-align:left}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:.5rem;visibility:hidden;opacity:0;filter:blur(10px);transition:opacity 1.2s cubic-bezier(.4,0,.2,1),visibility 0s linear 1.2s,filter 1.2s cubic-bezier(.4,0,.2,1)}.portfolio-grid.no-animation{visibility:visible;opacity:1;filter:none;transition:none}.portfolio-grid.grid-loaded{visibility:visible;opacity:1;filter:blur(0);transition:opacity 1.2s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s,filter 1.2s cubic-bezier(.4,0,.2,1)}.website-card{background:#000000b3;border:2px solid rgba(255,255,255,.3);border-radius:10px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;display:block;cursor:pointer;position:relative;height:100%}.website-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.website-card:after{content:"↗";position:absolute;top:1rem;right:1rem;color:#fff9;font-size:1.2rem;transition:color .3s ease}.website-card:hover:after{color:#ffffffe6}.website-image{width:100%;height:200px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.3);opacity:1;transition:none}.website-info{padding:1rem}.website-info h3{color:#fff;font-size:1.2rem;margin:0 0 .5rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.website-info p{color:#fffc;font-size:.9rem;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}@media (min-width: 769px) and (max-width: 1024px){.portfolio-container{padding:1rem}.portfolio-title{font-size:3vw;margin-bottom:1rem}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.website-image{height:180px}}@media (max-width: 768px){.portfolio-container{padding:.75rem;height:auto;overflow-y:visible}.portfolio-title{font-size:5vw;-webkit-text-stroke:1px white;margin-bottom:1rem}.portfolio-grid{grid-template-columns:1fr;gap:1.25rem}.website-card{max-width:100%}.website-image{height:160px}.website-info h3{font-size:1.1rem}.website-info p{font-size:.85rem}.ideas-icon{font-size:2.4rem;top:-1.5rem}}@media (min-width: 1800px){.ideas-icon{font-size:4rem}.box{max-width:1200px;min-width:700px;width:50vw;padding:4rem 5rem 4rem 4rem;min-height:880px;max-height:90vh}.small-text{font-size:1.6rem}.small-text i{margin-right:.5rem;font-size:1.28vw}.large-text{font-size:clamp(4rem,6vw,8rem)}.avatar-container{width:400px;height:400px}}.portfolio-nav{display:flex;justify-content:space-between;align-items:center;min-height:3.2em;margin:0 0 1.5rem 1rem;font-size:2vw;font-weight:700;text-transform:uppercase;gap:.5rem}.portfolio-nav-group{display:flex;align-items:center;gap:.5rem}.portfolio-nav-btn{background:none;border:none;color:#fff;font-size:inherit;font-weight:700;cursor:pointer;padding:.2em .7em;border-radius:6px;transition:color .2s,background .2s;-webkit-text-stroke:1.5px white}.portfolio-nav-btn.active{color:#ffe259;background:#ffffff14;-webkit-text-stroke:1.5px #ffe259}.portfolio-nav-btn:hover:not(.active){color:#ffe259}.portfolio-nav-sep{color:#fff;opacity:.5;font-size:1.5vw;margin:0 .2em;-webkit-user-select:none;user-select:none}.skills-section{color:#fff;padding:1rem 1.5rem;font-size:1.1vw;line-height:1.6;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#000000a6;border-radius:12px;box-shadow:0 2px 12px #0000001f;margin-bottom:1rem;overflow-y:auto;max-height:60vh;width:100%;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.skills-section::-webkit-scrollbar{width:8px;display:block}.skills-section::-webkit-scrollbar-track{background:transparent}.skills-section::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.skills-section::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.skills-heading{font-size:1.5vw;color:#ffe259;margin:1.2em 0 .5em;-webkit-text-stroke:1px #ffe259;text-transform:uppercase}.skills-block{margin-bottom:1em;font-size:1.1vw}.skills-list{margin:0;padding-left:1em;list-style:disc outside;font-size:1.1vw;text-align:left}.skills-list li{margin-bottom:.3em;text-align:left}@media (max-width: 768px){.portfolio-nav{font-size:5vw;margin:0 0 1rem .5rem;min-height:2.2em}.portfolio-nav-sep{font-size:3vw}.skills-section{font-size:3.2vw;padding:.7rem 1rem;max-height:none;overflow-y:visible;width:100%;box-sizing:border-box}.skills-heading{font-size:4vw;-webkit-text-stroke:.5px #ffe259}.skills-block,.skills-list{font-size:3vw;width:100%;box-sizing:border-box}.skills-list{padding-left:1em;margin-left:0;text-align:left}.skills-list li{text-align:left}}.box-close-btn{background:none;border:none;color:#fff;font-size:6vh;font-weight:700;cursor:pointer;opacity:.7;transition:opacity .2s,color .2s;margin-left:0;top:unset;position:absolute;top:.2rem;right:.2rem;line-height:1;vertical-align:middle;padding:0;height:2em;width:2em;display:flex;align-items:center;justify-content:center;z-index:10}.box-close-btn:hover,.box-close-btn:focus{color:#ffe259;opacity:1;outline:none}@media (max-width: 1024px){.portfolio-nav{font-size:6vw;margin:0 0 1rem .5rem;min-height:2.6em}.box-close-btn{font-size:2rem;height:1.7em;width:1.7em;top:.2rem;right:.7rem}}.portfolio-preloader{display:flex;align-items:center;justify-content:center;min-height:320px;width:100%}.spinner{border:6px solid rgba(255,255,255,.2);border-top:6px solid #ffe259;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio-preloader-overlay{position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;display:flex;align-items:center;justify-content:center;background:none;z-index:10;pointer-events:none}@media (max-width: 1024px){.portfolio-preloader-overlay{position:absolute;top:5%}}