:root{--bg-dark:#000;--text-primary:#fff;--text-link:#ff4f00;--text-name:#3d24f9;--text-secondary:#ffffffb3;--text-muted:#fff6;--border-color:#ffffff1a;--font-serif:"EB Garamond", "Cormorant Garamond", serif;--font-sans:"Inter", -apple-system, sans-serif;--content-max-width:90%;--section-gap:80px;--box-bg:#111}[data-theme=light]{--bg-dark:#fff;--text-primary:#111;--text-secondary:#000000b3;--text-muted:#0006;--border-color:#0000001a;--box-bg:#f2f2f2}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}::selection{color:var(--text-primary);background-color:#ffffff26}a{text-decoration:none}#app{flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 2rem}header{padding-top:60px;padding-bottom:60px;position:relative}.header-nav{justify-content:space-between;align-items:center;display:flex}.brand-link{display:none!important}.brand-link.back-active{background-color:var(--button-bg,#ffffff14);color:var(--text-primary);font-size:13px;font-weight:500;font-family:var(--font-sans);border:1px solid #ffffff0d;border-radius:100px;align-items:center;margin-top:30px;padding:6px 14px;transition:background-color .2s,opacity .2s;display:inline-flex!important}[data-theme=light] .brand-link.back-active{background-color:#0000000d;border:1px solid #00000008}.brand-link.back-active:hover{opacity:1;background-color:#ffffff1f}[data-theme=light] .brand-link.back-active:hover{background-color:#00000014}.nav-right{align-items:center;gap:16px;display:flex}.theme-toggle-btn{cursor:pointer;background-color:#121212;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;width:52px;height:32px;margin-top:30px;padding:0;transition:all .2s;display:flex;box-shadow:inset 0 1px 1px #ffffff05}.theme-toggle-btn svg{stroke:#fff9;stroke-width:1.75px;width:16px;height:16px;transition:stroke .2s}.theme-toggle-btn:hover{background-color:#161616;border-color:#ffffff24}.theme-toggle-btn:hover svg{stroke:#fffffff2}.theme-toggle-btn .moon-icon{display:none}[data-theme=light] .theme-toggle-btn{background-color:#f5f5f5;border:1px solid #0000000f;box-shadow:inset 0 1px 1px #00000003}[data-theme=light] .theme-toggle-btn svg{stroke:#0000008c}[data-theme=light] .theme-toggle-btn:hover{background-color:#ebebeb;border-color:#0000001f}[data-theme=light] .theme-toggle-btn:hover svg{stroke:#000000e6}[data-theme=light] .theme-toggle-btn .sun-icon{display:none}[data-theme=light] .theme-toggle-btn .moon-icon{display:block}.tab-content{opacity:0;transition:opacity .4s,transform .4s;display:none;transform:translateY(12px)}.tab-content.active{opacity:1;display:block;transform:translateY(0)}.intro-container{margin-top:110px;margin-bottom:60px}.intro-text{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.02em;font-size:44px;font-weight:400;line-height:1.25}.intro-text .highlight-link{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.intro-text .highlight-link.name{color:#6452ff;text-decoration-color:#6452ff}.intro-text .highlight-link.client{color:var(--text-link);-webkit-text-decoration-color:var(--text-link);text-decoration-color:var(--text-link)}.marquee-container{white-space:nowrap;width:100%;margin-bottom:var(--section-gap);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:16px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.marquee-track{animation:20s linear infinite marquee;display:inline-block}.client-logo{object-fit:contain;vertical-align:middle;opacity:.8;height:20px;margin:0 40px}.client-logo.volta-logo{height:32px}.light-only{display:none!important}.dark-only{display:inline-block!important}[data-theme=light] .dark-only{display:none!important}[data-theme=light] .light-only{display:inline-block!important}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.projects-list{flex-direction:column;gap:100px;margin-bottom:80px;display:flex}.project-item{flex-direction:column;gap:20px;display:flex}.project-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:baseline;padding-bottom:16px;display:flex}.project-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text-primary);font-size:28px;font-weight:400}.project-date{font-family:var(--font-sans);color:var(--text-muted);font-size:14px}.project-gallery{gap:16px;margin:20px 0;display:grid}.project-gallery img,.project-gallery video{object-fit:cover;background-color:var(--box-bg);border-radius:8px;width:100%;height:100%}.layout-single{width:100%;display:block!important}.layout-single img{border-radius:4px;display:block;background-color:#0000!important;width:100%!important;height:auto!important}.layout-tola{grid-template-columns:1fr 1fr}.layout-tola .full-width{aspect-ratio:21/9;grid-column:1/-1}.layout-rig{grid-template-columns:1fr 1fr}.layout-rig .rig-logo{object-fit:contain;background-color:#1a1a1a;padding:40px}.layout-rig .full-width{grid-column:1/-1}.layout-duffel{grid-template-columns:1fr 1fr}.layout-two-boxes{aspect-ratio:1024/377;width:100%;margin:0 0 -4px;grid-template-columns:55.3fr 44.7fr!important;gap:14px!important;display:grid!important}.layout-two-boxes .box{background-color:var(--box-bg);box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.layout-two-boxes .box-left{padding:7.88% 6.27% 6.27% 5.73%}.layout-two-boxes .box-right{padding:11.72% 3.31% 5.75% 9.29%}.layout-two-boxes .box img,.layout-two-boxes .placeholder-img{object-fit:cover;border-radius:4px;width:100%;height:100%}.layout-hs-dashboard{aspect-ratio:1024/809;flex-direction:column;width:100%;margin:0;gap:14px!important;display:flex!important}.layout-hs-dashboard .row{gap:14px;width:100%;display:grid}.layout-hs-dashboard .row-1{flex:361;grid-template-columns:56.5fr 43.5fr}.layout-hs-dashboard .row-2{flex:434;grid-template-columns:1fr 1fr}.layout-hs-dashboard .box{background-color:var(--box-bg);box-sizing:border-box;border-radius:6px;width:100%;height:100%}.layout-hs-dashboard .box img{object-fit:cover;border-radius:6px;width:100%;height:100%}.layout-safe-search{aspect-ratio:1024/386;background-color:var(--box-bg);border-radius:8px;width:100%;margin:0;overflow:hidden;display:block!important;position:relative!important}.layout-safe-search .box{background-color:var(--bg-dark);border-radius:4px;position:absolute}.layout-safe-search .box-1{width:12.1094%;height:68.3938%;top:0%;left:2.44141%;border-radius:0!important}.layout-safe-search .box-2{width:12.1094%;height:28.2383%;top:71.7617%;left:2.44141%;border-radius:0!important}.layout-safe-search .box-3{width:12.0117%;height:52.3316%;top:0%;left:15.5273%;border-radius:0!important}.layout-safe-search .box-4{width:12.0117%;height:44.8187%;top:55.1813%;left:15.5273%;border-radius:0!important}.layout-safe-search .box-1 img,.layout-safe-search .box-2 img,.layout-safe-search .box-3 img,.layout-safe-search .box-4 img{border-radius:0!important}.sync-gif-container{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.sync-gif-container img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.sync-gif-container .frame-2{animation:4s step-end infinite syncFrameToggle}@keyframes syncFrameToggle{0%,to{opacity:0}50%{opacity:1}}.layout-safe-search .box-5{width:19.2383%;height:40.4145%;top:7.77202%;left:33.9844%}.layout-safe-search .box-6{width:19.2383%;height:40.4145%;top:7.77202%;left:55.8594%}.layout-safe-search .box-7{width:19.2383%;height:40.4145%;top:7.77202%;left:77.5391%}.layout-safe-search .box-8{width:19.2383%;height:40.4145%;top:52.3316%;left:33.9844%}.layout-safe-search .box-9{width:19.2383%;height:40.4145%;top:52.3316%;left:55.8594%}.layout-safe-search .box-10{width:19.2383%;height:40.4145%;top:52.3316%;left:77.5391%}.placeholder-gray{background-color:#d9d9d9}.placeholder-white{background-color:#fff}.layout-custom-boxes{aspect-ratio:995/289;box-sizing:border-box;border-radius:8px;width:100%;margin:0;padding:18px;background-color:var(--box-bg)!important;grid-template-rows:119fr 160fr!important;grid-template-columns:299fr 126fr 210fr 161fr 157fr!important;gap:16px!important;display:grid!important}.layout-custom-boxes .box{border-radius:6px;justify-content:center;align-items:center;transition:transform .2s,filter .2s;display:flex;overflow:hidden}.layout-custom-boxes .box img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.layout-custom-boxes .box-1{background-color:#2e2e2e;grid-area:1/1/3/2}.layout-custom-boxes .box-2{background-color:#fff;grid-area:1/2/2/3}.layout-custom-boxes .box-3{background-color:#999;grid-area:1/3/2/4}.layout-custom-boxes .box-4{background-color:#fff;grid-area:2/2/3/4}.layout-custom-boxes .box-5{background-color:#dcdcdc;grid-area:1/4/3/5}.layout-custom-boxes .box-6{background-color:#fff;grid-area:1/5/3/6}.project-tags{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.tag{font-family:var(--font-sans);color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.tag .icon{opacity:.8;font-size:16px}.project-desc{font-family:var(--font-serif);color:var(--text-primary);margin-top:10px;font-size:28px;font-weight:400;line-height:1.35}@media (width<=768px){.intro-text{font-size:28px}.project-gallery{grid-template-columns:1fr!important}.project-gallery .full-width{grid-column:1/-1!important}.project-desc,.project-title{font-size:22px}}#about-tab{padding-bottom:120px}#about-tab .intro-text{font-size:36px;line-height:1.35}@media (width<=768px){#about-tab .intro-text{font-size:24px}}.about-avatar-container{margin-top:20px;margin-bottom:32px}.about-avatar{border-radius:32px;width:152px;height:152px;display:block}.about-bio{margin-bottom:60px}.section-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px;font-size:12px}.experience-list{flex-direction:column;gap:16px;display:flex}.experience-item{border-bottom:1px solid var(--border-color);justify-content:space-between;padding-bottom:16px;display:flex}.exp-role-company{font-size:18px;font-family:var(--font-sans);color:var(--text-primary)}.exp-role-company .company{font-family:var(--font-serif);color:var(--text-secondary);font-style:italic}footer{margin-top:auto;padding-top:40px}.footer-inner{justify-content:space-between;align-items:center;display:flex}.copyright{font-family:var(--font-sans);color:var(--text-muted);font-size:14px}.social-links{align-items:center;gap:8px;list-style:none;display:flex}.social-link a{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--button-bg,#ffffff14);border:1px solid #ffffff0d;border-radius:100px;justify-content:center;align-items:center;padding:8px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .2s,opacity .2s;display:inline-flex}[data-theme=light] .social-link a{background-color:#0000000d;border:1px solid #00000008}.social-link a:hover{color:var(--text-primary);background-color:#ffffff1f}[data-theme=light] .social-link a:hover{color:var(--text-primary);background-color:#00000014}