:root{--accent:#f13024;--primary:#131424;--bg:#000;--bg-shade:linear-gradient(to right, #1314241a, #0000004d, #0000001a);--text:#fff;--text-soft:#fff9;--line:#fff3;--line-strong:#ffffff80;--nav-bg:#ffffff1a;--tip-bg:#fff;--tip-text:var(--primary);--card-bg:#412f7b26;--card-bg-hover:#5941a926;--placeholder:linear-gradient(135deg, #1b1532, #0d0b18);--curtain-1:#292c3b;--curtain-2:#323547;--curtain-3:#383c51;--font:"Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--ease-fade:cubic-bezier(.25, .25, .25, .75);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f7f7fb;--bg-shade:linear-gradient(to right, #1314240a, #ffffff4d, #13142405);--text:var(--primary);--text-soft:#131424a6;--line:#1314242e;--line-strong:#13142473;--nav-bg:#13142412;--tip-bg:var(--primary);--tip-text:#fff;--card-bg:#412f7b12;--card-bg-hover:#5941a91f;--placeholder:linear-gradient(135deg, #e4e0f3, #f1eff8);--curtain-1:#d7d9e4;--curtain-2:#e2e4ec;--curtain-3:#ecedf3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.625;transition:background-color .3s;overflow-x:hidden}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;height:auto;display:block}p{color:var(--text-soft);font-weight:300;line-height:1.8}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.accent{color:var(--accent)}.ic{fill:currentColor;flex:none;width:1em;height:1em}.todo{color:#d19a00;background:#e0a10014;border:1px dashed #e0a100;border-radius:6px;padding:2px 8px;font-family:ui-monospace,Consolas,monospace;font-size:.75rem;font-weight:400;line-height:1.6;display:inline-block}.container{width:100%;margin:0 auto;padding:0 15px}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=960px){.container{max-width:960px}}@media (width>=1200px){.container{max-width:1200px}}.h1{margin-bottom:2rem;font-size:35px;font-weight:600;line-height:1.25}.h2{margin-bottom:1rem;font-size:35px;font-weight:600;line-height:1.25}@media (width>=768px){.h1{font-size:60px;line-height:1.3}.h2{font-size:54px;line-height:1.3}}.curtain span{pointer-events:none;width:100vw;position:fixed;top:0;bottom:0;right:100%}.curtain span:first-child{z-index:42;background:var(--curtain-1);--delay:.2s}.curtain span:nth-child(2){z-index:41;background:var(--curtain-2);--delay:.4s}.curtain span:nth-child(3){z-index:40;background:var(--curtain-3);--delay:.6s}.js .curtain span{animation:curtain-out .6s ease-in-out var(--delay) both}@keyframes curtain-out{0%{transform:translate(100%)}to{transform:translate(0)}}.header{z-index:45;width:100%;padding:0 64px;position:absolute}.header-inner{flex-direction:column;justify-content:space-between;align-items:center;padding-top:2rem;padding-bottom:2rem;display:flex}.logo{font-size:1.875rem;font-weight:600;line-height:3rem}.logo span{color:var(--accent)}.socials{align-items:center;gap:1.25rem;font-size:1.625rem;display:flex}.socials a,.theme-toggle{transition:color .3s;display:flex}.socials a:hover,.theme-toggle:hover{color:var(--accent)}.theme-toggle{cursor:pointer;background:0 0;border:0;padding:0;display:grid}.theme-toggle .ic{grid-area:1/1;transition:opacity .3s,transform .5s}.ic-moon,[data-theme=light] .ic-sun{opacity:0;transform:rotate(-90deg)scale(.5)}[data-theme=light] .ic-moon{opacity:1;transform:none}@media (width>=768px){.header-inner{row-gap:1.5rem}}@media (width>=960px){.header-inner{flex-direction:row}}@media (width>=1200px){.header{height:90px;padding:0}}.nav{z-index:50;flex-direction:column;align-items:center;width:100%;display:flex;position:fixed;bottom:0}.nav-inner{background:var(--nav-bg);-webkit-backdrop-filter:blur(4px);justify-content:space-between;align-items:center;width:100%;height:80px;padding:2rem 1rem;font-size:1.875rem;display:flex}.nav a{align-items:center;transition:color .3s;display:flex;position:relative}.nav a:hover,.nav a.is-active{color:var(--accent)}.tip{background:var(--tip-bg);color:var(--tip-text);white-space:nowrap;border-radius:3px;align-items:center;padding:6px;font-size:12px;font-weight:600;line-height:1;display:none;position:absolute;right:3.5rem}.tip:after{content:"";border-style:solid;border-width:6px 0 6px 8px;border-color:transparent transparent transparent var(--tip-bg);position:absolute;right:-8px}@media (width>=768px){.nav-inner{padding-left:10rem;padding-right:10rem}}@media (width>=1200px){.nav{justify-content:center;width:4rem;height:100vh;top:0;right:2%}.nav-inner{border-radius:999px;flex-direction:column;justify-content:center;gap:2.5rem;height:auto;padding:2rem 0;font-size:1.25rem}.nav a:hover .tip{display:flex}}.page{min-height:100dvh;padding-bottom:80px;position:relative;overflow:hidden}.page[hidden]{display:none}@media (width>=1200px){.page{padding-bottom:0}}.js .page.is-active .fade-down,.js .page.is-active .fade-up,.js .page.is-active .fade-left,.js .page.is-active .fade-right{animation:fade-in 1.4s var(--ease-fade) var(--d,0s) both}.fade-down{--fx:0;--fy:-80px}.fade-up{--fx:0;--fy:80px}.fade-left{--fx:80px;--fy:0}.fade-right{--fx:-80px;--fy:0}@keyframes fade-in{0%{opacity:0;transform:translate(var(--fx), var(--fy))}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.circles{z-index:10;pointer-events:none;width:200px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;bottom:-.5rem;right:-4rem}.bulb{z-index:10;pointer-events:none;width:200px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;bottom:-3rem;left:-9rem;rotate:12deg}@media (width>=1200px){.circles{width:300px}.bulb{width:260px}}.page-home{padding-bottom:0;display:flex}.home-shade{z-index:5;background:var(--bg-shade);width:100%;display:flex;position:relative}.home-text{text-align:center;flex-direction:column;justify-content:center;padding-top:9rem;padding-bottom:7rem;display:flex}.home-quote{max-width:24rem;margin:0 auto 2.5rem}.home-quote blockquote{margin:0}.home-quote p{font-style:italic}.home-quote figcaption{color:var(--text-soft);opacity:.7;margin-top:.5rem;font-size:.875rem;font-weight:300}.projects-btn{background:url(/img/circle-star.svg) 50%/cover no-repeat;justify-content:center;align-items:center;width:185px;height:185px;margin:0 auto;display:flex;position:relative}.rounded-text{fill:currentColor;letter-spacing:.12em;width:100%;max-width:141px;height:100%;max-height:148px;font-size:13.5px;font-weight:400;animation:6s linear infinite spin}.projects-arrow{font-size:2.25rem;transition:transform .3s;position:absolute}.projects-btn:hover .projects-arrow{transform:translate(.5rem)}.home-visual{width:70%;height:100%;display:none;position:absolute;bottom:0;right:0}.particles{width:100%;height:100%;position:absolute;inset:0}.avatar{width:100%;max-width:737px;height:100%;max-height:678px;position:absolute;bottom:-8rem}.avatar img{object-fit:contain;object-position:bottom;width:100%;height:100%}@media (width>=960px){.avatar{right:8%}}@media (width>=1200px){.home-text{text-align:left;padding-top:10rem}.home-quote{max-width:36rem;margin:0 0 4rem}.projects-btn{margin:0}.home-visual{display:flex}.home-shade{pointer-events:none}.home-text>*{pointer-events:auto}}.page-about{text-align:center;align-items:center;padding-top:8rem;display:flex}.about-inner{flex-direction:column;align-items:center;column-gap:1.5rem;margin-top:.5rem;padding-bottom:6rem;display:flex}.about-text{flex-direction:column;flex:1;justify-content:center;display:flex}.about-text p{max-width:500px;margin:0 auto 1.5rem;padding:0 .5rem}.about-info{flex-direction:column;width:100%;min-height:280px;display:flex}.tabs{column-gap:1rem;margin:0 auto 1rem;display:flex}.tab{cursor:pointer;background:0 0;border:0;padding:0;transition:color .3s;position:relative}.tab:after{content:"";background:var(--text);width:2rem;height:2px;transition:width .3s,background-color .3s;position:absolute;bottom:-.25rem;left:0}.tab.is-active{color:var(--accent)}.tab.is-active:after{background:var(--accent);width:100%}.tab-panel{padding:.5rem 0}.skills{flex-wrap:wrap;justify-content:center;gap:1.25rem .75rem;display:flex}.skills li{width:64px;color:var(--text);flex-direction:column;align-items:center;gap:6px;font-size:2.25rem;transition:color .3s;display:flex}.skills li span{color:var(--text-soft);white-space:nowrap;font-size:11px;font-weight:300}.skills li:hover{color:var(--accent)}.edu{text-align:left;justify-content:center;align-items:flex-start;gap:1.25rem;display:flex}.edu-icon{color:var(--accent);font-size:3rem}.edu-title{color:var(--text);font-size:1.125rem;font-weight:400}.edu-date{font-size:.875rem}@media (width>=640px){.skills li{width:76px;font-size:3.25rem}}@media (width>=1200px){.page-about{text-align:left}.about-inner{flex-direction:row;padding-bottom:0}.about-text p{margin:0 0 3rem;padding:0}.about-info{justify-content:center;max-width:48%;min-height:480px}.tabs{column-gap:2rem;margin:0 0 1rem}.tab{font-size:1.125rem}.tab-panel{padding:1.5rem 0}.skills,.edu{justify-content:flex-start}}.page-work{align-items:center;padding-top:9rem;display:flex}.work-inner{flex-direction:column;align-items:center;column-gap:2rem;padding-bottom:6rem;display:flex}.work-text{text-align:center;flex-direction:column;margin-bottom:1rem;display:flex}.work-text p{max-width:400px;margin:0 auto 1rem}.work-grid{z-index:20;grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;display:grid;position:relative}.work-card{background:var(--card-bg);border-radius:.5rem;flex-direction:column;transition:background-color .3s;display:flex;overflow:hidden}.work-card:hover{background:var(--card-bg-hover)}.shot{aspect-ratio:16/9;background:var(--placeholder);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.shot img{object-fit:cover;object-position:left top;width:100%;height:100%;position:absolute;inset:0}.shot-cover{background:radial-gradient(circle at 85% 15%, #e838cc2e, transparent 45%), radial-gradient(circle at 10% 90%, #4a22bd59, transparent 55%), var(--placeholder);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex;position:absolute;inset:0}.cover-bubbles{fill:none;stroke-width:1.5px;width:30%;position:absolute;bottom:10%;right:7%}.cover-bubbles path{stroke:var(--text);opacity:.15}.cover-bubbles .cover-bubble-2{stroke:var(--accent);opacity:.6}.cover-name{letter-spacing:-.01em;color:var(--text);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600;position:relative}.cover-sub{letter-spacing:.15em;text-transform:uppercase;color:var(--text-soft);font-size:.7rem;font-weight:300;position:relative}.shot-overlay{opacity:0;background:linear-gradient(270deg,#0000,#e838cc,#4a22bd);transition:opacity .7s;position:absolute;inset:0}.work-card:hover .shot-overlay{opacity:.8}.shot-title{letter-spacing:.2em;color:#fff;align-items:center;column-gap:.5rem;font-size:13px;transition:transform .3s;display:flex;position:absolute;bottom:0;overflow:hidden;transform:translateY(100%)}.work-card:hover .shot-title{transform:translateY(-2.5rem)}.shot-title-2,.shot-arrow{transition:transform .3s .15s;transform:translateY(500%)}.shot-arrow{font-size:1.25rem;transition-delay:.2s}.work-card:hover .shot-title-2,.work-card:hover .shot-arrow{transform:translateY(0)}.work-body{flex-direction:column;flex:1;align-items:flex-start;gap:.75rem;padding:1.5rem;display:flex}.work-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.work-head h3{font-size:1.125rem;font-weight:400}.work-tag{letter-spacing:.1em;color:var(--accent);font-size:.75rem}.work-body p{font-size:.9375rem;line-height:1.6}.work-link{letter-spacing:.05em;align-items:center;gap:.375rem;margin-top:auto;font-size:.875rem;transition:color .3s;display:inline-flex}.work-link .ic{transition:transform .3s}.work-link:hover{color:var(--accent)}.work-link:hover .ic:last-child{transform:translate(2px,-2px)}@media (width>=640px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card-lg{grid-column:1/-1;grid-template-columns:1.1fr 1fr;display:grid}.work-card-lg .shot{aspect-ratio:auto;min-height:100%}}@media (width>=960px){.work-text{text-align:left}.work-text p{margin:0 0 1rem}}@media (width>=1200px){.work-inner{flex-direction:row;align-items:center;padding-bottom:4rem}.work-text{flex:none;width:30%;margin-bottom:0}.work-text .h2{margin-top:2rem}.work-grid{max-width:65%}.work-card:not(.work-card-lg) .shot{aspect-ratio:2}.work-card:hover .shot-title{transform:translateY(-2.5rem)}}@media (width>=1200px) and (width<=1439px){.about-inner,.work-inner{padding-right:6rem}}.page-contact{align-items:center;display:flex}.contact-inner{text-align:center;flex-direction:column;align-items:center;max-width:700px;padding-top:8rem;padding-bottom:8rem;display:flex}.contact-inner .h2{margin-bottom:1.5rem}.contact-mail{overflow-wrap:anywhere;margin:2rem 0 2.5rem;font-size:clamp(1.25rem,4vw,2rem);font-weight:600;transition:color .3s}.contact-mail:hover{color:var(--accent)}.contact-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{border:1px solid var(--line-strong);border-radius:999px;justify-content:center;align-items:center;min-width:170px;height:52px;padding:0 2rem;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.btn:hover{border-color:var(--accent)}.btn-text{transition:transform .5s,opacity .5s}.btn:hover .btn-text{opacity:0;transform:translateY(120%)}.btn-arrow{opacity:0;font-size:22px;transition:transform .3s,opacity .3s;position:absolute;transform:translateY(120%)}.btn:hover .btn-arrow{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}.particles{display:none}}