:root{--bg:#0f0f0f;--panel:#141414;--ink:#f4f6f5;--muted:#8d958f;--accent:#6fcf97;--line:#1d2220;--hairline:#161a18;--hairline-soft:#131614;--edge:#2a302d;--accent-rgb:111, 207, 151;--grid:#0e1110;--name-top:#e8ebe9;--name-bottom:#9aa29c;--cue:#262a28;--pill-edge:#1a1e1c;--sep:#3a403c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--display:"Geist", system-ui, sans-serif;--mono-font:"Geist Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--m:clamp(20px, 4vw, 56px)}:root[data-theme=light]{--bg:#f6f7f5;--panel:#eceeeb;--ink:#111412;--muted:#5d665f;--accent:#17804a;--line:#dde1dd;--hairline:#e3e7e3;--hairline-soft:#e8ebe8;--edge:#c6ccc7;--accent-rgb:23, 128, 74;--grid:#e7eae7;--name-top:#111412;--name-bottom:#5d665f;--cue:#d3d8d4;--pill-edge:#d8ddd9;--sep:#b4bbb6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--display);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}[hidden]{display:none!important}img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.mono{font-family:var(--mono-font);color:var(--muted);font-size:13px}.over-hero{z-index:1;background:var(--bg);position:relative}.block{padding:180px var(--m) 60px}.head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:40px;display:flex}.title-2{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(28px,3vw,44px);font-weight:500;line-height:1}.link-line{letter-spacing:.02em;border-bottom:1px solid var(--edge);padding-bottom:4px;font-size:14px;text-decoration:none;transition:border-color .2s}@media (hover:hover) and (pointer:fine){.link-line:hover{border-color:var(--accent)}}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transition-delay:calc(var(--d,0) * 60ms);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:opacity .3s;transform:none}}.scroll-progress{z-index:40;background:var(--accent);opacity:.7;transform-origin:0;height:2px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.topnav{z-index:3;padding:26px var(--m);letter-spacing:.01em;grid-template-columns:1fr auto 1fr;align-items:center;font-size:15px;display:grid;position:relative}.topnav a{text-decoration:none;position:relative}.topnav__mark{letter-spacing:-.07em;justify-self:start;padding-right:.07em;font-size:28px;font-weight:600;line-height:1}.topnav__mark b{color:var(--accent);animation:markHop .9s var(--ease-out) 1.4s;font-weight:600;display:inline-block}@keyframes markHop{40%{transform:translateY(-.12em)}}@media (hover:hover) and (pointer:fine){.topnav__mark:hover b{animation:markHopHover .9s var(--ease-out)}}@keyframes markHopHover{40%{transform:translateY(-.12em)}}.topnav__mark:focus-visible{outline:1px solid var(--accent);outline-offset:4px;border-radius:4px}.topnav__links{text-transform:uppercase;gap:32px;display:flex}.topnav__links a:after{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform .25s var(--ease-out);position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.topnav__links a:hover:after{transform-origin:0;transform:scaleX(1)}}.topnav__end{justify-self:end;align-items:center;gap:10px;display:flex}.pill{border:1px solid var(--pill-edge);font-family:var(--mono-font);color:var(--muted);border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.pill i{background:var(--accent);width:8px;height:8px;animation:ping 2.4s var(--ease-out) infinite;border-radius:50%}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .45)}70%,to{box-shadow:0 0 0 8px rgba(var(--accent-rgb), 0)}}.theme-toggle{all:unset;border:1px solid var(--pill-edge);cursor:pointer;width:34px;height:34px;color:var(--muted);transition:color .2s ease, border-color .2s ease, transform .16s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.theme-toggle:active{transform:scale(.94)}.theme-toggle:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.theme-toggle svg{width:16px;height:16px;transition:opacity .3s var(--ease-out), transform .4s var(--ease-out);grid-area:1/1}.theme-toggle .sun{opacity:0;transform:rotate(-90deg)scale(.6)}:root[data-theme=light] .theme-toggle .sun{opacity:1;transform:none}:root[data-theme=light] .theme-toggle .moon{opacity:0;transform:rotate(90deg)scale(.6)}@media (hover:hover) and (pointer:fine){.theme-toggle:hover{color:var(--ink);border-color:var(--edge)}}@media (width<=760px){.topnav{grid-template-columns:1fr auto;gap:16px}.topnav__links{display:none}}@media (width<=420px){.pill{display:none}}@media (prefers-reduced-motion:reduce){.pill i,.topnav__mark b{animation:none!important}.theme-toggle svg{transition:opacity .2s;transform:none!important}}.hero{z-index:0;min-height:calc(100svh - 80px);padding:0 var(--m) 96px;text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:-80px;display:flex;position:sticky;top:0;overflow:hidden}.hero__glow{aspect-ratio:1;background:radial-gradient(circle, rgba(var(--accent-rgb), .3), rgba(var(--accent-rgb), 0) 62%);pointer-events:none;will-change:transform;border-radius:50%;width:46vw;max-width:640px;margin:-23vw 0 0 -23vw;position:absolute;top:0;left:0}.hero__grid{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:96px 96px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(at 50% 0,#000 30%,#0000 75%)}.hero__content{transform-origin:50%;will-change:transform, filter;flex-direction:column;align-items:center;display:flex;position:relative}.hero__name{letter-spacing:-.06em;white-space:nowrap;flex-direction:column;align-items:center;gap:.08em;margin:0;font-size:clamp(40px,6.5vw,150px);font-weight:500;line-height:1;display:flex}.hero__line{gap:.25em;display:flex}.hero__word{background:linear-gradient(180deg, var(--name-top) 40%, var(--name-bottom));color:#0000;animation:wordIn 1.6s var(--ease-out) both;animation-delay:calc(.2s + var(--i) * .1s);-webkit-background-clip:text;background-clip:text;display:inline-block}@keyframes wordIn{0%{opacity:0;filter:blur(10px);transform:translateY(10px)scale(.95)}to{opacity:1;filter:blur();transform:none}}.hero__role{letter-spacing:.04em;margin:30px 0 0;font-size:clamp(14px,1.25vw,19px);display:grid;position:relative}.hero__role span{opacity:0;filter:blur(10px);transition:opacity .7s var(--ease-out), filter .7s var(--ease-out), transform .7s var(--ease-out);grid-area:1/1;transform:translateY(10px)scale(.95)}.hero__role span.on{opacity:1;filter:blur();transition-delay:.15s;transform:none}.hero__role span.out{opacity:0;filter:blur(10px);transition-delay:0s;transform:translateY(-10px)scale(.95)}.hero__role span.first{animation:roleIn 1.6s var(--ease-out) .45s both}@keyframes roleIn{0%{opacity:0;filter:blur(10px);transform:translateY(10px)scale(.95)}to{opacity:1;filter:blur();transform:none}}.hero__cue{background:var(--cue);width:1px;height:48px;position:absolute;bottom:36px;left:50%;overflow:hidden}.hero__cue i{background:var(--accent);width:100%;height:40%;animation:drip 1.8s var(--ease-in-out) infinite;position:absolute;top:-40%;left:0}@keyframes drip{to{top:100%}}@media (width<=760px){.hero__name{font-size:12vw}}@media (prefers-reduced-motion:reduce){.hero__glow{display:none}.hero__word{animation:.4s both nameInPlain}@keyframes nameInPlain{0%{opacity:0}to{opacity:1}}.hero__role span{filter:none;transform:none}.hero__role span.first,.hero__cue i{animation:none}}.skills__box{border-block:1px solid var(--hairline-soft);position:relative}.marquee{cursor:pointer;padding:26px 0;overflow:hidden}.marquee:focus-visible{outline:1px solid var(--accent);outline-offset:-4px}.marquee__track{white-space:nowrap;letter-spacing:-.02em;width:max-content;color:var(--muted);will-change:transform;gap:40px;font-size:clamp(18px,1.8vw,26px);display:flex}.marquee__track span{transition:color .2s}.marquee__track span:after{content:"·";color:var(--sep);margin-left:40px}@media (hover:hover) and (pointer:fine){.marquee__track span:hover{color:var(--ink)}}.cloud{padding:24px var(--m) 34px;position:relative}.cloud__head{font-family:var(--mono-font);color:var(--muted);margin:0 0 20px;font-size:12px}.cloud__head b{color:var(--ink);font-weight:400}.cloud__groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 44px;display:grid}.cloud__group{border-top:1px solid var(--line);min-width:0;padding-top:12px}.cloud__group-title{font-family:var(--mono-font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;margin:0 0 10px;font-size:11px;display:flex}.cloud__words{flex-wrap:wrap;align-items:baseline;gap:2px 14px;display:flex}.cloud__word{all:unset;cursor:default;transform-origin:0 0;letter-spacing:-.02em;line-height:1.25;transition:color .2s,opacity .2s;display:inline-block}.cloud__word:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:3px}.cloud__word.t4{color:var(--ink);font-size:clamp(28px,2.6vw,38px);font-weight:500}.cloud__word.t3{color:var(--ink);font-size:clamp(22px,2vw,28px)}.cloud__word.t2{color:var(--ink);opacity:.86;font-size:clamp(18px,1.6vw,22px)}.cloud__word.t1{color:var(--muted);font-size:clamp(15px,1.3vw,18px)}.cloud__word.on{color:var(--accent);opacity:1}@media (hover:hover) and (pointer:fine){.cloud__word:hover{color:var(--accent);opacity:1}}.cloud__card{z-index:2;border:1px solid var(--edge);background:var(--panel);pointer-events:none;transform-origin:20px 0;animation:cardIn .22s var(--ease-out);border-radius:12px;padding:14px 16px;position:absolute;box-shadow:0 12px 32px #00000047}@keyframes cardIn{0%{opacity:0;transform:translateY(-4px)scale(.97)}}.cloud__card h3{letter-spacing:-.02em;margin:0 0 2px;font-size:18px;font-weight:500}.cloud__count{font-family:var(--mono-font);color:var(--accent);margin:0 0 8px;font-size:11px}.cloud__card ul{color:var(--muted);gap:2px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.cloud__card li:before{content:"→ ";color:var(--sep)}.skills__more{padding:14px var(--m) 0;justify-content:flex-end;display:flex}.skills__toggle{border:0;border-bottom:1px solid var(--edge);color:inherit;font:inherit;letter-spacing:.02em;cursor:pointer;transition:border-color .2s ease, transform .16s var(--ease-out);background:0 0;align-items:baseline;gap:6px;padding:0 0 4px;font-size:14px;display:inline-flex}.skills__toggle:active{transform:scale(.97)}.skills__toggle:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.skills__toggle i{color:var(--accent);transition:transform .4s var(--ease-out);font-style:normal;display:inline-block}.skills__toggle[aria-expanded=true] i{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.skills__toggle:hover{border-color:var(--accent)}}@media (width<=1000px){.cloud__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.cloud__groups{grid-template-columns:minmax(0,1fr);gap:22px}}@media (prefers-reduced-motion:reduce){.marquee__track{width:auto;padding:0 var(--m);flex-wrap:wrap;row-gap:8px}.cloud__card{animation:none}}.bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(220px,22vw,320px);grid-auto-flow:dense;gap:14px;display:grid}.tile{border:1px solid var(--hairline);background:var(--panel);border-radius:14px;text-decoration:none;position:relative;overflow:hidden}.tile--big{grid-area:span 2/span 2}.tile--big.tile--right{grid-column:2/span 2}.tile--wide{grid-column:span 2}.tile img{object-position:50% 30%;filter:brightness(.9);transition:transform .9s var(--ease-out), filter .6s ease;transform:scale(1.06)}.tile__info{background:linear-gradient(#0000,#050505e6 45%);justify-content:space-between;align-items:flex-end;gap:16px;padding:48px 22px 20px;display:flex;position:absolute;inset:auto 0 0}.tile{color:#f4f6f5}.tile h3{letter-spacing:-.02em;margin:0;font-size:clamp(19px,1.6vw,24px);font-weight:500;line-height:1.2}.tile--big h3{font-size:clamp(26px,2.8vw,42px)}.tile__note{color:#f4f6f5c7;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:52ch;margin:6px 0 8px;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.tile--big .tile__note{-webkit-line-clamp:3;font-size:16px}.tile__kind{font-family:var(--mono-font);color:#f4f6f599;font-size:12px;display:block}.tile__gh{font-family:var(--mono-font);color:#6fcf97;margin-top:4px;font-size:12px;display:block}.tile__more{white-space:nowrap;opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);font-size:14px;transform:translateY(8px)}@media (hover:hover) and (pointer:fine){.tile:hover img{filter:brightness();transform:scale(1)}.tile:hover .tile__more{opacity:1;transform:none}}.tile:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.tile:focus-visible .tile__more{opacity:1;transform:none}@media (width<=1000px){.bento{grid-template-columns:repeat(2,1fr)}.tile--big.tile--right{grid-column:span 2}.tile--wide{grid-column:auto}}@media (width<=760px){.bento{grid-template-columns:1fr;grid-auto-rows:280px}.tile--big,.tile--big.tile--right,.tile--wide{grid-area:auto}.tile--big{grid-row:span 1}.tile__more{opacity:1;transform:none}}.exp{padding:180px var(--m);grid-template-columns:1fr 1.6fr;gap:48px;display:grid}.exp+.exp{padding-top:0}.exp__title{margin:8px 0 16px}.exp__intro{color:var(--muted);max-width:36ch}.tl{padding-left:36px;position:relative}.tl__rail,.tl__fill{background:var(--line);width:1px;position:absolute;top:8px;bottom:8px;left:6px}.tl__fill{background:var(--accent);transform-origin:50% 0;transform:scaleY(0)}.tl__item{opacity:.45;padding-bottom:48px;transition:opacity .4s;position:relative}.tl__item:last-child{padding-bottom:0}.tl__item.on{opacity:1}.tl__item:before{content:"";background:var(--bg);border:1px solid var(--line);border-radius:50%;width:11px;height:11px;transition:border-color .3s,background-color .3s;position:absolute;top:8px;left:-35px}.tl__item.on:before{border-color:var(--accent);background:var(--accent)}.tl__item h3{letter-spacing:-.02em;margin:4px 0;font-size:21px;font-weight:500}.tl__item p{color:var(--muted);margin:0}@media (width<=760px){.exp{padding:112px var(--m);grid-template-columns:1fr;gap:24px}}.services{padding-top:160px}.svc{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.svc li{border-bottom:1px solid var(--line)}.svc button{all:unset;box-sizing:border-box;cursor:pointer;grid-template-columns:64px 1fr 24px;align-items:center;gap:16px;width:100%;padding:26px 0;display:grid}.svc button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.svc__n{font-family:var(--mono-font);color:var(--muted);font-size:13px}.svc__t{letter-spacing:-.03em;transition:transform .3s var(--ease-out), color .2s ease;font-size:clamp(22px,2.6vw,40px);font-weight:500}.svc__plus{width:16px;height:16px;position:relative}.svc__plus:before,.svc__plus:after{content:"";background:var(--ink);width:16px;height:1px;transition:transform .3s var(--ease-out);position:absolute;top:7px;left:0}.svc__plus:after{transform:rotate(90deg)}.svc button[aria-expanded=true] .svc__plus:after{transform:rotate(0)}.svc button[aria-expanded=true] .svc__t{color:var(--accent)}@media (hover:hover) and (pointer:fine){.svc button:hover .svc__t{transform:translate(10px)}}.svc__body{transition:grid-template-rows .35s var(--ease-out);grid-template-rows:0fr;display:grid}.svc__body>div{overflow:hidden}.svc__body p{max-width:56ch;color:var(--muted);margin:0 0 26px 80px}.svc button[aria-expanded=true]+.svc__body{grid-template-rows:1fr}@media (width<=760px){.svc button{grid-template-columns:40px 1fr 20px}.svc__body p{margin-left:56px}}.about{padding:120px var(--m);border-block:1px solid var(--hairline-soft);grid-template-columns:1.2fr 1fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid}.skills+.about{border-top:0}.about__three{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px;display:grid}.about__three p{color:var(--muted);margin:10px 0 0;font-size:16px}.about__nums>div{border-top:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;display:flex}.about__nums b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(40px,4.4vw,72px);font-weight:500;line-height:1}@media (width<=760px){.about{padding:96px var(--m);grid-template-columns:1fr}.about__three{grid-template-columns:1fr}}.contact{padding:160px var(--m) 120px;grid-template-columns:1fr auto;align-items:center;gap:48px;display:grid}.contact__title{letter-spacing:-.04em;margin:0;font-size:clamp(40px,6vw,96px);font-weight:500;line-height:.92}.magnet{margin:-30px;padding:30px;display:inline-block}.round{aspect-ratio:1;border:1px solid var(--edge);text-align:center;width:clamp(150px,14vw,210px);transition:transform .45s var(--ease-out), border-color .2s ease;border-radius:50%;place-items:center;font-size:17px;font-weight:500;line-height:1.3;text-decoration:none;display:grid}.round:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.round:hover{border-color:var(--accent)}}@media (width<=760px){.contact{padding:112px var(--m) 80px;grid-template-columns:1fr}.magnet{margin:0;padding:0}}.footer{padding:28px var(--m) 32px;border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px;display:flex}.footer__links{gap:20px;display:flex}.footer a{color:var(--ink)}