@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{min-height:100svh;margin:0}#root{min-height:100svh}:root,[data-theme=dark]{--bg:#121212;--bg-elevated:#1a1a1a;--card:#1e1e1e;--card-inset:#252525;--border:#ffffff14;--text:#f5f5f5;--muted:#a3a3a3;--muted2:#737373;--accent-green:#22c55e;--accent-glow:#22c55e59;--accent-orange:#f97316;--accent-orange-glow:#f973166b;--accent-orange-soft:#f9731624;--shadow:0 24px 80px #00000073}[data-theme=light]{--bg:#f4f4f5;--bg-elevated:#fff;--card:#fff;--card-inset:#f4f4f5;--border:#00000014;--text:#0a0a0a;--muted:#525252;--muted2:#737373;--accent-green:#16a34a;--accent-glow:#16a34a40;--accent-orange:#ea580c;--accent-orange-glow:#ea580c47;--accent-orange-soft:#ea580c1a;--shadow:0 20px 60px #00000014}body{background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}.page{padding:28px 24px 48px}.shell{flex-direction:column;gap:20px;width:100%;max-width:min(920px,88vw);margin:0 auto;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:22px 24px;box-shadow:inset 0 1px #ffffff0a}[data-theme=light] .card{box-shadow:none}.nav{z-index:20;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;position:sticky;top:16px}.nav__icons{align-items:center;gap:6px;display:flex}.nav__actions{align-items:center;gap:10px;display:flex;position:relative}.hire-wrap{position:relative}.hire-wrap--hero .hire-menu{left:0;right:auto}.hire-menu{background:var(--card);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow);z-index:50;border-radius:16px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.hire-menu__item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s;display:flex}.hire-menu__item:hover{background:var(--card-inset)}.hire-menu__item--btn{flex-wrap:wrap}.hire-menu__logo{border-radius:4px;flex-shrink:0}.hire-menu__icon-mail{color:var(--muted);flex-shrink:0;display:flex}.hire-menu__contact-text{flex-direction:column;gap:2px;min-width:0;display:flex}.hire-menu__contact-label{font-weight:500}.hire-menu__contact-email{color:var(--muted);word-break:break-all;font-size:12px;font-weight:400}.icon-btn{width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.icon-btn:hover{color:var(--text);background:var(--card-inset)}.icon-btn.is-active{color:var(--text);background:var(--card-inset);border-color:var(--border)}.icon-btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.btn-hire{border:1px solid var(--border);background:var(--card-inset);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:border-color .15s,transform .1s;display:inline-flex}.btn-hire:hover{border-color:#fff3}.btn-hire:active{transform:scale(.98)}.btn-hire__plus{border:1px solid var(--border);background:var(--card);border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.hero__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.hero__grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;display:grid}@media (width<=768px){.hero__grid{gap:16px 20px}}.hero__copy{min-width:0}.hero__title{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.hero__sub{color:var(--muted);max-width:52ch;margin:0 0 22px;font-size:1rem;line-height:1.55}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.btn-outline{background:var(--card-inset);color:var(--text);border:1px solid var(--border);padding:12px 18px}.btn-outline:hover{border-color:#ffffff2e}.btn-primary{background:var(--card-inset);color:var(--text);border:1px solid var(--border);padding:12px 18px;text-decoration:none}.btn-primary:hover{border-color:#fff3}.btn-submit{background:var(--card-inset);width:100%;color:var(--text);border:1px solid var(--border);margin-top:4px;padding:14px 18px}.btn-submit:hover{border-color:#fff3}.hero__avatar-wrap{justify-self:end}.hero__avatar{border:2px solid var(--accent-orange-soft);letter-spacing:-.04em;color:#fafafa;width:min(200px,42vw);height:min(200px,42vw);box-shadow:0 0 0 1px var(--accent-orange-soft), 0 0 48px var(--accent-orange-glow), 0 0 96px var(--accent-orange-soft);background:linear-gradient(145deg,#3b3b45,#1f1f24);border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex;overflow:hidden}.hero__avatar--img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;clip-path:circle(50%);border-radius:50%;width:100%;height:100%;display:block}[data-theme=light] .hero__avatar{color:#18181b;border-color:var(--accent-orange-soft);box-shadow:0 0 0 1px var(--accent-orange-soft), 0 0 36px var(--accent-orange-glow);background:linear-gradient(145deg,#e4e4e7,#fafafa)}.logo-ticker{margin-top:8px;padding:28px 0 36px;position:relative;overflow:hidden}.logo-ticker__glow{background:radial-gradient(ellipse closest-side, var(--accent-orange-glow) 0%, transparent 75%);opacity:.45;pointer-events:none;width:min(520px,90%);height:100px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.logo-ticker__horizon{border:1px solid var(--accent-orange-soft);background:radial-gradient(ellipse 80% 60% at 50% 0%, var(--accent-orange-soft), transparent 72%);opacity:.55;pointer-events:none;border-radius:50%;width:160%;height:55%;position:absolute;bottom:-42%;left:50%;transform:translate(-50%)}.logo-ticker__viewport{z-index:1;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%)}.logo-ticker__track{align-items:center;gap:0;width:max-content;animation:42s linear infinite logo-ticker-scroll;display:flex}.logo-ticker__viewport--static{-webkit-mask-image:none;mask-image:none}.logo-ticker__track--static{flex-wrap:wrap;justify-content:center;row-gap:12px;width:100%;max-width:100%;animation:none}@keyframes logo-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-ticker__item{flex-shrink:0;justify-content:center;align-items:center;height:44px;padding:0 36px;display:flex}.logo-ticker__item img{-o-object-fit:contain;object-fit:contain;opacity:.88;filter:grayscale()brightness(1.12);width:auto;max-width:128px;height:30px}[data-theme=light] .logo-ticker__item img{filter:grayscale()brightness(.4);opacity:.92}[data-theme=light] .logo-ticker__glow{opacity:.35}[data-theme=light] .logo-ticker__horizon{opacity:.4}.eyebrow{color:var(--muted2);text-transform:none;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.eyebrow--grow{flex:1}.dot{background:var(--muted2);border-radius:50%;width:6px;height:6px}.badge-available{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-green);white-space:nowrap;background:#22c55e14;border:1px solid #22c55e40;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:600;display:inline-flex}.badge-available__dot{background:var(--accent-green);width:8px;height:8px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%}.skills .section-head{margin-bottom:8px}.skills__body{flex-direction:column;gap:22px;margin-top:8px;display:flex}.skills__group{flex-direction:column;gap:10px;display:flex}.skills__category{letter-spacing:-.02em;color:var(--text);margin:0;font-size:15px;font-weight:700}.skills__chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.skill-pill{letter-spacing:-.01em;color:#fff;white-space:nowrap;border-radius:9999px;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;line-height:1.3;display:inline-flex}.skill-pill--default{background:#1a1a1a}.skill-pill--feature{background:#0f172a}.skill-pill--live{background:#062016}.skill-pill--alert{background:#2d0a10}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-head--stack{flex-direction:column;align-items:flex-start}.section-title{letter-spacing:-.03em;margin:8px 0 10px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700}.section-desc{color:var(--muted);max-width:62ch;margin:0;line-height:1.6}.link-arrow{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px}.link-arrow:hover{color:var(--text)}.project-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.project-row{border:1px solid var(--border);background:var(--card-inset);width:100%;color:inherit;cursor:pointer;text-align:left;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 16px;transition:border-color .15s,transform .1s;display:grid}.project-row:hover{border-color:#ffffff24}.project-row:active{transform:scale(.995)}.project-row__name{font-size:15px;font-weight:600;display:block}.project-row__sub{color:var(--muted);margin-top:2px;font-size:13px;display:block}.project-row__chev{color:var(--muted2)}.work-brand{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.work-brand--emoji{background:var(--card-inset);border:1px solid var(--border)}.work-brand__emoji{line-height:1;position:relative;top:1px}.experience .section-head{margin-bottom:8px}.exp-timeline{margin:16px 0 0;padding:0;list-style:none}.exp-item{-moz-column-gap:16px;grid-template-columns:52px minmax(0,1fr);align-items:start;column-gap:16px;display:grid}.exp-item+.exp-item{margin-top:8px}.exp-item__rail{flex-direction:column;align-items:center;width:52px;min-height:100%;display:flex}.exp-item__logo-slot{background:var(--card-inset);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.exp-logo{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;box-sizing:border-box;width:100%;height:100%;display:block}.exp-logo--fallback{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;padding:0;font-size:18px;font-weight:700;display:flex}.exp-item__connector{border-left:2px dotted var(--muted2);opacity:.85;flex:1;width:0;min-height:28px;margin-top:8px}.exp-item__body{padding-bottom:22px}.exp-item:last-child .exp-item__body{padding-bottom:0}.exp-item__head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.exp-item__head-main{flex:1;min-width:0}.exp-item__title{letter-spacing:-.01em;margin:0 0 6px;font-size:15px;font-weight:600;line-height:1.3}.exp-item__company-inline{font-weight:inherit;color:inherit;text-decoration:none}a.exp-item__company-inline:hover{color:#60a5fa;text-decoration:underline}[data-theme=light] a.exp-item__company-inline:hover{color:#2563eb}.exp-item__tagline{color:var(--muted);margin:0;font-size:14px;font-style:italic;line-height:1.45}.exp-item__head-aside{text-align:right;color:var(--muted2);flex-direction:column;flex-shrink:0;gap:3px;font-size:13px;line-height:1.35;display:flex}.exp-item__when{color:var(--muted);font-weight:500}.exp-item__dur{font-size:12px}.exp-item__where{font-size:13px}@media (width<=560px){.exp-item__head{flex-direction:column;gap:10px}.exp-item__head-aside{text-align:left}}.exp-item__bullets{color:var(--muted);margin:0;padding-left:1.15rem;font-size:14px;line-height:1.55}.exp-item__bullets li+li{margin-top:6px}.exp-item__skills{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.exp-item__skills li{border:1px solid var(--border);background:var(--card-inset);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.contact__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.contact__sub{margin-bottom:22px}.contact-form{flex-direction:column;gap:14px;display:flex}.contact-form__row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.contact-form__row{grid-template-columns:1fr}}.field{flex-direction:column;gap:8px;display:flex}.field__label{color:var(--muted);font-size:13px}.field__input{border:1px solid var(--border);background:var(--card-inset);color:var(--text);border-radius:14px;padding:12px 14px}.field__input::placeholder{color:var(--muted2)}.field__input:focus{outline:2px solid var(--accent-green);outline-offset:1px}.field__textarea{resize:vertical;min-height:120px}.social{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.social__links{gap:10px;display:flex}.social__btn{background:var(--card-inset);border:1px solid var(--border);width:44px;height:44px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.social__btn:hover{color:var(--text);border-color:#ffffff2e}.footer{text-align:center;color:var(--muted2);padding:8px 0 0;font-size:13px}.modal-root{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--card);border:1px solid var(--border);width:100%;max-width:min(900px,96vw);max-height:min(88vh,900px);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.modal-panel--project{max-width:min(680px,92vw)}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:22px 22px 16px;display:flex}.modal-title{letter-spacing:-.02em;margin:6px 0 8px;font-size:1.5rem;font-weight:700}.modal-sub{color:var(--muted);max-width:48ch;margin:0;font-size:14px;line-height:1.5}.modal-close{flex-shrink:0;align-self:flex-start}.modal-body{flex-direction:column;gap:28px;padding:18px 22px 24px;display:flex;overflow:auto}.modal-body--project{gap:0;padding-top:8px}.modal-head--project .modal-title{margin-top:4px}.work-detail{flex-direction:column;gap:18px;display:flex}.card-inset{background:var(--card-inset);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;padding:16px 18px;display:grid}@media (width<=560px){.card-inset{grid-template-columns:1fr}}.meta-row{flex-direction:column;gap:4px;display:flex}.meta-label{color:var(--muted2);font-size:12px}.meta-value{font-size:14px;font-weight:500}.work-detail__hero{grid-template-columns:auto 1fr;align-items:start;gap:20px;display:grid}@media (width<=560px){.work-detail__hero{grid-template-columns:1fr}}.work-detail__name{letter-spacing:-.02em;margin:0 0 10px;font-size:1.75rem;font-weight:700}.work-detail__desc{color:var(--muted);margin:0 0 16px;line-height:1.6}.work-detail__gallery{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=640px){.work-detail__gallery{grid-template-columns:1fr}}.gallery-tile{aspect-ratio:16/10;border:1px solid var(--border);background:linear-gradient(135deg,#e5e5e5,#fafafa);border-radius:12px}[data-theme=light] .gallery-tile{background:linear-gradient(135deg,#d4d4d8,#f4f4f5)}.toast{z-index:200;background:var(--card-inset);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow);border-radius:999px;padding:12px 20px;font-size:14px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}