:root{--blue: #3b2bff;--pink: #ff4d9d;--yellow: #ffe03d;--purple: #8b2bff;--orange: #ff5c2b;--lime: #c6ff3d;--cyan: #2be0ff;--cream: #f5f1e8;--ink: #0e0e12;--display: "Syne", system-ui, sans-serif;--serif: "Instrument Serif", Georgia, serif;--body: "Inter", system-ui, sans-serif;--pad: clamp(1.25rem, 5vw, 5rem);--maxw: 1480px;--ease: cubic-bezier(.65, .05, .1, 1);--bg: var(--blue);--fg: var(--cream);--accent: var(--lime)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;background:var(--blue)}body{font-family:var(--body);font-size:17px;line-height:1.55;color:var(--cream);background:var(--blue);overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}a{color:inherit;text-decoration:none}ul{list-style:none}img,svg,canvas{display:block}::selection{background:var(--ink);color:var(--lime)}@media (hover: hover) and (pointer: fine){*{cursor:none!important}}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:9998;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .6s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}50%{transform:translate(-3%,2%)}to{transform:translate(2%,-3%)}}.cursor{position:fixed;top:0;left:0;z-index:9999;width:34px;height:34px;border-radius:50%;border:1.5px solid #fff;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:difference;transition:width .35s var(--ease),height .35s var(--ease),background .35s var(--ease)}.cursor__dot{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.cursor.is-hover{width:70px;height:70px;background:#fff;border-color:transparent}.cursor.is-hover .cursor__dot{opacity:0}@media (hover: none),(pointer: coarse){.cursor{display:none}}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:var(--blue);display:grid;place-items:center}.preloader__inner{width:min(72vw,440px);text-align:center}.preloader__count{font-family:var(--display);font-weight:800;font-size:clamp(3.5rem,14vw,8rem);line-height:1;color:var(--lime)}.preloader__count i{font-style:normal;font-size:.3em;color:var(--cream);margin-left:.2em}.preloader__bar{margin-top:1.5rem;height:3px;background:#f5f1e840;overflow:hidden}.preloader__bar span{display:block;height:100%;width:0%;background:var(--lime)}.preloader.is-done{transform:translateY(-100%);transition:transform 1s var(--ease)}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.4rem var(--pad);mix-blend-mode:difference;color:#fff}.header__mono{font-family:var(--display);font-weight:800;font-size:1.4rem;letter-spacing:-.03em}.header__nav{display:flex;gap:2rem}.header__nav a{position:relative;font-size:.95rem;font-weight:500}.header__nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:currentColor;transition:width .4s var(--ease)}.header__nav a:hover:after{width:100%}.lang-toggle{display:flex;align-items:center;gap:.35rem;background:none;border:none;color:inherit;font-family:var(--display);font-size:.85rem;font-weight:700}.lang-toggle__opt{opacity:.4;transition:opacity .3s}.lang-toggle__opt.is-active{opacity:1}.lang-toggle__sep{opacity:.35}@media (max-width: 720px){.header__nav{display:none}}.sec{background:var(--bg);color:var(--fg);position:relative}.sec__inner{max-width:var(--maxw);margin-inline:auto;padding:clamp(4rem,9vh,7rem) var(--pad)}.sec--blue{--bg: var(--blue);--fg: var(--cream);--accent: var(--lime)}.sec--cream{--bg: var(--cream);--fg: var(--ink);--accent: var(--pink)}.sec--yellow{--bg: var(--yellow);--fg: var(--ink);--accent: var(--blue)}.sec--purple{--bg: var(--purple);--fg: var(--cream);--accent: var(--lime)}.sec--orange{--bg: var(--orange);--fg: var(--ink);--accent: var(--blue)}.sec--ink{--bg: var(--ink);--fg: var(--cream);--accent: var(--lime)}.sec__head{display:flex;align-items:center;gap:1rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.sec__num{font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--accent)}.sec__label{font-family:var(--display);font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.sec__label:before{content:"— ";opacity:.5}.sec__title{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,7vw,5.5rem);line-height:.98;letter-spacing:-.04em}.word{display:inline-block;overflow:hidden;vertical-align:top}.word>span{display:inline-block;transform:translateY(110%)}[data-reveal]{opacity:0;transform:translateY(28px)}.hero{min-height:100svh;display:flex;overflow:hidden}.hero__inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:auto;padding:7rem var(--pad) 3rem;display:flex;flex-direction:column;justify-content:center;min-height:100svh}.hero__top{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.hero__star{color:var(--lime);font-size:1.4rem;animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero__role{font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,2.6vw,1.8rem)}.hero__role>span{display:inline-block;opacity:0;transform:translateY(20px)}.hero__title{font-family:var(--display);font-weight:800;line-height:.85;letter-spacing:-.04em;text-transform:uppercase}.hero__word{display:block;overflow:hidden;padding:.1em .06em;margin:-.1em -.06em}.hero__word>span{display:inline-block;transform:translateY(115%);font-size:clamp(3.5rem,14vw,13rem);line-height:.9;white-space:nowrap}.hero__word--accent>span{color:var(--lime);font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em}.hero__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-top:clamp(2rem,5vw,4rem);flex-wrap:wrap}.hero__tagline{font-size:clamp(1.05rem,2.2vw,1.6rem);max-width:26ch}.hero__cta{display:flex;align-items:center;gap:.9rem;font-family:var(--display);font-weight:700;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;opacity:0}.hero__cta-circle{width:56px;height:56px;border-radius:50%;border:2px solid var(--cream);display:grid;place-items:center;transition:background .4s var(--ease),color .4s var(--ease)}.hero__cta-circle svg{width:22px;height:22px;animation:bob 1.8s var(--ease) infinite}.hero__cta:hover .hero__cta-circle{background:var(--lime);color:var(--ink);border-color:var(--lime)}@keyframes bob{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 62% 58% at 50% 48%,var(--bg) 60%,transparent 85%)}.about__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2.5rem,6vw,6rem);align-items:start}.about__heading{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.03em}.about__body{margin-top:2rem;max-width:46ch}.about__body p{margin-bottom:1.1rem;color:color-mix(in srgb,var(--ink) 72%,transparent)}.about__body p:first-child{color:var(--ink);font-size:1.1rem}.about__focus{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.about__chip{border:2px solid var(--ink);border-radius:100px;padding:.45rem 1.1rem;font-family:var(--display);font-weight:600;font-size:.85rem;transition:background .3s,color .3s}.about__chip:hover{background:var(--ink);color:var(--cream)}.about__side{position:sticky;top:6rem}.about__portrait{position:relative;margin:0}.about__portrait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(18px,18px);background:var(--lime);border:2px solid var(--ink);z-index:0}.about__portrait-frame{position:relative;z-index:1;border:2px solid var(--ink);background:#fff;transition:transform .5s var(--ease)}.about__portrait:hover .about__portrait-frame{transform:translate(-4px,-4px)}.about__portrait-frame img{width:100%;background:#fff}.about__badge{position:absolute;z-index:2;left:50%;bottom:-1.1rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--ink);color:var(--cream);border-radius:0;padding:.6rem 1.4rem;white-space:nowrap}.about__badge strong{font-family:var(--display);font-weight:700;font-size:.95rem}.about__badge span{color:var(--lime);font-size:.8rem}.about__stats{margin-top:3.5rem;border-top:2px solid var(--ink)}.about__stat{display:flex;align-items:baseline;gap:1rem;padding:1.1rem 0;border-bottom:2px solid var(--ink)}.about__stat-value{font-family:var(--display);font-weight:800;font-size:1.4rem;min-width:5rem}.about__stat-label{color:color-mix(in srgb,var(--ink) 70%,transparent);font-size:.92rem}@media (max-width: 860px){.about__grid{grid-template-columns:1fr}.about__side{position:static}.about__portrait{max-width:360px;margin-inline:auto}}.work__title{margin-bottom:clamp(2rem,5vw,3.5rem)}.work__list{border-top:2px solid var(--ink)}.proj{position:relative;display:grid;align-items:center;grid-template-columns:auto 1fr auto auto;gap:clamp(1rem,3vw,2.5rem);padding:clamp(1.4rem,3vw,2.4rem) clamp(.5rem,2vw,1.5rem);border-bottom:2px solid var(--ink);overflow:hidden}.proj:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c, var(--pink));transform:translateY(101%);transition:transform .5s var(--ease);z-index:0}.proj:hover:before{transform:translateY(0)}.proj>*{position:relative;z-index:1}.proj__no{font-family:var(--display);font-weight:700;font-size:.95rem}.proj__main{min-width:0}.proj__title{font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,5vw,3.4rem);line-height:1;letter-spacing:-.03em}.proj__desc{margin-top:.6rem;max-width:60ch;color:color-mix(in srgb,var(--ink) 70%,transparent);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s var(--ease),margin .4s}.proj:hover .proj__desc{max-height:8rem;opacity:1}.proj__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;text-align:right;font-size:.85rem}.proj__role{font-weight:600}.proj__tags{color:color-mix(in srgb,var(--ink) 65%,transparent)}.proj__year{font-family:var(--display);font-weight:700}.proj__arrow{font-family:var(--display);font-size:1.8rem;transition:transform .4s var(--ease)}.proj:hover .proj__arrow{transform:translate(6px,-6px)}.proj--featured{background:var(--ink);color:var(--cream);border-radius:4px;margin-bottom:1.5rem;border-bottom:none}.proj--featured .proj__title{font-size:clamp(2.5rem,9vw,6rem)}.proj--featured .proj__desc{color:color-mix(in srgb,var(--cream) 75%,transparent)}.proj--featured .proj__tags{color:color-mix(in srgb,var(--cream) 60%,transparent)}.proj--featured:before{background:var(--c, var(--cyan))}.proj--featured:hover{color:var(--ink)}.proj--featured .proj__badge{display:inline-block;font-family:var(--display);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink);background:var(--c, var(--cyan));padding:.2rem .6rem;margin-bottom:.6rem}.proj--featured:hover .proj__badge{background:var(--ink);color:var(--c, var(--cyan))}@media (max-width: 720px){.proj{grid-template-columns:auto 1fr auto}.proj__meta{display:none}.proj__desc{max-height:none;opacity:1;margin-top:.5rem}.proj:before{display:none}}.work__all{display:inline-flex;align-items:center;gap:.8rem;margin-top:clamp(2rem,4vw,3rem);font-family:var(--display);font-weight:700;font-size:clamp(1.1rem,2.4vw,1.6rem);letter-spacing:-.01em}.work__all-arrow{display:inline-block;transition:transform .4s var(--ease)}.work__all:hover .work__all-arrow{transform:translate(8px)}.work__all:hover .work__all-arrow--back{transform:translate(-8px)}.work__all:hover{color:var(--blue)}.cat .sec__inner{padding-top:clamp(7rem,14vh,11rem);min-height:100svh}.cat__title{font-family:var(--display);font-weight:800;font-size:clamp(2.5rem,10vw,8.5rem);line-height:.9;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:0}.cat__intro{margin:1.4rem 0 clamp(1.8rem,4vw,3rem);max-width:48ch;font-size:clamp(1rem,2vw,1.3rem);color:color-mix(in srgb,var(--ink) 78%,transparent)}.cat__filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:clamp(2rem,4vw,3rem)}.cat__filter{font-family:var(--display);font-weight:600;font-size:.9rem;border:2px solid var(--ink);background:transparent;color:var(--ink);border-radius:100px;padding:.5rem 1.2rem;transition:background .3s,color .3s,transform .3s}.cat__filter:hover{transform:translateY(-2px)}.cat__filter.is-active{background:var(--ink);color:var(--yellow)}.skills__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;grid-auto-flow:dense;margin-top:clamp(2rem,5vw,3.5rem)}.skill-cat{border:2px solid var(--cream);border-radius:8px;padding:clamp(1.2rem,2.5vw,2rem);display:flex;flex-direction:column;min-height:180px;transition:background .4s var(--ease),color .4s var(--ease)}.skill-cat:hover{background:color-mix(in srgb,var(--cream) 8%,transparent)}.skill-cat--wide{grid-column:span 2}.skill-cat__idx{font-family:var(--display);font-weight:700;font-size:.8rem;color:var(--accent)}.skill-cat__name{font-family:var(--display);font-weight:800;font-size:clamp(1.2rem,2.6vw,1.9rem);letter-spacing:-.02em;margin:.3rem 0 1.3rem}.skill-cat__items{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.skill-cat__item{border:1.5px solid color-mix(in srgb,var(--cream) 38%,transparent);border-radius:100px;padding:.4rem .95rem;font-size:.9rem;font-weight:500;transition:background .3s,color .3s,border-color .3s,transform .3s}.skill-cat__item:hover{background:var(--accent);color:var(--ink);border-color:var(--accent);transform:translateY(-2px)}@media (max-width: 900px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.skills__grid{grid-template-columns:1fr}.skill-cat--wide{grid-column:span 1}}.contact__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2.5rem,6vw,6rem);align-items:start}.contact__status{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-weight:600;font-size:.82rem;letter-spacing:.03em;border:2px solid var(--ink);border-radius:100px;padding:.45rem 1.05rem;margin-bottom:1.6rem}.contact__dot{width:9px;height:9px;border-radius:50%;background:#128a5b;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #128a5b8c}70%{box-shadow:0 0 0 10px #128a5b00}to{box-shadow:0 0 #128a5b00}}.contact__heading{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,7vw,5.5rem);line-height:.98;letter-spacing:-.04em;max-width:14ch;margin-bottom:clamp(1.5rem,4vw,2.4rem)}.contact__mail{display:inline-block;font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,5vw,3rem);border-bottom:3px solid var(--ink);padding-bottom:.1em;transition:color .3s,border-color .3s}.contact__mail:hover{color:var(--blue);border-color:var(--blue)}.contact__body{font-size:clamp(1rem,1.6vw,1.2rem);color:color-mix(in srgb,var(--ink) 80%,transparent);max-width:40ch}.contact__details{margin-top:2rem;border-top:2px solid var(--ink)}.contact__detail{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:2px solid var(--ink);font-size:.95rem}.contact__detail-k{font-family:var(--display);font-weight:700}.contact__detail-v{color:color-mix(in srgb,var(--ink) 72%,transparent)}.contact__socials{margin-top:2.5rem}@media (max-width: 860px){.contact__grid{grid-template-columns:1fr}}.contact__socials-title{font-family:var(--display);font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.socials{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}.socials a{display:inline-flex;align-items:center;gap:.5rem;border:2px solid var(--ink);padding:.6rem 1.3rem;font-weight:600;transition:background .3s,color .3s,transform .3s}.socials a:hover{background:var(--ink);color:var(--orange);transform:translateY(-3px)}.socials a span{opacity:.6;font-size:.85rem}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-block:2.5rem;font-size:.9rem}.footer__name{font-family:var(--display);font-weight:700}.footer__built{color:color-mix(in srgb,var(--cream) 60%,transparent)}.footer__top{position:relative}.footer__top:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:var(--lime);transition:width .4s var(--ease)}.footer__top:hover:after{width:100%}body.is-static [data-reveal]{opacity:1!important;transform:none!important}body.is-static .hero__word{overflow:visible}body.is-static .hero__word>span,body.is-static .word>span{transform:none!important}body.is-static .hero__role>span,body.is-static .hero__tagline,body.is-static .hero__cta{opacity:1!important;transform:none!important}body.is-static.is-short .hero,body.is-static.is-short .hero__inner{min-height:0}body.is-static.is-short .hero__inner{padding:7rem var(--pad) 4rem}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal]{opacity:1;transform:none}.word>span,.hero__word>span,.hero__role>span,.hero__cta{transform:none!important;opacity:1!important}}