:root{color-scheme:dark;--void: #050508;--panel: #09090f;--panel-2: #101018;--ink: #f5f2ff;--soft-ink: #c7c1d6;--muted: #8d86a1;--purple: #8b39ff;--purple-hot: #b364ff;--purple-dim: #32136c;--line: rgba(255, 255, 255, .14);--line-strong: rgba(139, 57, 255, .58);--white: #f4f2f7;--black: #060608}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 0%,rgba(139,57,255,.32),transparent 28rem),radial-gradient(circle at 92% 18%,rgba(139,57,255,.18),transparent 22rem),var(--void);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}a:hover{color:var(--purple-hot)}h1,h2,h3,p{margin-top:0}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:64px;padding:16px clamp(18px,5vw,72px);border-bottom:1px solid var(--line);background:#050508c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{position:relative;padding-left:16px;color:var(--ink);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.brand:before{position:absolute;top:50%;left:0;width:6px;height:6px;background:var(--purple);border-radius:999px;content:"";transform:translateY(-50%)}nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(12px,2vw,24px);color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}main{overflow:hidden}.resume-sheet,.portfolio-section,.systems-band,.closing-band,.project-detail{width:min(1180px,calc(100% - 32px))}.resume-sheet{position:relative;margin:0 auto;padding:clamp(56px,9vw,116px) clamp(24px,7vw,96px) clamp(44px,7vw,88px);background:linear-gradient(180deg,rgba(139,57,255,.2),transparent 18rem),radial-gradient(circle at 86% 36%,rgba(139,57,255,.24),transparent 18rem),var(--black);border-inline:1px solid var(--line)}.resume-sheet:after,.systems-band:after,.closing-band:after{position:absolute;inset:auto -18% -18rem;height:28rem;background:radial-gradient(circle,rgba(139,57,255,.42),transparent 62%);content:"";pointer-events:none}.hero-lockup{position:relative;min-height:clamp(440px,68vh,720px);display:grid;grid-template-columns:minmax(0,.72fr) minmax(260px,.28fr);align-items:center;gap:clamp(24px,6vw,80px)}.hero-copy{position:relative;z-index:2}.name-kicker,.date,.section-title>p{color:var(--purple-hot);font-size:11px;font-weight:900;letter-spacing:.32em;text-transform:uppercase}.name-kicker{margin-bottom:22px}h1{display:grid;margin:0;color:var(--ink);font-family:Impact,Arial Black,Inter,sans-serif;font-size:clamp(76px,14vw,190px);font-weight:900;line-height:.78;letter-spacing:0;text-transform:uppercase}.hero-statement{max-width:560px;margin-top:28px;color:var(--soft-ink);font-size:clamp(16px,1.8vw,22px)}.hero-mark{position:relative;z-index:1;min-height:240px;display:grid;place-items:center}.hero-mark strong{color:transparent;font-family:Impact,Arial Black,Inter,sans-serif;font-size:clamp(130px,22vw,310px);line-height:.8;text-transform:uppercase;-webkit-text-stroke:1px rgba(255,255,255,.18)}.hero-mark span{position:absolute;width:clamp(9px,1.2vw,16px);height:clamp(9px,1.2vw,16px);background:var(--purple);border-radius:50%;box-shadow:0 0 36px #8b39ffe6}.contact-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:-34px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.contact-strip span,.contact-strip a{overflow-wrap:anywhere}.intro-panel{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,.58fr);gap:clamp(24px,6vw,88px);padding:clamp(54px,8vw,92px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-title{display:grid;gap:14px}.section-title h2{max-width:720px;margin:0;color:var(--ink);font-size:clamp(24px,4vw,50px);font-weight:850;line-height:.98;letter-spacing:-.02em}.section-title span{display:none}.profile-copy,.section-intro,.origin-grid p,.systems-band p:not(.name-kicker),.detail-heading p:not(.date){color:var(--soft-ink);font-size:clamp(16px,1.6vw,20px)}.accomplishments-section{position:relative;z-index:1;padding:clamp(54px,8vw,96px) 0}.accomplishment-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;margin-top:34px;border:1px solid var(--line);background:var(--line)}.accomplishment-grid article{flex:1 1 198px;min-width:180px;max-width:230px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:linear-gradient(180deg,rgba(139,57,255,.08),transparent),#07070b}.achievement-metric{margin-bottom:18px;color:var(--ink);font-size:clamp(24px,3vw,38px);font-weight:300;line-height:.95;letter-spacing:-.04em;overflow-wrap:anywhere}.achievement-metric:first-letter{color:var(--purple-hot)}.accomplishment-grid h3{margin-bottom:12px;color:var(--ink);font-size:12px;font-weight:900;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.accomplishment-grid p:not(.achievement-metric){margin-bottom:0;color:var(--muted);font-size:13px;line-height:1.45}.resume-grid{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);gap:clamp(34px,6vw,88px);padding:clamp(54px,8vw,96px) 0;border-top:1px solid var(--line)}.sidebar{display:grid;align-content:start;gap:34px}.sidebar section+section{margin-top:0}.section-title.compact{gap:10px;margin-bottom:22px}.section-title.compact h2{color:var(--ink);font-size:15px;letter-spacing:.16em;line-height:1;text-transform:uppercase}.stack{display:grid;gap:20px}.date{margin:0 0 6px;color:var(--purple-hot);font-size:10px}h3{margin-bottom:6px;color:var(--ink);font-size:16px;font-weight:850}.sidebar p,li,.early-career p{color:var(--soft-ink)}.skill-group+.skill-group{margin-top:22px}.skill-group h3{margin-bottom:10px;color:var(--ink);font-size:13px;letter-spacing:.1em;text-transform:uppercase}ul{margin:0;padding-left:0;list-style:none}li{position:relative;margin:7px 0;padding-left:15px;font-size:14px}li:before{position:absolute;top:.65em;left:0;width:4px;height:4px;background:var(--purple);border-radius:50%;content:""}.experience{min-width:0}.job{position:relative;padding:0 0 34px 24px;border-left:1px solid rgba(139,57,255,.32)}.job:before{position:absolute;top:4px;left:-4px;width:7px;height:7px;background:var(--purple);border-radius:50%;content:""}.job.featured{padding-bottom:46px}.job-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:14px}.job-heading h3{margin:0;font-size:clamp(18px,2vw,24px)}.job-heading p{margin-bottom:0}.job-heading div p{color:var(--soft-ink);font-size:14px}.early-career{display:grid;gap:10px;padding-top:18px;border-top:1px solid var(--line)}.early-career p{margin:0}.early-career strong{color:var(--ink)}.early-career span{margin-left:8px}.portfolio-section,.systems-band,.closing-band,.project-detail{margin:0 auto}.origin-section{padding:clamp(58px,8vw,104px) clamp(24px,7vw,96px);background:radial-gradient(circle at 18% 40%,rgba(139,57,255,.24),transparent 24rem),var(--black);border-inline:1px solid var(--line);border-top:1px solid var(--line)}.origin-grid{display:grid;grid-template-columns:minmax(0,.62fr) minmax(260px,.38fr);gap:clamp(28px,6vw,88px);margin-top:32px}.origin-grid aside{align-self:start;padding:26px;border:1px solid var(--line-strong);background:#8b39ff14}.origin-grid aside h3{margin:8px 0 16px;font-size:clamp(24px,3vw,38px);line-height:.98}#work.portfolio-section{width:100%;padding:clamp(58px,8vw,104px) max(24px,calc((100vw - 1180px)/2));background:radial-gradient(circle at 78% 18%,rgba(139,57,255,.26),transparent 24rem),radial-gradient(circle at 12% 80%,rgba(139,57,255,.16),transparent 20rem),var(--black);color:var(--ink);border-top:1px solid var(--line)}#work .section-title>p,#work .date{color:var(--purple-hot)}#work .section-title h2{color:var(--ink);font-family:Impact,Arial Black,Inter,sans-serif;font-size:clamp(52px,8vw,112px)}#work .section-intro{max-width:620px;color:var(--soft-ink)}.project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:34px}.project-card{min-height:360px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(139,57,255,.1),transparent),#0a0a10;color:var(--ink)}.project-card:nth-child(1),.project-card:nth-child(2),.project-card:nth-child(7),.project-card:nth-child(8){grid-column:span 3}.project-card:nth-child(3),.project-card:nth-child(4),.project-card:nth-child(5),.project-card:nth-child(6){grid-column:span 2}.project-card-link{display:block}.project-card img,.project-video{width:100%;aspect-ratio:16 / 10;object-fit:cover;border:0;background:#07070b}.project-video{display:block}.project-card>div{padding:18px 18px 0}.project-card h3{margin:8px 0;color:var(--ink);font-size:clamp(18px,2vw,24px);line-height:1.05}.project-card p:not(.date){color:var(--soft-ink);font-size:14px}.project-open{align-self:flex-start;margin:auto 18px 18px;padding:5px 10px;border-radius:999px;background:var(--ink);color:var(--black);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.systems-band{position:relative;padding:clamp(58px,8vw,104px) clamp(24px,7vw,96px);background:radial-gradient(circle at 82% 20%,rgba(139,57,255,.34),transparent 21rem),var(--black);border-inline:1px solid var(--line);border-top:1px solid var(--line)}.systems-band h2{max-width:880px;margin:0;font-size:clamp(42px,7vw,96px);line-height:.94;letter-spacing:-.04em}.systems-band p:not(.name-kicker){max-width:850px;margin:26px 0 0}.systems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:34px}.systems-grid span{min-height:54px;display:inline-flex;align-items:center;padding:14px 16px;border:1px solid var(--line-strong);color:var(--ink);background:#8b39ff14;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.closing-band{position:relative;display:grid;justify-items:center;gap:18px;padding:clamp(70px,10vw,132px) 24px;background:radial-gradient(circle at 50% 0%,rgba(139,57,255,.4),transparent 24rem),var(--black);border-inline:1px solid var(--line);border-top:1px solid var(--line);text-align:center}.closing-band p{max-width:760px;margin:0;color:var(--ink);font-size:clamp(30px,5vw,68px);font-weight:900;line-height:.98;letter-spacing:-.04em}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--black);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.button.ghost{background:transparent;color:var(--ink)}.project-detail{margin:clamp(24px,5vw,64px) auto;padding:clamp(28px,6vw,80px);border:1px solid var(--line);background:radial-gradient(circle at 80% 0%,rgba(139,57,255,.24),transparent 22rem),var(--black)}.back-link{display:inline-flex;margin-bottom:34px;color:var(--purple-hot);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.detail-heading{max-width:920px;margin-bottom:clamp(28px,5vw,52px)}.detail-heading h1{margin:8px 0 18px;font-size:clamp(52px,10vw,140px)}.detail-video{width:100%;aspect-ratio:16 / 9;margin-bottom:18px;border:0;background:var(--black)}.detail-videos,.detail-gallery{display:grid;gap:22px}.detail-video-frame{margin:0}.detail-video-frame iframe{width:100%;aspect-ratio:16 / 9;border:0;background:var(--black)}.detail-video-frame.portrait-video iframe{aspect-ratio:720 / 1046;max-height:82vh}.detail-video-frame figcaption{margin-top:10px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.detail-gallery img{width:100%;max-height:82vh;object-fit:contain;border:1px solid var(--line);background:var(--panel)}.detail-empty{padding:28px;border:1px solid var(--line);background:#ffffff0a}.detail-empty p{margin:0;color:var(--soft-ink)}@media (max-width: 980px){.hero-lockup,.intro-panel,.resume-grid,.origin-grid{grid-template-columns:1fr}.hero-lockup{min-height:auto;padding-bottom:70px}.hero-mark{min-height:160px;justify-items:start}.contact-strip,.systems-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.project-card:nth-child(n){grid-column:span 1}}@media (max-width: 640px){.site-header{align-items:flex-start;flex-direction:column}nav{justify-content:flex-start}.resume-sheet,.origin-section,.systems-band,.project-detail{width:min(100% - 20px,720px);padding-inline:22px}.contact-strip,.systems-grid,.project-grid{grid-template-columns:1fr}.early-career span{display:block;margin-left:0}}
