:root{color-scheme:dark;--bg: oklch(.105 0 0);--surface: oklch(.16 .012 160);--surface-strong: oklch(.205 .018 160);--ink: oklch(.96 0 0);--muted: oklch(.74 .012 160);--primary: oklch(.4 .087 160);--primary-bright: oklch(.78 .14 160);--accent: oklch(.68 .19 30);--line: oklch(.31 .018 160);--header-bg: oklch(.105 0 0 / .86);--font-display: "Funnel Display", "Arial Narrow", sans-serif;--font-body: "Atkinson Hyperlegible Next", Arial, sans-serif;--page: min(90rem, calc(100% - clamp(2rem, 6vw, 7.5rem)) );--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.6;overflow-x:hidden}body::selection{background:var(--primary-bright);color:var(--bg)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{display:block;max-width:100%}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip-link{position:fixed;top:1rem;left:1rem;z-index:50;padding:.65rem 1rem;background:var(--accent);color:var(--ink);transform:translateY(-180%);transition:transform .2s var(--ease-out)}.skip-link:focus{transform:translateY(0)}.page-shell{width:var(--page);margin-inline:auto}.section-pad{padding-block:clamp(6rem,11vw,11rem)}.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:5.25rem;padding-inline:max(1rem,calc((100vw - min(90rem,calc(100vw - clamp(2rem,6vw,7.5rem))))/2));background:var(--header-bg);border-bottom:1px solid oklch(.96 0 0 / .11);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header nav{min-width:0}.brand{display:flex;align-items:center;gap:.85rem;min-height:44px}.brand-mark{display:grid;place-items:center;width:2.55rem;height:2.55rem;background:var(--primary-bright);color:var(--bg);font:700 1.05rem/1 var(--font-display)}.brand-copy{color:var(--muted);font-size:.76rem;line-height:1.18}.nav-links{display:flex;gap:clamp(.35rem,1.2vw,1.3rem)}.nav-links a{position:relative;display:grid;place-items:center;min-height:44px;padding-inline:.65rem;color:var(--muted);font-size:.88rem;transition:color .25s ease}.nav-links a:after{content:"";position:absolute;right:.65rem;bottom:.45rem;left:.65rem;height:2px;background:var(--primary-bright);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}.nav-links a:hover,.nav-links a[aria-current=true]{color:var(--ink)}.nav-links a:hover:after,.nav-links a[aria-current=true]:after{transform:scaleX(1)}.menu-button{display:none;min-height:44px;border:0;background:none;cursor:pointer;transition:transform .2s var(--ease-out)}.hero{position:relative;min-height:100svh;padding-top:7rem;background:radial-gradient(circle at 76% 44%,oklch(.4 .087 160 / .32),transparent 31%),linear-gradient(115deg,var(--bg) 0 56%,oklch(.18 .035 160) 56% 100%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(oklch(1 0 0 / .035) 1px,transparent 1px),linear-gradient(90deg,oklch(1 0 0 / .035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to right,transparent 0,black 36%,black 100%);mask-image:linear-gradient(to right,transparent 0,black 36%,black 100%)}.data-current{position:absolute;inset:0;width:100%;height:100%;opacity:.72;pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(25rem,.85fr);gap:clamp(3rem,7vw,8rem);align-items:center;min-height:calc(100svh - 11rem)}.hero-copy{padding-block:clamp(2.5rem,4vw,4.5rem)}.availability,.contact-status{display:flex;align-items:center;gap:.65rem;margin-bottom:1.7rem;color:var(--primary-bright);font-size:.9rem;font-weight:600}.availability span,.contact-status span{width:.55rem;height:.55rem;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px #f75f4c24;animation:signal-pulse 2.4s ease-out infinite}@keyframes signal-pulse{55%,to{box-shadow:0 0 0 10px transparent}}h1{max-width:12ch;margin-bottom:1.8rem;font-size:clamp(2.9rem,5.5vw,4.65rem);font-weight:500;letter-spacing:-.035em;line-height:.94}.hero-accent{color:var(--primary-bright)}.hero-positioning{margin-bottom:1rem;color:var(--primary-bright);font-size:.95rem;font-weight:700}.hero-intro{max-width:62ch;margin-bottom:1rem;color:var(--muted);font-size:clamp(1.05rem,1.45vw,1.25rem)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.4rem;margin-bottom:2.7rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:48px;padding:.8rem 1.15rem;font-weight:700;transition:transform .25s var(--ease-out),background-color .25s ease}.button svg{width:1.15rem;fill:none;stroke:currentColor;stroke-width:1.6}.button-primary{background:var(--accent);color:var(--ink)}.button-primary:hover{transform:translateY(-3px);background:#ff7965;background:oklch(.73 .18 30)}.button:active,.stream-toggle:active,.menu-button:active{transform:scale(.96)}.text-link{min-height:44px;display:inline-flex;align-items:center;gap:.4rem;border-bottom:1px solid var(--line);color:var(--ink)}.text-link span{color:var(--primary-bright);transition:transform .25s var(--ease-out)}.text-link:hover span{transform:translate(.2rem,.2rem)}.hero-stack{display:flex;flex-wrap:wrap;gap:.55rem}.hero-stack li,.timeline-tags li,.project-tags li{display:inline-flex;align-items:center;gap:.42rem;padding:.35rem .7rem;border:1px solid var(--line);color:var(--muted);font-size:.79rem}.technology-logos{display:inline-flex;align-items:center;gap:.22rem}.technology-logo{display:block;width:1rem;height:1rem;object-fit:contain}.technology-logo+.technology-logo{width:.9rem;height:.9rem}.portrait-stage{position:relative;justify-self:end;width:min(100%,33rem);transform:translate(var(--portrait-x, 0),var(--portrait-y, 0));transition:transform .7s var(--ease-out)}.portrait-frame{position:relative;aspect-ratio:.79;overflow:hidden;clip-path:polygon(7% 0,100% 0,100% 91%,84% 100%,0 100%,0 9%)}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,oklch(.11 0 0 / .42),transparent 55%);mix-blend-mode:multiply}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:53% 30%;filter:saturate(.8) contrast(1.07);outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}.portrait-scan{position:absolute;z-index:2;inset:0;background:linear-gradient(to bottom,transparent 48%,oklch(.78 .14 160 / .35) 50%,transparent 52%);transform:translateY(-100%);animation:portrait-scan 6s ease-in-out infinite 1.2s}@keyframes portrait-scan{0%,15%{transform:translateY(-100%)}65%,to{transform:translateY(100%)}}.portrait-caption{display:flex;justify-content:space-between;padding-top:.75rem;color:var(--muted);font-size:.75rem}.signal-label{position:absolute;z-index:3;display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem;background:var(--bg);color:var(--ink);font-size:.72rem}.signal-label span{width:.4rem;height:.4rem;background:var(--primary-bright);border-radius:50%}.signal-label-source{top:14%;left:-9%}.signal-label-ready{right:-5%;bottom:19%}.signal-label-ready span{background:var(--accent)}.hero-footer{position:absolute;z-index:3;right:0;bottom:1.4rem;left:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;color:var(--muted);font-size:.73rem}.flow-line{height:1px;background:var(--line);overflow:hidden}.flow-line i{display:block;width:18%;height:100%;background:var(--primary-bright);animation:flow 3s linear infinite}@keyframes flow{0%{transform:translate(-100%)}to{transform:translate(650%)}}.section-index{color:var(--primary-bright);font-size:.82rem;font-weight:700}.profile-section{background:#f0f0f0;color:#060a08}.profile-grid{display:grid;grid-template-columns:1fr 6fr 3fr;gap:clamp(2rem,5vw,6rem);align-items:start}.profile-copy h2,.section-heading h2,.contact-grid h2{font-size:clamp(2.5rem,5vw,4.85rem);font-weight:500;letter-spacing:-.03em;line-height:.98}.profile-copy h2{max-width:13ch;margin-bottom:2.4rem}.profile-copy p{max-width:65ch;color:#2c3530}.profile-copy .large-copy{color:#060a08;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.38}.profile-aside{border-top:1px solid oklch(.72 .02 160)}.profile-aside dl{margin:0}.profile-aside dl div{padding-block:1.05rem;border-bottom:1px solid oklch(.8 .012 160)}.profile-aside dt{margin-bottom:.2rem;color:#445149;font-size:.75rem}.profile-aside dd{margin:0;font-weight:600;line-height:1.35}.evidence-section{background:var(--primary)}.section-heading{display:grid;grid-template-columns:1fr 9fr;gap:2rem;margin-bottom:clamp(4rem,8vw,7rem)}.section-heading h2{max-width:15ch;margin:0}.evidence-section .section-index{color:var(--primary-bright)}.metric-story{display:grid;grid-template-columns:1fr minmax(14rem,2.2fr) 1fr;gap:2rem;align-items:center;padding-block:3rem;border-block:1px solid oklch(.88 .08 160 / .28)}.metric-before>span,.metric-after>span{color:var(--muted);font-size:.8rem}.metric-before strong,.metric-after strong{display:block;margin-block:.25rem;font:600 clamp(3.2rem,7vw,6rem)/.9 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.035em}.metric-after strong{color:var(--primary-bright)}.metric-before small,.metric-after small{display:block;max-width:19ch;color:var(--muted);line-height:1.35}.metric-route{position:relative}.metric-route svg{display:block;width:100%;height:8rem;overflow:visible}.route-base,.route-active{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.route-base{stroke:#f2f2f22e}.route-active{stroke:var(--accent);stroke-dasharray:10 9;animation:route 3s linear infinite}@keyframes route{to{stroke-dashoffset:-38}}.metric-route span{position:absolute;color:var(--muted);font-size:.69rem}.metric-route span:nth-of-type(1){left:18%;bottom:-.35rem}.metric-route span:nth-of-type(2){left:46%;top:-.3rem}.metric-route span:nth-of-type(3){right:3%;bottom:.1rem}.evidence-rail{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid oklch(.88 .08 160 / .28)}.evidence-rail article{padding:2.5rem clamp(1.25rem,3vw,3rem) 2.5rem 0}.evidence-rail article+article{padding-left:clamp(1.25rem,3vw,3rem);border-left:1px solid oklch(.88 .08 160 / .28)}.evidence-number{color:var(--accent);font:500 2.2rem/1 var(--font-display);font-variant-numeric:tabular-nums}.evidence-rail h3{margin:2.2rem 0 .8rem;font-size:1.45rem;font-weight:600}.evidence-rail p{max-width:39ch;margin:0;color:#c7dacf}.journey-section{background:var(--bg)}.journey-heading .section-index{color:var(--accent)}.timeline{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:1.25fr 4.5fr 2fr;gap:clamp(1.5rem,4vw,4rem);padding-block:clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--line);transition:background-color .3s ease}.timeline-row:hover{background:var(--surface)}.timeline-date{color:var(--primary-bright);font-size:.82rem;font-variant-numeric:tabular-nums}.timeline-place{margin-bottom:.45rem;color:var(--muted);font-size:.86rem}.timeline-main h3{margin-bottom:.8rem;font-size:clamp(1.65rem,3vw,2.5rem);font-weight:500;letter-spacing:-.02em}.timeline-main>p:last-child{max-width:64ch;margin:0;color:var(--muted)}.timeline-tags{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.45rem}.projects-section{background:#f0f0f0;color:#060a08}.projects-section .section-index{color:#005e38;color:oklch(.42 .12 160)}.projects-list{border-top:1px solid oklch(.72 .02 160)}.project-row{display:grid;grid-template-columns:1fr 2.35fr 2.65fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-block:clamp(3.5rem,7vw,7rem);border-bottom:1px solid oklch(.72 .02 160)}.project-meta{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;color:#445149;font-size:.78rem}.project-copy h3{margin-bottom:1rem;font-size:clamp(2.5rem,5.5vw,5rem);font-weight:500;letter-spacing:-.035em;line-height:.94}.project-copy>p{max-width:48ch;color:#313a35}.project-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-block:1.5rem}.project-tags li{border-color:#9aa9a0;color:#202c25}.project-link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;border-bottom:1px solid oklch(.5 .04 160);font-weight:700}.project-link span{color:#005e38;color:oklch(.42 .12 160);transition:transform .25s var(--ease-out)}.project-link:hover span{transform:translate(.2rem,-.2rem)}.project-stream{min-width:0;background:#040906;color:var(--ink);box-shadow:10px 10px #005e38;box-shadow:10px 10px oklch(.42 .12 160);transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}.project-row:hover .project-stream{transform:translate(-5px,-5px);box-shadow:15px 15px #005e38;box-shadow:15px 15px oklch(.42 .12 160)}.stream-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3.2rem;padding-inline:.85rem;border-bottom:1px solid var(--line);font-size:.7rem}.stream-status{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.stream-status i{width:.45rem;height:.45rem;background:var(--accent);border-radius:50%}.project-stream[data-state=ready] .stream-status i{background:var(--primary-bright);animation:signal-pulse 2.4s ease-out infinite}.stream-environment{min-width:0;overflow:hidden;color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap}.stream-toggle{min-height:40px;padding:.35rem .65rem;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:.68rem;font-weight:700;transition:transform .2s var(--ease-out),border-color .2s ease,background-color .2s ease}.stream-toggle:hover,.stream-toggle[aria-pressed=true]{border-color:var(--primary-bright);background:var(--primary)}.stream-viewport{position:relative;aspect-ratio:16 / 10;overflow:hidden;contain:paint;background:var(--bg)}.stream-viewport iframe{position:absolute;inset:0 auto auto 0;width:250%;height:250%;border:0;background:var(--bg);opacity:0;pointer-events:none;transform:scale(.4);transform-origin:top left;transition:opacity .45s ease}.project-stream[data-state=ready] iframe{opacity:1}.stream-poster{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;object-position:center top;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px;transition:opacity .3s ease}.project-stream[data-has-poster] .stream-loading{display:none}.project-stream[data-state=ready] .stream-poster{opacity:0;pointer-events:none}.project-stream[data-interactive=true] iframe{width:100%;height:100%;pointer-events:auto;transform:none}.stream-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:.65rem;color:var(--muted);font-size:.75rem;transition:opacity .3s ease}.stream-loading span{width:.6rem;height:.6rem;border:2px solid var(--line);border-top-color:var(--primary-bright);border-radius:50%;animation:stream-spin .8s linear infinite}.project-stream[data-state=ready] .stream-loading{opacity:0;pointer-events:none}@keyframes stream-spin{to{transform:rotate(1turn)}}.stream-error{position:absolute;inset:0;z-index:4;display:grid;place-content:center;gap:.8rem;padding:1.5rem;background:#040906f5;color:var(--ink);text-align:center}.stream-loading[hidden],.stream-error[hidden]{display:none}.stream-error p{max-width:28ch;margin:0;color:var(--muted);font-size:.85rem}.stream-error a{justify-self:center;min-height:44px;padding:.55rem .85rem;border:1px solid var(--primary-bright);color:var(--ink);font-size:.75rem;font-weight:700}.stream-error a:hover{background:var(--primary)}html.reveal-ready [data-reveal]{opacity:.55;transform:translateY(1.25rem);transition:opacity .65s ease,transform .65s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}html.reveal-ready [data-reveal].is-visible{opacity:1;transform:none}.contact-section{padding-top:clamp(6rem,12vw,11rem);background:var(--accent);color:var(--ink)}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(3rem,8vw,10rem);align-items:end;padding-bottom:clamp(6rem,11vw,10rem)}.contact-status{color:var(--ink)}.contact-status span{background:var(--primary-bright);box-shadow:0 0 0 5px #56d29838}.contact-grid h2{max-width:12ch;margin:0;color:var(--ink)}.contact-actions{padding-bottom:.6rem}.contact-email{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:54px;padding-block:.8rem;border-bottom:2px solid oklch(.96 0 0 / .55);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700}.contact-email span{transition:transform .25s var(--ease-out)}.contact-email:hover span{transform:translate(.2rem,-.2rem)}.social-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem}.social-links a{min-height:44px;display:grid;place-items:center;border-bottom:1px solid transparent;font-weight:600}.social-links a:hover{border-color:currentColor}.site-footer{display:flex;justify-content:space-between;gap:2rem;padding-block:1.4rem;border-top:1px solid oklch(.96 0 0 / .35);font-size:.75rem}@media(max-width:980px){.hero{background:radial-gradient(circle at 70% 25%,oklch(.4 .087 160 / .4),transparent 31%),var(--bg)}.hero-grid{grid-template-columns:1fr;padding-bottom:7rem}.hero-copy{padding-bottom:0}.portrait-stage{justify-self:center;width:min(78vw,30rem)}.profile-grid{grid-template-columns:1fr 5fr}.profile-aside{grid-column:2}.timeline-row{grid-template-columns:1fr 3fr}.timeline-tags{grid-column:2}.project-row{grid-template-columns:1fr 3fr}.project-stream{grid-column:2}.project-meta{min-height:16rem}}@media(max-width:720px){:root{--page: calc(100% - 2rem) }html{scroll-padding-top:5.5rem}.site-header{min-height:4.5rem;padding-inline:1rem}.brand-copy{display:none}.menu-button{display:flex;align-items:center;gap:.65rem}.menu-icon{display:grid;gap:5px;width:1.25rem}.menu-icon i{display:block;width:100%;height:1px;background:currentColor;transition:transform .25s var(--ease-out)}.menu-button[aria-expanded=true] .menu-icon i:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-3px) rotate(-45deg)}.nav-links{position:fixed;top:4.5rem;right:0;left:0;display:grid;padding:1rem;background:var(--bg);border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .45s var(--ease-out)}.nav-links[data-open=true]{transform:translateY(0)}.no-js .menu-button{display:none}.no-js .nav-links{position:static;display:flex;max-width:calc(100vw - 4.5rem);padding:0;overflow-x:auto;transform:none;border:0;background:transparent;scrollbar-width:thin}.no-js .nav-links li{flex:0 0 auto}.hero{padding-top:5.5rem}.hero-grid{gap:1rem}h1{max-width:min(100%,11ch);font-size:clamp(2.4rem,11vw,4.15rem)}.hero-intro{font-size:1rem}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.text-link{align-self:flex-start}.portrait-stage{width:min(90vw,27rem)}.signal-label-source{left:-2%}.signal-label-ready{right:-1%}.hero-footer{grid-template-columns:auto 1fr}.hero-footer>span:last-child{display:none}.profile-grid,.section-heading,.timeline-row,.project-row,.contact-grid{grid-template-columns:minmax(0,1fr)}.profile-copy h2,.section-heading h2,.contact-grid h2{font-size:clamp(2.4rem,11vw,3.5rem)}.profile-aside,.timeline-tags,.project-stream{grid-column:auto}.section-index{margin-bottom:1rem}.metric-story{grid-template-columns:1fr 1fr}.metric-route{grid-column:1 / -1;grid-row:2}.metric-after{text-align:right}.metric-after small{margin-left:auto}.evidence-rail{grid-template-columns:1fr}.evidence-rail article{padding:2.2rem 0;border-bottom:1px solid oklch(.88 .08 160 / .28)}.evidence-rail article+article{padding-left:0;border-left:0}.timeline-row:hover{padding-inline:0}.project-meta{min-height:auto;flex-direction:row}.stream-toolbar{grid-template-columns:auto minmax(0,1fr)}.stream-environment{text-align:right}.stream-toggle{grid-column:1 / -1;margin-bottom:.7rem;min-height:44px}.site-footer{flex-direction:column;gap:.25rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.portrait-scan{display:none}html.reveal-ready [data-reveal],html.reveal-ready [data-reveal].is-visible{opacity:1;transform:none;transition:none}}