:root{color-scheme:light;--bg: #ffffff;--text: #181818;--muted: #74746f;--line: #eeeeea;--surface: #ffffff;--ink: #111111;--blue: #c7d7e5;--green: #cbd9c5;--rose: #ead0ca;--yellow: #eee0a8;--page-pad: clamp(18px, 4vw, 56px);--page-left: max(var(--page-pad), calc((100vw - 1440px) / 2 + var(--page-pad)))}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:min(100%,1440px);margin:0 auto;padding:28px var(--page-pad);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header,main{transform-origin:50% 38vh;transition:transform .78s cubic-bezier(.2,.8,.2,1),opacity .52s ease}body.detail-open:not(.detail-closing) .site-header,body.detail-open:not(.detail-closing) main{opacity:.86;transform:scale(.965)}.brand{display:flex}.brand{flex-direction:column;gap:2px}.brand span:first-child{font-weight:560}.brand span{font-size:15px}.brand span:last-child,.intro,.shot-meta,.role,.cv-copy p{color:var(--muted)}.intro{width:min(100%,1440px);margin:44px auto 72px;padding:0 var(--page-pad);text-align:left}.intro p{max-width:620px;margin:0;font-size:32px;line-height:1.18;color:var(--text)}.work-shell{position:relative}.work-strip{display:flex;gap:28px;width:100%;margin:0 auto;padding:0 var(--page-pad) 64px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--page-pad);scrollbar-width:none}.work-strip::-webkit-scrollbar{display:none}.work-year{position:absolute;top:-48px;left:var(--page-left);z-index:3;pointer-events:none}.work-year span{display:block;color:#0000002e;font-size:clamp(18px,2.4vw,34px);font-weight:560;letter-spacing:0;line-height:1;transition:opacity .18s ease,transform .24s ease}.work-year.is-changing span{opacity:0;transform:translateY(6px)}.shot{flex:0 0 clamp(280px,26vw,380px);display:grid;grid-template-rows:auto 1fr 34px;row-gap:18px;min-height:620px;padding:clamp(26px,2.6vw,36px);background:transparent;border:0;border-radius:0;overflow:hidden;cursor:pointer}.shot-wide{flex-basis:clamp(500px,46vw,700px)}.shot-laptop{flex-basis:clamp(760px,68vw,1040px)}.shot-laptop .work-image{width:min(100%,980px)}.work-image{align-self:center;justify-self:center;display:block;width:min(100%,760px);height:auto}.watch-image{width:auto;max-width:min(56%,210px);max-height:380px}.legacy-phone-image{width:auto;max-width:min(78%,300px);max-height:560px}.phone-frame{align-self:center;justify-self:center;display:block;width:min(78%,300px);aspect-ratio:9 / 19.4;padding:10px;border-radius:36px;background:var(--ink)}.device-media{position:relative;align-self:center;justify-self:center;display:block;width:100%;max-width:390px;aspect-ratio:1317 / 2676}.device-media-iphone13{aspect-ratio:1311 / 2652}.device-frame,.device-screen{position:absolute;display:block}.device-frame{top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}.device-screen{z-index:1;top:2.05%;right:5.2%;bottom:2.05%;left:5.2%;overflow:hidden;border-radius:8.2%/4%;background:#000}.device-media-iphone13 .device-screen{top:2.1%;right:5.2%;bottom:2.2%;left:5.2%}.device-video{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.audio-toggle{grid-row:3;align-self:start;justify-self:center;display:grid;place-items:center;width:34px;height:34px;margin-top:0;border:1px solid var(--line);border-radius:999px;color:var(--text);background:var(--surface);cursor:pointer}.audio-toggle[aria-pressed=true]{color:var(--text);background:transparent}.audio-icon{grid-area:1 / 1;width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.audio-icon-playing,.audio-toggle[aria-pressed=true] .audio-icon-muted{display:none}.audio-toggle[aria-pressed=true] .audio-icon-playing{display:block}.screen{display:block;width:100%;height:100%;border-radius:28px;background:linear-gradient(#fff 0,#fff 0) 20px 22px / 46% 8px no-repeat,linear-gradient(#fff 0,#fff 0) 20px 48px / 70% 8px no-repeat,linear-gradient(#ffffffb8 0,#ffffffb8 0) 20px 90px / calc(100% - 40px) 24% no-repeat,linear-gradient(#ffffff94 0,#ffffff94 0) 20px 48% / calc(100% - 40px) 18% no-repeat,var(--blue)}.screen-one{background-color:var(--blue)}.screen-two{background-color:var(--green)}.screen-three{background-color:var(--rose)}.screen-four{background-color:var(--yellow)}.screen-five{background-color:#d8d2c6}.screen-six{background-color:#d4d8df}.shot-meta{align-self:start;display:grid;justify-content:start;gap:2px;font-size:14px}.shot-meta span{min-width:0}.shot-meta span:first-child{color:var(--text)}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#fff}.detail-info{position:fixed;left:var(--detail-left, clamp(24px, 6vw, 96px));top:50%;z-index:101;width:min(28vw,340px);transform:translateY(-50%);color:var(--text)}.detail-info span{display:block;margin-bottom:14px;color:var(--muted);font-size:14px}.detail-info h2{margin-bottom:18px;font-size:18px}.detail-info p{max-width:34ch;color:var(--muted);font-size:16px;line-height:1.5}.detail-visual{position:fixed;z-index:101;margin:0;will-change:top,left,width,height;cursor:default}.detail-visual.work-image{max-width:none;max-height:none;object-fit:contain}.detail-visual.device-media{max-width:none;max-height:none}.detail-visual .device-media,.detail-visual .work-image,.detail-visual .phone-frame{width:100%;height:100%}.detail-placeholder{visibility:hidden}.detail-close{position:fixed;top:clamp(18px,4vw,40px);right:clamp(18px,4vw,40px);z-index:102;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:999px;color:var(--text);background:var(--surface);cursor:pointer}.detail-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}body.detail-open{overflow:hidden}.cv-layout{display:grid;grid-template-columns:1fr;gap:56px;width:min(100%,1440px);margin:56px auto 120px;padding:0 var(--page-pad)}h1,h2,h3,p{margin:0}h1,h2{font-size:16px;font-weight:560}.cv-copy{max-width:680px}.cv-copy p{margin-top:24px}.text-link{display:inline-block;margin-top:24px;color:var(--text);text-decoration:underline;text-underline-offset:4px}.experience{display:grid;gap:36px}.experience h2{color:var(--text)}.role{display:grid;grid-template-columns:1fr;gap:6px;max-width:680px;font-size:16px}.role time{color:#9a9a94}.role h3{color:var(--text);font-size:16px;font-weight:520}.role p{margin-top:8px}.side-projects{padding-top:4px}@media(max-width:640px){.site-header{align-items:flex-start;padding-top:20px}.intro{margin-top:28px;margin-bottom:56px}.intro p{font-size:27px}.work-strip{gap:18px;padding-bottom:40px}.work-year{top:-42px}.work-year.is-changing span{transform:translateY(4px)}.detail-info{top:22px;left:20px;width:calc(100vw - 88px);transform:none}.detail-info span{margin-bottom:6px;font-size:12px}.detail-info h2{margin-bottom:8px;font-size:15px}.detail-info p{max-width:32ch;font-size:12px;line-height:1.4}.shot{flex-basis:min(60vw,252px);min-height:448px}.shot-wide{flex-basis:min(78vw,364px)}.shot-laptop{flex-basis:min(92vw,520px)}.phone-frame{width:min(88%,220px);border-radius:30px}.device-media{width:100%;max-width:231px}.watch-image{max-width:min(68%,116px);max-height:231px}.legacy-phone-image{max-width:min(92%,210px);max-height:392px}.screen{border-radius:22px}.shot-meta{gap:4px}}