:root{--bg: #050706;--line: #1c2622;--text: #d6e4dc;--muted: #7d8f86;--accent: #7bffb0;--ease: cubic-bezier(.2, .7, .2, 1);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}main{max-width:980px;margin:0 auto;padding:0 24px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent);transform-origin:left;transform:scaleX(0);z-index:10}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;margin:0 -24px;padding:0 24px}.spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(520px circle at var(--mx, 50%) var(--my, 35%),rgba(123,255,176,.13),transparent 62%)}main>*{position:relative;z-index:1}.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 20px}.name{font-size:clamp(44px,9vw,112px);line-height:.95;letter-spacing:-.035em;margin:0 0 28px;font-weight:700}.word{display:inline-block;white-space:nowrap;margin-right:.22em}.letter{display:inline-block;animation:rise .9s var(--ease) both;animation-delay:calc(var(--i) * 40ms + .15s)}@keyframes rise{0%{opacity:0;transform:translateY(.45em) rotate(6deg);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.titles{display:flex;flex-wrap:wrap;gap:4px 22px;font-size:clamp(20px,3vw,30px);color:var(--muted);margin:0 0 36px;font-weight:500}.intro{max-width:560px;opacity:.85;margin:0 0 40px;font-size:18px}.cta{align-self:flex-start;padding:14px 26px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-family:var(--mono);font-size:14px;transition:transform .3s var(--ease),background .3s,color .3s;will-change:transform}.cta:hover{background:var(--accent);color:var(--bg);text-decoration:none}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.marquee-track{display:flex;gap:48px;padding-right:48px;width:max-content;animation:marquee 42s linear infinite;font-family:var(--mono);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.marquee-track span{white-space:nowrap}.marquee-track span:nth-child(3n+1){color:var(--text)}@keyframes marquee{to{transform:translate(-50%)}}.role{min-height:90vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding:96px 0;border-top:1px solid var(--line)}.role-media{margin:0;height:68vh;overflow:hidden;border-radius:4px;clip-path:inset(14% 14% 14% 14%);will-change:clip-path}.role-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) contrast(1.05);will-change:transform}.role-number{font-size:clamp(72px,14vw,160px);line-height:.9;font-weight:700;color:transparent;-webkit-text-stroke:1px var(--accent);margin-bottom:20px}.role h2{font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-.02em;margin:0 0 14px;font-weight:700}.role-where{font-family:var(--mono);font-size:13px;color:var(--muted);margin:0 0 28px;text-transform:uppercase;letter-spacing:.08em}.role-text{max-width:680px;font-size:20px;line-height:1.7;margin:0}[data-focus]{opacity:.2;transform:translateY(28px);filter:blur(3px);transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease)}[data-focus].is-active{opacity:1;transform:none;filter:none}.journey{padding:96px 0 72px;border-top:1px solid var(--line)}.journey-title{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0 0 40px}.track{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:28px 0 8px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.track:before{content:"";position:absolute;left:0;right:0;top:28px;height:1px;background:linear-gradient(90deg,var(--accent),var(--line) 60%);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease)}.track.is-drawn:before{transform:scaleX(1)}.stop{position:relative;flex:0 0 240px;padding:0 24px 0 0;scroll-snap-align:start}.stop:before{content:"";position:absolute;left:0;top:-6px;width:1px;height:14px;background:var(--muted)}.stop-education:before{background:var(--accent)}.stop-period{display:block;font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.06em;margin:12px 0 8px}.stop-title{display:block;font-size:16px;font-weight:600;line-height:1.35;margin-bottom:4px}.stop-org{display:block;font-size:14px;color:var(--muted)}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:40px 0 64px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}[data-focus]{opacity:1;transform:none;filter:none}.track:before{transform:none}.letter{opacity:1}.marquee-track{width:auto}}@media (max-width: 860px){.role{grid-template-columns:1fr;gap:36px;padding:72px 0}.role-media{height:52vh}}@media (max-width: 600px){.role{min-height:auto;padding:64px 0}.role-text{font-size:17px}.hero{min-height:auto;padding-top:96px;padding-bottom:72px}.marquee-track{font-size:12px}}.home{transition:transform .9s var(--ease),filter .9s var(--ease);transform-origin:left center}.home.is-dim{transform:translate(-24%) scale(.94);filter:brightness(.4)}.hear-more{margin-top:36px;padding:12px 22px;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--accent);font:500 14px var(--mono);cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:background .3s,color .3s,opacity .4s var(--ease),transform .4s var(--ease)}.role-ai:hover .hear-more,.hear-more:focus-visible{opacity:1;transform:none;pointer-events:auto}.hear-more:hover,.hear-more:focus-visible{background:var(--accent);color:var(--bg);outline:none}@media (hover: none){.hear-more{opacity:1;transform:none;pointer-events:auto}}.ai-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow-y:auto;background:#fff;color:#0b0b0b;font-family:var(--font);clip-path:polygon(var(--edge) 0,100% 0,100% 100%,0 100%);transform:translate(100%);visibility:hidden;transition:transform .9s var(--ease),clip-path .9s var(--ease),visibility 0s linear .9s}.ai-page.is-open{transform:none;visibility:visible;transition:transform .9s var(--ease),clip-path .9s var(--ease),visibility 0s}.ai-page-body{max-width:760px;margin:0 auto;padding:88px 32px 140px}.ai-page-kicker{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#6b6b6b;margin:0 0 28px}.case-kind{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;margin:0 0 14px}.case-title{font-size:clamp(56px,10vw,112px);line-height:.95;letter-spacing:-.035em;margin:0 0 24px;font-weight:700;color:#0b0b0b}.case-summary{font-size:22px;line-height:1.55;margin:0 0 32px;color:#1c1c1c}.case-stack{list-style:none;margin:0 0 72px;padding:0;display:flex;flex-wrap:wrap;gap:10px}.case-stack li{padding:7px 14px;border:1px solid #d4d4d4;border-radius:999px;font-family:var(--mono);font-size:13px;color:#3a3a3a}.case-section{padding:40px 0;border-top:1px solid #e6e6e6}.case-section h2{font-size:13px;font-family:var(--mono);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#6b6b6b;margin:0 0 20px}.case-section p{font-size:18px;line-height:1.75;margin:0 0 18px;color:#161616}.case-section p:last-child{margin-bottom:0}@media (max-width: 600px){.ai-page-body{padding:56px 20px 100px}:root{--edge: 26vw}}@media (prefers-reduced-motion: reduce){.home,.ai-page,.hear-more,.peek{transition:none!important}}.peek{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;margin:0;padding:0;border:0;background:transparent;clip-path:polygon(0 0,var(--edge) 0,0 100%);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .6s var(--ease) .3s}.peek.is-open{opacity:1;pointer-events:auto}.peek:focus{outline:none}.peek span{position:absolute;left:clamp(.75rem,1.2vw,1.5rem);top:12vh;font:500 clamp(.95rem,.7rem + .5vw,1.35rem) var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s var(--ease);white-space:nowrap}.peek:hover span,.peek:focus-visible span{opacity:1;transform:none}:root{--edge: 16vw}.experience-title{font-size:clamp(3rem,2rem + 6vw,7rem);line-height:.95;letter-spacing:-.035em;font-weight:700;margin:0 0 clamp(2rem,4vh,3.5rem);color:#0b0b0b}.ai-page-body.is-wide{max-width:none;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;padding:clamp(2.5rem,6vh,4rem) clamp(1.5rem,3vw,3rem) clamp(1.5rem,4vh,3rem) calc(var(--edge) + clamp(1.5rem,3vw,3rem))}.slices-rail{--dx: calc(var(--edge) * .66);flex:1 1 0;min-height:0;margin-top:clamp(1.5rem,4vh,2.5rem);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#d4d4d4 transparent}.slices{list-style:none;margin:0;height:100%;padding:0 var(--dx) 0 0;display:flex;gap:.35rem}.slices>li{flex:1 1 0;min-width:0;height:100%;scroll-snap-align:start}.slice{--pad: clamp(1rem, 1.6vw, 1.5rem);position:relative;container-type:inline-size;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;width:calc(100% + var(--dx));height:100%;padding:var(--pad) calc(var(--dx) / 2 + var(--pad));border:0;background:#f2f2f2;color:#0b0b0b;font:inherit;text-align:left;cursor:pointer;clip-path:polygon(var(--dx) 0,100% 0,calc(100% - var(--dx)) 100%,0 100%);transition:filter .3s}.slice:hover,.slice:focus-visible{filter:brightness(.95);outline:none}.slice-index,.slice-kind{font-family:var(--mono);font-size:clamp(.6rem,4.5cqi,.95rem);letter-spacing:.1em;text-transform:uppercase;opacity:.6}.slice-text{display:flex;flex-direction:column;gap:.4rem}.slice-title{font-size:clamp(1rem,9cqi,2.1rem);font-weight:700;letter-spacing:-.02em;line-height:1.05;overflow-wrap:break-word}.slice-arrow{align-self:flex-end;font-size:clamp(1.25rem,1rem + 1vw,2rem);transition:transform .3s var(--ease)}.slice:hover .slice-arrow,.slice:focus-visible .slice-arrow{transform:translate(.4em)}@media (max-width: 600px){.slices>li{flex:0 0 72vw}}.back-projects{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 clamp(2rem,4vh,3rem);padding:.55rem 1.1rem;border:1px solid #0b0b0b;border-radius:999px;background:transparent;color:#0b0b0b;font:500 clamp(.7rem,.65rem + .2vw,.85rem) var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s}.back-projects:hover,.back-projects:focus-visible{background:#0b0b0b;color:#fff;outline:none}.case-enter{animation:case-in .7s var(--ease) both}@keyframes case-in{0%{opacity:0;transform:translate(3vw)}to{opacity:1;transform:none}}.case-empty{font-size:1.125rem;color:#6b6b6b}@media (prefers-reduced-motion: reduce){.case-enter{animation:none}}