@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0b0e11;--ink:#eceee9;--muted:#9ba6a9;--accent:#a9edca;--line:#ffffff16;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif}body:before{content:"";pointer-events:none;background:radial-gradient(at 82% 25%,#173f3524,#0000 45%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{color:#0b0e11;background:#a9edca}.site-shell{flex-direction:column;max-width:1600px;min-height:100svh;margin:auto;padding:0 5.5%;display:flex;position:relative}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.wordmark{letter-spacing:1.5px;align-items:center;gap:15px;font-size:10px;font-weight:650;line-height:1.4;display:flex}.monogram{flex:none;width:54px;height:49px;overflow:visible}.monogram-stroke{stroke-dasharray:1;stroke-dashoffset:0}.monogram-j{animation:1.2s cubic-bezier(.22,1,.36,1) .15s both signature-trace}.monogram-n{animation:1.35s cubic-bezier(.22,1,.36,1) .5s both signature-trace}.monogram circle{animation:.35s ease-out .1s both signature-dot}@keyframes signature-dot{0%{opacity:0}to{opacity:1}}.wordmark:hover .monogram-stroke,.wordmark:focus-visible .monogram-stroke{animation:.8s cubic-bezier(.22,1,.36,1) both signature-trace}.wordmark:hover .monogram-n,.wordmark:focus-visible .monogram-n{animation-delay:.1s}@keyframes signature-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.header-contact{align-items:center;gap:24px;font-size:13px;display:flex}.header-contact svg,.text-link svg,.primary-link svg{transition:transform .25s}.header-contact:hover svg,.text-link:hover svg,.primary-link:hover svg{transform:translate(3px,-3px)}main{flex-direction:column;flex:1;justify-content:center;display:flex}.hero{grid-template-columns:1fr 1.12fr;align-items:center;gap:3%;padding:24px 0 18px;display:grid}.intro{z-index:1;position:relative}.eyebrow{font:9px var(--mono);letter-spacing:1.1px;color:var(--muted);align-items:center;gap:10px;margin:0 0 30px;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 14px #a9edca80}h1{letter-spacing:-3.5px;white-space:nowrap;margin:0 0 22px;font-size:clamp(40px,4.3vw,68px);font-weight:500;line-height:1.08}h1>span{color:var(--accent)}.description{max-width:465px;color:var(--muted);margin:0 0 20px;font-size:15px;line-height:1.7}.expertise{grid-template-columns:max-content max-content;gap:10px 25px;font-size:12px;font-weight:550;display:grid}.expertise span:before{content:"↳";color:var(--accent);margin-right:8px}.languages{color:var(--muted);font:10px var(--mono);flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 0;display:flex}.languages i{background:#889b97;border-radius:50%;width:2px;height:2px}.contact-links{align-items:center;gap:30px;margin-top:24px;display:flex}.primary-link{background:var(--accent);color:var(--paper);border:1px solid var(--accent);justify-content:space-between;align-items:center;gap:36px;padding:14px 19px;font-size:13px;transition:background .2s,box-shadow .2s;display:flex}.primary-link:hover{background:#c7f6df;box-shadow:0 0 28px #a9edca20}.text-link{align-items:center;gap:18px;font-size:12px;display:flex}.artwork{background:radial-gradient(at 52% 45%,#2057472b,#0000 65%);height:380px;position:relative;overflow:hidden}.artwork:before{content:"";background-image:linear-gradient(#a9edca06 1px,#0000 1px),linear-gradient(90deg,#a9edca06 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:9%;-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.artwork canvas{width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 80%,#0000 97%);mask-image:linear-gradient(#000 80%,#0000 97%)}.portrait-fallback{width:auto;height:92%;position:absolute;top:4%;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(49% 58% at 52% 42%,#000 64%,#0000 96%);mask-image:radial-gradient(49% 58% at 52% 42%,#000 64%,#0000 96%)}.portrait-artwork canvas{-webkit-mask-image:linear-gradient(#000 85%,#0000 99%);mask-image:linear-gradient(#000 85%,#0000 99%)}.portrait-controls{z-index:2;background:linear-gradient(transparent, var(--paper) 45%);justify-content:flex-end;align-items:center;gap:10px;padding:12px 0 3px;display:flex;position:absolute;inset:auto 12px 0}.motion-toggle{color:var(--muted);cursor:pointer;font:8px var(--mono);letter-spacing:.5px;background:0 0;border:0;padding:12px 3px}.motion-toggle:hover{color:var(--accent)}.art-top,.art-bottom{z-index:1;font:8px var(--mono);letter-spacing:1.2px;color:var(--muted);justify-content:space-between;display:flex;position:absolute;left:22px;right:22px}.art-top{top:15px}.art-top span:first-child{color:var(--accent)}.art-bottom{align-items:center;bottom:12px}.art-bottom button{font:8px var(--mono);letter-spacing:.5px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px 0 10px 10px}.art-bottom button:hover{color:var(--accent)}.orbit{pointer-events:none;border:1px solid #a9edca18;border-radius:50%;position:absolute;top:45%;left:50%}.orbit-one{width:85%;height:70%;transform:translate(-50%,-50%)rotate(-28deg)}.orbit-two{width:80%;height:40%;transform:translate(-50%,-50%)rotate(32deg)}.art-cross{font:16px var(--mono);color:#76998b;position:absolute}.cross-one{top:30%;left:6%}.cross-two{bottom:24%;right:5%}.experience{border-top:1px solid var(--line);padding:16px 0 14px}.experience-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.experience-heading h2,.experience-heading>span{font:8px var(--mono);letter-spacing:1.5px;color:var(--muted);margin:0}.experience-heading>span{letter-spacing:1px;font-size:7px}.experience-heading>span>span{color:var(--accent);margin-left:12px}.company-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.company-list li{min-width:0;position:relative}.company-button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-end;gap:9px;padding:0;display:flex}.company-name{letter-spacing:-.5px;align-items:center;gap:8px;min-height:26px;font-size:clamp(14px,1.45vw,21px);font-weight:500;transition:color .2s;display:flex}.current-marker{background:var(--accent);border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #a9edca80}.company-detail{width:100%;min-height:36px;font-size:9px;line-height:1.6;display:grid;overflow:hidden}.company-domain,.company-role{grid-area:1/1;min-width:0;transition:opacity .45s,transform .45s cubic-bezier(.22,1,.36,1)}.company-domain{color:var(--muted)}.company-role{color:var(--accent);opacity:0;transform:translateY(10px)}.company-button[data-show-role=true] .company-domain{opacity:0;transform:translateY(-10px)}.company-button[data-show-role=true] .company-role{opacity:1;transform:translateY(0)}.company-button[data-show-role=true] .company-name{color:var(--accent)}.company-button{transition:transform .25s;position:relative}.company-button:after{content:"";background:var(--accent);opacity:0;transform-origin:0;width:25px;height:1px;transition:opacity .3s,transform .4s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.company-button[data-show-role=true]:after{opacity:.55;transform:scaleX(1)}.company-button:hover,.company-button:focus-visible{transform:translateY(-3px)}footer{border-top:1px solid var(--line);min-height:54px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:10px;display:flex}footer p{align-items:center;gap:8px;margin:0;display:flex}.exploring-dot{border:1px solid var(--accent);border-radius:50%;width:5px;height:5px;margin-right:2px}.footer-note{font:8px var(--mono);letter-spacing:1px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--paper);z-index:10;padding:12px;position:absolute;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media (min-width:1500px){.hero{padding:40px 0}.artwork{height:500px}.description{max-width:510px;font-size:17px}.eyebrow{font-size:10px}.expertise{font-size:13px}}@media (max-width:1050px){.site-shell{padding:0 4%}h1{letter-spacing:-2.5px;font-size:clamp(38px,5vw,54px)}.description{font-size:14px}.eyebrow{letter-spacing:.4px;font-size:8px}.artwork{height:400px}.company-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.company-name{font-size:18px}.footer-note{display:none}}@media (min-width:721px) and (max-height:760px){.header{height:62px}.hero{padding:14px 0 10px}.artwork{height:320px}h1{margin-bottom:16px}.description{margin-bottom:14px}.languages{margin-top:14px}.contact-links{margin-top:18px}.experience{padding:10px 0 8px}.experience-heading{margin-bottom:10px}footer{min-height:42px}}@media (max-width:720px){.site-shell{padding:0 6%}.header{height:87px}.hero{grid-template-columns:1fr;gap:20px;padding:35px 0 20px}.eyebrow{margin-bottom:24px;font-size:8px}h1{letter-spacing:-2px;margin-bottom:22px;font-size:clamp(36px,8.2vw,58px)}.description{max-width:510px;font-size:14px}.expertise{gap:10px 16px;font-size:11px}.languages{gap:7px;font-size:9px}.contact-links{margin-top:26px}.artwork{justify-self:center;width:100%;max-width:500px;height:360px}.company-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.experience{padding:25px 0}footer{min-height:80px;padding:20px 0}footer p{flex-wrap:wrap;gap:7px;font-size:10px}footer p>span:last-child{flex-basis:100%;padding-left:15px}.footer-dash{display:none}.art-top,.art-bottom{left:12px;right:12px}}body:before{animation:14s ease-in-out infinite alternate ambient-breathe}.orbit-one{animation:24s ease-in-out infinite alternate orbit-drift-one}.orbit-two{animation:29s ease-in-out infinite alternate orbit-drift-two}.current-marker{animation:4s ease-in-out infinite marker-glow}.exploring-dot{animation:5s ease-in-out infinite marker-glow}.intro>*{animation:.85s cubic-bezier(.22,1,.36,1) both rise-in}.intro>:nth-child(2){animation-delay:80ms}.intro>:nth-child(3){animation-delay:.16s}.intro>:nth-child(4){animation-delay:.24s}.intro>:nth-child(5){animation-delay:.32s}.experience{animation:1s cubic-bezier(.22,1,.36,1) .3s both rise-in}h1>span{background:linear-gradient(110deg, var(--accent) 25%, #e6fff2 48%, var(--accent) 70%);color:#0000;background-size:240% 100%;-webkit-background-clip:text;background-clip:text;animation:16s ease-in-out infinite heading-light}.primary-link{transition:background .25s,box-shadow .3s,transform .25s}.primary-link:hover,.primary-link:focus-visible{transform:translateY(-3px);box-shadow:0 6px 32px #a9edca25}.expertise span{transition:color .25s,transform .25s}.expertise span:hover{color:var(--accent);transform:translate(4px)}.languages{transition:color .3s}.languages:hover{color:var(--ink)}.text-link,.header-contact{position:relative}.text-link:after,.header-contact:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.text-link:hover:after,.text-link:focus-visible:after,.header-contact:hover:after,.header-contact:focus-visible:after{transform:scaleX(1)}.monogram{transition:transform .3s;display:inline-block}.wordmark:hover .monogram,.wordmark:focus-visible .monogram{transform:translateY(-2px)rotate(-4deg)}.site-shell[data-motion=paused] *,.site-shell[data-motion=paused] :before,.site-shell[data-motion=paused] :after{animation-play-state:paused!important}body:has(.site-shell[data-motion=paused]):before{animation-play-state:paused!important}@keyframes ambient-breathe{0%{opacity:.55;transform:translate(0,0)}to{opacity:1;transform:translate(-3%,4%)}}@keyframes orbit-drift-one{0%{transform:translate(-50%,-50%)rotate(-28deg)}to{transform:translate(-50%,-50%)rotate(-12deg)}}@keyframes orbit-drift-two{0%{transform:translate(-50%,-50%)rotate(32deg)}to{transform:translate(-50%,-50%)rotate(16deg)}}@keyframes marker-glow{0%,to{box-shadow:0 0 5px #a9edca30}50%{box-shadow:0 0 14px #a9edca85}}@keyframes heading-light{0%,to{background-position:100%}50%{background-position:0%}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}