*{margin:0;padding:0;box-sizing:border-box}body{background:#0f172a;color:#fff;font-family:Unbounded,sans-serif;overflow-x:hidden;margin:0;padding:0;height:100vh;text-transform:uppercase}#smooth-wrapper{height:100%}a{color:#fff;text-decoration:none}h2{font-size:clamp(1rem,7vw,8rem);font-weight:600;text-align:left;margin-right:0;width:100%;text-transform:none;white-space:normal;word-wrap:break-word;-webkit-hyphens:none;hyphens:none;max-width:calc(100vw - 4rem);box-sizing:border-box;line-height:.9}header{position:fixed;display:flex;align-items:center;justify-content:space-between;padding:0 5%;width:100%;z-index:3;height:7em;font-size:clamp(.66rem,2vw,1rem);letter-spacing:.5em;font-family:Unbounded,sans-serif;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none}.dropdown{position:relative;display:inline-block}.dropdown-button{background:none;border:none;color:#fff;font-family:Unbounded,sans-serif;font-size:clamp(.66rem,2vw,1rem);letter-spacing:.5em;cursor:pointer;padding:.5rem 1rem;text-transform:uppercase;transition:opacity .3s ease}.dropdown-button:hover{opacity:.7}.dropdown-content{display:none;position:absolute;right:0;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(132,134,170,.2);border-radius:8px;min-width:200px;box-shadow:0 8px 32px #0000004d;z-index:1000;margin-top:.5rem}.dropdown-content a{color:#fff;padding:1rem 1.5rem;text-decoration:none;display:block;font-family:Inter,sans-serif;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;transition:all .3s ease;border-bottom:1px solid rgba(132,134,170,.1)}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover,.dropdown-content a.active{background:#8486aa1a;color:#8486aa}.dropdown.active .dropdown-content{display:block}section.first,section.second,section.third,section.fourth,section.fifth,section.sixth,section.seventh{height:100%;width:100%;top:0;position:fixed;visibility:hidden}section.first .outer,section.second .outer,section.third .outer,section.fourth .outer,section.fifth .outer,section.sixth .outer,section.seventh .outer,section.first .inner,section.second .inner,section.third .inner,section.fourth .inner,section.fifth .inner,section.sixth .inner,section.seventh .inner{width:100%;height:100%;overflow-y:hidden}section.first .bg,section.second .bg,section.third .bg,section.fourth .bg,section.fifth .bg,section.sixth .bg,section.seventh .bg{display:flex;align-items:center;justify-content:center;position:absolute;height:100%;width:100%;top:0;background-size:cover;background-position:center}.slide-content{text-align:left;z-index:999;max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}section.first .bg h2,section.second .bg h2,section.third .bg h2,section.fourth .bg h2,section.fifth .bg h2,section.sixth .bg h2,section.seventh .bg h2{z-index:999}section.first .bg .clip-text,section.second .bg .clip-text,section.third .bg .clip-text,section.fourth .bg .clip-text,section.fifth .bg .clip-text,section.sixth .bg .clip-text,section.seventh .bg .clip-text{overflow:hidden}.subtitle-button-row{display:flex;align-items:flex-start;justify-content:flex-start;gap:2rem;margin:2rem 0;flex-wrap:wrap}section.seventh .subtitle-button-row{justify-content:center;width:100%}.section-subtitle{font-family:Inter,sans-serif;font-size:1.5rem;color:#ffffffe6;font-weight:400;text-transform:none;line-height:1.4;margin:0;flex:1 1 auto;min-width:0}.slide-button{background:#8486aa33;border:2px solid rgba(132,134,170,.5);color:#fff;font-family:Unbounded,sans-serif;font-size:1rem;font-weight:600;padding:1rem 2.5rem;border-radius:50px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;flex:0 0 auto;white-space:nowrap;text-decoration:none;display:inline-block;text-align:center}.slide-button:hover{background:#8486aa66;border-color:#8486aacc;transform:translateY(-2px);box-shadow:0 10px 30px #8486aa4d}.contact-container{max-width:600px;margin:0 auto;text-align:center;opacity:inherit}.contact-details{display:flex;flex-direction:column;gap:0;align-items:stretch;background:#ffffff08;opacity:inherit;border:1px solid rgba(132,134,170,.15);border-radius:20px;padding:2.5rem 3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 30px #0003;width:fit-content;margin:0 auto}.contact-line{display:grid;grid-template-columns:120px 1fr;gap:3rem;align-items:center;padding:1rem 0;position:relative}.contact-line:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(132,134,170,.3),transparent)}.contact-line:last-child:after{display:none}.contact-label{font-family:Unbounded,sans-serif;font-size:.9rem;font-weight:600;color:#8486aa;text-transform:uppercase;letter-spacing:.1em;text-align:right}.contact-value{font-family:Inter,sans-serif;font-size:1.1rem;color:#fff;font-weight:500;text-align:left}.linkedin-link{color:#8486aa;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;background:#8486aa1a;border:1px solid rgba(132,134,170,.2)}.linkedin-link:hover{color:#fff;background:#8486aa33;border-color:#8486aa66;transform:translate(5px)}.first .bg{background-image:linear-gradient(180deg,#0009,#0000004d),url(https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?w=1920&h=1080&fit=crop);position:relative}.first .bg:before{content:"";position:absolute;top:22%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;background-image:url(/nickprofile.jpeg);background-size:cover;background-position:center;border:8px solid white;border-radius:8px;box-shadow:0 10px 40px #0006;z-index:1}.first .slide-content{padding-top:15rem}.second .bg{background-image:linear-gradient(180deg,#0009,#0000001a),url(/signature.jpg)}.third .bg{background-image:linear-gradient(180deg,#0009,#0000001a),url(https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=1920&h=1080&fit=crop)}.fourth .bg{background-image:linear-gradient(180deg,#0009,#0000001a),url(https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1920&h=1080&fit=crop)}.fifth .bg{background-image:linear-gradient(180deg,#0009,#0000001a),url(https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=1920&h=1080&fit=crop)}.sixth .bg{background-image:linear-gradient(180deg,#0009,#0000001a),url(https://images.unsplash.com/photo-1622279457486-62dcc4a431d6?w=1920&h=1080&fit=crop)}.seventh .bg{background-image:linear-gradient(180deg,#0009,#0000001a),url(https://images.unsplash.com/photo-1521791136064-7986c2920216?w=1920&h=1080&fit=crop)}.career-summary-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:50%;position:absolute;left:0;top:0;height:100vh;padding-left:5%;z-index:10}.career-summary-content h2{text-align:left;width:100%;margin-right:0}.career-subtitle{font-family:Inter,sans-serif;font-size:1.2rem;color:#8486aa;margin-top:1rem;font-weight:400;text-transform:none}.career-summary .timeline-scroll-container{position:absolute;top:0;right:0;width:50%;height:100vh;padding:2rem;z-index:5;pointer-events:auto;overflow:hidden}.career-summary .timeline-card{position:absolute;top:0;right:0;width:100%;margin-bottom:5rem}h2 *{will-change:transform}.sequence-bg{position:relative;overflow:hidden;background:#000}#image-sequence{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100vw;max-height:100vh;z-index:1}.sequence-overlay{position:relative;z-index:10;text-align:center;background:#0006;padding:3rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sequence-overlay h2{font-family:Unbounded,sans-serif;font-size:clamp(2rem,6vw,4rem);color:#fff;margin-bottom:1rem;text-transform:uppercase}.sequence-subtitle{font-family:Inter,sans-serif;font-size:1.3rem;color:#ffffffe6;font-weight:400;text-transform:none}.intro-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative}.hero-content{text-align:center;max-width:800px}.profile-section{margin-bottom:2rem}.profile-image-container{position:relative;display:inline-block;margin-bottom:1rem}.profile-image{width:200px;height:200px;border-radius:50%;border:4px solid rgba(132,134,170,.3);box-shadow:0 0 #8486aa66;animation:profilePulse 3s infinite;transition:all .3s ease;object-fit:cover;object-position:center}.profile-image:hover{transform:scale(1.05);border-color:#8486aa99}.profile-ring{position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);border:2px solid transparent;border-radius:50%;background:linear-gradient(45deg,#8486aa,#0f172a) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:subtract;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:subtract;animation:ringRotate 4s linear infinite}@keyframes profilePulse{0%{box-shadow:0 0 #8486aa66}70%{box-shadow:0 0 0 15px #8486aa00}to{box-shadow:0 0 #8486aa00}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;margin-bottom:1rem;color:#fff;text-transform:uppercase}.hero-subtitle{font-size:1.5rem;color:#8486aa;margin-bottom:2rem;font-weight:400}.hero-stats{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap}.stat{text-align:center;padding:1rem;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(132,134,170,.2);min-width:120px}.stat-number{display:block;font-size:2rem;font-weight:700;color:#8486aa;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#fffc;font-weight:500}.career-section{min-height:300vh;background:#0f172a;position:relative;padding:2rem;visibility:hidden;opacity:0}.career-header{display:flex;align-items:center;justify-content:center;min-height:100vh;z-index:10;pointer-events:none;padding:2rem}.career-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;width:100%;max-width:1400px;align-items:flex-start;padding-top:0;margin-top:-20vh}.career-title-side{text-align:left;padding-left:2rem;width:50vw;max-width:50vw}.career-title-side h1{font-size:clamp(2rem,6vw,4rem);text-transform:uppercase;text-align:left;line-height:.9;font-weight:700;margin-bottom:1rem;color:#fff;position:relative}.career-title-side .hero-subtitle{font-size:1rem;color:#8486aa;margin-top:1rem;font-weight:400;font-family:Inter,sans-serif}.career-cards-side{position:relative;min-height:400px}.timeline-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.timeline-scroll-container{position:absolute;top:5%;left:50%;width:45%;padding-left:2rem;padding-right:2rem}.timeline-card{position:relative;margin-bottom:5rem}.timeline-line{position:absolute;left:-1rem;top:0;bottom:-5rem;width:2px;background:linear-gradient(to bottom,#8486aa,#8486aa4d)}.timeline-card:last-child .timeline-line{bottom:0}.timeline-line:before{content:"";position:absolute;left:-6px;top:25px;width:14px;height:14px;background:#8486aa;border-radius:50%;box-shadow:0 0 0 4px #8486aa33}.card-content-bg{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(132,134,170,.1);border-radius:20px;padding:2.5rem;display:flex;align-items:center;gap:2rem;min-height:140px;transition:all .3s ease}.card-content-bg:hover{background:#ffffff0d;border-color:#8486aa33;transform:translate(5px)}.company-logo{width:80px;height:80px;border-radius:16px;flex-shrink:0}.card-info{flex:1}.card-year{font-family:Unbounded,sans-serif;font-size:1.4rem;font-weight:700;color:#8486aa;margin-bottom:.5rem}.card-role{font-family:Unbounded,sans-serif;font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.5rem}.card-company{font-family:Inter,sans-serif;font-size:1.1rem;color:#ffffffb3;font-weight:400}.timeline-container{position:absolute;top:0;left:0;width:100%;height:100%}.timeline-item-card{position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;max-width:500px;opacity:0;visibility:hidden}.card-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(132,134,170,.2);border-radius:20px;padding:3rem;text-align:center;box-shadow:0 10px 30px #0000004d}h1{font-size:clamp(3rem,10vw,8rem);text-transform:uppercase;text-align:center;line-height:.9;font-weight:700;margin-bottom:2rem;color:#fff;position:relative}.clamp{position:relative;display:block}.yt{display:block;color:#8486aa}.career-title-side .clamp svg{position:absolute;width:112%;top:50%;transform:translateY(-50%) rotate(2deg) scale(.5);left:-30%}.career-title-side .draw{stroke:#8486aa;stroke-width:4;fill:none;stroke-miterlimit:10}.career-title-side .clamp{position:relative;display:block}.career-title-side .yt{display:block;color:#8486aa}.spacer{height:100vh;background:#1e293b}.timeline-year{font-size:3rem;font-weight:700;color:#8486aa;margin-bottom:1rem;font-family:Unbounded,sans-serif}.timeline-role{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem;font-family:Unbounded,sans-serif}.timeline-company{font-size:1.2rem;color:#8486aa;margin-bottom:1.5rem;font-weight:400}.timeline-description{font-size:1rem;color:#fffc;line-height:1.6;font-family:Inter,sans-serif}.heading{position:relative;z-index:10;text-align:center}.hero-subtitle{font-size:1.2rem;color:#8486aa;margin-top:1rem;font-weight:400;font-family:Inter,sans-serif}@media (max-width: 768px){.first .bg:before{width:180px!important;height:180px!important;border:5px solid white!important;top:25%!important}.first .slide-content{padding-top:10rem!important}.second .slide-content{padding-top:2rem}h2{font-size:clamp(1rem,6vw,8rem);margin-bottom:1rem}.section-subtitle{font-size:1rem;line-height:1.3}.subtitle-button-row{gap:1rem;margin:1rem 0}.slide-button{font-size:.85rem;padding:.8rem 1.5rem}.contact-container{padding:0 1rem;max-width:100%}.contact-details{padding:1.5rem 1rem;width:100%;max-width:100%}.contact-line{grid-template-columns:80px 1fr;gap:1rem;padding:.7rem 0}.contact-label{font-size:.75rem}.contact-value{font-size:.85rem;word-break:break-word}.linkedin-link{padding:.4rem .8rem;font-size:.85rem}.contact-text p{font-size:1.1rem}}
