:root{--color-bg:#f3f2f2;--color-surface:#eae9e9;--color-paper:#f8f4f4;--color-text:#201e1d;--color-divider:#201e1d66;--color-divider-soft:#201e1d24;--color-neutral-100:#f8f4f4;--color-neutral-300:#d7d3d3;--color-neutral-600:#7d7979;--color-accent:#0cafff;--color-accent-100:#ecf8ff;--color-accent-200:#d6efff;--color-accent-300:#ade0ff;--color-accent-400:#66c8ff;--color-accent-500:#0cafff;--color-accent-600:#0097dd;--color-accent-700:#006fa6;--color-accent-800:#0b527a;--color-accent-900:#0e3852;--font-heading:"Archivo", "Archivo Fallback", system-ui, sans-serif;--font-body:"Archivo", "Archivo Fallback", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--shadow-lg:0 12px 32px #2d2b2b38;--ease-out:cubic-bezier(.2, .7, .1, 1);--gutter:clamp(20px, 5vw, 72px);--radius-lg:14px;--radius-sm:8px;--glass-bg:linear-gradient(145deg, #ffffff9e 0%, #ffffff2e 55%, #ffffff57 100%), color-mix(in srgb, var(--color-bg) 58%, transparent);--glass-blur:blur(14px) saturate(150%);--glass-border:1px solid #ffffffb3;--glass-shadow:inset 0 1px 0 #ffffffe6, 0 12px 32px #201e1d24}@font-face{font-family:Archivo Fallback;src:local(Arial),local(ArialMT);font-weight:100 650;size-adjust:97.9%;ascent-override:89.9%;descent-override:21.4%;line-gap-override:0%}@font-face{font-family:Archivo Fallback;src:local(Arial Bold),local(Arial-BoldMT);font-weight:651 900;size-adjust:102.7%;ascent-override:85.7%;descent-override:20.4%;line-gap-override:0%}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}h1,h2,h3{font-family:var(--font-heading);margin:0;font-weight:800}p{margin:0}a{color:var(--color-accent-700);text-underline-offset:3px}a:hover{color:var(--color-accent-600)}img{max-width:100%;display:block}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}@keyframes fkblink{0%{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation:none!important}}.wrap{max-width:1200px;padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.section{border-top:2px solid var(--color-divider)}.section>.wrap{padding-top:112px;padding-bottom:84px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-700);margin-bottom:24px;font-size:13px;display:block}.section-title{letter-spacing:-.025em;margin-left:-.04em;font-size:clamp(36px,4.6vw,60px);line-height:1.04}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 48px;margin-bottom:56px;display:flex}.section-lede{max-width:46ch;color:color-mix(in srgb, var(--color-text) 80%, transparent);font-size:17px;line-height:28px}.block{display:block}.ruled-grid{background:var(--color-divider-soft);border:2px solid var(--color-divider-soft);gap:2px;display:grid}.ruled-grid__filler{background:var(--color-bg)}.btn{font-family:var(--font-heading);cursor:pointer;border:0;align-items:center;gap:10px;font-size:15px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.btn-accent{background:var(--color-accent);color:var(--color-text);padding:13px 18px}.btn-accent:hover{background:var(--color-accent-600);color:var(--color-text)}.btn-outline{background:var(--color-bg);color:var(--color-text);border:2px solid var(--color-text);padding:11px 16px}.btn-outline:hover{background:var(--color-text);color:var(--color-bg)}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.fk-tile{background:var(--color-accent);width:38px;height:38px;color:var(--color-text);flex:none;align-items:flex-end;gap:2px;padding:0 0 6px 6px;display:flex}.fk-tile__mark{font-family:var(--font-heading);letter-spacing:-.07em;font-size:21px;font-weight:900;line-height:.8}.fk-tile__cursor{background:var(--color-text);width:7px;height:3px;animation:1.1s step-end infinite fkblink}.fk-tile--sm{width:32px;height:32px;padding:0 0 5px 5px}.fk-tile--sm .fk-tile__mark{font-size:18px}.fk-tile--sm .fk-tile__cursor{width:6px}.nav{z-index:50;background:var(--color-bg);border-bottom:2px solid var(--color-divider);position:fixed;top:0;left:0;right:0}.nav__inner{align-items:center;gap:28px;padding-top:12px;padding-bottom:12px;display:flex}.nav__brand{color:var(--color-text);flex:none;align-items:center;gap:12px;margin-right:auto;text-decoration:none;display:flex}.nav__brand:hover{color:var(--color-text)}.nav__name{flex-direction:column;gap:3px;display:flex}.nav__name-main{font-family:var(--font-heading);letter-spacing:-.01em;font-size:16px;font-weight:800;line-height:1}.nav__name-sub{font-family:var(--font-mono);color:var(--color-accent-700);font-size:11px;line-height:1}.nav__links{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;gap:0 28px;min-width:0;height:22px;display:flex;overflow:hidden}.nav__links a{color:var(--color-text);font-size:14px;line-height:22px;text-decoration:none}.nav__links a:hover{color:var(--color-accent)}.nav__resume{flex:none;gap:8px;padding:10px 14px;font-size:14px}@media (width<=640px){.nav__links{display:none}}.hero{clip-path:inset(0);position:relative}.hero__sticky{height:100vh;margin-bottom:-100vh;position:sticky;top:0;overflow:hidden}.hero__stage{cursor:grab;touch-action:pan-y;position:absolute;inset:0}.hero__stage canvas{width:100%;height:100%;display:block}.hero__rail{background:var(--color-neutral-300);pointer-events:none;width:4px;position:absolute;top:62px;bottom:58px;right:0}.hero__rail-fill{background:var(--color-accent);width:100%;height:0%}.hero__chapters{pointer-events:none;position:relative}.hero__chapter{min-height:100vh;padding-top:clamp(104px,16vh,168px);padding-bottom:88px}.hero__copy{pointer-events:auto;max-width:760px}.hero__h1{letter-spacing:-.03em;margin-left:-.05em;font-size:clamp(42px,6.6vw,92px);line-height:1.02}.hero__h2{letter-spacing:-.035em;margin-left:-.05em;font-size:clamp(48px,8vw,112px);line-height:1}.hero__eyebrow{margin-bottom:20px}.hero__body{max-width:calc(54ch + 32px);color:color-mix(in srgb, var(--color-text) 82%, transparent);background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);margin-top:28px;margin-left:-16px;padding:14px 16px;font-size:18px;line-height:28px}.hero__chapter .hero__body--ch{max-width:calc(50ch + 32px);margin-top:24px}.hero__chips{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.hero__chip{background:var(--color-text);color:var(--color-bg);padding:5px 10px;font-size:13px;font-weight:600}.accent{color:var(--color-accent)}@media (aspect-ratio<=1){.hero__chapter{padding-top:clamp(88px,12vh,120px)}.hero__copy{background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);margin-inline:-12px;padding:20px 12px 22px}.hero__body{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;margin-left:0;padding:0}}.hero__bar{z-index:2;border-top:2px solid var(--color-divider);background:var(--color-bg);position:sticky;bottom:0}.hero__bar-inner{flex-wrap:wrap;align-items:stretch;display:flex}.hero__tab{cursor:pointer;text-align:left;min-width:72px;font-family:var(--font-heading);color:var(--color-text);background:0 0;border:0;flex:1 1 0;align-items:baseline;gap:10px;padding:16px 16px 14px 0;display:flex;position:relative}.hero__tab:hover,.hero__tab.is-active{color:var(--color-accent-700)}.hero__tab-bar{background:0 0;height:4px;position:absolute;top:-2px;left:0;right:16px}.hero__tab.is-active .hero__tab-bar{background:var(--color-accent)}.hero__tab-num{font-feature-settings:"tnum" 1;font-size:12px;font-weight:600}.hero__tab-label{font-size:15px;font-weight:800}.hero__hint{color:color-mix(in srgb, var(--color-text) 72%, transparent);flex:220px;justify-content:flex-end;align-items:center;padding:14px 0;font-size:13px;display:flex}.about__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start;gap:40px clamp(32px,6vw,96px);display:grid}.about__body{color:color-mix(in srgb, var(--color-text) 82%, transparent);flex-direction:column;gap:20px;font-size:17px;line-height:28px;display:flex}.xp__date{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 72%, transparent);font-size:13px;line-height:20px}.me__stage{border-radius:var(--radius-lg);border:2px solid var(--color-divider-soft);background:radial-gradient(60% 55% at 50% 38%, #ffffffe6, transparent 70%), radial-gradient(80% 60% at 15% 10%, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 70%), radial-gradient(70% 60% at 90% 20%, #ffb3c738, transparent 70%), linear-gradient(180deg, var(--color-paper), var(--color-bg));cursor:default;touch-action:pan-y;height:clamp(460px,72vh,700px);position:relative;overflow:hidden}.me__canvas{position:absolute;inset:0}.me__canvas canvas{width:100%;height:100%;display:block}.me__still{-webkit-mask-composite:source-in;width:auto;height:88%;transition:opacity .6s;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 62%,#0000 97%),linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#000 62%,#0000 97%),linear-gradient(90deg,#0000,#000 16% 84%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.me__stage.is-ready .me__still{opacity:0}.me__hint{white-space:nowrap;color:color-mix(in srgb, var(--color-text) 75%, transparent);background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);pointer-events:none;border-radius:999px;margin:0;padding:8px 14px;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (hover:none){.me__hint{display:none}}.xp{border-top:2px solid var(--color-divider);flex-wrap:wrap;gap:20px clamp(24px,5vw,72px);padding:36px 0;display:flex;position:relative}.xp__rule{background:var(--color-accent);transform-origin:0;pointer-events:none;opacity:0;height:2px;position:absolute;top:-2px;left:0;right:0}.xp__meta{flex:0 0 200px;align-items:flex-start;gap:16px;display:flex}.xp__logo{object-fit:contain;flex:none;width:48px;height:48px}.xp__date{font-feature-settings:"tnum" 1;margin-top:2px}.xp__main{flex:360px;min-width:0}.xp__title{letter-spacing:-.015em;font-size:26px;line-height:1.15}.xp__company{color:var(--color-accent-700);margin-top:6px;font-size:15px;font-weight:600}.xp__points{flex-direction:column;gap:12px;max-width:68ch;margin:20px 0 0;padding:0;list-style:none;display:flex}.xp__point{color:color-mix(in srgb, var(--color-text) 85%, transparent);gap:14px;font-size:16px;line-height:26px;display:flex}.xp__dot{background:var(--color-accent);flex:none;width:8px;height:8px;margin-top:9px}#stack>.wrap{padding-bottom:96px}.toolbox{position:relative}.toolbox__grid{border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fill,minmax(136px,1fr));overflow:hidden}.toolbox__cell{background:var(--color-bg);flex-direction:column;gap:8px;padding:12px 14px 16px;display:flex}.toolbox__ball{height:112px}.toolbox__label{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.toolbox__name{font-family:var(--font-heading);font-size:14px;font-weight:800;line-height:1.2}.toolbox__group{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 70%, transparent);font-size:11px}.toolbox__canvas{pointer-events:none;z-index:1;position:absolute;inset:0}.toolbox__canvas canvas{width:100%;height:100%;display:block}#projects>.wrap{padding-bottom:112px}.projects__grid{border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));overflow:hidden}.project{background:var(--color-bg);flex-direction:column;display:flex}.project__media{aspect-ratio:4/3;background:var(--color-surface);border-radius:10px;margin:14px 14px 0;overflow:hidden}.project__media--contain{padding:16px}.project__img{object-fit:cover;filter:grayscale()contrast(1.08);width:100%;height:100%;transition:filter .4s}.project__media--contain .project__img{object-fit:contain}.project:hover .project__img,.project:focus-within .project__img{filter:grayscale(0)contrast()}.project__body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 24px;display:flex}.project__kind{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-700);font-size:11px}.project__name{letter-spacing:-.015em;font-size:24px;line-height:1.15}.project__desc{color:color-mix(in srgb, var(--color-text) 80%, transparent);flex:1;font-size:15px;line-height:24px}.project__tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tag{letter-spacing:.02em;background:var(--color-accent-100);color:var(--color-accent-800);padding:3px 10px;font-size:11px}.project__links{flex-wrap:wrap;gap:8px 20px;margin-top:8px;display:flex}.project__cta{font-family:var(--font-heading);color:var(--color-accent-700);border-bottom:2px solid;padding-bottom:2px;font-size:14px;font-weight:800;text-decoration:none}.project__cta:hover{color:var(--color-accent)}.contact{background:color-mix(in srgb, var(--color-accent) 28%, var(--color-bg));color:var(--color-text);overflow-x:clip}.contact__inner{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;gap:56px clamp(32px,6vw,96px);padding-top:112px;padding-bottom:112px;display:grid}.contact__title{letter-spacing:-.03em;margin-left:-.05em;font-size:clamp(44px,5.6vw,80px);line-height:1.02}.contact__title-sub{color:var(--color-accent-900)}.contact__lede{max-width:24ch;margin-top:32px;font-size:24px;line-height:34px}.contact .btn-row{margin-top:36px}.contact .btn-outline{background:0 0}.contact .btn-outline:hover{background:var(--color-text);color:var(--color-accent)}.contact__panel{background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);padding:clamp(24px,3vw,40px)}.form{flex-direction:column;gap:22px;display:flex}.form label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form__input{width:100%;min-height:48px;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-sm);outline:none;padding:10px 14px;font-size:16px}textarea.form__input{resize:vertical;padding:12px 14px;line-height:24px}.form__input:focus{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:0}.form__submit{background:var(--color-accent);color:var(--color-text);cursor:pointer;font-family:var(--font-heading);border-radius:var(--radius-sm);border:0;justify-content:space-between;align-self:stretch;align-items:center;padding:16px 18px;font-size:16px;font-weight:800;display:flex}.form__submit:hover{background:var(--color-accent-600)}.form__submit:disabled{cursor:progress}.send-icon{width:22px;height:22px;display:inline-block;position:relative}.send-icon svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;position:absolute;overflow:visible}.send-icon__plane{transform-origin:50%;width:100%;height:100%;transition:transform .35s var(--ease-out);inset:0}.send-icon__lines{opacity:0;width:16px;height:22px;top:0;right:calc(100% + 2px)}.send-icon__trail{opacity:0;pointer-events:none;stroke-width:2.5px;stroke-dasharray:1;stroke-dashoffset:1px;width:140px;height:90px;top:calc(50% - 80px);left:50%}.form__submit:hover:not(:disabled) .send-icon__plane{animation:1.1s ease-in-out infinite plane-fly}.form__submit:hover:not(:disabled) .send-icon__lines{animation:.55s linear infinite speed-lines}.form__submit.is-sending .send-icon__plane{animation:.9s cubic-bezier(.5,0,.2,1) forwards plane-swoosh}.form__submit.is-sending .send-icon__trail{animation:.9s cubic-bezier(.5,0,.2,1) forwards trail-draw}@keyframes plane-fly{0%,to{transform:translate(2px,-2px)rotate(-6deg)}50%{transform:translate(5px,-6px)rotate(-12deg)}}@keyframes speed-lines{0%{opacity:0;transform:translate(6px)}30%{opacity:.7}to{opacity:0;transform:translate(-8px)}}@keyframes plane-swoosh{0%{opacity:1;transform:none}25%{opacity:1;transform:translate(-14px,6px)rotate(10deg)}to{opacity:0;transform:translate(130px,-70px)rotate(-28deg)scale(.6)}}@keyframes trail-draw{0%,22%{stroke-dashoffset:1px;opacity:.55}75%{stroke-dashoffset:0;opacity:.55}to{stroke-dashoffset:0;opacity:0}}@media (prefers-reduced-motion:reduce){.send-icon__plane{transition:none}.send-icon__trail,.send-icon__lines{display:none}}.form__error{color:#a3200b;font-size:14px;line-height:22px}.sent{flex-direction:column;justify-content:center;gap:16px;min-height:360px;display:flex}.sent__square{background:var(--color-accent);width:16px;height:16px}.sent__title{letter-spacing:-.02em;font-size:32px;line-height:1.1}.sent__body{color:color-mix(in srgb, var(--color-text) 80%, transparent);font-size:17px;line-height:28px}.sent__again{cursor:pointer;font-family:var(--font-heading);color:var(--color-accent-700);background:0 0;border:0;border-bottom:2px solid;align-self:flex-start;margin-top:8px;padding:0 0 2px;font-size:14px;font-weight:800}.footer{color:color-mix(in srgb, var(--color-text) 72%, transparent);flex-wrap:wrap;align-items:center;gap:20px 40px;padding-top:40px;padding-bottom:48px;font-size:13px;line-height:20px;display:flex}.footer__note{flex:280px}.footer__links{gap:20px;display:flex}.footer__links a{color:var(--color-text);font-weight:600;text-decoration:none}.footer__links a:hover{color:var(--color-accent)}