:root{--bg:#101010;--fg:#ededeb;--muted:#858581;--line:#2b2b29;--panel:#181817;--accent:#ededeb;color-scheme:dark}:root[data-theme=light]{--bg:#f4f4f1;--fg:#191917;--muted:#767671;--line:#d7d7d1;--panel:#e9e9e5;--accent:#191917;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(circle,color-mix(in srgb,var(--fg) 12%,transparent) 0 1px,transparent 1.2px);background-size:88px 88px;background-position:18px 26px;color:var(--fg);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}::selection{color:var(--bg);background:var(--fg)}:where(a,button,input):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-frame{width:min(100% - 48px,900px);margin-inline:auto;padding:64px 0 0}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;margin-bottom:88px}.profile-copy{max-width:610px}.profile-illustration{width:76px;height:76px;object-fit:contain;margin-bottom:14px;filter:grayscale(1) contrast(1.08)}.profile-copy h1{margin:0 0 18px;font-size:14px;line-height:1.3;font-weight:700;letter-spacing:-.01em}.profile-copy p{margin:0 0 18px;max-width:590px}.profile-copy a{color:var(--muted);border-bottom:1px solid var(--line);transition:color .18s ease,border-color .18s ease}.profile-copy a:hover{color:var(--fg);border-color:var(--fg)}.profile-nav{display:flex;align-items:center;gap:14px;white-space:nowrap}.profile-nav a,.theme-toggle{border:0;border-bottom:1px solid transparent;padding:0 0 2px;background:none;color:var(--muted);cursor:pointer}.profile-nav a:hover,.theme-toggle:hover{color:var(--fg);border-bottom-color:var(--fg)}.theme-toggle{display:inline-flex;align-items:center;gap:5px}.directory-section{margin-bottom:92px;scroll-margin-top:24px}.directory-section>h2{margin:0;padding:0 0 9px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.02em}.experiment-list,.project-directory{position:relative}.experiment-row,.project-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:baseline;min-height:46px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent);transition:opacity .2s ease,color .18s ease}.row-year{color:var(--muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row-main{display:grid;grid-template-columns:minmax(120px,.55fr) 1fr;grid-gap:24px;gap:24px;min-width:0}.row-main strong{font-weight:500;color:var(--fg)}.row-main>span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.locked-badge{margin-left:18px;padding:2px 6px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-family:monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.experiment-list:has(.experiment-row:hover) .experiment-row:not(:hover),.project-directory:has(.project-row:hover) .project-row:not(:hover){opacity:.28}.row-arrow{margin-left:18px;color:var(--muted)}.hover-preview{position:fixed;z-index:30;left:0;top:0;width:240px;height:150px;overflow:hidden;pointer-events:none;border:1px solid var(--line);border-radius:10px;background:#e7e7e3;box-shadow:0 20px 42px rgba(0,0,0,.35)}.hover-preview img{object-fit:contain;padding:12px;filter:grayscale(1)}.simple-footer{display:flex;justify-content:space-between;gap:32px;padding:28px 0 52px;border-top:1px solid var(--line);color:var(--muted)}.simple-footer p{margin:0}.simple-footer div{display:flex;align-items:center;gap:18px}.simple-footer a{display:inline-flex;align-items:center;gap:4px}.simple-footer a svg{width:14px;height:14px;flex-shrink:0}.simple-footer a:hover{color:var(--fg)}.shell{width:min(100% - 48px,1200px);margin-inline:auto}.case-nav{height:68px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line)}.case-nav span:nth-child(2){text-align:center}.case-nav span:last-child{text-align:right;color:var(--muted)}.case-title{padding:90px 0 70px}.case-kicker{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.case-title h1{margin:70px 0 28px;max-width:1100px;font-size:clamp(54px,8vw,120px);line-height:.9;letter-spacing:-.075em;font-weight:500}.case-title>p{margin-left:50%;max-width:560px;font-size:clamp(18px,2vw,28px)}.case-image{position:relative;aspect-ratio:2/1;overflow:hidden;background:var(--panel)}.case-image img{object-fit:cover}.case-image>span{position:absolute;top:18px;right:18px;padding:7px 10px;border-radius:99px;background:#080808;color:white;font-size:11px}.case-body{display:grid;grid-template-columns:.32fr 1fr;grid-gap:60px;gap:60px;padding-top:90px}.case-body>aside{display:grid;align-content:start;position:-webkit-sticky;position:sticky;top:32px;height:-moz-fit-content;height:fit-content}.case-body>aside span{color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.case-body>aside strong{margin-bottom:28px;font-weight:400}.case-narrative section{padding:0 0 100px}.case-label{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.case-narrative h2{margin:20px 0 0;font-size:clamp(34px,5vw,70px);line-height:1;letter-spacing:-.05em;font-weight:500}.case-narrative ol{padding:0;margin:28px 0 0;list-style:none}.case-narrative li{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--line);padding:18px 0;font-size:clamp(18px,2vw,30px)}.case-narrative li span{color:var(--muted)}.case-narrative li p{margin:0}.case-outcome{padding:38px!important;background:var(--fg);color:var(--bg)}.case-outcome .case-label{color:inherit;opacity:.55}.case-footer{margin-top:100px;min-height:44vh;padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-end}.case-footer p{max-width:520px;color:var(--muted)}.unlock-page{min-height:100svh;padding:24px;display:flex;flex-direction:column}.unlock-header{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.unlock-copy>p,.unlock-header span,.unlock-note{color:var(--muted)}.unlock-copy{margin:auto 0;display:grid;grid-template-columns:.7fr 1.3fr;align-items:end;grid-gap:40px;gap:40px}.unlock-copy h1{margin:0;font-size:clamp(58px,10vw,150px);line-height:.84;letter-spacing:-.08em;font-weight:500}.unlock-form{grid-column:2;margin-top:56px}.unlock-form label{display:block;margin-bottom:8px;color:var(--muted)}.unlock-row{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--fg)}.unlock-row input{width:100%;padding:16px 0;border:0;outline:0;background:transparent;font-size:28px}.unlock-row button{border:0;background:none;cursor:pointer}.form-error{color:#ff6a4d}.home-frame{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.55fr);grid-gap:clamp(64px,8vw,144px);gap:clamp(64px,8vw,144px);width:min(1480px,100%);margin:0 auto;padding:0 clamp(28px,4vw,72px)}.identity-rail{position:-webkit-sticky;position:sticky;top:0;display:flex;min-height:100svh;align-self:start;align-items:center;padding:clamp(36px,6vh,64px) 0}.identity-content{display:grid;width:100%;max-width:370px;grid-gap:22px;gap:22px}.identity-mark{width:92px;height:92px;object-fit:contain}.identity-copy{display:grid;grid-gap:14px;gap:14px}.identity-copy h1{margin:0;font-size:clamp(18px,1.55vw,21px);font-weight:650;line-height:1.05;letter-spacing:-.035em}.identity-copy p{max-width:36ch;margin:0;color:color-mix(in srgb,var(--fg) 72%,var(--bg));line-height:1.55}.identity-copy .identity-note{color:var(--muted)}.identity-copy a{color:var(--fg);font-weight:600}.identity-copy a:hover{color:#f05a9d}.identity-actions{display:flex;align-items:center;min-height:32px;gap:12px;color:var(--muted)}.identity-actions>a{display:inline-flex;min-height:32px;align-items:center}.identity-actions>a:hover{color:var(--fg)}.track-player{position:relative;grid-template-columns:44px minmax(0,1fr) auto;width:min(100%,278px);min-height:72px;grid-gap:12px;padding:9px 10px 8px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--fg) 3%,transparent);transition:border-color .2s ease,background-color .2s ease}.track-player,.track-player-hit{display:grid;align-items:center;gap:12px}.track-player-hit{grid-column:1/-1;grid-template-columns:44px minmax(0,1fr) auto;grid-gap:12px;min-width:0;color:inherit;cursor:pointer}.track-player-hit:after{content:"";position:absolute;inset:0;border-radius:inherit}.track-art{width:44px;height:44px;border-radius:7px;object-fit:cover}.track-player-copy{display:grid;min-width:0;line-height:1.2}.track-player-copy span{color:var(--muted);font-size:11px}.track-player-copy span,.track-player-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-player-copy strong{margin:3px 0;font-size:13px;font-weight:650}.track-player-actions{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--fg) 7%,transparent);color:var(--muted);transition:background-color .2s ease,color .2s ease}.track-dots{position:relative;z-index:1;grid-column:1/-1;display:flex;justify-content:center;gap:6px;margin-top:-2px}@media (hover:hover) and (pointer:fine){.track-player:hover{border-color:color-mix(in srgb,var(--fg) 28%,var(--line));background:color-mix(in srgb,var(--fg) 6%,transparent)}.track-player:hover .track-player-actions{background:color-mix(in srgb,var(--fg) 12%,transparent);color:var(--fg)}}.track-dots button{width:6px;height:6px;border:0;border-radius:50%;padding:0;background:var(--line);cursor:pointer;transition:width .2s ease,background-color .2s ease}.track-dots button.is-active{width:16px;border-radius:99px;background:var(--fg)}.home-work{display:grid;align-content:start;grid-gap:clamp(88px,9vw,140px);gap:clamp(88px,9vw,140px);min-width:0;padding:clamp(36px,6vh,64px) 0 48px}.home-section-title{margin:0 0 24px;color:var(--muted);font-size:14px;font-weight:500;line-height:1.4}.project-stream{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;grid-gap:clamp(56px,6vw,88px) clamp(22px,2.5vw,40px);gap:clamp(56px,6vw,88px) clamp(22px,2.5vw,40px)}.project-card{display:grid;min-width:0;grid-gap:16px;gap:16px}.project-card-visual{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:var(--panel)}.project-card-visual img{object-fit:cover;object-position:center}.home-reveal{display:contents}@media (hover:hover) and (pointer:fine){.project-card{transition:opacity .65s cubic-bezier(.22,1,.36,1)}.project-card-visual img{filter:grayscale(1) contrast(1.03);transition:filter .65s cubic-bezier(.22,1,.36,1)}.project-stream:has(.project-card:hover) .project-card:not(:hover){opacity:.3}.project-card:hover .project-card-visual img{filter:grayscale(0)}}.project-card .locked-badge{position:absolute;top:10px;right:10px;z-index:2;margin:0;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-card-copy{display:grid;grid-gap:7px;gap:7px}.project-card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.project-card-heading h3{margin:0;font-size:clamp(15px,1.15vw,17px);font-weight:600;line-height:1.2;letter-spacing:-.025em}.project-card-heading span{flex:0 0 auto;color:var(--muted);font-size:13px}.project-card-copy p{margin:0;max-width:46ch;color:var(--muted);font-size:13px;line-height:1.45}.play-collection{min-width:0}.home-work .experiment-row{grid-template-columns:64px minmax(0,1fr) auto;min-height:52px}.home-work .simple-footer{margin-top:-28px;padding-bottom:20px}.credential-collection{min-width:0}.credential-list,.experience-list{border-top:1px solid var(--line)}.experience-item{border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}.experience-toggle{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;grid-gap:12px;gap:12px;width:100%;margin:0;padding:18px 0;border:0;background:none;text-align:left;cursor:pointer}.experience-logo{width:36px;height:36px;flex:0 0 36px;border:1px solid var(--line);border-radius:8px;background:white;object-fit:contain}.experience-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title location chevron" "meta meta meta";grid-column-gap:10px;column-gap:10px;grid-row-gap:5px;row-gap:5px;min-width:0;padding-top:2px;align-items:start}.experience-title{grid-area:title;min-width:0;color:var(--fg);font-size:14px;line-height:1.35}.experience-title strong{font-weight:650}.experience-title>span[aria-hidden]{color:var(--muted)}.experience-role{font-weight:400;color:color-mix(in srgb,var(--fg) 78%,var(--bg))}.experience-location{grid-area:location;padding-top:1px;color:var(--muted);font-size:13px;white-space:nowrap}.experience-chevron{grid-area:chevron;flex:0 0 auto;margin-top:2px;color:var(--muted);transition:transform .28s ease}.experience-item.is-open .experience-chevron{transform:rotate(180deg)}.experience-toggle:hover .experience-chevron{color:var(--fg)}.experience-meta{grid-area:meta;color:var(--muted);font-size:12px;line-height:1.4}.experience-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.experience-item.is-open .experience-panel{grid-template-rows:1fr}.experience-panel-inner{min-height:0;overflow:hidden}.experience-details{display:grid;grid-gap:18px;gap:18px;padding:2px 0 22px 48px}.experience-bullets{margin:0;padding:0 0 0 1.15em;list-style:disc;color:color-mix(in srgb,var(--fg) 68%,var(--bg));font-size:13px;line-height:1.6}.experience-bullets li+li{margin-top:10px}.experience-bullets li::marker{color:var(--muted)}.experience-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.experience-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--fg) 5%,transparent);color:var(--fg);font-size:12px;line-height:1}.experience-tag svg{color:var(--muted)}.credential-row{display:grid;grid-template-columns:112px minmax(0,1fr);grid-gap:20px;gap:20px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}.credential-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:28px;gap:28px}.credential-name{display:flex;min-width:0;align-items:center;gap:12px}.credential-logo{width:36px;height:36px;flex:0 0 36px;border:1px solid var(--line);border-radius:7px;background:white;object-fit:contain}.credential-main strong{font-weight:600}.credential-main>span{color:var(--muted);text-align:right}.theme-toggle{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line);border-radius:50%;padding:0}.theme-toggle:hover{border-color:var(--fg)}@media (max-width:760px){.site-frame{width:min(100% - 28px,900px);padding-top:28px}.profile-header{flex-direction:column;gap:24px;margin-bottom:64px}.profile-nav{order:-1;width:100%;justify-content:space-between;gap:8px}.profile-illustration{width:68px;height:68px}.directory-section{margin-bottom:72px}.experiment-row,.project-row{grid-template-columns:54px minmax(0,1fr) auto;min-height:70px;align-items:start}.row-main{grid-template-columns:1fr;gap:1px}.row-main>span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.locked-badge,.row-arrow{margin-left:8px}.hover-preview{display:none}.simple-footer{flex-direction:column}.simple-footer div{flex-wrap:wrap}.shell{width:min(100% - 28px,1200px)}.case-title>p{margin-left:0}.case-body{grid-template-columns:1fr}.case-body>aside{position:static}.unlock-copy{grid-template-columns:1fr}.unlock-form{grid-column:1}}@media (max-width:900px){.home-frame{grid-template-columns:1fr;gap:72px;padding:0 clamp(20px,5vw,40px)}.identity-rail{position:static;min-height:auto;align-items:flex-start;padding:32px 0 0}.identity-content{max-width:620px}.identity-copy p{max-width:56ch}.home-work{gap:72px;padding:0 0 48px}.project-card,.project-stream:has(.project-card:hover) .project-card:not(:hover){opacity:1}.project-card-visual img{filter:none}}@media (max-width:520px){.project-stream{grid-template-columns:1fr}.project-card-copy p{white-space:normal}.identity-mark{width:82px;height:82px}.home-work .experiment-row{grid-template-columns:54px minmax(0,1fr) auto}.credential-row{grid-template-columns:1fr;gap:3px}.credential-main{grid-template-columns:1fr;gap:4px}.credential-main>span{text-align:left}.experience-toggle{padding:16px 0}.experience-heading{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title chevron" "location location" "meta meta"}.experience-location{white-space:normal}.experience-details{padding:0 0 18px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}