@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";.hero-section{background-color:var(--bg-color);min-height:100vh;color:var(--text-color);align-items:center;padding:10vh 0;display:flex;position:relative;overflow:hidden}.hero-container{flex-direction:column;gap:3rem;width:100%;display:flex}.hero-top{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.headline{letter-spacing:-.04em;font-size:clamp(3rem,8vw,8rem);font-weight:500;line-height:1}.profile-pic{object-fit:cover;pointer-events:none;z-index:10;border-radius:50%;width:140px;height:140px;position:absolute;top:0;left:0;box-shadow:0 10px 30px #00000080}@media (width<=768px){.profile-pic{display:none}}.hero-content{flex-direction:column;gap:2rem;max-width:600px;display:flex}.sub-headline{color:var(--text-muted);letter-spacing:-.01em;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.4}.currently-wrapper{flex-direction:column;gap:.5rem;display:flex}.currently-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.9rem;font-weight:600}.currently-list{font-size:1.1rem;list-style:none}.currently-list li{margin-bottom:.25rem}.hero-links{gap:1.5rem;margin-top:1rem;display:flex}.hero-links a{border:1px solid var(--border-color);height:48px;color:var(--text-muted);border-radius:100px;justify-content:center;align-items:center;gap:.5rem;transition:all .3s;display:flex}.hero-links .icon-btn{border-radius:50%;width:48px}.hero-links .wide-btn{background-color:var(--text-color);color:var(--bg-color);border-color:var(--text-color);padding:0 1.5rem;font-weight:500}.hero-links a:hover{background-color:var(--text-color);color:var(--bg-color);opacity:1;transform:translateY(-3px)}.hero-links .wide-btn:hover{color:var(--text-color);background-color:#0000}.hero-links svg{width:20px;height:20px}.section-title{letter-spacing:-.02em;margin-bottom:3rem;font-size:clamp(2rem,5vw,4rem);font-weight:500}.work-showcase{flex-direction:column;gap:2rem;width:100%;margin:0;display:flex}@media (width<=900px){.work-showcase{width:100%}}.work-media{aspect-ratio:16/9;background-color:#1a1a1a;border-radius:12px;width:100%;position:relative;overflow:hidden}.media-placeholder{background:linear-gradient(135deg,#111,#222);justify-content:center;align-items:center;width:100%;height:100%;transition:transform .5s;display:flex;position:relative}.media-placeholder:hover{opacity:1;transform:scale(1.02)}.media-icon-wrapper{color:var(--text-muted);transition:color .3s}.media-placeholder:hover .media-icon-wrapper{color:var(--text-color)}.media-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color);opacity:0;background:#00000080;border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s;display:flex;position:absolute;bottom:2rem;right:2rem;transform:translateY(10px)}.media-placeholder:hover .media-overlay{opacity:1;transform:translateY(0)}.work-details{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.work-info{max-width:600px}.work-title{font-size:clamp(1.5rem,3vw,2.5rem)}.work-desc{color:var(--text-muted);font-size:1.1rem}.work-nav{align-items:center;gap:1.5rem;display:flex}.nav-btn{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.nav-btn:hover{background-color:var(--text-color);color:var(--bg-color)}.work-counter{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:1.1rem}.wins-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.win-card{border:1px solid var(--border-color);background-color:#111;border-radius:12px;flex-direction:column;transition:transform .4s,border-color .4s;display:flex;overflow:hidden}.win-card:hover{border-color:#555;transform:translateY(-5px)}.win-media{aspect-ratio:16/9;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#151515,#0a0a0a);justify-content:center;align-items:center;display:flex}.win-icon{color:#333;transition:color .4s}.win-card:hover .win-icon{color:var(--text-color)}.win-content{flex-direction:column;flex:1;gap:1rem;padding:2rem;display:flex}.win-title{font-size:1.5rem}.win-desc{color:var(--text-muted);flex:1}.win-link{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:.5rem;margin-top:auto;font-size:.9rem;font-weight:500;transition:color .3s;display:inline-flex}.win-card:hover .win-link{color:var(--text-color)}.timeline{flex-direction:column;max-width:800px;display:flex;position:relative}.timeline:before{content:"";background-color:var(--border-color);width:1px;height:100%;position:absolute;top:0;left:32px}.timeline-entry{padding-bottom:5rem;padding-left:80px;position:relative}.timeline-entry:last-child{padding-bottom:0}.timeline-marker{background-color:var(--text-color);width:9px;height:9px;box-shadow:0 0 0 4px var(--bg-color);border-radius:50%;position:absolute;top:0;left:28px}.timeline-content{flex-direction:column;gap:1.5rem;display:flex}.timeline-header{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.logo-wrapper{border:1px solid var(--border-color);background-color:#111;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.company-logo{object-fit:cover;width:100%;height:100%}.timeline-meta{flex-direction:column;gap:.25rem;display:flex}.timeline-year{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;font-weight:500}.timeline-company{font-size:1.5rem;font-weight:500}.timeline-role{color:var(--text-muted);font-size:1.1rem;font-weight:400}.timeline-desc{color:#ccc;max-width:650px;font-size:1.1rem;line-height:1.6}.about-section{padding:15vh 0}.about-content{flex-direction:column;gap:2rem;max-width:900px;display:flex}.about-line{letter-spacing:-.02em;color:var(--text-color);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;line-height:1.4}.about-line:nth-child(2),.about-line:nth-child(3){color:var(--text-muted)}.contact-section{padding-bottom:20vh}.contact-grid{flex-wrap:wrap;gap:1.5rem;margin-bottom:5rem;display:flex}.contact-link{border:1px solid var(--border-color);color:var(--text-muted);background-color:#111;border-radius:100px;align-items:center;gap:1rem;padding:1.5rem 2.5rem;font-size:1.25rem;transition:all .4s;display:flex}.contact-link:hover{background-color:var(--text-color);color:var(--bg-color);opacity:1;transform:translateY(-5px)}.contact-icon{width:24px;height:24px}.contact-footer{border-top:1px solid var(--border-color);padding-top:3rem}.contact-footer p{color:var(--text-muted);letter-spacing:-.01em;font-size:clamp(1.2rem,3vw,2rem)}:root{--bg-color:#0d0d0d;--text-color:#f2f2f2;--text-muted:#888;--border-color:#333;--accent:#fff}.light-theme{--bg-color:#f2f2f2;--text-color:#0d0d0d;--text-muted:#555;--border-color:#ccc;--accent:#000}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}html.transitioning-to-dark::view-transition-old(root){z-index:2}html.transitioning-to-dark::view-transition-new(root){z-index:1}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:500;line-height:1.1}.container{max-width:1440px;margin:0 auto;padding:0 5vw}section{width:100%;padding:10vh 0}img{max-width:100%;display:block}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.btn{background-color:var(--text-color);color:var(--bg-color);text-transform:lowercase;border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:transform .2s;display:inline-flex}.btn:hover{opacity:1;transform:translateY(-2px)}.text-muted{color:var(--text-muted)}