:root{color-scheme:dark;background:#030608;color:#e0e6e9;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden}#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.65}.shade{position:fixed;inset:0;background:linear-gradient(180deg,#030608 0%,#030608c7 38%,#0306085c 100%);pointer-events:none}.portfolio{position:relative;z-index:1;max-width:1120px;margin:0 auto;min-height:calc(100svh - 92px);padding:clamp(72px,13vh,150px) 48px 80px;display:grid;grid-template-columns:1fr 1.14fr;gap:clamp(64px,9vw,130px);align-items:start}.intro{padding-top:5px}.monogram{font-size:22px;letter-spacing:-1.5px;color:#a4b8c1;margin-bottom:66px}.monogram span{color:#c4dbe4}h1{font-size:clamp(32px,3.5vw,43px);line-height:1.2;letter-spacing:-1.7px;font-weight:400;margin:0 0 17px}.role{font-size:18px;line-height:1.6;color:#b6c4cb;margin:0 0 25px}.bio{font-size:16px;line-height:1.85;color:#919fa8;max-width:315px;margin:0 0 36px}.text-link{color:#bfcbd1;text-decoration:none;font-size:14px;line-height:1.6;display:inline-flex;gap:19px;align-items:center;padding:8px 0;border-bottom:1px solid #5b727852;transition:color .2s,border-color .2s}.text-link span{color:#8aa5b1;font-size:17px}.text-link:hover{color:#fff;border-color:#a4beca}.section-label{font-family:'Courier New',monospace;font-size:12px;line-height:1.6;letter-spacing:2px;text-transform:uppercase;font-weight:400;color:#82969f;margin:0 0 27px}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.project-heading h2{font-size:32px;letter-spacing:-1px;font-weight:400;margin:0}.badge{font-family:'Courier New',monospace;font-size:12px;line-height:1.5;color:#a0b3bc;border:1px solid #536c753f;border-radius:3px;padding:5px 9px;white-space:nowrap}.project-summary{font-size:24px;line-height:1.45;letter-spacing:-.4px;margin:0 0 18px;color:#c3cfd5}.project-detail{font-size:16px;line-height:1.8;color:#95a5ae;margin:0;max-width:390px}.project-link{margin-top:23px}.consulting{border-top:1px solid #7d969c2b;margin-top:47px;padding-top:29px}.consulting .section-label{margin-bottom:15px}.clients{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.clients li{font-size:16px;line-height:1.7;padding:12px 0;color:#b4c1c8}footer{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 48px 32px;display:flex;justify-content:space-between;align-items:center}.site-note{font-size:12px;letter-spacing:1.5px;font-family:'Courier New',monospace;color:#72858f}button{display:grid;place-items:center;width:44px;height:44px;background:none;border:0;color:#8199a4;cursor:pointer;font-size:14px;font-family:monospace;transition:color .2s}button:hover{color:#d1e4ec}a:focus-visible,button:focus-visible{outline:1px solid #b4d0dd;outline-offset:5px}@media(min-width:1500px){.portfolio{padding-top:16vh}}@media(max-width:760px){.portfolio{grid-template-columns:1fr;gap:64px;padding:48px 28px 48px;max-width:540px;min-height:auto}.monogram{margin-bottom:37px}h1{font-size:34px;letter-spacing:-1px}.bio{max-width:370px;margin-bottom:22px}.work{border-top:1px solid #7d969c2b;padding-top:32px}.section-label{margin-bottom:22px}.project-heading{margin-bottom:22px}.project-heading h2{font-size:30px}.consulting{margin-top:36px}.shade{background:linear-gradient(180deg,#030608ea,#030608b8)}footer{max-width:540px;padding:0 28px 24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.experience{border-top:1px solid #7d969c2b;margin-top:35px;padding-top:29px}.career{list-style:none;padding:0;margin:0}.career>li{padding:0 0 26px;margin:0 0 24px;border-bottom:1px solid #7d969c18}.career>li:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}.career-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px}.career-heading h3{font-size:18px;line-height:1.5;font-weight:400;color:#c9d4da;margin:0}.dates{font-size:12px;font-family:'Courier New',monospace;color:#8397a2;white-space:nowrap}.job-title{font-size:14px;line-height:1.6;color:#a4b6bf;margin:5px 0 9px}.job-detail{font-size:14px;line-height:1.85;color:#91a3ad;margin:0}@media(min-width:761px){.intro{position:sticky;top:72px}}

body{height:100svh;overflow:hidden}
.portfolio{position:fixed;inset:0;display:block;max-width:none;min-height:0;margin:0;padding:0}
.intro{position:absolute;z-index:2;top:0;left:0;width:100%;padding:0 28px;text-align:center;transform:translateY(30svh);transition:transform 280ms cubic-bezier(.22,.7,.2,1)}
.intro h1{font-size:32px;letter-spacing:-1px;margin:0;line-height:40px}
.intro .role{font-size:16px;margin:12px 0 20px;transition:opacity 180ms ease}
.work .linkedin{font-size:13px;color:#91a6af;margin-bottom:32px}
.view-toggle{position:absolute;top:100px;left:50%;transform:translateX(-50%);min-width:70px;justify-content:center;transition:top 280ms cubic-bezier(.22,.7,.2,1),color .2s}
.home-label,.back-label{display:flex;align-items:center;gap:18px}
.back-label{display:none}
.work-scroll{position:absolute;inset:148px 0 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity 180ms ease,transform 260ms cubic-bezier(.22,.7,.2,1),visibility 280ms;outline:none;mask-image:linear-gradient(to bottom,transparent,#000 20px,#000 calc(100% - 35px),transparent)}
.work{max-width:560px;margin:0 auto;padding:30px 28px 90px;border:0;text-align:left}
.company-link{color:inherit;text-decoration:none;text-underline-offset:5px}
.company-link span{font-size:12px;color:#758f9c;padding-left:5px}
.company-link:hover{text-decoration:underline;color:#ecf5fa}
.shade{background:linear-gradient(180deg,#030608ba,#03060820)}
.shade:after{content:'';position:absolute;inset:0;background:#030608a8;opacity:0;transition:opacity 280ms ease}
footer{position:fixed;bottom:0;left:0;right:0;pointer-events:none;padding:16px 28px;transition:opacity 180ms ease}
body[data-view="work"] .intro{transform:translateY(32px)}
body[data-view="work"] .intro .role{opacity:0;pointer-events:none}
body[data-view="work"] .view-toggle{top:52px}
body[data-view="work"] .home-label{display:none}
body[data-view="work"] .back-label{display:flex}
body[data-view="work"] .work-scroll{opacity:1;visibility:visible;transform:translateY(0);transition:opacity 220ms ease 60ms,transform 280ms cubic-bezier(.22,.7,.2,1),visibility 0s}
body[data-view="work"] .shade:after{opacity:1}
body[data-view="work"] footer{opacity:0}
@media(max-width:760px){.portfolio{max-width:none;padding:0}.intro{transform:translateY(27svh)}.work{padding:24px 28px 64px}.project-heading h2{font-size:28px}}
@media(max-height:500px){.intro{transform:translateY(18svh)}body[data-view="work"] .intro{transform:translateY(12px)}.work-scroll{top:118px}}
@media(prefers-reduced-motion:reduce){*,*:after{transition:none!important}}