:root{color-scheme:dark;--bg:#020606;--surface:#0a1111;--ink:#f1f5f3;--muted:#aeb8b8;--accent:#16ddd5;--line:#22302f;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.symbols{width:0;height:0;position:absolute;overflow:hidden}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{background:var(--accent);color:var(--bg);z-index:20;padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip:focus{transform:none}.ambient{pointer-events:none;z-index:-1;background:radial-gradient(at 80% 0,#16ddd50b,#0000 65%);width:70vw;height:800px;position:absolute;top:0;right:0}.shell{max-width:1100px;margin:auto;padding:0 52px}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:130px;display:flex}.wordmark{mix-blend-mode:screen;width:150px;height:auto;display:block}.share{border:1px solid var(--line);color:var(--muted);background:0 0;align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.share svg{width:17px;height:17px}.share:hover{border-color:var(--accent);color:var(--ink)}.profile-layout{grid-template-columns:1fr 1.05fr;gap:78px;padding:58px 0 64px;display:grid}.portrait-wrap{width:100%;max-width:360px;padding:0 14px 14px 0;position:relative}.portrait-line{border:1px solid #16ddd54a;position:absolute;inset:15px 0 0 15px}.portrait{object-fit:cover;object-position:center 38%;filter:saturate(.7);width:100%;height:330px;display:block;position:relative}.portrait-wrap:after{content:"";background:linear-gradient(#0000,#020606ad);height:38%;position:absolute;bottom:14px;left:0;right:14px}.portrait-caption{letter-spacing:2px;z-index:1;font-size:8px;position:absolute;bottom:33px;left:18px}.identity-copy{padding-top:34px}.eyebrow{letter-spacing:2.1px;color:var(--muted);margin:0 0 18px;font-size:9px;font-weight:600}.eyebrow span{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}h1{letter-spacing:-2.8px;margin:0 0 18px;font-size:54px;font-weight:500;line-height:1.06}h1 em{letter-spacing:-1.8px;color:var(--accent);font-family:Instrument Serif,Georgia,serif;font-size:72px;font-weight:400;display:block}.role{margin:0 0 5px;font-size:14px}.company{color:var(--muted);margin:0;font-size:12px}.intro{color:#c5cfcc;margin:28px 0 0;font-size:17px;line-height:1.6}.intro em{font-family:Instrument Serif,Georgia,serif;font-size:23px;font-weight:400}.section-top{color:var(--muted);letter-spacing:1.5px;justify-content:space-between;margin:0 0 20px;padding-top:3px;font-size:8px;display:flex}.save-contact{background:var(--accent);color:#001313;align-items:center;gap:16px;padding:23px 20px;transition:background .2s,transform .2s;display:flex;position:relative}.save-contact:hover{background:#70eee6;transform:translateY(-2px)}.button-icon svg{width:28px;height:28px}.save-contact strong{font-size:17px;font-weight:700;display:block}.save-contact small{color:#164b48;margin-top:5px;font-size:10px;display:block}.quick-actions,.social-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-actions{margin-top:10px;margin-bottom:15px}.quick-actions a,.social-actions a{border:1px solid var(--line);align-items:center;gap:10px;padding:18px 14px;font-size:12px;transition:border-color .2s,background .2s;display:flex}.quick-actions a:hover,.social-actions a:hover{background:#16ddd508;border-color:#16ddd580}.quick-actions svg,.social-actions svg{width:17px;height:17px}.contact-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:21px 0;display:flex}.row-icon{background:var(--surface);width:40px;height:40px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.row-icon svg{width:19px;height:19px}.row-copy{min-width:0}.row-copy small{letter-spacing:1.5px;color:var(--muted);margin-bottom:7px;font-size:8px;display:block}.row-copy strong{overflow-wrap:anywhere;font-size:12px;font-weight:500}.contact-row:hover strong{color:var(--accent)}.social-actions{margin-top:18px}.studio-note{border-top:1px solid var(--line);margin-top:34px;padding-top:30px}.studio-note .eyebrow{font-size:8px}h2{font-weight:500}.studio-note h2{letter-spacing:-.6px;margin:0 0 14px;font-size:21px;line-height:1.45}.studio-note h2 em{color:var(--accent);font-family:Instrument Serif,Georgia,serif;font-size:29px;font-weight:400}.studio-note p{color:var(--muted);margin-bottom:20px;font-size:11px;line-height:1.9}.studio-note a{align-items:center;gap:25px;font-size:11px;display:inline-flex}.studio-note a svg{width:15px;height:15px;color:var(--accent)}.work{border-top:1px solid var(--line);padding:38px 0 48px}.work-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.work-heading .eyebrow{margin-bottom:12px;font-size:8px}.work-heading h2{letter-spacing:-.6px;margin:0;font-size:23px}.work-heading h2 em{font-family:Instrument Serif,Georgia,serif;font-size:29px;font-weight:400}.work-heading>a{white-space:nowrap;align-items:center;gap:15px;padding-bottom:4px;font-size:10px;display:flex}.work-heading>a svg{width:15px;height:15px;color:var(--accent)}.work-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.project-image{background:#101818;height:210px;position:relative;overflow:hidden}.project-image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s}.project:hover img{transform:scale(1.025)}.project-image>span{background:var(--bg);padding:9px;display:flex;position:absolute;bottom:12px;right:12px}.project-image svg{width:16px;height:16px}.project-label{justify-content:space-between;align-items:center;gap:8px;padding-top:15px;display:flex}.project-label strong{font-size:11px;font-weight:500}.project-label small{letter-spacing:1px;color:var(--muted);font-size:7px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;padding:30px 0;display:flex}footer>p{letter-spacing:1.6px;color:var(--muted);margin:0;font-size:8px;line-height:1.7}footer>p>span{letter-spacing:0;color:var(--ink);margin-top:7px;font-size:11px;display:block}.credit{letter-spacing:0;font-size:10px}.credit a{color:var(--ink)}.credit a:hover{color:var(--accent)}dialog{border:1px solid var(--line);color:var(--ink);background:#0a1111;width:calc(100% - 36px);max-width:430px;padding:30px}dialog::backdrop{backdrop-filter:blur(8px);background:#000c}dialog h2{margin:12px 0;font-family:Instrument Serif,Georgia,serif;font-size:36px}dialog p{color:var(--muted);font-size:12px;line-height:1.8}dialog label{margin:20px 0 8px;font-size:10px;display:block}dialog input{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--ink);padding:13px;font-size:12px}.close{color:var(--muted);background:0 0;border:0;font-size:26px;position:absolute;top:8px;right:12px}.copy-button{background:var(--accent);color:#001313;border:0;width:100%;margin-top:12px;padding:14px;font-weight:700}#copy-status{min-height:22px;margin:10px 0 0}@media (width>=760px){.identity{align-self:start;position:sticky;top:36px}}@media (width<=900px){.shell{padding:0 32px}.profile-layout{gap:45px}h1{font-size:45px}h1 em{font-size:62px}.project-label{flex-direction:column;align-items:start}.row-copy strong{font-size:11px}}@media (width<=640px){.shell{max-width:480px;padding:0 24px}.masthead{height:86px}.wordmark{width:118px}.share{padding:11px}.share span{display:none}.profile-layout{padding:32px 0 38px;display:block}.identity{text-align:center}.portrait-wrap{width:192px;margin:0 auto;padding:0 9px 9px 0}.portrait{object-position:center 32%;height:206px}.portrait-line{inset:10px 0 0 10px}.portrait-caption{letter-spacing:1.1px;font-size:5px;bottom:22px;left:10px}.portrait-wrap:after{bottom:9px;right:9px}.identity-copy{padding-top:27px}.eyebrow{letter-spacing:1.8px;margin-bottom:17px;font-size:8px}h1{letter-spacing:-1.7px;margin-bottom:14px;font-size:37px}h1 em{letter-spacing:-1.3px;font-size:49px;display:inline}.role{font-size:12px}.company{font-size:11px}.intro{margin:20px 0 27px;font-size:14px;line-height:1.6}.intro br{display:none}.intro em{font-size:20px}.section-top{border-top:1px solid var(--line);letter-spacing:1.2px;margin-bottom:14px;padding-top:20px;font-size:7px}.save-contact{padding:20px 18px}.save-contact strong{font-size:16px}.save-contact small{font-size:10px}.quick-actions a,.social-actions a{padding:17px 14px;font-size:11px}.contact-row{gap:13px;padding:19px 0}.row-copy strong{font-size:11px}.studio-note{margin-top:28px;padding-top:26px}.studio-note h2{font-size:20px}.studio-note p{font-size:11px}.work{padding:28px 0 32px}.work-heading{margin-bottom:20px;display:block}.work-heading h2{font-size:21px;line-height:1.35}.work-heading h2 em{font-size:28px;display:block}.work-heading>a{margin-top:15px;font-size:10px}.work-grid{gap:12px}.project-image{height:130px}.project-label strong{font-size:10px}.project-label small{letter-spacing:.6px;font-size:6px}.project-image>span{padding:6px;bottom:7px;right:7px}.project-image svg{width:13px;height:13px}footer{text-align:center;padding:25px 0 30px;display:block}.credit{margin-top:20px;font-size:9px}footer>p>span{font-size:10px}}@media (prefers-reduced-motion:no-preference){.profile-layout{animation:.7s both arrive}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.portrait-photo{height:330px;position:relative;overflow:hidden}.portrait-photo .portrait{transform-origin:50% 70%;height:100%;transform:scale(1.22)}.wordmark{stroke:none;fill:none}@media (width<=640px){.portrait-photo{height:206px}.portrait-photo .portrait{transform:scale(1.25)}}.portrait-wrap{text-align:center;width:200px;max-width:200px;padding:10px 10px 0}.portrait-line{border-color:#16ddd54a;border-radius:50%;width:200px;height:200px;inset:0 auto auto 0}.portrait-photo{border-radius:50%;width:180px;height:180px;overflow:hidden}.portrait-photo .portrait{object-fit:cover;transform-origin:50% 52%;filter:none;width:100%;height:100%;transform:scale(1.5)}.portrait-wrap:after{display:none}.portrait-caption{letter-spacing:1.4px;white-space:nowrap;margin-top:22px;font-size:6px;display:block;position:static}.social-actions .social-linkedin{background:#0a66c221;border-color:#0a66c261}.social-actions .social-linkedin>svg{color:#72b7ff}.social-actions .social-linkedin:hover{background:#0a66c238;border-color:#4c9deea6}.social-actions .social-instagram{background:linear-gradient(115deg,#f585291a,#dd2a7b1f,#8134af24);border-color:#dd2a7b54}.social-actions .social-instagram>svg{color:#ee8fbd}.social-actions .social-instagram:hover{background:linear-gradient(115deg,#f585292b,#dd2a7b33,#8134af38);border-color:#dd2a7b99}@media (width<=640px){.portrait-wrap{width:160px;max-width:160px;padding:10px 10px 0}.portrait-line{width:160px;height:160px;top:0;left:0}.portrait-photo{width:140px;height:140px}.portrait-photo .portrait{transform:scale(1.5)}.portrait-caption{letter-spacing:1px;margin-top:20px;font-size:5px}}.work-heading>a.work-cta{background:var(--accent);color:#001313;border:1px solid var(--accent);white-space:nowrap;justify-content:center;align-items:center;min-height:44px;padding:14px 20px;font-size:11px;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.work-heading>a.work-cta:hover{background:#70eee6;border-color:#70eee6}.project-image--logo{background:#fff}.project-image--logo img{object-fit:contain;object-position:center;padding:24px}@media (width<=640px){.project-image--logo img{padding:16px}}.project-image--preview{background:#101827}.project-image--preview img{object-fit:contain;object-position:center}.project-image--profile{background:#003045}.device-stage{border:1px solid var(--line);background:radial-gradient(at 50% 70%,#163a3c 0%,#0b191a 38%,#070e0f 75%);justify-content:center;align-items:center;height:340px;padding:24px;display:flex;position:relative;overflow:hidden}.device-stage--mobile{background:radial-gradient(at 50% 70%,#144759 0%,#09232d 40%,#060e12 80%)}.desktop-device{filter:drop-shadow(0 14px 12px #0006);width:100%;max-width:390px;position:relative}.monitor-frame{background:linear-gradient(135deg,#465254,#171d1f 24%,#313b3d 80%,#536063);border:1px solid #718084;border-radius:10px;padding:12px 8px 0;position:relative}.monitor-camera{background:#0a1215;border-radius:50%;width:3px;height:3px;position:absolute;top:4px;left:calc(50% - 1.5px)}.monitor-screen{background:#101827;border:1px solid #000;border-radius:3px;overflow:hidden}.browser-chrome{letter-spacing:.3px;color:#c3cecf;background:#182126;border-bottom:1px solid #354146;justify-content:space-between;align-items:center;gap:8px;height:19px;padding:0 9px;font-size:6px;display:flex}.browser-dots{gap:3px;width:22px;display:flex}.browser-dots i{background:#738285;border-radius:50%;width:3px;height:3px}.browser-end{width:22px}.device-screen{position:relative;overflow:hidden}.monitor-screen .device-screen{aspect-ratio:8/5}.device-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.monitor-chin{height:16px;position:relative}.monitor-chin:after{content:"";background:#71808380;border-radius:2px;width:12px;height:2px;display:block;position:absolute;top:7px;left:calc(50% - 6px)}.monitor-stand{width:30%;height:31px;margin:0 auto;position:relative}.monitor-stand:before{content:"";clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);background:linear-gradient(90deg,#283234,#758083 50%,#303b3e);height:26px;position:absolute;top:0;left:27%;right:27%}.monitor-stand:after{content:"";background:linear-gradient(#78888b,#354346);border:1px solid #829194;border-radius:50% 50% 3px 3px;height:6px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 5px 7px #0007}.phone-device{aspect-ratio:390/844;box-sizing:content-box;background:#070b0c;border:4px solid #657276;border-radius:23px;height:296px;padding:4px;position:relative;box-shadow:inset 0 0 0 1px #000,0 15px 25px #0007}.phone-screen{background:#003045;border-radius:15px;width:100%;height:100%}.phone-camera{background:#070b0c;border-radius:8px;width:29px;height:7px;position:absolute;top:9px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #233035}.phone-home{background:#25373b9c;border-radius:2px;width:35px;height:2px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.project:hover .device-screen img{transform:none}@media (width<=900px){.device-stage{padding:18px}.browser-chrome{height:15px;padding:0 6px;font-size:5px}.monitor-frame{padding:9px 6px 0}.monitor-chin{height:12px}.monitor-chin:after{top:5px}}@media (width<=640px){.work-grid{grid-template-columns:1fr;gap:26px}.device-stage{height:300px;padding:24px}.phone-device{border-radius:22px;height:260px}.phone-screen{border-radius:14px}.project-label{flex-direction:row;align-items:center;gap:12px;padding-top:13px}.project-label strong{font-size:11px}.project-label small{font-size:6px}}.portrait-photo .portrait{object-position:50% 20%;transform:none}